@charset "utf-8";
/* CSS Document */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
}

table{
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

div{
width:auto;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/*start page css*/


html{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #e0dfdf;
margin:0px;
}

body{
font-family: Arial, Helvetica, sans-serif;
background:#838383 url(images/body-bg.jpg) repeat-y center;
margin:0px;
}

a:link, a:visited{
color:#FFBB07;
text-decoration:none;
}

a:hover, a:active{
color:#605d62;
}

#mainContainer{
height:auto;

margin:0px auto 0px auto;
width: 1000px;
border-right:1px solid #FFB508;
border-left:1px solid #FFB508;
}

#mainBuffer{
margin:0px auto 0px auto;
position: relative;
height:auto;
background:#272727;
width: 1000px;
}

#pageData{
height:auto;
float:left;
width: 1000px;
margin-top:104px;
margin-bottom:30px;
position:relative;
}

#pageData .buffer{
height: auto;
position: relative;
float:left;
width:975px;
margin:20px 10px 10px 15px;
}

/*header*/

#header .buffer{
position: absolute;
left: 0px;
top: 0px;
width: 1000px;
height: 96px;
z-index:998;
background: url(images/header.jpg) #282828 no-repeat;
}

#header .ccj-digital{
float:right;
margin:22px 5px 0 0;
}

#header img.header-bottom-bar{
position:absolute;
width:1000px;
height:8px;
bottom:-10px;
}

/*top nav*/

.topnav{
margin:15px 8px 0 0;
padding:0;
width:394px;
float:right;
}

.topnav li{
height:26px;
float:left;
padding:0 8px 0 0;
}

.topnav li.home{
width:54px;
}

.topnav li.test-drive{
width:161px;
}

.topnav li.timeline{
width:98px;
}

.topnav li.vault{
width:171px;
}

.topnav li.carrier-history{
width:127px;
}

.topnav li.supplier-history{
width:140px;
}

.topnav li.clearer{
clear:both;
width:100%;
height:0px;
float:left;
}

.topnav img{
vertical-align: bottom;
}

/*main content*/

/*column one*/

.column1{
width: 856px;
float: left;
position:relative;
height:100%;
}

.column1-wide{
width: 100%;
float: left;
position:relative;
height:100%;
}

/*column two*/

.column2{
width: 110px;
float: right;
height: auto;
position:relative;
font-family:georgia, serif;
}

.column2 h1{
font-size:16px;
margin:0 0 10px 0;
color:#FAEA8A;
}

.column2 li{
margin:15px 0 0 0;
font-size:11px;
font-weight:bold;
}
/*footer*/

#mainFooter .clearer{
float: left;
clear: both;
width: 1000px;
height: 0px;
position:relative;
}

#mainFooter{
background:#5d5d5d;
height:88px;
width: 1000px;
float:left;
clear:both;
position:relative;
}

#mainFooter a.rrpub{
float:right;
margin:20px 30px 0 0;
font-size:11px;
}

#mainFooter ul.rights{
margin:0 30px 0 0;
color:#eeeeee;
font-weight:bold;
width:296px;
float:right;
clear:right;
}

#mainFooter ul.rights li{
font-size:10px;
margin:0 0 2px 0;
text-align:right;
}

#mainFooter ul.publications{
float:left;
text-align:left;
margin:20px 0 0 30px;
}

#mainFooter ul.publications li{
text-align:left;
font-size:10px;
float:left;
margin:0 4px 0 0;
}

#mainFooter ul.publications li.heading{
font-weight:bold;
float:none;
text-decoration:underline;
margin:0 0 3px 0;
}

#mainFooter ul.industry{
font-size:10px;
margin:2px 16px 10px 0;
float:right;
clear:right;
}

#mainFooter ul.industry li{
float:left;
margin:0 4px 0 0;
}

#mainFooter a:hover {
color:#eeeeee;
}


/* clearer */
.clearer {
clear:both;
width:100%;
height:0px;
}

.spacer {
clear:both;
width:100%;
float:left;
height:10px;
}

/*TimeStrip*/


.timestrip{
margin:5px 0 15px 0px;
float:left;
}

.timestrip li{
float:left;
border-left:1px solid #D8990D;
margin:0 6px 0 0;
padding:0 0 0 6px;
}

.timestrip li.last{
border-right:1px solid #D8990D;
padding:0 6px 0 6px;
}

/*Next Previous*/

.next, .previous{
float:right;
border:1px solid #5D5D5D;
background:#2E2E2E;
padding:5px 10px;
margin:10px 0 0 10px;
}