@charset "UTF-8";
/* ---------- @ HTML Elements -----------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
} 

body {
	margin: 0;
	text-align:left;
	background: #000 url(images/bg2.png) repeat-x left top;
}

body, form {
	font: normal 14px/1.5em Tahoma, Arial, Verdana;
	letter-spacing: 1px;
}
hr {border:none;
}
p {
	margin: 0;
	padding-top: 15px;
}
.pad25{
	padding: 0 20px 0 25px;
}
a:link, a:visited {
	text-decoration:none;
	}

a:hover, a:active {
	color:#FFF000;
	}



a img, :link img, :visited img {
	border: 0;
}
blockquote {
	background: transparent url(images/quoleft.png) left top no-repeat;
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 6px;
}
blockquote div {
	background: transparent url(images/quoright.png) right bottom no-repeat;
	padding: 0px 20px 0px 25px;
	margin-top: 20px;
}

/* ---------- @ Page Structure -----------*/

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

#header {
	background: url(images/title.jpg) no-repeat center;
	margin-top: 9px;
	height:151px;
	float: left;
	width: 100%;
}
#content {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#toplinks {
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 2px;
	font-size: 11px;
	width: 100%;
	text-align: right;
}
#toplinks a { color:#FFF; text-align:right; text-transform: uppercase; text-decoration: none; }
#toplinks a:hover { color:#FFF000; text-decoration: none; }

/*******************  NAVIGATION  **************************************/
	
#nav {
	height: 38px;
	padding: 0;
	margin:0 0 40px 0;
	width:935px;
	float:left;
}

.menu {
	list-style:none;		   
			}

.menu li {
	height: 15px;
	float: left;
	margin-top: 33px;
	display: block;
	margin-right: 50px;
	margin-left: 0px;
}

.menu li a, .menu li a:visited {
	display: block;
	text-indent: -9000px;
	height: 38px;
	background-repeat: no-repeat;
}

.home {
	width: 63px;
	margin-left: 5px;
	background: url(images/nav/home.png);
}
.home a:hover, a.active {
	background: url(images/nav/home-roll.png);
}
.home a.active {
	background: url(images/nav/home-roll.png);
}

 
.about {
	width: 112px;
	background: url(images/nav/about.png);
}
.about a:hover, a.active {
	background: url(images/nav/about-roll.png);
}
.about a.active {
	background: url(images/nav/about-roll.png);
}

.clients {	background-image: url(images/nav/clients.png); width: 91px;}
.clients a:hover, a.active {background-image: url(images/nav/clients-roll.png);}
.clients a.active {background-image: url(images/nav/clients-roll.png);}
 
.test  { 
	background-image: url(images/nav/test.png);	
	width: 163px;
}
.test a:hover, a.active {
	background-image: url(images/nav/test-roll.png);
}
.test a.active {
	background-image: url(images/nav/test-roll.png);
}

.samples {	
	background-image: url(images/nav/samples.png);
	width: 100px; 
}
.samples a:hover, a.active {
	background-image: url(images/nav/samples-roll.png);
}
.samples a.active {
	background-image: url(images/nav/samples-roll.png);
}
 
.contact {
	background-image: url(images/nav/contact.png);
	width: 98px;
}
.contact a:hover, a.active {
	background-image: url(images/nav/contact-roll.png);
}
.contact a.active {
	background-image: url(images/nav/contact-roll.png);
}
 
  
/******************* END NAVIGATION  **************************************/


h1
	{font-size: 1.8em
}

h2 {
	font-size: 1.6em
	}

h3 {
	font-size: 1.4em
	}

h4 {
	font-size: 1.2em
	}

/* ----------  Rounded Boxes -----------*/

.rc_box_1 {
}
.rc_top_1  {
   background: url(images/rc_top877.png) no-repeat top left;
}

.rc_bot_1 {
	background: url(images/rc_bot877.png) no-repeat;
	float: left;
}
.rc_top_1 div {
   background: url(images/rc_top877.png) no-repeat top left;
}

.rc_bot_1 div {
	background: url(images/rc_bot877.png) no-repeat;
	float: left;
}

.rc_top_1 div, .rc_top_1, 
.rc_bot_1 div, .rc_bot_1 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.content_2 {
	margin: 0 20px;
}
.rc_box_2 {
	float: left;
	width: 300px;
	background: #FFFFFF;
	margin: 15px 21px 20px 0;
}
.rc_bot_2 div {
   background: url(images/rc_bl.png) no-repeat bottom left;
}
.rc_bot_2 {
	background: url(images/rc_br.png) no-repeat bottom right;
	float: left;
}
.rc_bot_2 div, .rc_bot_2 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.hdr_2 {
	background: url(images/hdr_left.png) no-repeat;
	height: 41px;
	display: block;
}
.hdr_2 span{
	background: url(images/hdr_rt.png) no-repeat top right;
	height: 40px;
	float: right;
	display: block;
	padding-right: 13px;
	margin-top: 1px;
	width: 13px;
}

.content_3 {
	margin: 0 20px;
}
.rc_box_3 {
	float: left;
	width: 555px;
	background: #fff;
	margin: 15px 0 0 0;
}
.hdr_3 {
	background: url(images/hdr_left.png) no-repeat;
	height: 41px;
	display: block;
}
.hdr_3 span{
	background: url(images/hdr_rt.png) no-repeat top right;
	height: 40px;
	float: right;
	display: block;
	padding-right: 13px;
	margin-top: 1px;
}
.rc_bot_3 div {
	background: url(images/rc_bl.png) no-repeat bottom left;
}
.rc_bot_3 {
	background: url(images/rc_br.png) no-repeat bottom right;
	float: left;
	width: 100%;
}

.rc_bot_3 div, .rc_bot_3 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}


/************  Home  *****************************/

.row1 {
	float: left;
	display: block;
	background: #FFFFFF;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

#home .col1 {
	width: 250px;
	padding-right: 20px;
	margin-right: 20px;
	padding-left: 20px;
	float: left;
	border-right: 1px dashed #CCCCCC;
}
#home .col2 {
	width: 250px;
	margin-right: 30px;
	float: left;
	height: 100%;
}
#home .col3 {
	float: left;
	width: 202px;
	margin: 2px 0 0 0;
	border-left: 1px dashed #CCCCCC;
	padding-left: 40px;
}

.test-title {
	background: url(images/test-title.png) no-repeat center top;
	height: 29px;
	width: 191px;
	margin-left: 50px;
	margin-top: -34px;
}
.c-title {
	background: url(images/contact-title.png) no-repeat center top;
	height: 28px;
	width: 116px;
	margin-top: -34px;
	margin-left: 30px;
}
.pad25 {
	padding-left: 25px;
}

/***************   Testimonials   ***********************************************************/

.divider {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dashed #CCCCCC;
	}

#test .col1 {
	width: 500px;
	padding-right: 20px;
	margin-right: 20px;
	padding-left: 40px;
	float: left;
}


#test .col2 {
	width: 250px;
	margin-right: 30px;
	float: left;
	height: 100%;
}

.t-wiley {
	background: url(images/t-wiley.jpg) center center no-repeat;
	width: 200px;
	height: 248px;
	margin-top: 10px;
}
.t-madsen {
	background: url(images/t-madsen.jpg) center center no-repeat;
	width: 200px;
	height:161px;
	margin-top: 10px;
}
.t-sean {
	background: url(images/t-sean.jpg) center center no-repeat;
	width: 200px;
	height:205px;
	margin-top: 20px;
}

.t-charles {
	background: url(images/comfort.jpg) center center no-repeat;
	width: 200px;
	height:270px;
	margin-top: 20px;
}	
	
.t-cuyler {
	background: url(images/Cuyler.jpg) center center no-repeat;
	width: 200px;
	height:270px;
	margin-top: 20px;
}	
.t-tpq {
	background: url(images/t-tpq.jpg) center center no-repeat;
	width: 200px;
	height:181px;
	margin-top: 40px;
}	
/*****************************   ABOUT   *************************************/


#about .col1 {
	width: 380px;
	padding-right: 20px;
	margin-right: 0px;
	padding-left: 40px;
	float: left;
	border-right: 1px dashed #CCCCCC;
}

#about .col2 {
	width: 380px;
	float: left;
	height: 100%;
	margin-left: 20px;
}

/*****************************   CLIENTS   *************************************/

#clients .col1 {
	width: 360px;
	float: left;
}


#clients .col2 {
	width: 360px;
	padding-left: 40px;
	padding-right: 60px;
	float: left;
	margin-left: 30px;
}
.logos-clients {
	list-style: none;
	margin: 0px;
	padding: 0;
}

.logos-clients li {
	list-style: none;
	background-repeat: no-repeat;
	padding: 0;
	margin-left: 20px;
}

.logos-clients li a, .logos-clients li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9000px;
	list-style: none;
	}
.motoworks a {
	background: url(images/motoworks.png) center center no-repeat;
	width: 200px;
	height: 109px;
	padding-top: 10px;
}

.dats a {
	background: url(images/dats.jpg) center center no-repeat;
	width: 200px;
	height: 51px;
	padding-top: 0px;
	margin-top: 55px;
}

.mxnutr a {
	background: url(images/mxnutr.jpg) center center no-repeat;
	width: 200px;
	height: 37px;
	margin-top: 100px;
}	
.mxnutr2 a {
	background: url(images/christian.jpg) center center no-repeat;
	width: 200px;
	height: 301px;
	margin-top: 10px;
}	
	
.bonds a {
	width: 200px;
	height: 311px;
	margin-top: 150px;
	background-image: url(images/bonds.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}	
	
.madsen a {
	background: url(images/madsen.jpg) center center no-repeat;
	width: 200px;
	height: 259px;
	margin-top: 35px;
}
.justin a {
	background: url(images/hm-logo.jpg) no-repeat center center;
	width: 200px;
	height: 122px;
	margin-top: 35px;
}
.justin2 a {
	background: url(images/justin-pits.jpg) center center no-repeat;
	width: 200px;
	height: 192px;
	margin-top: 5px;
}

/***************   SAMPLES  ***********************************************************/
.table {
	background-color:#FFFFFF;
	float: left;
	width: 100%;
}	
div.row {
	float: left;
	margin: 20px 0;
	padding: 0;
	width: 100%;
}
div.cols2 {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 205px;
}
div.cols1 {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 200px;
}

/***************   CONTACT  ***********************************************************/

#contact .col1 {
	width: 500px;
	padding-right: 20px;
	margin-right: 20px;
	padding-left: 40px;
	float: left;
}


#contact .col2 {
	width: 250px;
	margin-right: 30px;
	float: left;
	height: 100%;
	margin-top: 34px;
}
.roundedcornr_box_143181 {
   background: #fff000;
}
.roundedcornr_top_143181 div {
   background: url(images/roundedcornr_143181_tl.png) no-repeat top left;
}
.roundedcornr_top_143181 {
   background: url(images/roundedcornr_143181_tr.png) no-repeat top right;
}
.roundedcornr_bottom_143181 div {
   background: url(images/roundedcornr_143181_bl.png) no-repeat left bottom;
}
.roundedcornr_bottom_143181 {
   background: url(images/roundedcornr_143181_br.png) no-repeat bottom right;
}

.roundedcornr_top_143181 div, .roundedcornr_top_143181, 
.roundedcornr_bottom_143181 div, .roundedcornr_bottom_143181 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_143181 { margin: 0 15px; }

/* ============================= forms ============================= */

.label{
	float:left;
	width: 150px;
	text-align:right;
	clear:left;
	margin-right:15px;
}

form .padding {padding:25px 20px 8px 25px !important;}

.submit {
	margin-left: 168px;
}

.fieldset {
		border:none;
}
  
.fieldset .nobr {display:none;}  
.fieldset .textfield { margin:3px; height:20px; width:200px; font-size: small; }
.fieldset .textarea { margin:3px; height:165px; width:200px; font-size: small; }

.textfield {
	border: 1px solid #000;
	background: #000;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #fff000;
}
.textarea {
	border: 1px solid #000;
	background: #000;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #fff000;
}

.textfield:hover, .textarea:hover {
	border: 1px solid #FFF;
	background: #FFF;
	color: #000;
}


/*******************  Sponsor Logos  **************************************/
#table1 {
	margin-top: 6px;
}

.col-1 {
	float: left;
	width: 173px;
}
.col-2 {
	float: left;
	width: 173px;
}
.col-3 {
	float: left;
	width: 173px;
}

.logos {
	list-style: none;
	margin: 0px;
	padding: 0;
}

.logos li {
	list-style: none;
	background-repeat: no-repeat;
	padding: 15px;
	margin-left: 23px;
}

.logos li a, .logos li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9000px;
	list-style: none;
	cursor: crosshair;
}

.rp a {  background: url(images/contact/racer-prod.jpg) center center no-repeat;   width: 120px;   height: 17px;   }

.mxa a {	background: url(images/contact/mxa.jpg) center center no-repeat;	width: 120px;	height: 43px;	}
	
.worcs a {	background: url(images/contact/worcs.jpg) center center no-repeat;	width: 120px;	height: 75px;	}	
	
.atvriders a {	background: url(images/contact/atvriders.jpg) center center no-repeat;	width: 118px;	height: 45px;	}
	
.atvsport a {	background: url(images/contact/atvsport.jpg) center center no-repeat;	width: 118px;	height: 38px;	}			
	
.quad a{	background: url(images/contact/quad.jpg) center center no-repeat;	width: 124px;	height: 43px;	}

.cn a {	width: 119px;	height: 24px;	background: url(images/contact/cyclenews.jpg) center center no-repeat;	}
	
.dw a {	background: url(images/contact/dw.jpg) no-repeat center center;	width: 116px;	height: 32px;}

.gncc a {	background: url(images/contact/gncc.jpg) no-repeat right center;	width: 124px;	height: 50px;}
	
.sx a {   background: url(images/contact/sx.jpg) center center no-repeat;   width: 119px;   height: 24px;}

.dr a {	background: url(images/contact/dr.jpg) no-repeat center center;	width: 119px;	height: 25px;}

.racerx a {	background: url(images/contact/racerx.jpg) no-repeat center center;	width: 119px;	height: 43px;	}

.db	a {	background: url(images/contact/db.png) no-repeat center center;	width: 120px;	height: 23px;}
	


/* ---------- @ Footer -----------*/

#ftr-nav {
	text-align: center;
	clear: both;
	height: 25px;
	background: url(images/bg-ftr.png) repeat-x left bottom;
	padding-bottom: 16px;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	margin-top: 20px;
}

ul.ftr li {
	text-decoration: none;
	color: #CCCCCC;
	list-style: none;
	display: inline;
	padding-right: 20px;
	font-size: 11px;
	background: center center;
	}
ul.ftr li a {
	text-decoration: none;
	color: #CCCCCC;
}
ul.ftr a:hover, a:active {
	color: #FFF000;
	text-decoration: none;
}

.copyright  {
	font-size: 9px;
	color: #999;
	text-align: center;
	clear: both;
	text-transform: uppercase;
	margin-top: -12px;
	margin-bottom: 12px;
}
.copyright a {
	color: #999;
	text-decoration:none;
}
.copyright a:hover {
	color: #FFF000;
	text-decoration:none;
	
}
.marg20 {
	margin-left: 20px;
}
.more {
	font-size: 10px;
	color: #F00;
	text-decoration: none;
}
.more a {
	color: #000;
}