/* COMMON STYLES */

html * {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
}

table {
	border-collapse: collapse;
}

html {
	text-align: center;
	position: relative;
}

body {
	width: 810px;
	text-align: left;
	margin: 0 auto;
	background: #333333 url(../images/carbon-bg.jpg) repeat-x top;
	color: #FFF;
	padding-top: 15px;
	font-size: 0.812em;
	font-family: tahoma, helvetica, "trebuchet ms", arial, sans-serif;
}

a {
	color: #e45c50;
	text-decoration: underline;
}

span.bullet {
	/*background: url(../images/icon-arrow.gif) 5px 5px no-repeat;*/
	/*padding-right: 20px;*/
	display: none;
}

p {
	margin-bottom: 10px;
	line-height: 1.4;
}

ul#accessibility *,
ul#top-contact-details li,
ul#main-navigation li,
ul#footer-navigation,
ul#footer-navigation li {
	float: left;
}

ul#accessibility li {
	padding: 0 5px;
	border-right: 1px solid #FFF;
}

ul#accessibility li.parent {
	border-right: none;
	padding-right: 0;
}

ul#accessibility p {
	margin: 0;
}

ul#top-contact-details {
	float: right;
	margin-bottom: 15px;
}

ul#top-contact-details li {
	margin-left: 10px;
}

ul#main-navigation {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

ul#main-navigation li {
	text-indent: -9999px;
	overflow: hidden;
}

ul#main-navigation li a {
	display: block;
	height: 73px;
	width: 135px;
}

ul#main-navigation li a.active,
ul#main-navigation li a:active,
ul#main-navigation li a:hover {
	background-position: -135px 0;
}

ul#main-navigation .home a {
	background-image: url(../images/nav-logo.png);
}

ul#main-navigation .rfr a {
	background-image: url(../images/nav-rfr.png);
}

ul#main-navigation .cars a {
	background-image: url(../images/nav-the-cars.png);
}

ul#main-navigation .galleries a {
	background-image: url(../images/nav-galleries.png);
}

ul#main-navigation .sales a {
	background-image: url(../images/nav-sales.png);
}

ul#main-navigation .contact a {
	background-image: url(../images/nav-contact.png);
}

div#main-content {
	width: 526px;
	float: left;
	margin-right: 30px;
}

div#main-content h1 {
	font-size: 1.7em;
	padding: 0 10px 0 30px;
}

div#main-content ul li {
	margin-bottom: 30px;
}

div#main-content h3 {
	border-top: 1px dotted #666;
	font-size: 1.3em;
	margin-bottom: 5px;
	padding-top: 5px;
}

div#main-content table th {
	border-top: 1px dotted #666;
	vertical-align: top;
}

div#main-content table td {
	border-top: 1px dotted #666;
	text-align: left;
}

div#main-content table td ul {
	margin-top: 0;
}

div#main-content table td ul li {
	border-top: none;
	margin-bottom: 8px;
	padding-top: 0;
}

body div#main-content ul {
	margin-top: 40px;
}

div#sub-content div,
div#main-content div {
	background-color: #333;
	padding: 0 15px 35px 15px;
	min-height: 400px;
}

div#main-content p.heading {
	border-bottom: 1px solid #999;
	padding: 0 0 5px 30px;
	color: #cce106;
	margin-bottom: 30px;
}

div#sub-content {
	float: left;
	width: 254px;
}

div#sub-content span.container-top {
	background: url(../images/bg-sub-content.png) top no-repeat;
	display: block;
	height: 12px;
}

div#sub-content h5 {
	padding: 2px 0 10px 28px;
	font-size: 1.3em;
	border-bottom: 1px solid #999;
	background: url(../images/icon-this-section.png) no-repeat;
}

div#sub-content ul {
	margin-bottom: 30px;
}

div#sub-content ul li {
	border-bottom: 1px dotted #666;
	padding: 5px 10px 8px 25px;
	background: url(../images/icon-arrow.gif) 7px 11px no-repeat;
}

div#sub-content ul li a {
	color: #FFF;
}

div#sub-content div#quote {
	padding: 0;
	min-height: 0;
}	

div#sub-content ul li a.active {
	color: #e45c50; 
	text-decoration: none;
}

#main-content div p {
	font-size: 1.1em;
	line-height: 1.5;
	margin-bottom: 16px;
}

#main-content div h3 a {
	text-decoration: none;
}

div#main-content span.container-top {
	background: url(../images/bg-main-content.png) top no-repeat;
	display: block;
	height: 12px;
}

body div#main-content ul li {
	border-top: 1px dotted #666;
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
}

body div#main-content h3 {
	width: 25%;
	border: none;
	float: left;
	padding: 0;
}

body div#main-content ul li ul,
body div#main-content ul li p {
	width: 70%;
	float: right;
}

body div#main-content ul li ul li {
	margin-bottom: 5px;
	border: none;
	padding: 0;
}

div#quote blockquote {
	background: url(../images/quote-open.png) top left no-repeat;
	font-family: georgia, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	padding: 37px 0 0 14px;
}

div#quote blockquote p {
	background: url(../images/quote-close.png) bottom right no-repeat;
	padding-bottom: 35px;
	text-align: left;
	color: #FFF;
	margin-top: 0;
}

div#quote p {
	color: #cce106;
	text-align: right;
	margin-top: 5px;
}

div#footer {
	border-top: 1px dotted #999;
	margin-bottom: 50px;
	clear: both;
	padding: 5px 0 0 0;
}

div#footer,
div#footer a {
	color: #999;
}

ul#footer-navigation li {
	margin-right: 10px;
}

ul#footer-contact-details {
	text-align: right;
	float: right;
}

div#people h3 a,
div#quote p {
	color: #cce106;
}

.hidden {
	position: absolute;
	left: -9999px;
}

.right {
	float: right;
}




/* HOME PAGE */
 
body.home div#home-photo {
	overflow: hidden;
}

body.home div#home-photo h1 {
	font-size: 2em;	
}

body.home div#home-photo img {
	float: left;
}

body.home div#home-photo div {
	width: 230px;
	height: 280px;
	background: #484848 url(../images/home-car-bg.png) no-repeat top;
	float: right;
	padding: 49px 14px 5px 20px;
}

body.home div#home-photo div p {
	border-top: 1px dotted #999;
	margin-top: 11px;
	padding: 10px 0 7px 0;
}

body.home div#home-photo a.specs {
	background: transparent url(../images/icon-specs.png) 0 26px no-repeat;
	padding: 25px;
}

body.home div#home-photo a.setup {
	background: url(../images/icon-settings.png) no-repeat;
	padding-left: 25px;
}

body.home div#home-photo a.info {
	background: url(../images/button-more-info.png) no-repeat;
	width: 193px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 38px;
}

body.home h2 {
	border-bottom: 1px solid #999;
	height: 25px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 1.5em;
	padding-left: 32px;
	color: #999;
}

body.home div.row {
	overflow: hidden;
	padding: 0 15px;
	margin-top: 25px;
}

body.home div.row div {
	width: 240px;
	float: left;
	margin-right: 30px;
}

body.home div.row div.last {
	margin-right: 0;
}

body.home #news h2 {
	background: url(../images/icon-sprite.png) no-repeat 0 -28px;
}

body.home #people h2 {
	background: url(../images/icon-sprite.png) no-repeat 0 2px;
}

body.home #galleries h2 {
	background: url(../images/icon-sprite.png) no-repeat 0 -56px;
}

body.home #intro h2 {
	background: url(../images/icon-sprite.png) no-repeat 0 -147px;
}

body.home div#intro {
	width: 510px;
}

body.home #news ul li {
	border-top: 1px dotted #666;
	padding: 8px 0 10px 0;
}

body.home #news ul li.first {
	padding-top: 0;
	border-top: none;
}

body.home #news a.archive {
	color: #E45C50;
	text-decoration: underline;
}

body.home #news span.date {
	display: block;
}

body.home #people img {
	border: 1px solid #000;
	margin: 0 10px 5px 0;
	float: left;
}

body.home #people h3 {
	margin-bottom: 12px;
}

body.home #people h3 a {
	font-size: 1.2em; 
	text-decoration: none;
}

body.home #galleries ul li.odd {
	margin-right: 5px;
}

body.home #galleries ul li {
	float: left;
}

body.home #galleries ul li a img {
	border: 2px solid #3c3c3c;
}




/* RFR */
body.rfr h1 {
	background: url(../images/icon-bubble.png) 0 3px no-repeat;
}

body.rfr div#main-content h3 {
	width: auto;
}

body.rfr div#main-content div.photo {
	width: 30%;
	float: left;
	padding: 0;
	min-height: 0;
}




/* THE CARS */
body.the-cars h1 {
	background: url(../images/icon-asterisk.png) 0 5px no-repeat;
}

body.the-cars ol {
	margin-left: 20px;
}

body.the-cars ol li {
	list-style-type: decimal;
	margin-bottom: 20px;
}

body.the-cars #main-content h1,
body.the-cars #main-content p.heading {
	padding-left: 25px;
}

body.the-cars #main-content ul li ul {
	margin-top: 0;
}

body.the-cars #main-content div div {
	padding: 20px 0 0 0;
	min-height: 0;
	margin-bottom: 20px;
	clear: left;
	border-top: 1px dotted #999;
}

body.the-cars #main-content div div.first {
	border-top: none;
	padding-top: 0;
}

body.the-cars #main-content div div span.image {
	display: block;
	float: left;
	padding: 1px;
	margin-right: 20px;
}

body.the-cars #main-content div div span.image a img {
	border: none;	
}

body.the-cars #main-content div div h2,
body.the-cars #main-content div div p,
body.the-cars #main-content div div span.image a img {
	float: left;
}

body.the-cars #main-content div div h2 {
	margin-bottom: 10px;
	font-size: 1.2em;
}

body.the-cars #main-content div div h2 a {
	text-decoration: none;
	color: #FFF;
}

body.the-cars #main-content div div p {
	width: 293px;
	margin-bottom: 11px;
}

body.the-cars #main-content div div a:hover {
	text-decoration: underline !important;
}

body.the-cars table th {
	font-weight: normal;
}

body.the-cars table thead tr,
body.the-cars table tr.odd {
	background-color: #000;
}

body.the-cars table td {
	text-align: center;
}

body.the-cars table th, 
body.the-cars table td {
	padding: 5px 15px;
}

/* Clear fix */
body.the-cars #main-content div div:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	
}


/* RACE RESULTS */

body.results div#main-content {
	margin-right: 0;
	width: 810px;
}

body.results div#main-content span.container-top {
	background: url(../images/bg-main-content-results.png) top no-repeat;
}

body.results #main-content table {
	width: 100%;
	border-top: 1px dotted #999;
	border-collapse: collapse;
}

body.results #main-content table th {
	padding-left: 0;
	padding-right: 10px;
	font-size: 1em;
	border-top: none;
	border-bottom: 1px dotted #999;
}

body.results #main-content table td {
	border-top: none;
	border-bottom: 1px dotted #999;
}

body.results table th.position {
	width: 53px;
}

body.results table th.quali {
	width: 34px;
}

body.results table th.circuit {
	width: 150px;
}

body.results table th.date {
	width: 118px;
}

body.results table th.driver {
	width: 121px;
}

body.results table th.info {
	width: 230px;
}

body.results table td {
	padding-left: 0;
	padding-right: 10px;
}

body.results table thead tr {
	background-color: #333;
}

body.results table tbody tr:hover {
	background-color: #000;
} 


/* SALES AND SPARES */
body.sales h1 {
	background: url(../images/icon-sales.png) 0 4px no-repeat;
}


/* NEWS */
body.news h1 {
	background: url(../images/icon-news.png) 0 4px no-repeat;
}

body.news #main-content div p {
	font-size: 1em;
}

body.news #main-content div img {
	margin-bottom: 15px;
}

/* GALLERIES */

body.gallery h1 {
	background: url(../images/icon-gallery.png) 0 5px no-repeat;
}

body.gallery #main-content #image-gallery li {
	float: left;
}

body.gallery #main-content #image-gallery li a img {
	border: 2px solid #3c3c3c;
}

body.gallery #main-content #image-gallery li {
	margin: 3px;
	width: auto;
	border: none;
}





/* CONTACT DETAILS */
body.contact h1 {
	background: url(../images/icon-contact.png) 0 4px no-repeat;
}

body.contact h4 {
	width: 20%;
	margin: 0 30px 0 20px;
	clear: both;
	color: #597b96;
}

body.contact div#main-content .contact {
	padding: 0;
}

body.contact div#main-content .contact ul li {
	margin-bottom: 5px;
}

body.contact div#main-content h2 {
	clear: both;
	margin-bottom: 10px;
	border-top: 1px dotted #666;
	font-size: 1.3em;
	margin-bottom: 5px;
	padding-top: 5px;
}

body.contact div#main-content .contact p,
body.contact div#main-content .contact ul {
	width: 65%;
}

body.contact div#main-content .email {
	margin-bottom: 30px;
}

body.contact h4,
body.contact div#main-content .contact ul,
body.contact .contact p {
	float: left;
	display: block;
	margin-top: 20px;
} 

body.contact h4,
body.contact .contact p {
	border-top: 1px dotted #666;
}


/* LINKS */
body.links h1 {
	background: url(../images/icon-contact.png) 0 4px no-repeat;
}

body.links #main-content h2 {
	font-size: 1.3em;
	margin-bottom: 15px;
}

body.links #main-content ul {
	margin: 0 0 40px 0;
}

body.links #main-content ul li {
	margin-bottom: 10px;
}