body{ 
 margin:0; 
 padding:0;
 background:url(../images/bg_page.jpg) top left repeat-x #07387a;
 font-family:"Trebuchet MS", Arial, "myriad Pro";
 color:#fff;
 font-size:13px;
}

form, p, h1, h2, h3, h4, h5, h6, ul, li{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-family:"myriad Pro", arial, Verdana;
	font-weight:normal;
}

img{
	border:0px;
}

a{
	text-decoration:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

#pagewidth{ 
	width:780px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 

/* ----------------------------------- Header Styles Start ----------------------------------------*/

#header{
	position:relative; 
	height:215px; 
	background:url(../images/bg_header.jpg) top left no-repeat;
	width:100%;
}

#header .home{
	background:url(../images/bg_home_img.jpg) bottom right no-repeat;
}

#header .about-us{
	background:url(../images/bg_aboutus_img.jpg) bottom right no-repeat;
}


#header .agitated{
	background:url(../images/bg_agitated-nutsche-filter.jpg)bottom right no-repeat;
}

#header .rotary{
	background:url(../images/bg_rotary-vacuum-drum-filter.jpg) bottom right no-repeat;
}

#header .testimonial{
	background:url(../images/bg_testimonials_img.jpg) bottom right no-repeat;
}

#header .contact-us{
	background:url(../images/bg_contactus_img.jpg) right bottom no-repeat;
}

#header .feedback{
	background:url(../images/bg_feedback_img.jpg) bottom right no-repeat;
}

#header #logo{
	float:left;
	padding:17px 0px 0px 25px;
	width:185px;
}

#header #right_head{
	float:right;
	width:570px;
}

#header #right_head .left{
	padding:50px 0px 0px 70px;
}

#header #right_head .left h6{
	font-size:14px;
	color:#fff;
	text-align:center;
}

#header #right_head #top-nav{
	float:right;
	height:215px;
	width:200px;
}

#header #right_head #top-nav ul{
	padding:0px 0px 0px 85px;
}

#header #right_head #top-nav li{
	float:left;
	list-style:none;
	padding:0px 0px 0px 15px;
}

#header #right_head #top-nav #item1 {
	background-image:url(../images/b_home_hover.gif);    
	width: 32px;                    
	height: 28px;                   
}

#header #right_head #top-nav #item2 {
	background-image:url(../images/b_contact_hover.gif);    
	width: 32px;                    
	height: 28px;                   
}

#header #top-nav .rollover { display: block; } /* Allow setting widths and heights  */
#header #top-nav .rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
#header #top-nav .rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
#header #top-nav .rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* ----------------------------------- Header Styles End ----------------------------------------*/

/* ----------------------------------- Left Styles Start ----------------------------------------*/

#leftcol{
	width:208px; 
	float:left; 
	position:relative; 
}

#leftcol #nav{
	background:#1c82ff;
	margin:0px 0px 5px 0px;
}

#leftcol #nav li{
	list-style:none;
	height:37px;
	background:url(../images/bg_nav.jpg) top left no-repeat;
	text-transform:uppercase;
	font-size:13px;
	font-weight:501;
}

#leftcol #nav li a{
	display:block;
	padding:4px 0px 0px 17px;
	color:#333;
}

#leftcol #nav li a:hover{
	color:#eee;
}

#leftcol #nav .active a{
	color:#fff;
}

#leftcol .left_container1{
	background:url(../images/bg_left_display.jpg) top left repeat-x #106fe3;
	border:2px solid #106fe2;
	padding:7px 0px 0px 0px;
}

#leftcol .left_container1 h3{
	padding:0px 0px 8px 38px;
	background:url(../images/bg_arrow_left.jpg) left top no-repeat;
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
}

#leftcol .left_container1 .img{
	border:2px solid #FFFFFF;
	margin:0px 0px 10px 4px;
}

#leftcol .left_container1 .more{
	display:block;
	padding:5px 10px 0px 0px;
	background:url(../images/bg_more.jpg) top left repeat-x;
	height:25px;
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
}

#leftcol .left_container2{
	background:url(../images/bg_left_display2.jpg) top left repeat-x #106fe2;
	border:2px solid #106fe2;
	border-top:0;
	padding:7px 0px 0px 0px;
}

#leftcol .left_container2 h3{
	padding:0px 0px 8px 38px;
	background:url(../images/bg_arrow_left2.jpg) left 3px no-repeat;
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
}

#leftcol .left_container2 .img{
	border:2px solid #FFFFFF;
	margin:0px 0px 10px 4px;
}

#leftcol .left_container2 .vid{
	display:block;
	padding:0px 10px 0px 0px;
	background:url(../images/bg_more.jpg) top left repeat-x;
	text-align:center;
	height:30px;
	font-size:11px;
	color:#FFFFFF;
}

/* ----------------------------------- Left Styles End ----------------------------------------*/

/* ----------------------------------- Main Styles Start ----------------------------------------*/


#maincol{
	float: right; 
	display:inline; 
	position: relative; 
	width:570px;
	background:url(../images/bg_content.jpg) top left repeat-x #07387a;
}

#maincol p{
	line-height:25px;
}

#maincol .home{
	background:url(../images/bg_home_shadow.jpg) top right no-repeat;
}

#maincol .about-us{
	background:url(../images/bg_aboutus_shadow.jpg) top right no-repeat;
}

#maincol .agitated{
	background:url(../images/bg_agitated-nutsche-filter_shadow.jpg) top right no-repeat;
}

#maincol .rotary{
	background:url(../images/bg_rotary-vacuum-drum-filter_shadow.jpg) top right no-repeat;
}

#maincol .testimonial{
	background:url(../images/bg_testimonials_shadow.jpg) top right no-repeat;
}

#maincol .contact-us{
	background:url(../images/bg_contactus_shadow.jpg) top right no-repeat;
}

#maincol .feedback{
	background:url(../images/bg_feedback_shadow.jpg) top right no-repeat;
}

#maincol #container1{
	margin:0px 0px 25px 13px;
}

#maincol #container1 h2{
	padding:3px 0px 20px 32px;
	background:url(../images/bullet1.jpg) top left no-repeat;
	font-size:20px;
	color:#FFFFFF;
}

#maincol #container1 h3{
	font-size:16px;
	color:#FFFFFF;
}

#maincol #container1 h5{
	padding:3px 0px 4px 0px;
	font-size:15px;
	color:#FFFFFF;
}

#maincol #container1 a{
	color:#00ccff;
}

#maincol #container1 a:hover{
	color:#fff;
	text-decoration:underline;
}

#maincol #container1 .product{
	padding:20px 0px 30px 0px;
	border-bottom:1px solid #698dbc;
}

#maincol #container1 .product .img{
	border:2px solid #fff;
	margin:0px 0px 0px 20px;
}

#maincol #container1 ul{
	margin:0px 0px 0px 20px;
}


#maincol #container1 li{
	padding:5px 0px 5px 5px;
}

#maincol #container1 .no-border{
	border:0;
}

#maincol #container1 .no-pad{
padding:0;
}

#maincol p{
	padding:10px 15px 10px 0px;
}


#maincol .container2{
	overflow:hidden;
	margin:0px 0px 10px 6px;
	padding:0px 0px 0px 0px;
	width:554px;
	background:url(../images/bg_left_display.jpg) top left repeat-x #106fe3;
	border:2px solid #106fe2;
}

#maincol .container2 .left{
	padding:8px 0px 0px 0px;
	width:272px;
	height:130px;
}

#maincol .container2 .right{
	padding:8px 0px 0px 0px;
	width:280px;
	border-left:2px solid #07387a;
}

#maincol .container2 h3{
	padding:3px 0px 8px 38px;
	background:url(../images/bg_arrow_left.jpg) left 3px no-repeat;
	font-size:17px;
	color:#FFFFFF;
	text-transform:uppercase;
}

#maincol .container2 .img{
	border:2px solid #FFFFFF;
	margin:0px 0px 10px 40px;
}

#maincol .container2 .more{
	display:block;
	padding:5px 10px 0px 0px;
	background:url(../images/bg_more.jpg) top left repeat-x;
	height:25px;
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
}

#maincol #container3{
	margin:0px 0px 25px 13px;
	height:300px;
}

#maincol #container3 h3{
	font-size:16px;
	color:#FFFFFF;
}

#maincol #container3 ul{
	margin:40px 0 0 0;
}


#maincol #container3 li{
	list-style:none;
	float:left;
	padding:0px 10px 0px 10px;
}

#maincol #container3 img{
	border:2px solid #009ffa;
}

#maincol #container3 .vid{
	display:block;
	padding:0px 10px 0px 0px;
	background:url(../images/bg_more.jpg) top left repeat-x;
	text-align:center;
	height:30px;
	font-size:11px;
	color:#FFFFFF;
}


.table_head{
	padding:3px 0px 3px 40px;
	height:35px;
	background:url(../images/bullet2.jpg) 12px center no-repeat #0468a7;
	font-family:"myriad Pro", arial, Verdana;
	font-size:17px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
}

.table_td{
	padding:4px;
	background:#229be8;
}

.table2{
	background:url(../images/bg_index_middle.jpg) top left repeat-x;
	border:1px solid #FFFFFF;
}

.table2 td{
	padding:12px 10px 12px 40px;
}

.table2 .bullet1{
	background:url(../images/bullet-dot1.jpg) 15px center no-repeat;
}

.table2 .bullet3{
	background:url(../images/bullet-dot3.jpg) 15px center no-repeat;
}

.table2 .bullet4{
	background:url(../images/bullet-dot4.jpg) 15px center no-repeat;
}

/* ----------------------------------- Main Styles End ----------------------------------------*/

#footer{
	margin:20px 0px 0px 0px;
	height:110px; 
	background:url(../images/bg_footer.jpg) top left no-repeat #105fce; 
	clear:both;
	width:780px;
}

#footer #footer_inside{
	padding:45px 0px 0px 0px;
	height:72px;
	background:url(../images/bg_footer.gif) left center repeat-x;
} 

#footer #footer_inside #footer_link{
	margin:auto;
	height:30px;
	text-align:center;
}

#footer #footer_inside #footer_link a{
	font-weight:normal;
	font-size:90%;
	color:#FFFFFF;
}

#footer #footer_inside #footer_link ul{
	padding:10px 0px 0px 0px;
	margin:0px;
} 

#footer #footer_inside li{
	display:inline;
	list-style:none;
	padding:0px 10px 0px 10px;
	border-right:1px solid #fff;
} 

#footer #footer_inside #copyright{
	margin:auto;
	height:30px;
	padding:3px 0px 0px 0px;
	text-align:center;
}

 
/* *** Float containers fix:  *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
 @media print{ 
	/*hide the left column when printing*/ 
	#leftcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}

/* Misc */

#maincol #container1 #large_form li{
	list-style:none;
	color:#fff;
}

#maincol #container1 #large_form form .text{
	float:left;
	width:105px;
	margin:0px 15px 0px 0px;
	text-align:right;
	color:#666;
}

#maincol #container1 #large_form form .text_large{
	float:left;
	width:190px;
	margin:0px 15px 0px 0px;
	text-align:right;
}

#maincol #container1 #large_form form .li-height{
	height:35px;
}

#maincol #container1 #large_form .form_input{
	width:170px;
	height:18px;
	border:1px solid #0ad2ff;
	background:#08479b;
	font-family:tahoma, arial, verdana;
	font-size:11px;
	color:#FFFFFF;
	padding:2px 0px 0px 2px;
}

#maincol #container1 #large_form .form_input:hover{
	border:1px solid #bdbdbd;
}

#maincol #container1 #large_form .form_input2{
	width:380px;
	height:19px;
	border:1px solid #cccccc;
	font-family:"myriad Pro", Trebuchet MS, Arial;
	font-size:12px;
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 2px;
}

#maincol #container1 #large_form .form_textarea{
	border:1px solid #e1e2df;
	background:#f4f5f1;
	font-family:"myriad Pro", Trebuchet MS, Arial;
	font-size:12px;
}

#maincol #container1 #large_form .form_textarea:hover{
	border:1px solid #bdbdbd;
}

#maincol #container1 #large_form .form_list{
	border:1px solid #cccccc;
	font-family:"myriad Pro", Trebuchet MS, Arial;
	font-size:11px;
	color:#494949;
}

#maincol #container1 #large_form .form_list:hover{
	border:1px solid #5e8a9d;
}

#maincol #container1 #large_form .form_button{
	width:87px;
	height:27px;
	border:0;
	background:url(../images/bt_form.gif) left top no-repeat;
	font-family:"myriad Pro", Trebuchet MS, Arial;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
}

#maincol #container1 #large_form .form_button:hover{
	color:#666666;
}

.validation-failed{
	border:1px solid #FA6262;
}

.validation-advice {
	margin: 0px 0px 0px 115px;
	padding: 5px 5px 0px 5px;
	color : #f2f8ff;
	font-weight: bold;
}

#large_form .validation-advice {
	margin: 0px 0px 0px 195px;
	padding: 5px 5px 0px 5px;
	color : #f2f8ff;
	font-weight: bold;
}

.error_box{
	background:#FF6666;
	border:1px solid #CCCCCC;
	border-left:0;
	border-right:0;
	overflow:hidden;
	margin-bottom:10px;
}

.error_box li{
	color:#FFF;
	list-style:none;
}