html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#000000;  
 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"; 
 font-family: georgia, century, batang, book antiqua, bookman, times; 
 font-size: 15px;
} 
 

 
#pagewidth{ 
 width:700px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color:#098D97;  
} 
 
#header{
 position:relative; 
 height:50px; 
 background-color:#098D97; 
 width:100%;
 padding-top:5px;
} 
 
#leftcol{
 width:50%; 
 float:left; 
 position:relative; 
 padding-left: 25px;	
 padding-top: 10px;
 background-color:#098D97; 
 font-family: georgia, century, batang, book antiqua, bookman, times; 
 font-size: 16px;
 }
 
#maincol{background-color: #098D97;  
 float: right; 
 display:inline; 
 position: relative; 
 width:40%; 
 }
 
#footer{
 
 background-color:#000000; 
 clear:both;
 padding-top:5px;
 margin-left:auto; 
 margin-right:auto;  
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 

.section1{
	width:400px;
	z-index:2;
	height:337px;	
	float: left;
	background-color:#000000;	
}

.section2{
	width:200px;
	z-index:3;
	height:337px;	
	/* float: right;*/
	background-color:#000000;	
}





.content {
	position: relative;
	max-width: 400em;
	
}
	
		


#homeleftblack{
	width:100px;
	z-index:2;
	height:337px;	
	background-color:#000000;	
}



#homepagetext{
	width:250px;
	z-index:3;	
	height:337px;	
	background-color:#098D97;
	padding-top:5;	
	padding-left: 5;	
}

#homepagepics{
	width:250px;
	z-index:3;	
	height:337px;
	background-color:#098D97;
	padding-top:5;	
	padding-left: 5;
	
}


#productstext1 {
	width:480px;	
	z-index:1;
	float: left;
	padding-left: 10;
	padding-right: 10;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

#braketext1 {
	width:240px;	
	z-index:1;
	float: left;
	padding-left: 10;
	height:200px;
}

#brakeproduct1 {
	width:240;
	z-index:1;
	float: right;
	height:200px;
	padding-right: 10;
}

#brakeproduct2 {
	width:240px;
	z-index:1;
	float: left;
	height:156px;
	
}
#braketext2 {
	width:230px;	
	z-index:1;
	float: right;	
	height:156px;
	padding-right: 30;
}


.sec {
	padding-left: 1%;
	max-width: 50em;
}

#frictiontext1 {
	width:245px;	
	z-index:1;
	float: left;
	padding-left: 10;
	height:220px;
	font-family: georgia, century, batang, book antiqua, bookman, times;
}

#frictionproduct1 {
	width:248;
	z-index:1;
	float: right;
	height:220px;
	padding-right: 5;
}

#frictionproduct2 {
	width:248px;
	z-index:1;
	float: left;
	height:152px;
	
}
#frictiontext2 {
	width:230px;	
	z-index:1;
	float: right;	
	height:152px;
	padding-right: 15;
}






#hubtext1 {
	width:240px;	
	z-index:1;
	float: left;
	padding-left: 10;
	height:152px;
}

#hubproduct1 {
	width:248;
	z-index:1;
	float: right;
	height:152px;
	padding-right: 5;
}

#hubproduct2 {
	width:248px;
	z-index:1;
	float: left;
	height:152px;
	
}
#hubtext2 {
	width:240px;	
	z-index:1;
	float: right;	
	height:152px;
	padding-right: 20;
}












#text1 {
	width:210px;	
	z-index:1;
	float: left;
	padding-left: 10;
	height:152px;
}

#product1 {
	width:248;
	z-index:1;
	float: right;
	height:152px;
	padding-right: 30;
}

#product2 {
	width:240px;
	z-index:1;
	float: left;
	height:156px;
	
}
#text2 {
	width:230px;	
	z-index:1;
	float: right;	
	height:156px;
	padding-right: 30;
}



#ctext1 {
	width:220px;	
	z-index:1;
	float: left;
	padding-left: 10;
	height:156px;
}

#cproduct1 {
	width:248;
	z-index:1;
	float: right;
	height:156px;
	padding-right: 30;
}

#cproduct2 {
	width:220px;
	z-index:1;
	float: left;
	height:156px;
	
}
#ctext2 {
	width:220px;	
	z-index:1;
	float: right;	
	height:156px;
	padding-right: 30;
}

#mastertext1 {
	width:210px;	
	z-index:1;
	float: left;
	padding-left: 10;
	height:152px;
}

#masterproduct1 {
	width:248;
	z-index:1;
	float: right;
	height:152px;
	padding-right: 30;
}

#masterproduct2 {
	width:240px;
	z-index:1;
	float: left;
	height:156px;
	
}
#mastertext2 {
	width:240px;	
	z-index:1;
	float: right;	
	height:156px;
	padding-right: 30;
}

 


}


a:link {
	font-family: georgia, century, batang, book antiqua, bookman, times;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
.padd {
	padding: 10px 5px 5px 15px;
	font-family: georgia, century, batang, book antiqua, bookman, times;
	font-size: 15px;
	color: #CFEBF0;
}
a:visited {
	font-family: georgia, century, batang, book antiqua, bookman, times;
	font-size: 12px;
	color: #CFEBF0;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	font-family: georgia, century, batang, book antiqua, bookman, times;
	font-size: 12px;
	color: #EBD01B;
	text-decoration: underline;
}
a:active {
	font-family: georgia, century, batang, book antiqua, bookman, times;
	font-size: 12px;
	color: #EBD01B;
	text-decoration: underline;
}
.title {
	font-family: georgia, century, batang, book antiqua, bookman, times;
	font-size: 12px;
	font-weight: bold;
	color: #CFEBF0;
}
.white {
	font-family: georgia, century, batang, book antiqua, bookman, times;
	font-size: 16px;
	color: #FFFFFF;
}