/*
Copyright (c) 2006, evilolive.co.uk All rights reserved.

 Body styles */
body {
background-color:#222;
background-image:url(../images/background.jpg);
background-position:top center;
background-repeat:repeat-y;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:small;
margin:0;
padding:0;
}

body {behavior: url(csshover.htc);} 

img {
border:none;
}

/* Container styles */
#container {
background-color:#666;
width:760px;
margin:20px auto;
padding:0;
}


*:first-child+html #container {
margin:0 auto;
}

*html #container {
margin:0 auto;
}

h1 {
color:#fff;
font-size:1.5em;
margin:0;
padding:0;
}

h2 {
color:#fff;
font-size:1.0em;
margin:0;
padding:0;
}

h3 {
color:#fff;
font-size:1.1em;
margin:0;
padding:0;
}

#header {
width:204px;
height:130px;
float:left;
background-color:#474747;
background:#000 url("../images/autovogue.gif") top left no-repeat;
font-size:x-small;
text-align:center;
margin:0;
padding:0;
}

#header p {
padding-right:14px;
padding-top:35px;
}

#maincontent {
float:left;
width:556px;
height:430px;
}

#home #maincontent {
background:#fff;
}

#bmw #maincontent,#bentley #maincontent,#ferrari #maincontent,#lamborghini #maincontent,#mercedes #maincontent,#mini #maincontent,#porsche #maincontent,#rangerover #maincontent,#rollsroyce #maincontent {
background-color:#666;
}

#content {
background-color:#323232;
height:128px;
border:solid 1px #ccc;
margin:0;
padding:0;
}

#content h2 {
margin:0;
padding:15px 15px 5px;
}

#content p {
font-size:x-small;
margin:0;
padding:0 15px 5px;
}

#tabs {
width:760px;
position:relative;
z-index:1;
top:25px;
margin: 25px 0 0 0;
padding:0;
clear: both;
height: 30px;
filter:alpha(opacity=65);
}

*:first-child+html #tabs {
margin:25px 0 0 10px;
top:15px;
}

.tab {
background-color:#505154;
border:solid 1px #ccc;
font-size:x-small;
text-align:center;
text-decoration:none;
margin:0;
}

/* Lower boxes */
#boxcontainer {
width:100%;
margin:0;
padding:0;
}

*:first-child+html #boxcontainer {
width:100%;
margin:0 0 0 10px;
}

#alloy {
float:left;
width:150px;
height:150px;
background:#000 url("../images/wheel.jpg") top left no-repeat;
text-decoration:none;
margin:20px 16px 0;
padding:0;
}

#showroom {
float:left;
width:150px;
height:150px;
background:#000 url("../images/showroom.jpg") top left no-repeat;
text-decoration:none;
margin:20px 16px 0;
padding:0;
}

#quality {
float:left;
width:150px;
height:150px;
background:#000 url("../images/brake.jpg") top left no-repeat;
text-decoration:none;
margin:20px 16px 0;
padding:0;
}

#offers {
float:left;
width:150px;
height:150px;
background:#000 url("../images/autovogue_offer.png") top left no-repeat;
text-decoration:none;
margin:20px 16px 0;
padding:0;
}

.boxes {
background-color:#505154;
font-size:x-small;
text-align:center;
height:32px;
border:solid 1px #ccc;
margin:118px 0 0;
padding:5px;
}

/* Hidden Content */
.hide {
position:absolute;
left:-9000px;
top:0;
}

#first {
background-color:#666 !important;
border:1px solid #ccc !important;
}

*:first-child+html #gallery {
margin:18px 0 0 18px;
}

#gallery {
float:left;
width:162px;
margin:18px 0 0 18px;
padding:0;
}

#gallery img {
margin-bottom:1px !important;
margin-right:1px !important;
}

#wheelsize {
background-color:#666;
float:left;
width:160px;
margin:18px 0 0 18px;
padding:0;
}

#wheelsize h2{
font-size:.9em;
text-decoration:underline;
margin-bottom:4px;
}

*#gallery{
margin:18px 0 0 10px !important;
}

*#wheelsize{
margin:18px 0 0 10px !important;
}

#dynloadarea {
float:right;
width:340px;
height:228px;
margin:0;
padding:18px 18px 18px 0;
}

html>body #dynloadarea {
padding:18px 35px 18px 0 !important;
} 

p,a {
color:#fff;
margin:0;
padding:0;
}

#visit,#brochure,#price,#email {
width:150px;
height:18px;
text-align:center;
text-decoration:none;
float:left;
margin: 0 15px;
padding:0;
}

#gallerycontainer,#gallery img {
float:left;
margin:0;
padding:0;
}

#downloads {
float:left;
width:556px;
margin:0;
padding:10px;
text-align:centre;
}

.desktop {
float:left;
width:30%;
margin: 5px; 
padding: 0;
text-align:centre;
}

.desktop img{
margin:0 12px;
padding:0;
text-align:centre;
}

.desktop p{
margin:0 ;
padding:0;
text-align:centre;
}

/**************** menu coding *****************/
#menu {
float:left;
z-index:50;
padding: 0;
margin:11px 0 0;
height:301px;
background:#474747;
width:204px;
}

#menu ul {
z-index:50;
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
color: #fff;
padding: 5px 15px;
display: block;
text-align:left;
font-style:none;
border:solid 1px #ccc;
border-width:1px 0 0;
background:#474747;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #474747;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: #ccc;
}

#menu li {
position: relative;
z-index:50;
}

.line li {
border-left:1px solid #ccc;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* Contact Form */

#contactform{
float:left;
padding:5px 0 5px 70px;
margin:0;
width:70%;
}

#contactform h5{
padding:0;
float:left;
margin:1px 0 5px;
font-size:85%;
color:#fff;
}

#contactform input{
padding:0;
margin:1px 0 5px;
width:190px;
float:right;
}

#contactform select{
padding:0;
margin:1px 0 5px;
float:right;
width:194px;
}

#contactform textarea{
padding:0;
margin:0;
width:192px;
float:right;
}

#contactform .button{
padding:0;
margin: 5px 0 0 195px;
width:80px;
float:left !important;
}

/* Image Container  */

#imageContainer{
background-color:#000;
}

/* Special Offers Page */

#specialoffers{
float:left;
padding:0;
margin:0;
width:556px;
}

.black{
width:100%;
float:left;
background-color:#000;
margin:0 0 5px;
padding:0;
}

.offer_img,.offer_text{
padding:5px 10px;
float:left;
width:100%;
}

.offer_img img{
border:1px soild #ccc;
}

.offer_text{
color:#fff;
}

.offer_text p{
margin-top:5px;
}

.small{
font-size:70%;
}