/*
------------------------------------ 
on the edge graphics main css layout
powered by advantage motorsports marketing
version: 03.30.07
------------------------------------
*/


/* Imported Styles
----------------------------------------------- */
@import url("zoom.css");



/* global stuffs
----------------------------------------------- */
body {
	margin: 2px 0px; 
	padding: 0px;
	background-color: #cfcfcf;
	color: #666;
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, Tahoma, Verdana;
	}

a:link, a:visited { color: #cf4400; text-decoration: none; }	
a:hover { color: #333; text-decoration: none; }

h4 { margin: 0; padding: 0 0 3px 0; font-size: 14px; font-weight: 900; }
p { margin: 0; padding: 0; }

#footer {
	position: relative;
	margin: 0;
	padding: 0;
	}


/* main layouts
----------------------------------------------- */
#mainWrap {
	margin: 15px auto 0px auto;
	padding: 0;
	width: 885px;
	height: 582px;
	background: #fff url(gfx/backgrounds/rotation/rotate.php) top left no-repeat;
	}
#mainLinks { 
	float: left;
	width: 237px;
	margin: 290px 0 0 300px;
	display: inline;
	}
#comments { padding: 42px 0 0 68px; width: 800px; }

#pageHeader {
	margin: 15px auto 0px auto;
	padding: 0;
	width: 885px;
	height: 293px;
	background: #fff url(gfx/backgrounds/pageHeader_01.jpg) top left no-repeat;
	}
#insideLinks { 
	float: left;
	width: 237px;
	margin: 80px 0 0 360px;
	display: inline;
	}
#pageFooter {
	margin: 0px auto;
	padding: 0;
	width: 885px;
	height: 39px;
	background: #fff url(gfx/backgrounds/pageFooter_01.jpg) top left no-repeat;
	}
	
#mainContent {
	margin: 0px auto;
	padding: 0;
	width: 885px;
	background: #fff url(gfx/backgrounds/mainContent_01.jpg) top left repeat-y;
	}
#left { 
	float: left;
	margin: 0px;
	padding: 0 0 0 68px;
	width: 582px;
	display: inline;
	}
#right { 
	float: left;
	margin: 0px;
	padding: 0 0 0 20px;
	width: 200px;
	}
	
#footer { margin: 0px auto; padding: 4px 0 0 0; width: 850px; }


/* navigation
----------------------------------------------- */
#driverCards {
	position: relative;
	background: transparent url(gfx/navigation/driverCards_off_01.gif) top left no-repeat;
	width: 200px;
	height: 35px;
	}	
#driverCards a:hover img {
	position: relative;
	background: transparent url(gfx/navigation/driverCards_on_01.gif) top left no-repeat;
	}
#raceWear {
	position: relative;
	background: transparent url(gfx/navigation/raceWear_off_01.gif) top left no-repeat;
	width: 200px;
	height: 35px;
	}	
#raceWear a:hover img {
	position: relative;
	background: transparent url(gfx/navigation/raceWear_on_01.gif) top left no-repeat;
	}
#tattoos {
	position: relative;
	background: transparent url(gfx/navigation/tattoos_off_01.gif) top left no-repeat;
	width: 200px;
	height: 35px;
	}	
#tattoos a:hover img {
	position: relative;
	background: transparent url(gfx/navigation/tattoos_on_01.gif) top left no-repeat;
	}
#promotionalCards {
	position: relative;
	background: transparent url(gfx/navigation/promotionalCards_off_01.gif) top left no-repeat;
	width: 200px;
	height: 35px;
	}	
#promotionalCards a:hover img {
	position: relative;
	background: transparent url(gfx/navigation/promotionalCards_on_01.gif) top left no-repeat;
	}
#aboutUs {
	position: relative;
	background: transparent url(gfx/navigation/aboutUs_off_01.gif) top left no-repeat;
	width: 200px;
	height: 35px;
	}	
#aboutUs a:hover img {
	position: relative;
	background: transparent url(gfx/navigation/aboutUs_on_01.gif) top left no-repeat;
	}
#contact {
	position: relative;
	background: transparent url(gfx/navigation/contact_off_01.gif) top left no-repeat;
	width: 200px;
	height: 35px;
	}	
#contact a:hover img {
	position: relative;
	background: transparent url(gfx/navigation/contact_on_01.gif) top left no-repeat;
	}

/* a
----------------------------------------------- */
#footer a:link, #footer a:visited { text-decoration: none; color: #555; }
#footer a:hover { text-decoration: underline; color: #333; }

/* p
----------------------------------------------- */
#footer { color: #666; font-size: 9px; text-align: center; }

	
/* misc
----------------------------------------------- */
#left img { border: #CCC 1px solid; padding: 5px; margin: 0 0 0 10px; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }
#clear { clear: both; }


/* thats all
----------------------------------------------- */