/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container { position:relative; border:#000000 0px solid; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:880px; } #header { width:100%; height:94px; margin:0px; padding:0px; } #logo { width:204px; height:62px; position:relative; margin:0px 0px 0px -17px; padding:0px; display:block; float:left; } #contact {width:329px; display:block; float:right; font-size:14px; color:#FFF; margin:15px 0px 0px 0px;} #contact .red {color:#CA1117;} #contact a { color:#FFF; text-decoration:underline;} #main { width:100%; margin:0px 0px 0px 0px; } #footer { width:100%; background:#919a9e; height:42px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; background:url(../images/two_dot_border.gif) repeat-x left top;} #footer a { display:block; float:left; font-size:12px; color:#FFF; padding:0px 34px 0px 0px;} .clear { clear:both; height:0%; } .error_feedback li {color:#fff !important;} /*------------------------------------ Homepage -----------------------------------------------------------*/ #home_header { width:879px; height:284px; display:block; margin:0px auto 13px auto; position:relative;} *html #home_header { width:879px; height:284px; display:block; margin:0px auto 0px auto; position:relative;} #home_header ul { margin:0px; padding:0px; position:relative;} #home_header ul li { margin:0px; padding:0px; list-style:none; position:absolute; left:1px; top:-1px; z-index:1;} #home_header ul li img { border:1px solid #fff;} *html #contact_back_top {right:-8px;} #contact_back_top {z-index:150; width:174px; height:185px; background:url(../images/contact_back.png) no-repeat left bottom; position:absolute; bottom:0px; right:0px; padding:0px 0px 0px 26px;} #contact_back_top form {margin:0px; padding:0px;} #contact_back_top h1 { font-size:14px; color:#FFF; margin:20px 0px 10px 0px !important; background:none; padding:0px;} #contact_back_top p {margin:10px 0px 10px 0px; line-height:normal;} #contact_back_top label { display:none;} #contact_back_top input { border:1px solid #AAAAAA; width:137px; font-size:14px; color:#343434; padding:1px 0px 1px 8px; } #contact_back_top button { background:none; border:0px; padding:0px; margin:0px 0px 0px 50px;} #specialist_install { display:block; height:215px; width:100%; margin:0px 0px 30px 0px;} *html #specialist_install { display:block; height:215px; width:100%; margin:0px 0px -10px 0px;} #specialist_install h2 { font-size:16px; font-weight:normal; margin:0px; color:#FFF; padding:0px 0px 10px 0px; display:block; background:url(../images/two_dot_border.gif) repeat-x left bottom;} #specialist_install a { display:block; float:left;} #services { width:100%; height:176px; display:block;} #services h2 { font-size:16px; font-weight:normal; margin:0px; color:#FFF; padding:0px 0px 10px 0px; display:block; background:url(../images/two_dot_border.gif) repeat-x left bottom;} #services a { display:block; float:left; margin:9px 19px 0px 0px;} *html #services a { display:block; float:left; margin:9px 18px 0px 0px;} #services a#final {margin:9px 0px 0px 0px !important;} /*------------------------------------ Gallery -----------------------------------------------------------*/ .paging { position:absolute; top:5px; right:10px; font-size:12px; color:#FFF;} .paging a { font-size:12px; color:#FFF;} .paging a:hover { font-size:12px; color:#CB0713;} .gal { min-height:140px; height:auto !important; height:140px; width:157px; display:block; float:left; margin:0px 6px 15px 0px; padding:4px 0px 0px 0px; background:#999999; text-align:center; position:relative;} *html .gal { width:157px; display:block; float:left; margin:0px 6px 0px 0px;} .gal img { margin:0px 0px 0px 0px; } #gallery {margin:20px 0px 40px 20px; display:block;} .gal img.borderbnone {border-bottom:0px !important;} a.below_n {position:absolute; bottom:0px; left:4px;} /*------------------------------------ textpage -----------------------------------------------------------*/ #pageheader { width:879px; height:206px; display:block; margin:0px auto 23px auto; position:relative;} #pageheader img { border:1px solid #fff;} #sidebar { width:175px; height:100%; float:left; margin:0px 0px 0px 0px; padding:0px; } #sidebar form {margin:10px 0px 0px 0px; padding:0px;} #sidebar form input {margin:0px; } #sidebar form p {margin:5px 0px 5px 0px;} #content_main { width:693px; position:relative; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:506px; float:left;} #sidebar_right { width:176px; height:100%; float:right; margin:0px 0px 0px 0px; padding:0px;} #sidebar_right a { display:block; margin:4px 0px 0px 0px;} .grey_rep { margin:0px; background:url(../images/grey_rep.jpg) repeat-x left top; color:#C1C1C1; display:block; font-size:12px; padding:4px 0px 4px 10px; } #breadcrumb {margin:0px; background:url(../images/grey_rep.jpg) repeat-x left top; color:#C1C1C1; display:block; font-size:12px; padding:4px 0px 4px 10px;} #breadcrumb a { color:#999999; text-decoration:underline;} #breadcrumb a:hover {color:#fff;} /*------------------------------------ nav-----------------------------------------------------------*/ *html #nav { margin:-30px 0px 0px 0px; } #nav { width:690px; display:block; float:right; margin:-11px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;} #nav li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 0; margin-right: 14px;} #nav li a { margin:0px 0px 0px 0px; padding:3px 10px 15px 0px; color:#121212; display:block; font-weight:normal; font-size:12px; } #nav li a span { float:left; padding-right: 10px; display: block; margin-top: -3px; height: 24px; } #nav a:hover { text-decoration:none; color:#121212; } #nav ul li a:hover, #nav ul li a.active {background:url(../images/nav.jpg) no-repeat top right;} #nav ul li a:hover span, #nav ul li a.active span {background:url(../images/nav.jpg) no-repeat top left;} #sub_nav { padding:10px 0px 23px 0px; display:block; } *html #sub_nav { padding:0px 0px 3px 0px; display:block; } #sub_nav a { display:block; color:#FFFFFF; padding:7px 0px 7px 6px; border-bottom:1px solid #828282; } #sub_nav a:hover { text-decoration:none; border-bottom:1px solid #fff;} #enquire { display:block; min-height:100px; height:auto !important; height:100px; margin-bottom:83px; } #enquire input { width:162px; border:2px solid #414141; background:#999999; color:#000; font-size:12px; padding:2px 0px 2px 6px;} #enquire textarea { width:162px; height:80px; border:2px solid #414141; background:#999999; color:#000; font-size:12px; padding:2px 0px 2px 6px;} #enquire button { border:0px; background:none; display:block; float:right; padding:0px; margin:0px; } *html #enquire button { border:0px; background:none; display:block; float:right; padding:0px; margin:0px -10px 0px 0px; } *+html #enquire button { border:0px; background:none; display:block; float:right; padding:0px; margin:0px -10px 0px 0px; } .hidden { display:none;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(../images/bac.jpg) #111111 repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1{ font-size:16px;font-weight:normal; margin:0px; color:#FFF; padding:10px 0px 10px 0px; display:block; background:url(../images/two_dot_border.gif) repeat-x left bottom;} h2 { font-size:15px; font-weight:normal; margin:0px; color:#FFF; padding:10px 0px 10px 0px; display:block; background:url(../images/two_dot_border.gif) repeat-x left bottom;} h3 { color:#FFF; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#FFF;; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#FFF; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#FFF; font-size:11px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } ul {} ul li {color:#FFF; font-size:12px; list-style:disc;} ol {} ol li {color:#FFF; font-size:12px; list-style:decimal;} address {} a { color:#CA1117; font-size:12px; text-decoration:none; } a:hover { color:#CA1117; font-size:12px; text-decoration:underline; } p { font-size:12px; color:#FFF; margin:15px 0px 15px 0px; padding:0px 0px 0px 0px; line-height:18px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */