body {
background: #fff url(../images/bg.png) repeat-x top left;
font-family: Arial, Serif;
color: #111;
font-size: 100%;

}

#container {

}


/* general stuff */

.hide {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
 
.hide a:focus {
position: static;
width: auto;
height: auto;
} 

img {
border: none;
}

a {
color: #000080;
text-decoration: none;
}

a:visited {
color: #000080;
}

a:hover {
text-decoration: underline;
}

.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}


/* header */

#header {
height: 200px;
position: relative;
overflow: hidden;
}

#lplate {
position: absolute;
top: 0;
left: 0;
width: 154px;
height: 154px;
background: url(../images/ellies-lplate.png) no-repeat top left;
z-index: 100;
}

#car {
position: absolute;
top: 0;
right: 0;
width: 230px;
height: 154px;
background: url(../images/ellies-car.png) no-repeat top left;
z-index: 10;
}

#logo {
position: absolute;
top: 2px;
left: -350px;
width: 430px;
height: 152px;
background: url(../images/ellies-logo.png) no-repeat top left;
z-index: 10;
}

#header h1, #header h1 em {
margin: 0;
padding: 0;
width:430px; 
height:152px;
}

#header h1 {
position:relative;
overflow:hidden;
left:0px; 
top:0px;
font-size: 1em;
text-indent: -9999px
}

#header h1 em {
display:block;
position:absolute; 
left:0; 
top:0; 
z-index:1;
background:url(../images/logo.png) top left no-repeat;
}


/* content */

#main {
padding-bottom: 185px;
margin-bottom: 50px;
background: url(../images/keys.jpg) no-repeat 50% 100%;
}

h2 {
font-size: 200%;
font-weight: normal;
margin-bottom: 25px;
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
color: #000080;
}

h3 {
font-size: 160%;
font-weight: normal;
margin: 45px 0 5px 0;
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
color: #000080;
}

h4 {
font-size: 130%;
font-weight: normal;
margin-bottom: 5px;
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
color: #000080;
}

p, ul {
margin-bottom: 25px;
line-height: 140%;
}

li {
margin: 0 0 3px 0;
list-style: none;
background: url(../images/bullet.png) no-repeat 0 3px;
padding: 0 0 0 25px;
}

img {
margin-bottom: 10px;
}

img.frame {
background: url(../images/frame.png) no-repeat top left;
padding: 13px 20px 35px 16px;
}

.f-left {
float: left;
display: inline;
margin: 0 15px 15px 0;
}

.f-right {
float: right;
display: inline;
margin: 0 0 15px 15px;
}

.logos {
width: 355px;
}

.video {
margin: 0 auto 25px auto;
text-align: center;
}


/* nav */

#nav {
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
font-size: 100%;
margin: 0 0 25px 0;
}

#nav li {
list-style: none;
background: none;
padding: 3px 0;
}

#nav li a {
color: #000080;
text-decoration: none;
display: block;
}

#nav li a:hover {
text-decoration: underline;
}

#nav li.active a {
color: #008000;
}


/* other sidebar stuff */

.testlinks li {
list-style: none;
background: none;
margin-bottom: 15px;
padding: 0;
width: 175px;
}

.testlinks a {
display: block;
padding: 10px 60px 10px 15px;
font-weight: bold;
}

.theorylink a {
background: url(../images/sign-med-white.png) no-repeat top left;
color: #000;
}

.drivinglink a {
background: url(../images/sign-med-green.png) no-repeat top left;
color: #fff;
}

#contacts {
background: url(../images/sign-large-brown.png) no-repeat top left;
margin-bottom: 15px;
padding: 0 65px 10px 5px;
font-weight: bold;
color: #fff;
line-height: 150%;
}

.phone {
margin: 0;
padding: 20px 0 15px 45px;
background: url(../images/icon_call.png) no-repeat 8px 50%;
}

.email {
margin: 0;
padding: 0 0 15px 45px;
background: url(../images/icon_mail.png) no-repeat 8px -5px;
}

.email a {
color: #fff;
}

.copyright {
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
font-size: 55%;
line-height: 160%;
}


/* contact form */

#contacts-side {
margin: 30px;
text-align: right;
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
}


#contactform {

}

#contactform input, #contactform textarea, #contactform select {
margin: 2px 0 5px 0;
border: 2px solid #000080;
background: #fff;
color: #111;
padding: 4px;
font-family: Arial, Serif;
width: 300px;
font-size: 100%;
}

#contactform input:focus, #contactform textarea:focus, #contactform select:focus {
background: #fff;
border: 2px solid #008000;
}

#contactform input.checkbox  {
height:15px;
margin:5px 3px 10px 0px;
width:15px;
}

#contactform label {
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
text-align:left;
font-size: 100%;
color: #555;
}

#contactform label.choice  {
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
font-size: 100%;
}

input.but, #contactform input.but {
border: 2px solid #000080;
background: #65a9d7;
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
background: -moz-linear-gradient(top, #3e779d, #65a9d7);
padding: 10px 10px 5px 10px;
width: 80px;
text-shadow: #111 0 1px 0;
color: #fff;
font-size: 100%;
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
text-decoration: none;
vertical-align: middle;
}

input.but:hover, #contactform input.but:hover {
background: #008000;
color: #fff;
cursor: pointer;
}

input.but:active, #contactform input.but:active {
background: #1b435e;
cursor: pointer;
}

.error, #contactform label.error {
color: #f00;
}

div#email4 {
display: none;
}

#contactform label.error {
width:auto; /* must be the same as above!*/
font-size: 75%; 
padding-left: 8px;
}

.loading {
margin: 15px 0;
background: url(../images/loading-24.gif) no-repeat 0 50%;
padding: 4px 0 4px 30px;
}

.problem {
margin: 15px 0;
background: url(../images/cross.png) no-repeat 0 50%;
padding: 4px 0 4px 30px;
}

.success {
margin: 15px 0;
background: url(../images/tick.png) no-repeat 0 50%;
padding: 4px 0 4px 30px;
}


/* pay pal */

table#prices {
margin-bottom: 25px;
border-collapse:collapse;
}

table#prices td {
padding: 15px 100px 15px 15px;
}

table#prices td.pp {
padding-right: 10px;
}

table#prices td img {
vertical-align: middle;
}

table#prices td.l10 {
background: url(../images/offer_10.png) no-repeat 60px 10px;
}

table#prices td.l20 {
background: url(../images/offer_20.png) no-repeat 60px 10px;
}

table#prices .even {
background: #cde5f5;
}

table#prices .hovcolor {
background: #000080;
color: #fff;
cursor: pointer;
}

input.pp-image {
vertical-align: middle;
}


/* footer */

#footer {
margin-top: 25px;
font-family: 'LaffayetteComicProRegular', "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Serif;
font-size: 90%;
text-align: center;
}

#footer p {
margin: 25px 0 0 0;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}