/*------------------------------------------------------------
TM CSS v2.0 - DDJ 
author:		Trademark Productions - STA
email:		cm@tmprod.com
website:	www.domain.com
-------------------------------------------------------------*/
/*Reset CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1; font-family:inherit; text-align:left; vertical-align:baseline; }
a img, :link img, :visited img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
td { text-align:left; font-weight:normal; vertical-align:top; }
ol, ul { list-style:none; }

/* =General/HTML Elements
-------------------------------------------------------------*/
body {
	background:#000 url(/images/body-bg.jpg) center 0 no-repeat;
	font:13px/1.4 Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:center;
	color:#fff;
}
body.home { background:#000 url(/images/car-bg.jpg) center 0 no-repeat; }
body.about { background:#000 url(/images/about-bg.jpg) center 60px no-repeat; }
a, a:visited { color:#e00f0b; text-decoration:none; }
a:hover { color:#e00f0b; text-decoration:underline; }
em { font-style:italic; }
strong { color:#e00f0b; font-weight:normal; }
ol { list-style-type:decimal; }
ul { list-style-type:disc; }
ul, ol { margin:5px 0 1em 15px; }
img.right {
	clear:left;
	float:right;
	margin:5px 0 5px 5px;
}
img.left {
	clear:right;
	float:left;
	margin:5px 5px 5px 0;
}
.alignright { text-align:right; }
.clear { clear:both; }

/* =Typography
-------------------------------------------------------------*/
p, li, label {
	line-height:1.15em;
	text-align:left;
}
p { margin:1em 0; }
p:first-child { margin-top:0; }
#footer p, #footer li { margin:0; }
p.center { text-align:center; }
p.bottom0 { margin-bottom:0; }
.nowrap { white-space:nowrap; }
/* =Headings
-------------------------------------------------------------*/
h1, h2, h3 {
	font-weight:bold;
	margin-bottom:.5em;
}
h1 {
	border-bottom: 1px solid;
	font-size:24px;
	position:absolute;
	left:-9999em;
}
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
#sidebar h3:first-child {
	border-bottom: 1px solid;
	padding: 3px 0 5px 0;
}

/* =DocStructure
-------------------------------------------------------------*/
#wrapper {
	margin:10px auto;
	text-align:left;
	width:1000px;
}
#container {
	float:left;
	padding:10px;
	position:relative;
	width:980px;
	height:480px;
	max-height:480px;
	overflow:hidden;
}
#mast {
	padding:10px 52px 0;
	height:27px;
	left:10px;
	position:absolute;
	top:10px;
	width:878px;
}
#content {
	float:left;
	left:10px;
	margin:80px 52px 0;
	padding-bottom: 10px;
	width:878px;
}
#main {
	width:878px;
}
#sidebar {
	padding:5px;
	width:250px;
}
#full {
	float: left;
	width: 980px;
}
#footerWrapper {
	position:absolute;
	z-index:100;
	left:0;
	top:437px;
	background:url(/images/footer-bg.png) 0 0 repeat-x;
	height:73px;
	width:100%;
}
#footer {
	height:42px;
	width:1000px;
	margin:0 auto;
	padding-top:18px;
}

/* =Layout
-------------------------------------------------------------*/
body #main, body.ms #main, body.sm #sidebar { float:left; }
body #sidebar, body.ms #sidebar, body.sm #main { float:right; }
body #main, body.ms #main, body.sm #sidebar { padding-left:0; }
body #sidebar, body.ms #sidebar, body.sm #main { padding-right: 0; }
div.half {
	float:left;
	margin-bottom: 2%;
	margin-right:2%;
	width:48%;
}
div.third {
	float:left;
	margin-bottom: 2%;
	margin-right:2%;
	padding:1%;
	width:30%;
}
div.twothirds {
	float:left;
	margin-bottom: 2%;
	padding: 1%;
	width: 64%;
}
div.fifth {
	float:left;
	margin-bottom: 2%;
	width: 19%;
	margin-right:1%;
	margin-top:1%;
}
div.last {
	margin-right:0;
	float:right;
}
div.half + *, div.third + * { clear:both; }
div.half + div, div.third + div { clear:none; }
div.half + .clear, div.third + .clear { clear:both; }

/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/


/* =Main Content Styles
-------------------------------------------------------------*/

/* Home Page */
.home .object {
	height: 315px;
	width: 878px;
	position: absolute;
	top: 83px;
	left: 54px;
	z-index:1000;
}
.home p.center {
	position:absolute;
	top:353px;
	width:878px;
	z-index:900;
}

/* About Page */
.about div#main {
	width:320px;
	color:#000;
	margin:75px 0 0 -20px;
	padding:0 14px;
	font-size:12px;
}

/* Features/Specs Page */
body.features { background-image:none; }
.features div#main { font-size:11px; }
.features li.engine { background:url(/images/engine-specs.jpg) no-repeat center 0; }
.features li.interior { background:url(/images/interior-specs.jpg) no-repeat center 0; }
.features li.topOpen { background:url(/images/top-view-open-specs.jpg) no-repeat center 0; }
.features li.topClosed { background:url(/images/top-view-closed-specs.jpg) no-repeat center 0; }
.features li.frontOpen { background:url(/images/front-view-open-specs.jpg) no-repeat center 0; }
.features li.sideOpen { background:url(/images/side-view-open-specs.jpg) no-repeat center 0; }
.features li.sideClosed { background:url(/images/side-view-closed-specs.jpg) no-repeat center 0; }
.features li.rear { background:url(/images/rear-specs.jpg) no-repeat center 0; }
a.tooltip {
	position:absolute;
	background:url(/images/tooltip-bg.png) no-repeat 5px 5px;
	height:10px;
	width:10px;
	display:none;
	padding:5px 10px 5px 5px;
}
a.tooltip span {
	display:none;
	position:absolute;
	top:5px;
	left:25px;
	width:100px;
	color:#000;
	background:url(/images/white-75.png) repeat 0 0;
	padding:5px;
	border:solid 1px #E00F0B;
	z-index:3000;
}
a.tooltip:hover {
	text-decoration:none;
	background-position:-35px 5px;
}
a.tooltip:hover span {
	display:block;
}
p.specs {
	text-align:center;
	margin-top:313px;
	font-size:11px;
}
.jcarousel-skin-page li.specs { margin-top:10px; }

/* Sponsors Page */
.jcarousel-skin-page li.sponsors {
	background:#fff;
	height:305px;
	margin-top:8px;
}
img.logo {
	width:140px;
	float:left;
	margin:4px 3px;
}
img.logoSm {
	width:119px;
	float:left;
	margin:4px 3px;
	height:40px;
}
.sponsors li.car { background:url(/images/sponsors.jpg) no-repeat center 0; }
.sponsors li.top { background:url(/images/sponsors-top.jpg) no-repeat center 0; }
.sponsors li.seats { background:url(/images/sponsors-seats.jpg) no-repeat center 0; }
.sponsors li.inside { background:url(/images/sponsors-inside.jpg) no-repeat center 0; }

/* Appearances Page */
.appearance li.jcarousel-item {
	position:relative;
	height:323px;
	width:265px;
	margin-right:10px;
	padding:10px;
	float:left;
}
.appearance li.jcarousel-item img {
	position:absolute;
	bottom:25px;
	left:10px;
}
.appearance a.bottom {
	position:absolute;
	bottom:25px;
	left:10px;
	width:265px;
	height:160px;
}
.appearance a.bottom:hover {
	text-decoration:none;
}
.appearance a.bottom img {
	position:static;
}
.appearance a.bottom span {
	display:block;
	width:265px;
	height:160px;
	background:url(/images/play.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
}
.appearance a.bottom:hover span {
	background:url(/images/play.png) -265px 0 no-repeat;
}


/* =Sidebar Content Styles
-------------------------------------------------------------*/


/* =Footer Styles
-------------------------------------------------------------*/
#footer ul { display:none; }
#footer ul li img { height:42px; width:42px; }
#footer p.vsr, #footer p.vsrd { float:left; width:500px; line-height:19px; height:19px; text-align:center; font-size:12px; }
.about #footer p.vsr, .about #footer p.vsrd { color:#000; background:url(/images/white-10.png) repeat-y 0 0; }
#footer p a { color:#fff; }
#footer p a:hover { color:#E00F0B; text-decoration:none; }

/* =Main Navigation Styles
-------------------------------------------------------------*/
#mainNav {
	height:18px;
	left:10px;
	list-style-type:none;
	margin:0;
	padding-left:41px;
	position:absolute;
	top:57px;
	width:973px;
}
#mainNav li {
	float:left;
	height:18px;
	line-height:18px;
	border-left:solid 1px #fff;
}
#mainNav li:first-child {
	border-left:none;
}
#mainNav a {
	display:block;
	padding:2px 10px;
	text-decoration:none;
	color:#fff;
	text-transform:lowercase;
	font-size:13px;
}
#mainNav a:hover {
	color:#e00f0b;
}
#mainNav a.active {
	color:#e00f0b;
}

/* =Secondary Navigation Styles
-------------------------------------------------------------*/


/* =Form Styles
-------------------------------------------------------------*/
div#thanks, div#spammer, div#noMoreChances, form#quickcontactretry, div.loading { display:none; }

select, textarea, input {
	width:220px;
	padding: 5px;
	border:solid 1px #888;
	float:left;
	margin:5px 0;
	background:#fff;
	background:rgba(255,255,255,.5);
	font:13px Arial, Helvetica, sans-serif;
}
select:focus, textarea:focus, input:focus { background:rgba(255,255,255,.8); }
textarea {
	height:100px;
}

form { float:left; }
form div {
	float:left;
	clear:both;
	position:relative;
	width:362px;
}
form label {
	line-height:25px;
	margin-bottom:10px;
	float:left;
	width:120px;
	margin:5px 0;
}
form input {
	margin-right:17px;
	float:left;
	margin:5px 0;
}
form input.submit {
	width:auto;
	float:right;
	margin-right:10px;
	background-color:#E00F0B;
	cursor:pointer;
	border:none;
	color:#fff;
	text-transform:uppercase;
}
form input.submit:hover {
	background-color:#fff;
	color:#E00F0B;
}
form .error {
	color:#E00F0B;
	float:left;
}
form input.error, form textarea.error, form select.error {
	background-color:#E00F0B;
	background-color:rgba(224, 15, 11,.7);
	color:#fff;
}
form input.error:focus, form textarea.error:focus, form select.error:focus {
	background-color:#E00F0B;
}
form select.error { color:#000; }
form label.error {
	position:absolute;
	right:15px;
	float:none;
	text-align:right;
	width:auto;
	top:0;
	color:#fff;
}
form p span.nofloat { float:none; }

div.loading {
	background:transparent url(/images/loading.gif) no-repeat scroll 193px top;
	height:28px;
	text-align:right;
}

/* =Table Styles
-------------------------------------------------------------*/
table {
	border-spacing:0;
	border-collapse: collapse;
}
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

/* =Miscellaneous Styles
-------------------------------------------------------------*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxContent{margin:0 60px 32px;}
#cboxLoadedContent{background:#000; border:solid #b2b3b6 5px;}
#cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; bottom:-17px; left:0; color:#B2B3B6; font-size:11px}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; bottom:-20px; background:url(/images/controls.png) no-repeat 0 0;}
#cboxPrevious{background:url(/images/prev-horizontal.png) no-repeat 0 0; left:-50px; top:49%; width:43px; height:42px; position:absolute; text-indent:-9999em;}
#cboxNext{background:url(/images/next-horizontal.png) no-repeat 0 0; right:-50px; top:49%; width:43px; height:42px; position:absolute; text-indent:-9999em;}
#cboxNext.hover, #cboxPrevious.hover{background-position: -43px 0;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* jCarousel */
.jcarousel-skin-vsr { float:left; }
.jcarousel-skin-vsrd { float:right }
.jcarousel-skin-vsr .jcarousel-container-horizontal,
.jcarousel-skin-vsrd .jcarousel-container-horizontal { width: 402px; padding: 0 49px; }
.jcarousel-skin-vsr .jcarousel-clip-horizontal,
.jcarousel-skin-vsrd .jcarousel-clip-horizontal { width:402px; height: 42px; }
.jcarousel-skin-vsr .jcarousel-item,
.jcarousel-skin-vsrd .jcarousel-item { width: 42px; height: 42px; }
.jcarousel-skin-vsr .jcarousel-item-horizontal,
.jcarousel-skin-vsrd .jcarousel-item-horizontal { padding-right: 3px; }
.jcarousel-skin-vsr .jcarousel-item-placeholder,
.jcarousel-skin-vsrd .jcarousel-item-placeholder { background: #000; color: #fff; }
/*Page*/
.jcarousel-skin-page .jcarousel-container-horizontal { width: 878px; padding: 0 63px; margin-left:-63px; }
.jcarousel-skin-page .jcarousel-clip-horizontal { width:878px; height: 325px; }
.jcarousel-skin-page .jcarousel-item { width: 878px; height: 325px; position:relative; }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-vsr .jcarousel-next-horizontal,
.jcarousel-skin-vsrd .jcarousel-next-horizontal,
.jcarousel-skin-page .jcarousel-next-horizontal { position: absolute; top: 0; right: 3px; width: 43px; height: 42px; cursor: pointer; background: transparent url(/images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-vsr .jcarousel-prev-horizontal,
.jcarousel-skin-vsrd .jcarousel-prev-horizontal,
.jcarousel-skin-page .jcarousel-prev-horizontal { position: absolute; top: 0; left: 3px; width: 43px; height: 42px; cursor: pointer; background: transparent url(/images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-vsr .jcarousel-next-horizontal:hover,
.jcarousel-skin-vsr .jcarousel-prev-horizontal:hover,
.jcarousel-skin-vsrd .jcarousel-next-horizontal:hover,
.jcarousel-skin-vsrd .jcarousel-prev-horizontal:hover,
.jcarousel-skin-page .jcarousel-next-horizontal:hover,
.jcarousel-skin-page .jcarousel-prev-horizontal:hover { background-position: -43px 0; }
.jcarousel-skin-vsr .jcarousel-next-horizontal:active,
.jcarousel-skin-vsr .jcarousel-prev-horizontal:active,
.jcarousel-skin-vsrd .jcarousel-next-horizontal:active,
.jcarousel-skin-vsrd .jcarousel-prev-horizontal:active,
.jcarousel-skin-page .jcarousel-next-horizontal:active,
.jcarousel-skin-page .jcarousel-prev-horizontal:active { background-position: -86px 0; }
.jcarousel-skin-vsr .jcarousel-next-disabled-horizontal, .jcarousel-skin-vsr .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-vsr .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-vsr .jcarousel-prev-disabled-horizontal, .jcarousel-skin-vsr .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-vsr .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-vsrd .jcarousel-next-disabled-horizontal, .jcarousel-skin-vsrd .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-vsrd .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-vsrd .jcarousel-prev-disabled-horizontal, .jcarousel-skin-vsrd .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-vsrd .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-page .jcarousel-next-disabled-horizontal, .jcarousel-skin-page .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-page .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-page .jcarousel-prev-disabled-horizontal, .jcarousel-skin-page .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-page .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -129px 0; }
.jcarousel-skin-page .jcarousel-prev, .jcarousel-skin-page .jcarousel-next { margin-top:125px; }

/* =Print Styles
-------------------------------------------------------------*/
@media print {
	#mast, #banner, #footer, #sidebar, #mainNav { display:none; height:0; width: 0; }
	#content, #main, #wrapper, #container { display:block; width:100%; float:none; margin:0; padding: 0; }
	h1, h2, h3, h4 { color:#666; font-weight:bold; }
	h1 { font-size:18pt; border-bottom:1px solid #999; }
	h2 { font-size:16pt; }
	h3 { font-size:14pt; }
	h4 { font-size:12pt; }
	p { font-size:10pt; color:#666; }
}