/* @override 
	http://localhost/~bjclark/engine-maxx/styles.css
	http://www.enginemaxx.com/newsite/styles.css
*/

/* - - - - - - - - - - - - - - - - - - - - -

Title : Engine Maxx
Author : BJ Clark - bj@entermotion.com
URL : http://www.entermotion.com

Description : Engine Maxx

Created : 5-24-07
Modified : 6-6-07

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	border: none;
}
html{
}	

body{
	text-align: center;
	background: url(images/bg.png);
}

img {

}


/* ----- IDS ----- */

#container{
	width: 755px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
/* Header */
#header {
	width: 736px;
	height: 48px;
	margin-top: 30px;
	background: white;
	position: relative;
}

h1#logo {
	text-indent: -9999px;
	background: url(images/logo.png) no-repeat;
	float: left;
	width: 135px;
	height: 35px;
	margin: 8px 0 0 40px;
	padding: 0;
}

* html h1#logo {
	margin-left: 20px;
}

#header_right {
	float: right;
	position: relative;
	left: 16px;
}

#nav {
	width: 552px;
	height: 32px;
	position: absolute;
/*	float: left;*/
	margin: 0;
/*	margin-left: 155px;*/
	top: 10px;
	left: 185px;
	padding: 0;
	background: url(images/nav.png) no-repeat;
/*	background: #c30;*/
}

* html #nav {
/*	margin-top: -32px;
	top: -5px;*/
}

#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
#nav li, #nav a {
	height: 30px;
	display: block;
	text-indent: -9999px;
}
#nav_home {
	left: 0;
	width: 55px;
}

#nav_news {
	left: 60px;
	width: 44px;
}

#nav_dealer {
	left: 105px;
	width: 100px;
}
#nav_products {
	left: 206px;
	width: 67px;
}
#nav_testimonials {
	left: 274px;
	width: 88px;
}

#nav_links {
	left: 363px;
	width: 47px;
}

#nav_about {
	left: 411px;
	width: 68px;
}

#nav_contact {
	left: 480px;
	width: 80px;
}

#nav_home a:hover, #nav_home.active a {
	background: transparent url(images/nav_over.png);
}
#nav_news a:hover, #nav_news.active a {
	background: transparent url(images/nav_over.png) no-repeat -60px 0;
}
#nav_dealer a:hover, #nav_dealer.active a {
	background: transparent url(images/nav_over.png) no-repeat -105px 0;
}
#nav_products a:hover, #nav_products.active a {
	background: transparent url(images/nav_over.png) no-repeat -206px 0;
}
#nav_testimonials a:hover, #nav_testimonials.active a {
	background: transparent url(images/nav_over.png) no-repeat -274px 0;
}
#nav_links a:hover, #nav_links.active a {
	background: transparent url(images/nav_over.png) no-repeat -363px 0;
}

#nav_about a:hover, #nav_about.active a {
	background: transparent url(images/nav_over.png) no-repeat -411px 0;
}
#nav_contact a:hover, #nav_contact.active a {
	background: transparent url(images/nav_over.png) no-repeat -480px 0;
}

#main {
	margin: 0;
	padding: 0;
	width: 752px;
}

#main img {
}



/* Middle */
#middle {
	margin-top: 8px;
	margin-bottom: 8px;
}
#middle_image_left {
	float: left;
}

#middle_text {
	background: white;
	width: 453px;
	height: 81px;
	margin-left: 204px;
	padding: 30px 40px;
}

* html #middle_text {
	margin-top: -141px;
	padding-bottom: 21px;
}

#middle_text h1 {
	font-size: 22px;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
}

#middle_text h1 em {
	color: #e24406;
	font-weight: bold;
	font-style:  normal;
}

#middle_text p {
	font-size: 13px;
	line-height: 20px;
	margin: 10px 0 0 0;
}

#middle_image_right {
	float: right;
}

/* bottom */
#bottom {
	clear: both;
}

#bottom_image_left {
	float: left;
	display: inline;
}
#bottom_image_right {
	float: right;
	display: inline;
}
#bottom_text {
	background: white;
	width: 452px;
	height: 77px;
	margin-left: 20px;
	padding: 30px 10px 30px 25px ;
}

* html #bottom_text {
	margin-top: -137px;
	height: 67px;
	padding-bottom: 20px;
}

#bottom_text h1 {
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
}
#bottom_text h1 em {
	color: #478dc8;
	font-weight: bold;
	font-style: normal;
}
#bottom_text p {
	font-size: 13px;
	line-height: 20px;
	margin-top: 10px;
}

/* Footer */
#footer_home{
	width: 756px;
}
#footer_text_home {
	background: url(images/footer_bg.png) repeat-x;
	height: 27px;
	color: white;
	width: 663px;
	font-size: 12px;
	float: left;
}

*:first-child+html #footer_text_home {
	width: 651px;
}

* html #footer_text_home {
	width: 651px;
	height: 29px;
}

#footer_text_home p {
	text-align: left;
	padding-top: 4px;
	padding-left: 10px;
}

#footer_text_home p em {
	color: #e24406;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#footer{
	width: 752px;
}
#footer_text {
	background: url(images/footer_bg.png) repeat-x;
	height: 27px;
	color: white;
	width: 659px;
	font-size: 12px;
	float: left;
}

* html #footer_text_home {
	width: 651px;
	height: 29px;
}

#footer_text p {
	padding-top: 4px;
	padding-left: 10px;
}

#footer_text p em {
	color: #e24406;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#footer_image_right {
	float: right;
}
#footer_email_us {
	float: right;
}

#credit {
	width: 100%;
	margin-top: 30px;
	_margin: -30px 0 0;
	font-size: 10px;
	color: #7a7a7a;
}

*:first-child+html #credit {
	margin-top: 0px;
}

#credit_products{
	width: 100%;
	float: left;
	margin: 0;
	_margin: -30px 0 0;
	font-size: 10px;
	color: #7a7a7a;
}

#credit p {
	font-size: 10px;
}


#burro {
	float: right;
	margin-right: 20px;
}


#left {
	width: 405px;
	float: left;
}

#right {
	width: 347px;
	float: left;
}

#left2 {
	width: 42%;
	float: left;
	padding: 0 35px 20px 40px;
}
#right2 {
	float: left;
	width: 46%;
	margin-bottom: 10px;
}



/* about us */

#aboutus_left {
	padding: 55px 30px 55px 45px;
	background: white url(images/bg_sky_large.jpg) no-repeat;
}

#aboutus_right {
	padding: 55px 30px 55px 45px;
}

#aboutus_right h3 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

ul#aboutUsPeople {
	list-style: none;
	font-size: 12px;
/*	font-weight: bold;*/
	color: #555;
	line-height: 1.5em;
}

/* products */
#products_menu {
	margin: 0;
	padding: 0;
	float: left;
	background: black;
	width: 405px;
	font-size: 12px;
	height: 25px;
}

#products_menu li {
	display: inline;
}

#products_menu a {
	float: left;
	background: #434144;
	color: white;
	padding: 6px 15px;
	text-decoration: none;
	font-weight: bold;
	height: 13px;
}

#products_menu li.first a {
	margin-left: 40px;
	border-right: 1px solid #767477;
}

#products_menu li a:hover, #products_menu li.current a{
	background: #edbe30;
	color: #434144;
	text-decoration: none;
	font-weight: bold;
}

#products_left {
	background: white url(images/bg_sky_large.jpg) no-repeat;
	padding: 10px 30px 0px 40px;
	margin-top: -2px;
	min-height: 247px;
}

html>body #products_left {
	padding-top: 40px;
}
* html #products_left {
	padding-top: 20px;
}

#products_left p {
	width: 350px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

* html #products_left p {
	width: 330px;
	font-weight: normal;
}

#products_left h3 {
	padding-bottom: 15px;
}

#enginemaxx_left {
	background: white url(images/bg_sky_large.jpg) no-repeat;
	padding: 20px 40px 0px;
}

#enginemaxx_secondary{
	margin-top: -1px;
}

html[xmlns*=""] body:last-child #enginemaxx_secondary {/*Safari only Hack */
	margin-top: -1px; 
}


#enginemaxx_secondary h1, #revelation_secondary h1 {
	padding-left: 40px;
	margin-bottom: 10px;
}

#revelation_secondary{
	margin-top: -1px;
}

html[xmlns*=""] body:last-child #revelation_secondary {/*Safari only Hack */
	float: left;
	margin-top: -1px;
}
html[xmlns*=""] body:last-child #revelation_secondary h1, html[xmlns*=""] body:last-child #enginemaxx_secondary h1 {
	padding-top: 0px;
}

#secondary_enginemaxx {
	width: 752px;
	background: white url(images/enginemaxx_bottom_bg.png) no-repeat right top;
	padding-top: 10px;
}

#secondary_revelation {
	width: 752px;
	background: white url(images/revelation_bottom_gradient.png) no-repeat right top;
	padding-top: 10px;
}

/* How it works pages */
#how_left {
	padding: 55px 30px 25px 45px;
	background: white url(images/bg_sky_large.jpg) no-repeat;
	margin-top: -2px;
}

#how_right {
	padding: 25px 30px 25px 45px;
}

/* Dealer Info */
#dealer_info {
	margin-top: 10px;
}
#dealer_info h1 {
	font-size: 16px;
}
#dealer_info p {
	line-height: 20px;
}

#testimonial_right {
	padding: 55px 30px 55px 45px;
	background: url(images/test_bg.png) no-repeat right top;
}

* html #testimonial_right {
	margin: 0;
	padding: 55px 10px 55px 37px;
	width: 205px;
}

#results a {
	display: block;
}

#homeMain {
	background: url(images/homepage.jpg);
	height: 246px;
	width: 752px;
	position: relative;
}

#bloglink {
	width: 200px;
	height: 80px;
	position: absolute;
	top: 0px;
	left: 550px;
	display: block;
	margin-bottom: -80px;
	text-decoration: none;
	text-indent: -9999px;
/*	background: #0a7;*/
}



/* ----- CLASSES ----- */
.test_name {
	font-weight: bold;
	line-height: 25px;
}
.test_city {
	text-transform: uppercase;
	font-size: 12px;
}
.hrimg {
	width: 300px;
	margin-bottom: 20px;
}
.bluebg {
	background: white url(images/bg_blue.png) repeat-y right;
}
.lightbg {
	background: white url(images/bg_light.png) repeat-y right;
}

.whitebg {
	background: white;
}

.rev_bg {
	background: white url(images/revelation_top_bg.png) repeat-y right top;
}
.eng_bg {
	background: white url(images/enginemaxx_top_bg.png) repeat-y right top;
}

.hide{
	display: none;
}

.clear{ clear:both; height:1px; font-size:1px; line-height:1px; margin-bottom: -1px;}
.break {clear: both;}

.blue { color: #5f9bcd; }
.red { color: #e24406; }
.grey {color: #555354;}

.bold {	font-weight: bold; }

a {
	color: #e24406;
	border: none;
	margin: 0;
	padding: 0;
}

a:hover {
	text-decoration: underline;
}

p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 15px;
}

.spaced_text {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
	margin-bottom: 2px;
}
h2 {
	color: #e24406;
	font-weight: bold;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 10px;
}

h3 {
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
}


.blue_text {
	font-weight: bold;
	font-size: 12px;
	line-height: 19px;
}
.allcaps {
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	letter-spacing: 1px;
}


ol {
	font-size: 13px;
	line-height: 20px;
	list-style-type: none;
	margin-top: -10px;
}

ol li {
	margin-bottom: 15px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 3px;
}

ol li.ol_one {
	background-image: url(images/one.png);
}

ol li.ol_two {
	background-image: url(images/two.png);
}
ol li.ol_three {
	background-image: url(images/three.png);
}
ol li.ol_four {
	background-image: url(images/four.png);
}
ol li.ol_five {
	background-image: url(images/five.png);
}


/*
 * Links alts - jan/2008
 */
#linksSpacer {
	padding: 55px 30px 55px 45px;
	background: url(images/bg_sky_large.jpg) no-repeat;
	width: 677px;
}

.link {
	margin-bottom: 20px;
}

.linkImage {
	width: 380px;
	float: left;
}

.linkDescription {
	width: 280px;
	float: left;
}

#linksWrapper {
	background: url(images/bg_blue.png) repeat-y scroll right center;
	width: 751px;
}




