/* Coded by Curtis Henson */ 


/* Layout */


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 color: #363636;
} 
 
#pagewidth{ 
 width:790px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:300px; 
 background-color:#FFFFFF; 
 margin-top: 10px;
 padding: 0;
 width: 780px;
} 
.logo{ 
 float: left;
 margin: 0;
 padding: 0;
 width: 328px;
 }
#menu{
 float: right;
 font-size: 20px;
 margin: 10px 0 0 20px;
 padding: 0;
 width: 430px;
 text-align: right;
 color: #898989;
 }
 
 #menutest{
 font-size: 20px;
 margin: -35px 0 0 10px;
 padding: 0;
 text-align: left;
 color: #898989;
 }
 #menutest a {color: #898989;
		 text-decoration: none;}
#menutest a:hover {color:#e7333a;
			   text-decoration: none;}
#menutest a:active {color:#363636;}

 
#menu a {color: #898989;
		 text-decoration: none;}
#menu a:hover {color:#e7333a;
			   text-decoration: none;}
#menu a:active {color:#363636;}

#twocols{
margin-top:20px;
}

#news{
margin-top: 15px;
}
 
#maincol{
 background-color: #FFFFFF;   
 position: relative; 
 width:550px; 
 float: left;
 margin: 0 0 20px 0;
 }
#mainproducts{
 background-color: #FFFFFF;   
 position: relative; 
 width:560px; 
 float: left;
 margin: 0 0 20px 0;
 }
#rightcol{
 float: right;
 width:220px;
 }
 
#footer{
 height:30px; 
  background-color:#ffffff; 
 clear:both;
 text-align: center;
 margin-top: 20px;
 } 

#lowcolumn{
width: 500px;
margin-top: 15px;
}

#bigcolumn{
width: 780px;
  
}

#product{
position: relative;
 width: 250px;
 float: left;
}

#productfront{
text-align: center;
width:250px;
float:left;
}

#services{
position: relative;
width:530px;
float:left;
}

#product2{
position: relative;
margin-left: 270px;
width: 250px;
margin-top: 15px;
}

.product{
color: #898989;
border: 1px dotted #cccccc;
padding: 4px;
height: 110px;
}

.product:hover{
color:#000000;
border: 1px dotted;
}

.leftcol{
float: left;
width:250px;
padding: 15px 50px 15px 5px;
}

.rightimg{
padding: 25px 0 0 5px;
}

#contactform{
position:relative;
width:530px;
float:left;
margin: 0 0 20px 0;
}
 
img{ border: 0;}

.article_image{
margin: 10px 5px 10px 5px;
}

.article_text{
float: left;
width:280px;
margin-right: 20px;
}

.outer{
margin:5px;
padding:5px;
}

#discount{
text-align: center;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 15px;
color: red;
}
 
 
#subnav{ 
     float: left;
}
     
#subfooter2{
  background:#FFFFFF; /*** Background Color of Sub-footer #2 ***/
  text-align:left;
  height:230px; /*** sub-footer row height ***/
  margin-left:15px;
}

.product_text{ 
	height: 100px;
	padding-left: 20px;
	float: left;
	}
.product_img{
	float: left;
	height: 100px;
	}
.product ul{
	float: left;
	height: 100px;
	margin
	}

	
 
 
 /*  Rounded Corners  */
 
 
 
.corners{
display:block
}
.corners *{
display:block;
height:1px;
overflow:hidden;
background:#f4f4f4
}
.corners1{
border-right:1px solid #fafafa;
padding-right:1px;
margin-right:3px;
border-left:1px solid #fafafa;
padding-left:1px;
margin-left:3px;
background:#f6f6f6;
}
.corners2{
border-right:1px solid #fdfdfd;
border-left:1px solid #fdfdfd;
padding:0px 1px;
background:#f6f6f6;
margin:0px 1px;
}
.corners3{
border-right:1px solid #f6f6f6;
border-left:1px solid #f6f6f6;
margin:0px 1px;
}
.corners4{
border-right:1px solid #fafafa;
border-left:1px solid #fafafa;
}
.corners5{
border-right:1px solid #f6f6f6;
border-left:1px solid #f6f6f6;
}
.corners_content{
padding:5px 10px 10px 15px;
background:#f4f4f4;
overflow: hidden;
} 
/* fix for stupid float problem */
.corners_contentproduct{
padding:5px 10px 10px 15px;
background:#f4f4f4;
height: 400px;
} 
.corners_contentmachines{
padding:5px 10px 10px 15px;
background:#f4f4f4;
height: 1950px;
} 



/* Text Formatting */



body { font-family: Arial, Helvetica, Verdana;
font-size: 13.5px;
}

a { color: #000000;
text-decoration: none;
}
a:hover { color: #e7333a;
}
a:active { color:#ffffff;
}

h1{ font-size: 1.3em;
	margin-top: 4px;
	margin-bottom: 5px;
	color: #898989
}
h2{ font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #898989;
}
h1.productspage{
margin: 0;
padding:0;
text-decoration: none;
}
h2.productspage{
margin: 0 0 2px 10px;
padding:0;
text-decoration: none;
}
h1 a{ 
color: #898989;
text-decoration: none;
}
h2 a{ 
color: #898989;
text-decoration: none;
}
p{ line-height: 15px; 
   font-size:0.9em;
}
p.small{
margin:0;
font-size:0.7em;
}
li{
	line-height:1.2em;
}
#productfront p{
padding:10px;
}


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
 
.floatright {
float: right;
}
.floatleft {
float:left;
}
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


