/* base styles */

body {
margin:0;
padding:0;
background:#000;
color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}

a img {
border:none;
}

a:active,
a:focus  {
outline:none;
}

h1 {
margin:10px 0 25px 0;
padding:3px 0 3px 0;
font-size:12px;
}

h2 {
border-top:1px solid #394043;
border-bottom:1px solid #394043;
margin:10px 0 10px 0;
padding:3px 0 3px 0;
font-size:12px;
}

h2 span {
font-weight:normal;
font-size:11px;
}

ul {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:10px;
}

li {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:4px;
margin-left:-15px;
}


/* header */

#logo {
position:absolute;
left:0;
top:10px;
}

#menu {
position:absolute;
top:5px;
right:0;
border:1px solid #3d85ac;
padding:0 0 0 10px;
width:513px;
height:35px;
background:#2c5a74 url("../img/bg_menu.gif") repeat-x top;
}

#menu img {
float:left;
margin:0 10px 0 0;
}


/* container */

#container {
position:absolute;
top:50%;
left:50%;
margin:-275px -401px -275px -401px;
width:802px;
height:550px;
}

#containerSpan {
position:relative;
padding:65px 0 45px 0;
width:802px;
height:440px;
}

#car {
position:absolute;
top:230px;
left:20px;
}

#car2 {
position:absolute;
top:420px;
left:10px;
}


/* content */

#intro {
position:relative;
border:1px solid #394043;
width:800px;
height:440px;
}

#skip {
position:absolute;
top:510px;
left:0;
width:800px;
text-align:center;
}

#skip img {
display:block;
margin:auto;
}

#moon {
position:relative;
border:1px solid #394043;
width:800px;
height:440px;
background:url('../img/bg_moon.jpg') no-repeat top left;
}

#tagline {
position:absolute;
top:210px;
left:300px;
}

.col {
padding:0 0 0 30px;
width:500px;
}

#content {
position:relative;
border:1px solid #394043;
width:800px;
height:440px;
overflow-y:auto;
background:url('../img/bg_content.jpg') fixed;
}

#contentSpan {
padding:20px 0 50px 200px;
}

#content .heading,
#content li {
position:relative;
}

.note {
position:absolute;
right:0;
}

#back {
position:absolute;
top:90px;
left:25px;
}