/**************** Colours ****************************/ /* colour1 Dark Grey: #7d7779 colour2 Pale Grey : #acabac colour3 Plum: #a11b3a color4 Cream: #fefdea */ /**************** Style Resets **********************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;} h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;} li, dd, blockquote {margin-left:1em;} html, body, fieldset {font:100.1%/120% Verdana, Arial, Helvetica, sans-serif;} input, select, textarea {font-size:100.1%;} h1, h2, h3, h4, h5, h6 {font-size:100%;} form label{cursor:pointer;} fieldset, img{border:none;} table{border-collapse:collapse; border-spacing:0;} ul li {list-style-type:square;} hr {height: 1px; background-color: #E5E5E5; color: #E5E5E5; border: none; padding: 0; margin: 1em 1em;} /**************** General rules *********************/ html{height:100%; } body {height:101%; line-height:150%;color: #555; text-align: center; background-color:#d5d5d5;} /**************** General Links ***********************************/ a:link { color: #a11b3a; text-decoration: none;border-bottom:1px solid #a11b3a;} a:visited { color: #7d7779; text-decoration: none;border-bottom:1px solid #7d7779;} a:focus, a:hover, a:active {color: white;background-color:#a11b3a;border-bottom:1px solid #7d7779 } /********************** Navigation ******************/ /* Horizontal Menu */ #navlist{margin:0;background-color:#d5d5d5;} #navlist ul {margin:0;padding:0;} #navlist li{list-style: none;background: url(../images/navstripe4.jpg) right bottom no-repeat;margin:0;padding:5px 5px 5px 0;} #navlist a {font-weight:bold;color:#a11b3a;display:block;text-decoration:none;border-bottom:none;} #navlist a:link, #navlist a:visited { border-bottom:none;color:#a11b3a ; display:block;text-decoration: none; padding-left:15px;} #navlist a:hover, #navlist a:focus, #navlist a:active {color: #c02046;background: url(../images/arrow4.gif) left center no-repeat;padding-left:15px;} #home #nav-1, #about #nav-2, #commercial #nav-3, #residential #nav-4, #farming #nav-5, #disputes #nav-6, #probate #nav-7, #contact #nav-8 {color: #c02046;background: url(../images/arrow4.gif) left center no-repeat;padding-left:15px;} /***************** Image Replacement ****************/ /* General IR statements */ .replace {position: relative; overflow: hidden; margin: 0;padding: 0; font-size: 100%; } .replace em { display: block; position: absolute; top: 0; /* left: 0; */ z-index: 1; /* for opera5 (?) and o6/mac */ } /* General IR statements for IE5.x mac only */ * html>body .replace { position: static; overflow: visible; font-size: 10px; /* for ie5.x/mac */ } * html>body .replace em { position: static; } * html>body .replace a {text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */ } /* Each pair of statements per instance of IR */ #myh1, #myh1 em {font-color:#555;padding-bottom:0; background-color:#ggg; width: 486px; height: 90px; background: url(../images/logo9.jpg) top left no-repeat;} * html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -90px; /* Required to bring text underneath image. Use the negative height of the image here.*/ } /***************** Headings ********************/ /* h1 {font-size:110%; color: #000; font-weight:normal;} */ h2 {font-size:170%; color: #fff; font-weight:normal;background-color:#898780;display:block;height:1.6em;margin-top:0;padding:8px 5px 0 5px;font-family: "Times New Roman", serif;} h3 {font-size:150%; color:#a11b3a;font-weight:normal;font-family: "Times New Roman", serif;} h4 {font-size:150%; color:#a11b3a;font-weight:normal;font-family: "Times New Roman", serif;} #sidebar h3 {font-size:170%; color: #a11b3a; font-weight:normal;background-color:#a11b3a;display:block;height:1.6em;margin-top:0;padding:8px 5px 0 5px;font-family: "Times New Roman", serif;} #sidebar h4 {font-size:160%; color: #a11b3a; font-weight:normal;margin-left:10px;font-family: "Times New Roman", serif;} #content h3, #content h4 {margin-bottom:;font-family: "Times New Roman", serif;} #content h3.toggle {background: url(../images/redarrow.gif) left center no-repeat;padding-left:15px;cursor:pointer;} /***************** Page Sections *********************/ #container { margin:2em auto;text-align:left; background:#fefdea url(images/) top center no-repeat; width:700px;font-size:76%;padding:0 ;border-left:30px solid #fefdea;border-right:30px solid #fefdea;border-bottom:30px solid #fefdea;} #skip {font-size:80%; text-align:right; color:white; margin-bottom:0;} #skip li {display:inline; list-style-type: none; padding: 0 0 0 1em; } #skip li a:link, #skip li a:visited {border:none; color:#555; padding:5px; } #skip li a:focus, #skip li a:hover, #skip a:active { border:none;color:#fff; padding:5px;} #mainbox {clear:both;overflow:hidden; background: url(../images/orangestrip4.gif) 68% top repeat-y;width:700px;} #mid {background-color:#ef2a58 ;overflow:hidden;width:100%;} #home #banner {width:490px;;height:185px;float:left;background:#ef2a58 url(../images/bridge.jpg) left top no-repeat; } #about #banner {width:490px;height:185px;float:left;background:#ef2a58 url(../images/bridge2.jpg) left top no-repeat; } #commercial #banner {width:490px;height:185px;float:left;background:#ef2a58 url(../images/office.jpg) left top no-repeat; } #residential #banner {width:490px;height:185px;float:left;background:#ef2a58 url(../images/semis.jpg) left top no-repeat; } #farming #banner {width:490px;height:185px;float:left;background:#ef2a58 url(../images/fields.jpg) left top no-repeat; } #disputes #banner {width:490px;height:185px;float:left;background:#ef2a58 url(../images/plans.jpg) left top no-repeat; } #probate #banner {width:490px;height:185px;float:left;background:#ef2a58 url(../images/family.jpg) left top no-repeat; } #contact #banner {width:490px;height:185px;float:left;background:#ef2a58 url(../images/bridge.jpg) left top no-repeat; } #access #banner {width:490px;;height:185px;float:left;background:#ef2a58 url(../images/bridge.jpg) left top no-repeat; } #strapline {width:210px;height:185px;float:right;background:#a11b3a url(../images/orangefade.jpg) left top repeat-y;} #strapline p {color:white;font-family: "Trebuchet MS", Verdana, sans-serif;margin:10px;font-size:180%;line-height:150%;font-family: "Times New Roman", serif; } img.printlogo {display:none;} #content p {margin-right:20px;} #content {width:490px;float:left;margin:0;max-width:70%;background-color:#fefdea;} #content img {float:right; clear:both;padding:6px;border:1px solid #e2e2e2;color:#333;background:#fff;margin: 0 0 5px 4px;} #content ul {margin-left:5px;margin-right:20px;} #content img.printlogo {display:none;} #sidebar {width:210px;float:right;margin:0;background-color:#d5d5d5;color:black;} #sidebar img {} #sidebar p {color:#444;margin-right:10px;margin-left:10px;} #footer {clear:both; padding:1em 0 1em 0;border-top: 1px solid #ccc;overflow:hidden;} #footer .left {float:left; width:40%;text-align:left;} #footer .right {float:right; width:60%; text-align:right;} #addresslist {} #addresslist dt {font-weight:bold;} #addresslist dd {font-weight:normal;margin-bottom:8px;margin-left:0;} #mainbox img.icon {float:none;padding:0;margin:0;border:none;} /*************** Other bits *************/ /*************** Forms ******************/ #enquiry p {margin:0;} #enquiry p.inline {display:inline;} #enquiry {font-size:100%; color:#000; margin-left:0px;width:90%; } #enquiry fieldset { border:none; padding:12px 0px;margin-bottom:10px; } #enquiry fieldset #main {border:none;} #enquiry legend { color:#a11b3a;font-weight:bold;margin-bottom:5px;} #enquiry input {background:#fff; border:1px solid #aaa; width:70%; padding:5px 3px 5px 3px; vertical-align:middle; margin:0 0 5px 0; } #enquiry select {border:1px solid #2c3079; margin:2px 0 5px 0;} #enquiry textarea { background:#FFF; border:1px solid #aaa; width:70%; margin-left:0; font-size:110%; padding:3px ; vertical-align:middle; } #enquiry input.submit{ border:1px solid #fff;clear:both; color:white; font-size:100%; width:30%; margin:10px 0 20px 0; font-weight:bold; background:#a11b3a url(../images/pinkbutton.jpg) left top repeat-x; } #enquiry input:hover, #enquiry textarea:hover { border:1px solid #990066;background-color:#efefef; } #enquiry input.submit:focus, #enquiry input.submit:hover, #enquiry input.submit:active { clear:both; color:white; font-size:100%; width:30%; margin:10px 0 20px 0; font-weight:bold; background:#a11b3a url(../images/pinkbutton1.jpg) left top repeat-x; } #enquiry input.radio {width:2em;border:none;} #enquiry input.topic, #enquiry label.topic {position:absolute;left:-9999px;} .required { color:#990066; font-weight:bold; margin-left:0px; } .validationerrors ol {color:#000; margin-left:5px; padding-left:10px; margin-bottom:10px; } #enquiry input.shorttext {width:20%;} #contact ol {color:#990066;font-weight:bold;margin-left:10px;} #form-div {margin:-10px 0 0 0;} /***************** Clearfix ****************/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */