/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html {height: 100%;} body {height: 100%;} #wrapper {position: relative; min-height: 100%;} *html #wrapper {height: 100%;} #bac_rep { background:url(../images/bac.jpg) #AF0D0B no-repeat center top; height:314px; display:block; width:100%; position:absolute; left:0px; top:5px;} #bac_rep_sub { background:url(../images/bac_rep_sub.jpg) #AF0D0B no-repeat center top; height:257px; display:block; width:100%; position:absolute; left:0px; top:5px;} #container{ position:relative; padding:0px 0px 21px 0px; margin-top:5px; margin-left:auto; margin-right:auto; width:808px;} #header { width:100%; height:154px; margin:0px; padding:0px; position:relative; } #contact_us { font-family: Arial, Helvetica, sans-serif; background:#fff; width:240px; height:40px; display:block; position:absolute; top:0px; right:0px; padding:8px 0px 0px 0px;} #telephone { font-family: Arial, Helvetica, sans-serif; background:url(../images/telephone.jpg) no-repeat left top; padding:0px 0px 0px 23px; width:100px; display:block; float:left; margin:0px 0px 0px 8px; font-size:14px; color:#333333; vertical-align:middle;} #mobile { font-family: Arial, Helvetica, sans-serif; background:url(../images/mobile.jpg) no-repeat left top; padding:0px 0px 0px 14px; width:86px; display:block; float:left; margin:0px 0px 0px 0px; font-size:14px; color:#333333; vertical-align:middle;} #email { font-family: Arial, Helvetica, sans-serif; width:135px; display:block; float:right; background:url(../images/at.jpg) no-repeat left top; padding:0px 0px 0px 22px; font-size:14px; color:#333333; margin:5px 9px 0px 0px; color:#333;} *html #telephone { margin:0px 0px 0px 4px; } *html #email { margin:5px 4px 0px 0px; } #email a { color:#333; font-family: Arial, Helvetica, sans-serif;} #logo { width:252px; height:57px; margin:0px 0px 0px 0px; display:block; float:left; padding:41px 0px 0px 5px; } #main { width:100%; margin:0px 0px 0px 0px; position:relative; } #footer { position:relative; width:808px; background:#F7F7F7; height:21px; margin:-21px auto 0px auto; padding:7px 0px 0px 0px; } #footer_copy { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; display:block; float:left; font-size:10px; color:#333333; margin:0px 0px 0px 9px;} #footer_copy span { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color:#F33939;} #footer_contact { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; display:block; float:right; font-size:10px; color:#333333; margin:0px 9px 0px 0px;} #footer_contact a {color:#333333; text-decoration:underline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;} .clear { clear:both; } /*------------------------------------ Home -----------------------------------------------------------*/ #home { width:626px; position:relative; background:url(../images/home_bac.jpg) repeat-y left top; min-height:235px; height:auto !important; height:240px; display:block; float:right; padding:5px 0px 5px 0px; margin:41px 0px 30px 0px;} #home_top { width:626px; height:5px; background:url(../images/home_top.jpg) no-repeat left top; position:absolute; top:0px; left:0px; } #home_below { width:626px; height:3px; background:url(../images/home_below.jpg) no-repeat left top; position:absolute; bottom:-4px; left:0px;} *html #home_below { bottom:-14px;} #get_a_quote { position:absolute; right:-11px; bottom:36px; width:187px; height:33px;} #slideshow { position:absolute; top:-41px; left:-190px; z-index:1000;} #slideshow ul { position:relative; margin:0px; padding:0px;} #slideshow ul li { position:relative; margin:0px; padding:0px; list-style:none;} #home_content { width:353px; display:block; float:right; margin:10px 62px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;} *html #home_content { margin:10px 31px 0px 0px; } #home_content p { font-size:12px;} #home_content h1 { font-family:Arial, Helvetica, sans-serif !important;} #services { width:100%; display:block; margin:8px 0px 6px 0px;} *html #services { width:100%; display:block; margin:4px 0px 6px 0px;} #services_main {} .service_box { width:242px; height:189px; display:block; margin:0px 0px 40px 0px; float:left; background:url(../images/services_box.jpg) no-repeat left top; padding:12px 0px 0px 9px; } #service_box_center { margin:0px 27px 40px 27px;} .service_title { font-size:16px; color:#333333; border-left:3px solid #EB0202; padding:0px 0px 0px 7px; font-family: Arial, Helvetica, sans-serif !important;} .service_title a { font-size:16px; color:#333333; font-family: Arial, Helvetica, sans-serif !important;} .service_title a:hover { font-size:16px; color:#333333; font-family: Arial, Helvetica, sans-serif !important; text-decoration:none;} a.link_img { display:block; margin:8px 0px 0px 0px;} .service_box p { width:234px; display:block; text-align:right; color:#333333; font-size:14px; font-family: Arial, Helvetica, sans-serif;} /*------------------------------------ Subpages -----------------------------------------------------------*/ #sidebar { width:265px; height:100%; float:left; margin:-6px 0px 0px 0px; padding:0px; background:#ffffff; } .click_here { display:block; margin:43px auto 0px auto; cursor:pointer;} #content {width:366px; float:left; margin:125px 0px 40px 35px;} #content p { font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #lbOverlay {width:100%; display:none; height:100%; position:absolute; top:0px; left:0px; background-color: #AFAFAF; z-index:10; opacity:0.5; filter: alpha(opacity=50);} #contact_form {display:none; } #video {width:312px; z-index:20; display:none; position:absolute; top:0px; left:0px; padding:20px 49px 10px 47px; background:#ED2C2C; } #video .error_feedback li {color:#fff !important;} #contact { font-size:1.2em; position:absolute; top:15px; right:0px; color:#FFF;} #contact a {background:#12152E; padding:5px 5px 5px 7px; margin:0px 2px 0px 2px; color:#ffffff;} *+html #contact a {background:#12152E; display:inline-block; margin:0px 2px -7px 2px; color:#ffffff;} #contact a:hover {text-decoration:none; background:none;} #contact span {color:#9DADFD !important; font-weight:bold;} #video h1 {margin:10px 0px 10px 0px !important; font-size:22px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#fff; } #video p { font-size:12px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} a.close_m { position:absolute; padding:2px 4px 2px 4px; top:10px; right:20px; background:#ED2C2C; font-size:20px; color:#fff; font-weight:bold; border:0px solid #4A4A4A;} a:hover.close_m {color:#ccc; text-decoration:none;} #contact_form button {border:0px solid #fff; background:none; color:#fff; margin:0px 20px 0px 0px; padding:0px; display:block; float:right;} #video input { border:2px solid #A9A9A9; width:141px; font-size:12px;} #video textarea { border:2px solid #A9A9A9; width:141px; font-size:12px;} label.indent, div.indent { float: left; width: 140px; clear: both; font-size: 12px; line-height: normal; margin: 2px 2px 2px 0; } /*------------------------------------ nav-----------------------------------------------------------*/ #nav { margin:72px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; float:right; width:508px; } #nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;} #nav li {display:block; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 0; margin:0px 2px 0px 6px;} *html #nav li { margin:0px 2px 0px 3px;} #nav a { font-family: Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; text-transform:uppercase; padding:7px 11px 8px 0px; color:#ffffff; display:block; font-weight:normal; font-size:14px; } #nav li a span { float: left; padding-right: 11px; display: block; margin-top: -7px; height: 31px;} #nav a:hover { text-decoration:none; color:#ffffff; } #nav ul li a:hover, #nav ul li a.active { background:url(../images/nav_hover.jpg) no-repeat top right; color:#333333; font-size:14px;} #nav ul li a:hover span, #nav ul li a.active span {background:url(../images/nav_hover.jpg) no-repeat top left; color:#333333; font-size:14px;} #sub_nav {font-size:12px; color:#333; height:24px; background:#fff; display:block; float:right; width:480px; padding:7px 13px 0px 13px; position:relative; z-index:100; margin:-5px 0px 0px 0px;} #sub_nav a { font-size:12px; color:#333; font-family: Arial, Helvetica, sans-serif;} #sub_nav a.selected_sub {text-decoration:underline;} #sub_nav_left { background:url(../images/left_sub_nav.jpg) no-repeat left top; width:3px; height:31px; position:absolute; top:0px; left:0px; } #sub_nav_right { background:url(../images/right_sub_nav.jpg) no-repeat left top; width:3px; height:31px; position:absolute; top:0px; right:0px; } *html #sub_nav_right {right:-1px;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h2 { color:#333333; font-size:22px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; } h1 { color:#EB2B2B; font-size:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#333333; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; } h4 { color:#EB2B2B; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} h5 { color:#333333; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;} h6 { color:#EB2B2B; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} hr {} ul { } ul li { font-size:11px; color:#333; list-style:disc; } ol {} ol li {font-size:11px; color:#333; list-style:decimal;} address {font-size:11px;} a { color:#AF0D0B; text-decoration:none; } a:hover { color:#AF0D0B; text-decoration:underline; } p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:16px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */