@charset "UTF-8";
/* CSS Document */

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#ffffff; line-height:1.3em; background:#bfbfbf url(../images/background.png) repeat-x top;}

#wrapper{width:834px; margin:0 auto 0 auto;}

#header{width:834px; background:url(../images/bg_header.png) no-repeat bottom; padding:25px 0 0 0;}




/****************** Navigation *****************/

	#nav{width:785px; margin:0 0 6px 23px; position:relative; background:url(../images/phone_number.jpg) top right no-repeat; padding:0 0 10px 0;}

	#tabs{
      float:left;
      width:590px;
      font-size:1.3em;
      line-height:normal;
	  margin:0px 0 0 0px;
	  position:relative;
      }
	  
    #tabs ul{
	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
	  float:left;
      }
	  
    #tabs li{
      display:inline;
	  padding:0;
	  margin:0 2px 0 2px;
      }
	  
	#tabs li.phone_number{visibility:hidden; font-size:3px;}
	  
    #tabs a{
      float:left;
      margin:0 2px 0 0;
      padding:0 0 0 8px;
      text-decoration:none;
	  font-weight:bold;
      }
    #tabs a span{
      display:block;
      padding:10px 20px 10px 12px;
      color:#393b37;
	  text-decoration:none;
	  font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span{float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span{
      color:#000000;
	  padding:10px 20px 10px 12px;
	  background:url(../images/nav_right.png) no-repeat right top;
      }
	  
    #tabs a:hover{background:url(../images/nav_left.png) no-repeat left top;}
	#tabs span#active{color:#000000; text-decoration:none; padding:10px 20px 10px 12px; background:url(../images/nav_right.png) no-repeat right top;}
	#tabs a#ac{background:url(../images/nav_left.png) no-repeat left top;}

body#page_products #tabs li#products span,
body#page_details #tabs li#products span,
body#page_about #tabs li#about span,
body#page_case_studies #tabs li#case_studies span,
body#page_contact #tabs li#contact span{color:#000000; text-decoration:none; padding:10px 20px 10px 12px; 
background:url(../images/nav_right.png) no-repeat right top;}

body#page_products #tabs li#products a,
body#page_details #tabs li#products a,
body#page_about #tabs li#about a,
body#page_case_studies #tabs li#case_studies a,
body#page_contact #tabs li#contact a{background:url(../images/nav_left.png) no-repeat left top;}



#page{width:834px; margin:20px 0 0 0;}

#page_top{width:834px; background:url(../images/home_logo.png) no-repeat top; height:317px;}

#page_middle{background:url(../images/page_middle.png) no-repeat top; width:834px;}

#page_left{width:550px; float:left;}
#page_right{width:250px; float:left; text-align:center;}

.bigbox{width:488px; margin:20px 0 0 34px; float:left;}
.bigbox_top{width:488px; height:16px; background:url(../images/box_big_top.png) no-repeat; float:left;}
.bigbox_bottom{width:488px; background:url(../images/box_big_bottom.png) no-repeat bottom center; float:left; padding:0 0 40px 0;}

.bigbox_gradient{width:488px; background:url(../images/box_big_grad_bottom.png) no-repeat bottom center; float:left; padding:0 0 40px 0;}

	.bigbox_gradient p{font-family:Arial, Helvetica, sans-serif; color:#5b5b5b; font-size:12px; margin:0 0 0 17px; width:450px; float:left;}
	.bigbox_gradient img.top{margin:25px 24px 0 22px;}
	.bigbox_gradient img.bottom{margin:0px 0px 20px 22px;}
	
	.bigbox_gradient img.dist_img{margin:0 0 0 17px;}


.feat_prod{width:147px; float:left; margin:0 0 0 11px; position:relative; padding:0 0 20px 0; display:inline-block;}

	.feat_prod img{border:#dfdfdf solid 1px; float:left; position:relative;}
	.feat_prod a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3b3939; text-decoration:none; 
	background:url(../images/list_triangle.gif) no-repeat left center; padding:0 0 0 8px; margin:7px 0 0 9px; float:left; position:relative; display:inline-block;}
	.feat_prod a.no{background:none; padding:0; margin:0;}


.smallbox{width:235px; float:right; padding:20px 0 0 0;}
.smallbox_top{width:235px; height:17px; background:url(../images/box_small_top.png) no-repeat top; float:left;}
.smallbox_bottom{width:235px; background:url(../images/box_small_bottom.png) no-repeat bottom center; float:left; padding:0 0 40px 0;}

	#home_map{border:#dadada solid 1px; margin:0 0 0 16px;}


/************* Big Buttons ***************/	

.big_button{width:165px; background:url(../images/big_button.jpg) no-repeat top; height:59px; margin:-42px 0 0px 50px; float:left;}
.big_button_grad{width:165px; background:url(../images/big_button_grad.jpg) no-repeat top; height:59px; margin:-38px 0 20px 50px; float:left;}
	
	.big_button img, .big_button_grad img{margin:10px 0 0 10px; float:left;}
	.big_button a, .big_button_grad a{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#363636; font-weight:bold; text-decoration:none; 
	padding:23px 16px 21px 16px; float:left;}
	.big_button a.but_img, .big_button_grad a.but_img{padding:0 0 10px 0;}


.search_button{background:url(../images/bg_button_right.png) no-repeat right; height:59px; float:left; margin:-40px 0 0 37px;}
	#search{width:59px; height:59px; float:left; background:url(../images/button_images/search.jpg) no-repeat;}
	#search a{width:20px; height:15px;}
	.search_button a{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#363636; font-weight:bold; text-decoration:none; 
	padding:23px 24px 21px 16px; float:left;}
	
.case_button{background:url(../images/bg_button_right.png) no-repeat right; height:59px; float:left; margin:-40px 0 0 40px;}
	#case{width:59px; height:59px; float:left; background:url(../images/button_images/case_studies.jpg) no-repeat;}
	#case a{width:20px; height:15px;}
	.case_button a{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#363636; font-weight:bold; text-decoration:none; 
	padding:23px 24px 21px 16px; float:left;}
	
.send_button{background:url(../images/bg_button_right.png) no-repeat right; height:59px; float:left; margin:-40px 0 0 37px;}
	#send{width:59px; height:59px; float:left; background:url(../images/button_images/send.jpg) no-repeat;}
	#send a{width:20px; height:15px;}
	.send_button a{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#363636; font-weight:bold; text-decoration:none; 
	padding:23px 24px 21px 16px; float:left;}
	


/************* Products ***************/	

#content{width:759px; margin:20px 0 0 37px; float:left;}
#content_top{width:759px; background:url(../images/bg_content.png) no-repeat top;}
#content_bottom{width:759px; height:20px; background:url(../images/bg_content_bottom.png) no-repeat;}

#content_top p{padding:10px 10px 10px 17px;}

body#page_products #content_top ul{margin:20px 0 0px 40px;}
body#page_products #content_top li{background:url(../images/products/list_item.gif) no-repeat left center; font-size:14px; font-weight:bold;}


.row{width:834px; float:left;}

.three_box{width:234px; float:left; margin:19px 0 0 15px;}
.three_box_left{width:234px; float:left; margin:19px 0 0 10px;}
.three_box2{width:234px; float:left; margin:10px 0 0 15px;}
.three_box_left2{width:234px; float:left; margin:10px 0 80px 10px;}
.three_box_top{width:234px; text-align:center;}
.three_box_bottom{width:234px; height:58px; text-align:center; padding:0px 0 0 0;}

	.three_box_top h1{text-align:center; margin:0 0 0 0; padding:14px 0 10px 0;}
	.three_box_top img{margin:0px 0 0 0;}
	.three_box_top p{padding:10px 10px 10px 17px;}
	
	
	
/************* Product Details ***************/	

.range{width:124px; float:left; text-align:center; margin:0 0 10px 0;}

	.range img{margin:10px 0 0 0;}
	.range a{color:#363636; font-weight:bold; font-size:12px; text-decoration:none;}
	.range a:hover{color:#eb2626;}
	
	
body#page_details #content{width:759px; margin:0 0 0 37px; float:left}
body#page_details #content_top{width:759px; background:url(../images/products/product_details/bg_details_top.png) no-repeat top;}
body#page_details #content_bottom{width:759px; height:20px; background:url(../images/bg_content_bottom.png) no-repeat;}

body#page_details #content2{width:759px; margin:0 0 0 37px; float:left;}
body#page_details #content_top2{width:759px; background:url(../images/products/product_details/bg_details_top.png) no-repeat top;}
body#page_details #content_bottom2{width:759px; height:20px; background:url(../images/bg_content_bottom.png) no-repeat;}

#details{width:759px; background:url(../images/products/product_details/bg_details.png) no-repeat top; margin:20px 0 0 37px; float:left;}

.product{width:700px; margin:20px auto 0 auto; float:left; background:url(../images/products/product_details/seperator.gif) no-repeat bottom center; 
padding:0 0 20px 65px;}

.product img{border:#dbdbdb solid 1px; float:left;}

.product .right{float:left; width:310px; margin:0 0 0 70px; position:relative;}

	.right p.name{color:#1c7dc9; font-size:15px; font-weight:bold;}
	.product .right p{position:relative;}


.other{width:161px; float:left; margin:0 0 10px 22px;}

.other_name{width:120px; margin:0 0 0 20px;}
.other_name_top{width:120px; background:url(../images/products/product_details/bg_other.jpg) no-repeat top; text-align:center; padding:10px 0 0 0;}
.other_name_bottom{width:120px; height:7px; background:url(../images/products/product_details/bg_other_bottom.jpg) no-repeat;}

.other_name_top a span{color:#285e88; text-decoration:none; font-size:11px; font-weight:bold;}
.other_name_top a{text-decoration:none; padding:10px 0 10px 0; position:relative;}



table#sheeting{width:720px; border:#c2c2c2 solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:30px 0 0 20px;}

table#sheeting th{color:#40627c; border-right:#c2c2c2 solid 1px; text-align:center; padding:12px 0 11px 0;}
table#sheeting th#left_col{width:140px; background:url(../images/products/bg_table_1.png) repeat-x; text-align:left; padding:0 0 0 5px;}
table#sheeting td{color:#000000; text-align:center; padding:12px 0 11px 0; border:#c2c2c2 solid 1px;}
table#sheeting td.left_col{text-align:left; padding:0 0 0 5px;}
table#sheeting tr#numbers{background:url(../images/products/product_details/table_top_row.jpg) repeat-x top;}
table#sheeting td#des{background:url(../images/products/product_details/table_description.gif) repeat-x top;}
table#sheeting tr#name{background:url(../images/products/product_details/table_name.gif) repeat-x top;}
table#sheeting tr.light{background-color:#f6f6f6;}
table#sheeting tr.light td{color:#40627d;}
table#sheeting tr.dark{background-color:#eeeeee;}



/************* Product LandinG Page ***************/

.landing{width:759px; margin:20px 0 0 37px; float:left;}
.landing_top{width:759px; background:url(../images/bg_content.png) no-repeat top; float:left; padding:0 0 40px 0;}
.landing_bottom{width:759px; height:20px; background:url(../images/bg_content_bottom.png) no-repeat; float:left;}

.landing_top p{padding:10px 10px 10px 17px;}


ul.more{margin:10px 0 0 0;}
	ul.more li{float:left; margin:0 0 0 3px; width:127px;}

ul.more span{color:#3979a6; font-weight:bold; background:url(../images/products/hosing/list.gif) no-repeat left center; padding:0 0 0 10px;}

img.view{float:right; margin:-47px 55px 0 0;}



/************* About ***************/	

body#page_about h1{margin:0 0 0 0; padding:0 0 10px 17px;}

.bigbox_bottom p{margin:0 17px 0 17px;}

body#page_about .bigbox_gradient{padding:0 0 20px 0;}

	body#page_about .bigbox_gradient p{font-size:14px; margin:10px 0 0 17px;}
	
body#page_about img.about{float:right; margin:-38px 20px 0 0; position:relative;}


/************* Contact ***************/

img#map{border:#cacac7 solid 1px; padding:1px 1px 1px 1px; margin:7px 0 10px 10px; float:left;}

#contact_details{width:162px; border:#cacac7 solid 1px; float:left; margin:7px 0 0 9px;}

	#contact_details h1{font-size:14px; margin:0 0 0 0; background:url(../images/contact/bg_heading.png) repeat-x bottom;}

	#details_bg{background:url(../images/contact/bg_details.png) repeat-x top #e5e5e5; padding:0 0 20px 0;}
		#details_bg p{background:url(../images/contact/list.gif) no-repeat top left; padding:0 0 0 10px; margin:20px 0 0 7px; background-position:0px 4px;}
 
img#enlarge{margin:-41px 0 0 60px;}


#content2{width:759px; margin:20px 0 0 37px; float:left;}
#content_top2{width:759px; background:url(../images/bg_content.png) no-repeat top; padding:0 0 30px 0;}
#content_bottom2{width:759px; height:20px; background:url(../images/bg_content_bottom.png) no-repeat;}

#content_top2 p{padding:10px 10px 10px 17px;}
 
 
table#form{width:730px; margin:0 0 0 15px;}

table#form td{vertical-align:top;}
 
.form_text{width:340px; border:#bbb6b6 solid 1px; background:url(../images/contact/bg_form.png) repeat-x top #fcfcfc; padding:13px 0 13px 10px;
margin:0 0 5px 0;}
#form_area{width:350px; border:#bbb6b6 solid 1px; height:118px; background:url(../images/contact/bg_form.png) repeat-x top #fcfcfc; padding:13px 0 0 10px;}
 
 .send_button2{background:url(../images/bg_button_right.png) no-repeat right; height:59px; float:right; margin:-40px 50px 0 0;}
 
 
 
 
 
/************* Form Styles ***************/	

.textbox{background:url(../images/bg_textbox.gif) repeat-x #fcfcfc; border:#b9b4b4 solid 1px; padding:5px 0 5px 5px; width:193px; margin:0px 0 0 0px;
font-family:Arial, Helvetica, sans-serif; font-size:10px;}

#textarea{background:url(../images/bg_textbox.gif) repeat-x #fcfcfc; border:#b9b4b4 solid 1px; padding:5px 0 5px 5px; width:193px; margin:0px 0 10px 0px;
height:50px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

#submit{border:none; background:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#4e4d4d; font-weight:bold; height:59px;
padding:3px 20px 0 15px;}

.smallbox_bottom p.form{margin:0 0 0 15px; padding:6px 0 6px 0;}




#page_bottom{width:100%; background:url(../images/page_bottom.png) repeat-x center top #858484;}

#footer{width:814px; background:url(../images/bg_footer.png) no-repeat; margin:0 auto 0 auto; padding:94px 0 50px 20px;}

	#footer p{margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; 
	background:url(../images/logo_small.gif) no-repeat left center; padding:10px 0 10px 130px;}
	#footer li{display:inline; padding:0px 0 0 0;}
	#footer li a{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-decoration:none; padding:0 6px 0 6px;}
	#footer li a:hover{text-decoration:underline;}
	#footer ul{margin:15px 0 0 0;}
	
	#footer li span{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-decoration:none; padding:0 6px 0 6px;}
	
	#footer a#ns{background:url(../images/ns_logo.gif) no-repeat center top; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;
	text-decoration:underline; padding:35px 0 0 0; float:right; margin:-40px 20px 0 0;}
	#footer a#ns:hover{text-decoration:none;}
	



/************* Form Styles ***************/	
	

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
	background:url(../images/correct.gif) no-repeat; background-position:right center;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
	background:url(../images/incorrect.gif) no-repeat right center;
}


/************* Text Styles ***************/	

body#page_home h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#4e4d4d; font-weight:bold; padding:0 0 10px 17px; border-bottom:#d4d4d4 solid 1px;
margin:0 3px 17px 3px;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#4e4d4d; font-weight:bold; padding:14px 0 10px 17px; border-bottom:#d4d4d4 solid 1px;
margin:0 3px 0px 3px; position:relative;}

.smallbox_bottom p{padding:10px 10px 10px 17px;}

p{font-family:Arial, Helvetica, sans-serif; color:#5b5b5b; font-size:12px; padding:10px 0px 10px 0px; line-height:1.3em;}

li{font-family:Arial, Helvetica, sans-serif; color:#5b5b5b; font-size:12px; padding:0px 0px 0px 17px; line-height:1.3em;}

strong{font-weight:bold; line-height:1.3em;}

a{font-family:Arial, Helvetica, sans-serif; color:#5b5b5b; font-size:12px; text-decoration:underline;}
a:hover{text-decoration:none;}

/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}