/* reset box model */

body, h1, h2, h3, p, ul {
	margin: 0;
	border: 0;
	padding: 0;
	}

/* set background img */

body {
	width: 4096px;
	background: #000 url(../images/common/background/rotate.php) no-repeat fixed;
	}

/* set fonts */

h1 {
	}

h2 {
	font: bold 0.65em/1.3 Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #ccc;
	}

h3 {
	font: bold 0.65em/1.3 Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #999;
	}

p, ul {
	font: 0.65em/1.3 Verdana, Geneva, sans-serif;
	color: #999;
	list-style: none;
	}

a, abbr {
	border-bottom: 1px dotted #999;
	text-decoration: none;
	color: #ccc;
	}

a:hover {
	color: #fff;
	}

strong {
	text-transform: uppercase;
	color: #ccc;
	}

sup {
	font-size: 0.65em;
	color: #ccc;
	}

i {
	display: none;
	}
	
.shade {
	line-height: 1.3;
	background: #000;
	}

.dark {
	color: #333;
	}

/* start text nav */

#text-nav {
	position: fixed;
	top: 0;
	left: 424px;
	width: 100%;
	background: #000;
	}

#text-nav h2 {
	margin-right: 1em;
	float: left;
	}

#text-nav li {
	display: inline;
	}

/* end text nav */

/* start banner */

body {
	padding-top: 120px;
	}

#banner {
	padding-left : 424px;
	position: fixed;
	top: 30px;
	left: 0px; /* required by IE6 */
	width: 100%;
	height: 60px;
	background: #000 url(../images/common/banner.gif) no-repeat center left;
	}

#vertical-position-hack {
	margin-top: -0.845em;
	position: relative;
	top: 50%;
	height: 1.69em; /* required by IE6 */
	}

#mail {
	margin-right: 2em;
	float: left;
	}

#mail p {
	text-transform: uppercase;
	}

/* end banner */

/* start nav */

.nav, .nav-right {
	float: left;
	width: 112px;
	}

.nav a, .nav-right a {
	border: none;
	width: 62px;
	height: 20px;
	}

a.prev {
	float: left;
	background: url(../images/common/prev.png) no-repeat;
	}

a.next {
	float: right;
	background: url(../images/common/next.png) no-repeat;
	}

a.home {
	float: left;
	background: url(../images/common/home.png) no-repeat;
	}

#first a {
	background: none;
	}

/* end nav */

/* start latest */

.latest, .shout {
	float: left;
	}
	
.latest {
	width: 800px;
	}

.shout {
	padding: 0 4px;
	width: 192px;
	}

.shout img {
	border: 0;
	padding: 3px;
	background: url(../images/common/latest-border.png) no-repeat;
	}

.shout a.img {
	border: 0;
	}

.shout h2, .shout h3, .shout p {
	padding: 0.2em;
	background: #000;
	}

.shout br {
	margin-bottom: 0.5em;
	}

/* end latest */

/* start feature */

.feature, .caption, .spec, .thumbs {
	float: left;
	}
	
.feature {
	width: 800px;
	}

.caption {
	width: 400px;
	}

.feature h2, .feature p {
	padding-top: 1em;
	}

.caption, .spec {
	margin-right: 1em;
	border-right: 1px dashed #c6f;
	padding-right: 1em;
	}

.thumb-border {
	padding: 3px;
	width: 64px;
	height: 64px;
	background: url(../images/common/thumb-border.png) no-repeat;
	}

.thumb-border:hover {
	background: url(../images/common/thumb-border-hover.png) no-repeat;
	}

.thumb-border a {
	border: 0;
	position: absolute; /* required for background img to fill width and height */
	width: 58px;
	height: 58px;
	}

/* start black */

#black {
	padding-top: 106px;
	background: url(../images/black/caption.png) no-repeat;
	}

a#black-01-thumb {
	background: url(../images/black/01-thumb.gif) no-repeat;
	}

a#black-02-thumb {
	background: url(../images/black/02-thumb.gif) no-repeat;
	}

a#black-03-thumb {
	background: url(../images/black/03-thumb.gif) no-repeat;
	}

/* end black */

/* start black */

#formula {
	padding-top: 54px;
	background: url(../images/formula/caption.png) no-repeat;
	}

a#formula-01-thumb {
	background: url(../images/formula/01-thumb.gif) no-repeat;
	}

a#formula-02-thumb {
	background: url(../images/formula/03-thumb.gif) no-repeat;
	}

a#formula-03-thumb {
	background: url(../images/formula/04-thumb.gif) no-repeat;
	}

/* end black */

/* start caterham */

#caterham {
	padding-top: 22px;
	background: url(../images/caterham/caption.png) no-repeat;
	}

a#caterham-01-thumb {
	background: url(../images/caterham/01-thumb.gif) no-repeat;
	}

a#caterham-02-thumb {
	background: url(../images/caterham/02-thumb.gif) no-repeat;
	}

a#caterham-03-thumb {
	background: url(../images/caterham/03-thumb.gif) no-repeat;
	}

/* end caterham */

/* end feature */

/* start info */

#info {
	padding-left: 9px;
	position: fixed;
	bottom: 1em;
	left: 1em;
	height: 16px;
	width: 100%;
	background: url(../images/common/info.png) no-repeat;
	}

.hidden {
	display: none;
	}

#info:hover .hidden {
	display: block;
	}

/* end info */