/*	

Bosweb Systems.2012.

Table Of Contents
-------------------------
[01] - Global/Default Styles
[02] - Layout
[03] - Additional Layouts
[04] - Navigation and Lists
[05] - Forms
[06] - Buttons
*/

/*[01] - Global/Default Styles 
----------------------------*/
/* Resets */
html, body, div, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, form, fieldset{
	display:block;
	margin:0;
	padding:0;
	border:0;
}
a{text-decoration:none;}
a,a:active, a:focus{outline: 0;}
textarea:focus, input:focus, select:focus{outline:none;}
img, a img{
	max-width:100%;
	border:none;
}
table{
	border-collapse:collapse;
	border-spacing: 0;
}
::selection{}

/* Document Styles/Page Size Standards */
html{
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body{font:12px Arial, Helvetica, sans-serif;line-height:1.5;color:#13140e;}
body > *{width:100%;}
body > * > .wrapper{
	position:relative;
	margin:0px auto;
	width:990px;
}

/* Typography */
h1, h2, h3, h4 {text-transform:uppercase;color:#dc0000;}
h1{font-size:18px; margin:10px 0;}
h2{font-size:16px; }
h3{font-size:14px; color:#030250;}
h4{font-size:12px;}
h5 a{font-size:20px; color:#13140e;}

a{text-decoration:none;color:#dc0000;}
a:hover{text-decoration:underline;}

/*[02] - Layout
----------------------------*/
#SiteHeader{position:relative;height:auto;border-bottom:1px solid #db0000;background:#0a0850;z-index:4;}
	#SiteHeader .logo{margin-bottom:-120px;}
	#SiteHeader .phone-number{float:right;width:200px;padding:10px 0px 0px;}
		#SiteHeader .phone-number h1{color:#fff; font-size:24px;margin:0px;}
		
#Banner{position:relative;text-align:center;border-bottom:4px solid #db0000;background:#191a15;z-index:1;}
	#Banner .container{position:relative;}
		#Banner figure{position:relative;z-index:2;}
			#Banner figure img{max-width:84.6%;}
		.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;z-index:2;}
			.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
			.rslides li:first-child{position:relative;display:block;float:left;}
				.rslides img{display:block;height:auto;max-width:84.6%;margin:0px auto;border:0;}
		#Banner .background{position:absolute;top:0px;left:0px;z-index:1;}

#Welcome{padding:0px 0px 0px;font-size:14px;color:#fff;background:#030250 url(http://www.dubbocitywelding.com/html/bg_middle_responsive.jpg) no-repeat left bottom;}
	#Welcome #PageContent{padding-top:10px;}
	#Welcome .quote{padding:5px 20px;text-align:center;background:#dc0000;}
		#Welcome .quote h1{color:#fff; font-size:18px; margin:0px 0px 5px;}
		#Welcome .quote form{margin:0px;}
		#Welcome .quote td{padding:0px;}
		#Welcome .quote input[type=text]{width:95%;padding:5px 2.5%;}

.leadins{padding-top:30px;}
	.leadin{position:relative;font-size:12px;color:#fff;}
		.leadin h1{margin:0px;color:#fff;font-size:30px;}
		.leadins-side h1,.leadins-side h1 a{font-size:18px;color:#000;}
		.leadin img{float:right;margin:-10px 0px 0px 15px;}
		.leadins-side img{width:115px;}
		.leadin p,.leadin .content{padding:10px;background:#dc0000;}
		.leadin a{color:#fff;}
		.leadin a:hover{text-decoration:none;}
	
#Welcome + #Carousel{margin-top:30px;}
#Carousel{clear:both;padding:10px 0px 20px;border-top: 2px solid #D4D4D6;}
	#CarouselHolder{position:relative;padding:0px 30px;}
		#CarouselHolder > div{}
		#CarouselSlider{}
			#CarouselSlider .carouselItem{float:left;cursor:pointer;width:350px;height:210px;padding:0px 10px;text-align:center;font-size:14px;}
				#CarouselSlider .carouselItem a{display:block;color:#000;}
				#CarouselSlider .carouselItem a:hover{text-decoration:none;color:#DC0000;}
		#CarouselHolder > a{position:absolute;top:50%;margin-top:-10px;z-index:2;}
		#CarouselSlider_Prev{left:0px;}
		#CarouselSlider_Next{right:0px;}
		
#Main{background:#fafafc;padding:20px 0;}
	#Main .breadcrumbs{font-size:11px;}
		#Main .page-breadcrumbs{text-align:right;}

#content {}
#content .breadcrumbs{width:670px; float:left;}
#content .text{width:670px; float:left;margin-bottom:20px;}
#content .leadin {width: 300px;float:right; color:#fff;}
#content .rops {background:url(/html/bg_rops2.png) no-repeat bottom; width:300px; height:190px;}
#content .toolboxes {background:url(/html/bg_toolboxes2.png) no-repeat bottom; width:300px; height:165px; margin-top:20px;}
#content .words {position:relative;background:url(/html/bg_word.png) no-repeat bottom; width:300px; height:190px;}
#content .leadintext{width:280px; margin:5px 10px;}
#content .leadintext a{color:#fff;}

#SiteFooter{padding:10px 0px;font-size:11px;color:#13140E;border-top: 2px solid #D4D4D6;background:#fafafc;}
	#SiteFooter .row + .row{padding-top:15px;}
	#SiteFooter h3{margin:0px;text-transform:uppercase;font-size:14px;font-weight:bold;color:#DC0000;}
	#SiteFooter a{text-decoration:none;color:#717171;}
	#SiteFooter a:hover{text-decoration:none;color:#dc0000;}
	#SiteFooter .copyright{}
		#SiteFooter .copyright > div + div{text-align:right;}

/*[03] - Additional Layouts
----------------------------*/

/* Product Gallery */
/*#productGallery{width:500px;overflow:hidden;}
	#productGallery #largeImage{width:500px;overflow:hidden;}
	#productGallery #thumbs td.photogalleryItem{padding:5px 10px 0px 0px;}
		#productGallery #thumbs td.photogalleryItem img{}*/
		
/*[04] - Navigation and Lists
----------------------------*/

/* Site Navigation */
.tinynav{display:none;}
#SiteNavigation{clear:both;float:right;}
	#SiteNavigation > ul{margin:0px;padding:0px;list-style:none;}
		#SiteNavigation > ul > li{position:relative;float:left;}
		#SiteNavigation > ul > li + li{margin-right:15px;}
		#SiteNavigation > ul > li:hover{background:#c60303;}
			#SiteNavigation > ul > li > a{display:block;padding:8px 10px;text-transform:uppercase;color:#e2e6e9;}
			#SiteNavigation > ul > li:hover > a{text-decoration:none;}
			#SiteNavigation > ul > li > a > img{display:none;}
			#SiteNavigation > ul > li > ul{display:none;position:absolute;top:100%;left:50%;width:350px;margin:0px 0px 0px -175px;padding:10px 15px;list-style:none;background:#c60303;border-radius:0 0 5px 5px;}
			#SiteNavigation > ul > li.right > ul{left:auto;right:0px;}
			#SiteNavigation > ul > li:hover > ul{display:block;}
				#SiteNavigation > ul > li > ul > li{float:left;margin:0px 5px 5px 0px;}
					#SiteNavigation > ul > li > ul > li > a{display:block;width:150px;padding:5px;text-transform:uppercase;font-size:12px;color:#fff;}
						#SiteNavigation > ul > li > ul > li > a > img{float:left;width:47px;margin-right:10px;padding:4px;}

/*[05] - Forms
----------------------------*/
fieldset{}
label{font-size:11px;font-weight:bold;}
label,input[type=checkbox],input[type=radio]{cursor:pointer;}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=tel], select, textarea{width:250px !important;}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus, select:focus, textarea:focus{border:1px solid #c1c9ce;}

.text input[type=text],.text input[type=password],.text input[type=email],.text input[type=url],.text input[type=number],.text input[type=tel],.text select,.text textarea{
	padding:5px;
	border:1px solid #c1c9ce;
	width:250px;
	color:#93a2ac;
	border-radius: 0px;
	box-shadow: none;
}

/*[06] - Buttons
----------------------------*/


/* Misc */
.cf:before,.cf:after{content:"";display:block;}
.cf:after{clear:both;}
.cf{zoom:1;}

/* Tablet */
@media screen and (max-width: 979px) {
	#SiteHeader{padding:10px 0px 20px;}
		#SiteHeader .logo{margin:0px;}
		#SiteHeader .right{padding-top:30px;}
    .tinynav{display:block}
	#SiteNavigation{clear:none;padding:10px 55px 0px 0px;}
		#SiteNavigation > ul{display:none}
	#LocationMap{width:200px !important;height:200px !important;}
	.leadin img{width:100px;margin:0px 0px 0px 15px;}
	#Welcome .quote input[type=text]{width:95% !important;}
}

/* Mobile */
@media screen and (max-width: 767px){
	#SiteHeader .left{text-align:center;}
	#SiteNavigation{float:none;padding:0px;}
		#SiteNavigation .tinynav{margin:0px auto;}
	#PageContent{padding:0px 30px 20px;}
	#Main .page-breadcrumbs{padding:0px 30px;text-align:left;}
	.leadin{padding:0px 30px;}
		.leadin img{float:none;width:auto;margin:10px 0px;}
	#Carousel h1{padding:0px 30px;}
	#SiteFooter h3,#SiteFooter p{padding:0px 30px;}
	#SiteFooter .copyright > div + div{text-align:left;}
}