/*-- Website: sophiesdrivingskool.com --*/
/*-- Style Sheet: Main --*/
/*-- Author: Antony Howlett | Ant-Online.com --*/

/* -- Fundamental Components -- */
body {
 margin:0;
 padding:30px 0;
 font-size:85%;
 font-family:Arial,Helvetica,Sans-Serif;
 color:#fff;
 background:#000;
}

h1 {
 margin:0 0 1em 0;
 padding:0 0 0.3em 0;
 font-size:1.6em;
 border-bottom:1px solid #090;
 color:#fff;
 background:transparent;
}
h2 {
 margin:0;
 padding:0 0 0.7em 0;
 font-size:1em;
 line-height:1.8em;
 color:#fff;
 background:transparent;
}
h3 {
 margin:0;
 padding:0 0 0.3em 0;
 font-size:1em;
 line-height:1.8em;
 color:#fff;
 background:transparent;
}
p {
 margin:0;
 padding:0 0 1.1em 0;
 line-height:1.8em;
}

ul,ol {
 margin:0;
 padding:0 0 0.5em 3em;
}
ul li, ol li {
 padding:0 0 1em 0;
}

table,table tr,table tr th,table tr td {
 font-size:1em;
}
table tr th,table tr td {
 padding:2px;
 text-align:left;
}
table {
 margin:0 0 1em 0;
}
table tr th {
 font-weight:normal;
 vertical-align:top;
}

form {
 margin:0;
 padding:0;
}
input,textarea {
 border:1px solid #999;
 color:#333;
 background:#eee;
}

a {
 color:#fff;
 background:transparent;
}
a:hover {
 color:#d00;
 background:transparent;
}

img {
 margin:0;
 border:0;
}

/* -- Clear Float -- */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display:inline-block;}
/* Hides from IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}

/* -- Fundemental CSS -- */
.right {float:right;}
.left {float:left;}
.hide {display:none;}
.centered {text-align: center;}
.centreimage {display:block; margin:0 auto;}
.largefont {font-size:1.2em;}
.smallfont {font-size:0.8em;}
.iconcar {padding-left:35px; background:url("../images/icon-car.png") no-repeat left 3px;}

/* -- Holder -- */
div.holder {
 width:966px;
 margin:0 auto;
}

/* -- Header -- */
div#header {padding:10px; border:3px solid #333; background:#000 url("../images/back-header.gif") no-repeat left top;}
a#logo {float:left; margin:15px 10px 0 10px;}
p#contactdetails {float:right; margin:5px 10px; padding:0; text-align:right;}
p#contactdetails a {text-decoration:none;}

/* -- Navigation -- */
ul#nav {margin:0 40px; padding:0; list-style-type:none;}
ul#nav li {position: relative; float:left; margin:0 4px; padding:0;}
ul#nav li a {display:block; padding:12px 4px; text-transform:uppercase; text-decoration:none;}
ul#nav li a span {color:#090;}
ul#nav li a:hover {color:#090;}
ul#nav li a:hover span {color:#ccc;}

ul#nav ul.subnav {visibility: hidden; position: absolute; left: -50px; top: 25px; width: 175px; margin: 5px 0 0; padding: 10px 0 0; font-size: 90%; list-style-type:none; background:#000;}
ul#nav ul.subnav li {width: 100%; margin: 0;}
ul#nav ul.subnav li a {padding: 7px; border-bottom: 1px dotted #333;}
ul#nav li:hover ul.subnav {visibility: visible;}

div#about-page a#about-link, 
div#areas-page a#areas-link, 
div#automatic-page a#prices-link, 
div#automatic-page a#automatic-link, 
div#instructors-page a#instructors-link, 
div#book-page a#book-link, 
div#pricing-page a#prices-link, 
div#manual-page a#prices-link, 
div#manual-page a#manual-link, 
div#faqs-page a#faqs-link, 
div#contact-page a#contact-link 
{color:#d00;}
div#home-page a#home-link span, 
div#about-page a#about-link span, 
div#areas-page a#areas-link span, 
div#automatic-page a#prices-link span, 
div#automatic-page a#automatic-link span, 
div#instructors-page a#instructors-link span, 
div#book-page a#book-link span, 
div#pricing-page a#prices-link span, 
div#manual-page a#prices-link span, 
div#manual-page a#manual-link span, 
div#faqs-page a#faqs-link span, 
div#contact-page a#contact-link span 
{color:#ccc;}

/* -- Content -- */
div#content {border:3px solid #333; background:#000 url("../images/back-content.jpg") no-repeat right bottom;}

div#leftcol {width:400px; float:left; margin:15px 0 0 15px;}
div#leftcol img {display:block; margin:0 auto;}

div#rightcol {width:510px; padding:15px; float:right;}
div#rightcol div#text {min-height:370px; padding:20px 20px 10px 20px; text-align: justify; background:#0d0d0d url("../images/back-text.jpg") no-repeat right bottom;}
div#rightcol div#text ol, div#rightcol div#text ul {line-height:1.8em;}

table#areascovered {width:100%;}
table#areascovered tr td {padding:2px;}
table#areascovered tr td h3 {font-size:0.9em; margin:0; padding:0;}

table#pricing tr th {font-weight: bold;}
table#pricing tr th, table#pricing tr td {text-align: center; vertical-align: middle;}
table#pricing tbody tr th {padding-right: 10px; text-align: left;}

/* -- Footer -- */
div#footer {padding:20px 0 5px 0; font-size:0.9em;}
div#footer a {text-decoration:none;}
div#footer a#designer {float:right; color:#666;}
div#footer a#designer:hover {color:#d00;}
div#footer span#tel {padding:0 15px;}