/* Display stylesheet for www.darlingtonstationtaxis.co.uk */
/* Coded by Djenan Kozic, djenan.kozic@infoserve.com -- 27-04-2009 */

/* YUI RESETS */
@import url("yui-resets.css");

/* The Basics */

body { background-color: #666; font:normal 62.5% Verdana, Arial, Helvetica, Sans-serif; padding: 39px 0; }

#page { width:912px; background:transparent url('images/page-bg.gif') repeat-y top left; margin:0 auto; }


/* BRANDING */

.branding { background:#ccc url('images/branding-bg.jpg') no-repeat top left; width:880px; height:300px; margin:0; padding:16px 16px 0; position:relative; }
.branding h1 { font:bold 4.75em "Frutiger", "Myriad Pro", Helvetica, Arial, Sans-serif; line-height:1em; float:left; margin:30px 0 0 40px; width:290px; letter-spacing:-0.05em; }
.branding h1 a { color:white; text-decoration:none; }
.branding h2 { font:bold 1.4em "Frutiger", "Myriad Pro", Helvetica, Arial, Sans-serif; float:left; line-height:1.3em; color:white; margin:10px 0 0 42px; clear:left; width:200px; }


/* NAVIGATION */

.nav { position:absolute; width:390px; bottom:0; left:43px; }
.nav li { display:inline; margin-right:0px; float:left; height:32px; width:117px; position:relative; }
.nav li a { color:white; text-decoration:none; font-size:1.4em; z-index:100; padding: 8px 13px 0; display:block; width:91px; height:25px; background:transparent url('images/nav-bg.png') no-repeat scroll -100px left; }
.nav li a:hover,
.nav li a.on { background-position:0 0; }

/* MAIN CONTENT & ASIDE STYLES */

.content { width:800px; padding:40px; background:black url('images/content-bg.gif') repeat-x top left; margin:0 auto; border-top:1px solid black; }
.content h2 { color:#fe4c48; font-size:1.6em; line-height:18px; padding-bottom:18px; font-weight:bold; }
.content h3 { color:#fe4c48; font-size:1.4em; line-height:18px;	padding-bottom:0; font-weight:bold; }
.content h4 { color:#fe4c48; font-size:1.2em; line-height:18px; padding-bottom:0px; font-weight:normal; }
.content h5 { color:white; font-size:1.2em; line-height:18px; padding-bottom:0px; font-weight:bold; }
.content h6 { color:white; font-size:1.2em; line-height:18px; padding-bottom:0px; font-weight:normal; }
.content h2 + p:first-line { font-weight:bold; }
.content p, .content li { color:white; font-size:1.2em; line-height:18px; padding-bottom:18px; width:450px;}
.content a { color:#b3ac99; text-decoration:underline; }
.content a:hover { text-decoration:none; }
.content li { padding-bottom:0; }
.content ul { padding-bottom:18px; list-style:square; margin-left:17px; }
.content strong { color:#797979; font-weight:bold; }

.aside { width:250px; padding:18px 20px 0; background-color:#3a3531; float:right; }
.aside p { width:auto; }
.aside strong { color:#fe4c48; }
.aside h2 { font-size:1.2em; color:#85B224; }


/* SITE INFO STYLES */

.site-info { background:#bdb79d url('images/site-info-bg.gif') no-repeat bottom left; padding:20px 54px 40px; width:804px; margin:0; clear:both;display:block; }
.site-info p { font-size:1.2em; color:white; }
.site-info p span { float:right; width:400px; text-align:right; }
.site-info a { color:#FF4C47; text-decoration:underline; }
.site-info a:hover { text-decoration:none; }


/* END OF CSS FILE */