﻿html {
	height:100%;
}
body 
{
	min-height:100%;
	margin:0;
	background:#000;
	color:#fff;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
}

a[rel="nofollow"]
{
	background:transparent !important;
}

.clear-both
{
	clear:both;
}

.clear
{
	clear:left;
}

.bold
{
	font-weight:bold;
}

.vertical-spacing
{
	height:20px;
}

a
{
	font:normal 11px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#d61010;
	text-decoration:none;
}
a:hover
{
	font:normal 11px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#00ff00;
	text-decoration:none;
}

h1, h2, .head-title
{
	width:auto;
	font:normal 14px/18px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#d61010;
	margin:15px 0px 5px 0px;
}
h3
{
	margin:1px 0 5px;
	font-size:15pt;
}

ul
{
	list-style-type:circle;
	list-style:circle #00ff00;
	padding: 10px 0 0;
	margin: 0 0 0 15px;
}
li
{
	list-style:url(../images/list.gif);
	line-height:150%;
	margin-bottom:5px;
	font:normal 11px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

img
{
	border:0px;
	margin:0px;
	padding:0px;
}



.phonenum
{
	position:absolute;
	top:70px;
	right:20px;
	/*color:#39617d;*/
	color:#fff;
	font:normal 24px Verdana, Arial, Helvetica, sans-serif;
}

.page-width 
{
	width:980px;
	margin:0 auto;
	padding:0;
	height:100%;
}

#header 
{
	width:980px;
	height:280px;
	margin: 0 auto;
	position:relative;
	background:#000 url(../images/bg_header.jpg) top no-repeat;
}

.logo
{
	width:450px;
	height:115px;
	padding:0px;
	position:relative;
	left:270px;
	top: 90px;
	z-index:1;
}

.logo h1{
	background:url(../images/logo.gif) no-repeat;
	display:block;
	height:115px;
	width:460px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
}

.nav-home, .nav-about, .nav-products, .nav-training, .nav-testimonials, .nav-links, .nav-sitemap, .nav-contactus, 
.nav-road, .nav-dirt, .nav-4wheeler, .nav-scooter, .nav-suspension 
{
	margin:0;
	padding:0 15px;
	width:auto;
	height:25px;
	position:relative;
	float:left;
	z-index:3;
}
.nav-home 
{
	left:200px;
	top:115px;
}

.nav-about 
{
	left:165px;
	top:95px;
}
.nav-products 
{
	left:130px;
	top:80px;
}
.nav-training 
{
	left:100px;
	top:70px;
}
.nav-testimonials 
{
	left:70px;
	top:70px;
}
.nav-links 
{
	left:45px;
	top:80px;
}
.nav-sitemap 
{
	left:15px;
	top:95px;
}
.nav-contactus 
{
	left:-30px;
	top:115px;
}
.nav-road 
{
	left:280px;
	top:25px;
}

.nav-dirt 
{
	left:280px;
	top:40px;
}
.nav-4wheeler 
{
	left:280px;
	top:45px;
}
.nav-scooter 
{
	left:260px;
	top:40px;
}
.nav-suspension 
{
	left:240px;
	top:25px;
}


.nav-home a, .nav-about a, .nav-products a, .nav-training a, .nav-testimonials a, .nav-links a, .nav-sitemap a, .nav-contactus a, 
.nav-road a, .nav-dirt a, .nav-4wheeler a, .nav-scooter a, .nav-suspension a 
{
	width:auto;
	height:25px;
	padding: 10px;
	font:bold 13px/24px  Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	z-index:1;
}
.nav-home a, .nav-about a, .nav-products a, .nav-training a, .nav-testimonials a, .nav-links a, .nav-sitemap a, .nav-contactus a
{
	color:#c16262;
}
.nav-road a, .nav-dirt a, .nav-4wheeler a, .nav-scooter a, .nav-suspension a 
{
	color:#636363;
}

.nav-home a:hover, .nav-about a:hover, .nav-products a:hover, .nav-training a:hover, .nav-testimonials a:hover, .nav-links a:hover, .nav-sitemap a:hover, .nav-contactus a:hover,
.nav-road a:hover, .nav-dirt a:hover, .nav-4wheeler a:hover, .nav-scooter a:hover, .nav-suspension a:hover 
{
	color:#fff;
	text-decoration:none;
	display:block;
}

.nav-home a.active, .nav-about a.active, .nav-products a.active, .nav-training a.active, .nav-testimonials a.active, .nav-links a.active, .nav-sitemap a.active, .nav-contactus a.active,
.nav-road a.active, .nav-dirt a.active, .nav-4wheeler a.active, .nav-scooter a.active, .nav-suspension a.active       
{
	color:#fff;
	text-decoration:none;
	display:block;
}

.nav-title
{
	margin:0;
	padding:0 15px;
	width:150px;
	text-align:center;
	color:#d61010;
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	height:25px;
	position:absolute;
	left:410px;
	top:200px;
	z-index:3;
}

.nav-course 
{
	margin:0;
	padding:5px 15px 0px 15px;
	width:auto;
	height:25px;
	position:relative;
	float:right;
	right:30px;
	top:32px;
	border-top:solid 10px #fff;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	z-index:3;
}
.nav-course a
{
	color:#666;
	font-size:13px;
	text-decoration:none;
}
.nav-course a:hover
{
	color:#fff;
	text-decoration:none;
}

#content-home
{
	padding:10px 8px;
	background:#000 url(../images/bg_content.gif) no-repeat center;
}

#content
{
	padding:10px 20px;
	background:#000 url(../images/bg_content.gif) no-repeat center;
}

.column, .column-center
{
	width:300px;
	padding:0;
	font:normal 11px/16px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.column-center
{
	margin:0 30px;
}

.column-left, .column-right
{
	padding:0;
	font:normal 11px/16px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.column-left
{
	width:360px;
}
.column-right
{
	margin-left:30px;
	width:auto;
}
.column-fullwidth
{
	width:100%;
	text-align:center;
}
.about-left, .about-right
{
	width:220px;
	padding:8px 0;
	float:left;
	font:normal 12px/12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
.about-left
{
	text-align:left;
}
.about-right
{
	margin:0 0 0 15px;
	text-align:right;
}
em
{
	color:#00ff00;
}



/************ FOOTER ******************/
#footer
{
	float:left;
	width:100%;
	height:40px;
	padding:20px 0 0 0;
	background:url(../images/bg_footer-line.gif) no-repeat top;
}

#footer, #footer a
{
	font:normal 11px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#959595;
	text-decoration:none;
}
#footer a:hover
{
	font:normal 11px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#d61010;
	text-decoration:none;
}
