@charset "UTF-8";

/* --------- Website Global Settings ------------------- */

* {margin: 0; padding: 0; }     /* general reset */

html { overflow-y: scroll; }    /* no side way shift of page */

.clearfloat {clear:both;}


/* -------------------- Template  ------------------- */
body {
	font-family: Verdana, Geneva, sans-serif;
	background:#cacac9 ;}
				
#header { width:982px;
          height:156px;
		  margin:0 auto;
          background:#fff url(../images/head-top.jpg) no-repeat;	 }
		  
#wrap {	width:982px;
		margin:0 auto;
       	background:#fff url(../images/wrap-bg.png) repeat-y;	}
		
#wrap1 {	width:982px;
		margin:0 auto;
       	background:#fff url(../images/wrap-top1.png) repeat-y;	}
		
#wrap2 {	width:982px;
		margin:0 auto;
       	background:#fff url(../images/wrap-bg2.png) repeat-y;	}
		
		#wraptop {	width:982px;
					margin:0 auto;
					height:5px;
       				background:#fff url(../images/wrap-top.png) no-repeat;	}
					
		#wraptop1 {	width:982px;
					margin:0 auto;
					height:5px;
       				background:#fff url(../images/wrap-top1.png) no-repeat;	}
					
		#wraptop2 {	width:982px;
					margin:0 auto;
					height:5px;
       				background:#fff url(../images/wrap-top2.png) no-repeat;	}
		   
#forest { 	width:982px;
      		height:160px;
			margin:0 auto;
			background:#fff url(../images/header.jpg) no-repeat;}
			
#forest-small {	width:982px;
      		height:40px;
			margin:0 auto;
			background:#fff url(../images/forest-small.jpg) no-repeat;}
		  
#content { 	width:530px;
      		float:left;
			margin-left:25px;
			}
			
			#content-production { 	width:700px;
      		float:left;
			margin-left:45px;
			}

#leftcol {width:163px;
	       float:left;
           margin-left:30px;
		   padding:0 5px;}
		   
		   #leftcol ul, #rightcol ul {list-style-type:square; margin:4px 0 8px 15px;}
		   #leftcol li, #rightcol li {font-size:11px; padding:2px 0px; color:#555;}
		  	 #leftcol li {line-height:16px;}
			 #rightcol li {line-height:13px;}
		   
#rightcol {width:160px;
	       float:right;
           margin-right:30px;
		   padding:0 5px;
		  }
		  
		  #rightcol p {font-size:11px;}
		  
#shop {	width:330px;
		height:420px;
	       float:right;
           margin:10px 50px 20px 0;
		   padding:0px 5px 10px 0;
		   background:url(../images/shop-big.jpg) no-repeat bottom;
		  }
		  
		  #shop p {font-size:11px; line-height:15px;}
		  #shop h2 {border:none;}
		   
#footer {width:982px;
		 height:37px;
	     margin:0 auto;
         color:#888;
		 background:#fff url(../images/footer.png) no-repeat;}
		 
#foot1 {width:982px;
		 height:30px;
	     margin:0 auto;
         color:#888;
		 background:#fff url(../images/foot1.png) no-repeat;}
		 
#foot2 {width:982px;
		 height:30px;
	     margin:0 auto;
         color:#888;
		 background:#fff url(../images/foot2.png) no-repeat;}
		 
		 #footer p, #foot1 p, #foot2 p{font-size:11px;
		 			padding-top:28px;
					text-align:center;}
			   
			   

/* -------------------- Font CSS  ------------------- */

p {font-size:12px; color:#555; padding:3px 0; line-height:18px;}

h1 {font-size:17px; font-weight:lighter; color:#df4015; padding-bottom:5px; border-bottom:1px solid #df4015; margin:10px 0;}

h2 {font-size:12px; color:#00427c; padding-bottom:3px; border-bottom:1px solid #00427c; margin:7px 0 3px 0px;}

#header h2 {border:none; color:#004381;padding:0px 160px 0 0; text-align:right;}

h3 {font-size:12px; color:#00427c; margin:10px 0;}

#header h1 {border:none; color:#004381;padding:40px 160px 0 0; text-align:right;}

h4 {color:white; font-size:14px; font-weight:lighter;}


/* -------------------- Contact Form Page CSS ------------------- */

#address {padding-left:20px;}

h3, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}


/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

#success {	float:left;
			margin:10px 45px 20px 45px;
			width:460px;
			height:400px;}

/* ----------- stylized ----------- */


#style{
background:#e2e8ef;
float:left;
margin:10px 45px 20px 45px;
width:460px;
height:400px;
}
#style h3 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#style p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#style label{
display:block;
font-weight:lighter;
font-size:12px;
color:#666;
text-align:right;
padding-top:4px;
width:140px;
float:left;
}
#style .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#style input, #style textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:250px;
margin:2px 0 20px 10px;
}
#style button{
clear:both;
margin-left:150px;
width:75px;
height:25px;
background: url(../images/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}



/* -------------------- General Page CSS ------------------- */

.img {width:250px;
		float:left;
		margin:10px 0px 10px 60px;}
		
.left {width:250px;
		float:left;
		margin:15px 5px 25px 0px;}
		
.accessory {margin:0 10px 10px 0; float:left;}
		
#content ul {margin:10px 0 5px 50px;}

#content li 	{padding:3px 0;
				list-style-type:square;
				font-size:13px;
				color:#444;}
				
table.parts {margin:10px 0 15px 8px;}
				
table.parts td {font-size:11px; color:#444;border-bottom:1px solid #ccc;padding:5px 0;}

/*------------------------Home Page Header----------------------*/

.right-text {width:600px;
			height:25px;
			float:right;
			margin:100px 10px 0 0;}
			
/*------------------------Mixer Page ----------------------*/

.mixer {	width:250px;			
			float:left;
			margin:10px 0 20px 10px;
			text-align:center;}
			
/*------------------------Accessory Page ----------------------*/

.tanks {	width:200px;			
			float:right;
			margin:0px 50px 10px 10px;
			}