/************************* author: David Goadby tag: thedaveyb site: GBfleet.co.uk web: www.thedaveyb.co.uk email: david@thedaveyb.co.uk client: d4hcreative.com ***********************/ /* Clear All Browser Defaults Before We Start , Keeping It Tidy */ html { height: 100%; margin-bottom: 1px; } html,body{height:100% !important} p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select, dt, dl, dd {margin: 0 0 0 0;padding: 0 0 0 0;color:#07478F; font: normal 12px tahoma;} /* SET BODY DEFAULTS ---------------------------------------------------------------*/ body {margin: 0px;padding: 0px;text-align: left; color:#fff; background-color:#CAD9FA; text-align:center;} /* MAIN CONTAINER ---------------------------------------------------------------*/ #container {width:825px; margin: auto; background: repeat-y url(../img/bg.jpg) ; text-align:left;} .logo { margin: 5px 0 5px 0; float:left;} .tel { margin: 5px 20px 5px 0; float:right;} /* NAVIGATION ---------------------------------------------------------------*/ #nav {float:left; margin: 0 0 0 14px; background: no-repeat url(../img/bg-nav.jpg); width: 799px; height: 22px;} #nav li {display:inline;} #nav li a { font: bold 11px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none; float:left;padding: 5px 5px 5px 10px; margin: 0 0px 0 5px;background: no-repeat url(../img/bg_li.gif);text-transform:uppercase;} #nav li a:hover { text-decoration:underline;} /* FLASH HOLDER---------------------------------------------------------------*/ #flash {float:left; margin: 0 0 0 14px;width: 264px; display:block; clear:both;} /* HOME COLUMNS --------------------------------------------------------------*/ #col_one {float:left; width: 385px;margin: 0 0 0 28px; background-color:#FFFFFF;} #col_two {float:left; width: 400px;margin: 0 0 0 0px; background-color:#D7E3F3;} /* HOME COLUMN SYTLES --------------------------------------------------------------*/ #col_one h1 { font: bold 12px Arial, Helvetica, sans-serif; color:#07478F; margin: 10px 0 10px 0; background: no-repeat url(../img/bg_h.jpg); display:block; padding: 5px 0 5px 0;} #col_one p { font: bold 12px Arial, Helvetica, sans-serif; color:#07478F; margin: 10px 20px 10px 0; display:block; padding: 5px 0 5px 0; line-height: 18px;} #col_one h2 { font: bold 12px Arial, Helvetica, sans-serif; color:#07478F;margin: 10px 0 10px 0;background: no-repeat url(../img/bg_h.jpg); display:block; padding: 5px 0 5px 0;} #col_one p em {font: italic 14px Arial, Helvetica, sans-serif; color: #FF0000; font-weight:bold; } #col_one p span {font: bold 14px Arial, Helvetica, sans-serif; color: #000099; } /* HOME COLUMN SYTLES --------------------------------------------------------------*/ #col_two h3 { font: bold 13px Arial, Helvetica, sans-serif; color:#fff; margin: 10px 0 10px 10px; background: no-repeat url(../img/h3_bg.gif); display:block; padding: 9px 0 5px 10px;} #col_two h4 { font: bold 13px Arial, Helvetica, sans-serif; color:#fff;margin: 10px 0 10px 10px;background: no-repeat url(../img/h3_bg.gif); display:block; padding: 9px 0 5px 10px;} #col_two p { font: bold 12px Arial, Helvetica, sans-serif; color:#07478F; margin: 10px 20px 10px 10px; display:block; padding: 5px 0 5px 10px; line-height: 18px;} #col_two li { font: bold 13px Arial, Helvetica, sans-serif; color:#07478F; margin: 3px 20px 3px 15px; display:block; padding: 0px 0 0px 25px; line-height: 20px; list-style:none; background: no-repeat url(../img/li_bg.gif);} /* BODY --------------------------------------------------------------*/ #main_col { width: 785px; float:left; margin: 0 0 0 28px; background-color:#FFFFFF;} #main_col h1 {font: bold 20px Arial, Helvetica, sans-serif; color:#07478F; margin: 10px 0 0px 0; padding: 5px 0 0px 0; line-height: 12px;text-transform:uppercase;} #main_col h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #FF0000; margin: 10px 0 10px 0; padding: 0px 0 5px 0;line-height: 10px; border-bottom: 1px solid #E6ECFC;width: 775px; text-transform:uppercase;} #main_col h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #FF0000; margin: 20px 0 10px 0; padding: 0px 0 5px 0;line-height: 10px; border-bottom: 1px solid #E6ECFC;width: 775px;} #main_col h4 {font: bold 14px Arial, Helvetica, sans-serif; color: #FF0000; margin: 20px 0 10px 0; padding: 0px 0 5px 0;line-height: 10px; border-bottom: 1px solid #E6ECFC;width: 775px;} #main_col p {font: normal 14px Arial, Helvetica, sans-serif; color:#07478F; margin: 10px 30px 10px 30px; padding: 5px 0 5px 0; line-height: 18px;} #main_col li {} #main_col a { color:#07478F; border-bottom: 1px dotted #FF0000; padding: 5px 0 1px 0; text-decoration:none; } #main_col a:hover { border:none; text-decoration:underline;} #main_col .newsimage { float:left; margin: 5px 10px 0 10px; padding:1px; border: 1px solid #E7EEF4;} #main_col p em {font: italic 14px Arial, Helvetica, sans-serif; color: #FF0000; font-weight:bold; } #main_col p span {font: bold 14px Arial, Helvetica, sans-serif; color: #000099; } #main_col h1 em { font-style:italic; color: #FF0000; font-weight:bold; } #main_col h1 span {color: #000099; } #vac {} #vac li { margin: 10px 50px 10px 40px; list-style:none; border: 1px solid #E9E7FE; padding:20px 10px 10px 70px; line-height: 20px; background: no-repeat url(../img/vac.jpg);} #vac li a { font-weight:bold;} #vac1 {margin: 10px 50px 10px 40px; list-style:none; border: 1px solid #E9E7FE; padding:20px 10px 10px 70px; line-height: 20px; background: no-repeat url(../img/vac.jpg);} #sitemap {} #sitemap li { margin: 10px 50px 10px 40px; line-height: 20px;} #sitemap li a { font-weight:bold;} /* FORM ---------------------------------------------------------------*/ #form_box {width: 450px; margin: 0 0 0 20px;border: 1px solid #E7EEF4; float:left;} #log {} #log p { padding: 5px; display:block; clear:both; } #log label { float:left;width: 120px; font: normal 16px Arial, Helvetica, sans-serif; color: #07478F; text-align:right; padding: 0 5px 0 0; line-height: 25px; } #log input { background: repeat url(../img/inputbg.gif); float:left;border: 1px solid #E7EEF4; padding: 5px; line-height: 24px; width: 250px; font: normal 14px Arial, Helvetica, sans-serif; color: #07478F; } #log textarea {background: repeat url(../img/inputbg.gif); float:left;border: 1px solid #E7EEF4; padding: 5px; height: 75px; line-height: 24px; width: 250px; font: normal 14px Arial, Helvetica, sans-serif; color: #07478F; } #log select, #log option {background: repeat url(../img/inputbg.gif); float:left;border: 1px solid #E7EEF4; line-height: 24px; width: 250px; font: normal 14px Arial, Helvetica, sans-serif; color: #07478F; } #log .form_button {width: 150px; margin: 10px 0 0 100px; color:#07478F;} #map {border: 1px solid #E7EEF4; float: left; width:275px;margin: 0 0 0 20px;} #map_holder { background-color:#FFFFFF; overflow: hidden; margin: 5px;width: 255px; height: 320px;} /* FOOTER */ #footer {display:block; width:799px; background: repeat-x url(../img/bg_footer.jpg); height: 46px; text-align:center;float:left; margin: 0 0 0 14px;} #footer p { margin: 20px 0 0 0; color:#83A4C3;text-transform:uppercase;} #footer p a { color:#83A4C3; text-decoration:none; margin: 0 5px 0 5px;} #footer p a:hover {text-decoration:underline; color:#FFFFFF;}