/************************************************************/
/* Site Developed by: Anthony J. Smith */
/* Website: http://anthonyjsmith.com.au
/* 
/* Client: Race Glides Australia
/*
/* Built 23.03.2009
/*
/*
/*
/************************************************************/



/************************************************************/
/* General Site Layout */
/************************************************************/
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

html {
	color: #fff;
	background: #000 url(images/bg_header.jpg) repeat-x 0 0;
	font-size: 82.5%;
	height: 100%;
	overflow-y:scroll;
}

body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -69px; /* the bottom margin is the negative value of the footer's height */
	position: relative;
	width: 1024px;
}

#wrapper.garage {
		background: url(images/line-header.png) no-repeat center 475px;
		_background: none;
}

#wrapper.links {
		background: url(images/line-header.png) no-repeat center 388px;
}

#wrapper.customer {
		background: url(images/line-header.png) no-repeat center 435px;
}

#wrapper.diffs {
		background: url(images/line-header.png) no-repeat center 400px;
}

#wrapper.trans-body {
		background: url(images/line-header.png) no-repeat center 485px;
}

#wrapper.mopar {
		background: url(images/line-header.png) no-repeat center 400px;
}

#wrapper.ford {
		background: url(images/line-header.png) no-repeat center 400px;
}

#wrapper.gm {
		background: url(images/line-header.png) no-repeat center 425px;
}

#header {
	height: 79px;
	width: 1024px;
}

h1.logo {
	background: url(images/logo.png) no-repeat 0 0;
	display: block;
	height: 200px;
	position: absolute;
	right: 70px;
	text-indent: -999em;
	top: 0;
	width: 513px;
}

#header-image {
	background: url(images/header-image.jpg) no-repeat 0 0;
	height: 170px;
	width: 1024px;
}

#content {
	margin: 0 auto;
	padding: 30px 0; 
	width: 500px;
}

#image-container {
	margin: 0 auto;
	padding: 0 25px;
	width: 665px;
}

.clear {
	clear: both;
	height: 69px;
}

.clear-both {
	clear: both;
}

#footer {
	background: url(images/bg_footer.jpg) repeat-x bottom left;	
	height: 69px;
	position: relative;
}

#footer-details {
	background: url(images/contact_footer.png) no-repeat 0 0;
	height: 56px;
	margin: 0 auto;
	width: 522px;
}

#footer-details a.contact-details {
	background: url(images/contact-details.gif) no-repeat 0 0;
	display: block;
	float: left;
	margin: 10px 0 0 30px;
	_margin: 10px 0 0 15px;
	height: 31px;
	text-indent: -999em;
	width: 456px;
}


/************************************************************/
/* Navigation */
/************************************************************/
ul#nav {
	background: url(images/bg_nav.jpg) repeat-x 0 0;
	height: 52px;
	width: 1024px;
}

ul#nav li {
	float: left;
	list-style: none;
}

a.nav1,
a.nav2,
a.nav3,
a.nav4,
a.nav5,
a.nav6,
a.nav7,
a.nav8,
a.nav9 {
	display: block;
	height: 52px;
	outline: none;
	overflow: hidden;
	text-indent: -999em;
}

a.nav1 {
	background: url(images/nav_buttons.jpg) no-repeat 0 0;
	width: 113px;
}
	li:hover a.nav1,
	li.active a.nav1,
	li.sfhover a.nav1 {
			background: url(images/nav_buttons.jpg) no-repeat 0 -52px;
	}

a.nav2 {
	background: url(images/nav_buttons.jpg) no-repeat -113px 0;
	width: 114px;
}
	li:hover a.nav2,
	li.active a.nav2,
	li.sfhover a.nav2 {
			background: url(images/nav_buttons.jpg) no-repeat -113px -52px;
	}

a.nav3 {
	background: url(images/nav_buttons.jpg) no-repeat -227px 0;
	width: 113px;
}
	li:hover a.nav3,
	li.active a.nav3,
	li.sfhover a.nav3 {
			background: url(images/nav_buttons.jpg) no-repeat -227px -52px;
	}

a.nav4 {
	background: url(images/nav_buttons.jpg) no-repeat -340px 0;
	width: 114px;
}
	li:hover a.nav4,
	li.active a.nav4,
	li.sfhover a.nav4	 {
			background: url(images/nav_buttons.jpg) no-repeat -340px -52px;
	}	
	
a.nav5 {
	background: url(images/nav_buttons.jpg) no-repeat -454px 0;
	width: 113px;
}
	li:hover a.nav5,
	li.active a.nav5,
	li.sfhover a.nav5	 {
			background: url(images/nav_buttons.jpg) no-repeat -454px -52px;
	}			

a.nav6 {
	background: url(images/nav_buttons.jpg) no-repeat -567px 0;
	width: 113px;
}
	li:hover a.nav6,
	li.active a.nav6,
	li.sfhover a.nav6	 {
			background: url(images/nav_buttons.jpg) no-repeat -567px -52px;
	}
	
a.nav7 {
	background: url(images/nav_buttons.jpg) no-repeat -680px 0;
	width: 114px;
}
	li:hover a.nav7,
	li.active a.nav7,
	li.sfhover a.nav7	 {
			background: url(images/nav_buttons.jpg) no-repeat -680px -52px;
	}
	
a.nav8 {
	background: url(images/nav_buttons.jpg) no-repeat -794px 0;
	width: 114px;
}
	li:hover a.nav8,
	li.active a.nav8,
	li.sfhover a.nav8	 {
			background: url(images/nav_buttons.jpg) no-repeat -794px -52px;
	}
	
a.nav9 {
	background: url(images/nav_buttons.jpg) no-repeat -908px 0;
	width: 116px;
}
	li:hover a.nav9,
	li.active a.nav9,
	li.sfhover a.nav9	 {
			background: url(images/nav_buttons.jpg) no-repeat -908px -52px;
	}			

/* 2nd level */

ul#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

ul#nav li:hover ul,
ul#nav li.sfhover ul {
	left: auto;
	margin-top: -2px;
	width: 265px;
}

ul#nav ul li {
	
}

ul#nav ul li a {
	display: block;
	float: left;
	height: 31px;
	outline: none;
	text-indent: -999em;
}

ul#nav ul li a.nav11 {
	background: url(images/sub_nav.gif) no-repeat 0 0;
	width: 87px;
}

	ul#nav ul li a.nav11:hover {
		background: url(images/sub_nav.gif) no-repeat 0 -31px;
	}

ul#nav ul li a.nav12 {
	background: url(images/sub_nav.gif) no-repeat -87px 0;
	width: 92px;
}

	ul#nav ul li a.nav12:hover {
		background: url(images/sub_nav.gif) no-repeat -87px -31px;
	}

ul#nav ul li a.nav13 {
	background: url(images/sub_nav.gif) no-repeat -179px 0;
	width: 86px;
}

	ul#nav ul li a.nav13:hover {
		background: url(images/sub_nav.gif) no-repeat -179px -31px;
	}		


/************************************************************/
/* Page Headings */
/************************************************************/

h2.home,
h2.warranty,
h2.disclaimer,
h2.servicing,
h2.garage,
h2.downloads,
h2.contact,
h2.links,
h2.customer,
h2.diffs,
h2.transmissions,
h2.mopar,
h2.ford,
h2.gm {
	display: block;
	height: 40px;
	margin: 30px 0 20px 0;
	text-indent: -999em;
}

h2.home {
	background: url(images/heading_home.gif) no-repeat 0 0;
	width: 451px;;
}

h2.warranty {
	background: url(images/heading_warranty.gif) no-repeat 0 0;
	width: 200px;
}

h2.disclaimer {
	background: url(images/heading_disclaimer.gif) no-repeat 0 0;
	width: 199px;
}

h2.servicing {
	background: url(images/heading_servcing.gif) no-repeat 0 0;
	width: 171px;
}

h2.garage {
	background: url(images/heading_garage.gif) no-repeat 0 0;
	width: 314px;
}

h2.downloads {
	background: url(images/heading_downloads.gif) no-repeat 0 0;
	width: 207px;
}

h2.contact {
	background: url(images/heading_contact.gif) no-repeat 0 0;
	width: 204px;
}

h2.links {
	background: url(images/heading_links.gif) no-repeat 0 0;
	width: 98px;
}

h2.customer {
	background: url(images/heading_customercars.gif) no-repeat 0 0;
	width: 286px;
}

h2.diffs {
	background: url(images/heading_diffs.gif) no-repeat 0 0;
	width: 311px;
}
h2.transmissions {
	background: url(images/heading_transmissions.gif) no-repeat 0 0;
	width: 344px;
}
h2.mopar {
	background: url(images/heading_mopar_tran.gif) no-repeat 0 0;
	width: 425px;
}

h2.ford {
	background: url(images/heading_ford_tran.gif) no-repeat 0 0;
	width: 425px;
}

h2.gm {
	background: url(images/heading_gm_tran.gif) no-repeat 0 0;
	width: 425px;
}
/************************************************************/
/* Basic stlying */
/************************************************************/

p {
	line-height: 20px;
	margin-bottom: 20px;
}

p.left {
	clear: both
	float: left;
	width: 220px;
}

h3 {
	color: #cc6612;
	margin-bottom: 10px;
}

a.download {
	background: url(images/bg_a.gif) no-repeat right 0;
	padding-right: 30px;
}

a {
	color: #fff;
	font-weight: bold;	
}

.left {
	float: left;
}

.right {
	float: right;
}

#content img,
#image-container img {
	border: 1px solid #fff;
	margin-bottom: 60px;
}

.column {
	float: left;
	margin-right: 38px;
	_margin-right: 30px;
	width: 196px;
}

#image-container .last {
	margin: 0;
}

.links #image-container img {
	margin-bottom: 20px;
}

.cust-car {
	width: 305px;
}

#image-container .cust-car img {
	margin-bottom: 20px;
}

#image-container .clear {
	height: 0;
}

/***********************/
/* Diff Page */
/***********************/

#diff-info {
	float: right;
	width: 275px;
}

#diffs img {
	border: none;
}

.diffs #image-container {
	padding-bottom: 50px;
}

/***********************/
/* Tranmissions Pages */
/***********************/

.trans-body #image-container img,
.mopar #image-container img,
.ford #image-container img,
.gm #image-container img {
	border: none;
	margin-bottom: 15px;
}

.trans-body #image-container p {
	height: 120px;
}

a.gm-link,
a.ford-link,
a.mopar-link {
	display: block;
	height: 39px;
	margin-bottom: 20px;
	outline: none;
	text-indent: -999em;
	width: 207px;
}

a.gm-link {
	background: url(images/view_gm.gif) no-repeat 0 0;
}

a.ford-link {
	background: url(images/view_ford.gif) no-repeat 0 0;
}

a.mopar-link {
	background: url(images/view_mopar.gif) no-repeat 0 0;
}

.mopar div.right,
.ford div.right,
.gm div.right {
	margin-top: 30px;
	width: 270px;
}

.mopar #image-container,
.ford #image-container,
.gm #image-container {
	margin-bottom: 30px;
}

.gm .column {
	width: 310px;
}

.gm .column p {
	width: 280px;
}