/* Default font settings. The font-size percentage is of 16px. (0.625 * 16px = 10px) */ body { font-size: 62.5%; color: #fff; background: #000; font-family: Arial, Verdana, Arial, Helvetica, sans-serif; } /************************** COLOURS Green 1 #187E4C Green 2 #71AC80 Blue 1 #1F4B8A Blue 2 #B0B7D4 Grey 1 #666 Grey 2 #999 Grey 3 #CCC **************************/ a {color:#fff;} .clearfloat{clear:both;height:0px;width:0px;display:block;line-height: 0;} #navigation a {color: #fff;text-decoration:none;font-weight:bold;} #navigation a:hover {color:#b0b7d4;} #navigation li.selected a{color:#b0b7d4;} #navigation { background-color:#187E4C; background-image: url(../images/template/navigation_strip.gif); background-repeat: repeat-x; } ul#navigation{height:25px;margin-bottom:3px} ul#navigation li{float:left;display:inline;list-style-type:none;text-transform:uppercase;margin-left:31px;padding-top:0px;font-size:1.2em;height:25px;} ul#navigation a{height:25px;display:block;padding-top:4px;} #mainContent strong{color:#187E4C;font-weight:normal} body{background-color:#000;color:#fff;} #wrapper{width:948px;margin:0 auto;padding:21px;} /* IE PROBLEM HERE */ #content{border:1px solid #999;padding:21px 19px 0 19px;position:relative} #header{background:url(../images/template/header.jpg) top left no-repeat transparent;margin-bottom:3px;} h1#header{height:79px;} h1 span{display:none;} #banner{height:325px;background-color:#71ac80;position:relative;background:url(../images/template/home.jpg) top left no-repeat} #banner div{position:absolute;bottom:-37px;background-color:#1F4B8A;height:37px;width:100%;text-transform:uppercase;} /* IE PROBLEM HERE */ #banner h2{font-size:2em;position:relative;left:78px;top:3px;width:70%;font-weight:bold;} #mainContent{float:left;margin-top:75px /*37+38*/;} #column_1{padding-left:78px;padding-right:73px;width:512px;float:left;padding-bottom:21px;} /* IE PROBLEM HERE */ .services {position:relative;top:-37px;} #column_2{float:left;display:inline;height:100%;} /* IE PROBLEM HERE */ #column_2{position:relative;top:1px;} #column_2_a{background: url(../images/template/vertical-rule.gif) top left repeat-y;padding-left:43px;position:relative;bottom:-10px;padding-top:10px;margin-top:1em;} #column_2_b{position:relative;top:-1.8em;} .news #column_2_a{bottom:0px;width:180px;} .news_down #column_2_a{bottom:-10px;width:180px;} .newstel { color:#FFFFFF; font-weight: bold; } p.introduction{font-size:2em;line-height:1.2em;margin-bottom:1em;color:#b0b7d4} p{font-size:1.4em;margin-bottom:1em;} #column_2 blockquote p{font-size:1.4em;line-height:1.2em;font-weight:bold;} #column_2 p{font-size:1.1em;line-height:1.1em;} #column_2 p.cite{font-size:1.1em;line-height:1.1em;text-transform:uppercase; text-align:right;margin-top:0.5em;} /* DIVIDING LINES */ #columnlinehome{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 200px; padding-left:43px; margin-top:15px;} #columnlineabout{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 275px; padding-left:43px; margin-top:15px;} #columnlineservices{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 200px; padding-left:43px; margin-top:15px;} #columnlinenews{width:2px; /* IE 6+7 PROBLEM HERE */float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 650px; padding-left:43px; margin-top:15px;} #columnlinecontact{width:2px; /* IE 6+7 PROBLEM HERE */float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 465px; padding-left:43px; margin-top:15px;} #columnlineasbestos{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 280px; padding-left:43px; margin-top:15px;} #columnlinebio{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 275px; padding-left:43px; margin-top:15px;} #columnlineenvironmental{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 300px; padding-left:43px; margin-top:15px;} #columnlineexcavation{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 230px; padding-left:43px; margin-top:15px;} #columnlinegas{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 220px; padding-left:43px; margin-top:15px;} #columnlineknotweed{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 220px; padding-left:43px; margin-top:15px;} #columnlinelandfill{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 230px; padding-left:43px; margin-top:15px;} #columnlineoil{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 230px; padding-left:43px; margin-top:15px;} #columnlinewater{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 700px; padding-left:43px; margin-top:15px;} #columnlineprojects{width:2px; /* IE 6+7 PROBLEM HERE */float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 700px; padding-left:43px; margin-top:15px;} #columnlinesitemap{width:2px;float: left;border-left-color: #999; border-left-style: dotted; border-left-width: 2px; height: 300px; padding-left:43px; margin-top:15px;} #column_2 p.telfax, #column_2_about p.telfax{color:#fff;font-weight:bold;text-transform:uppercase;line-height:1.5em} #column_2 p.telfax span, #column_2_about p.telfax span{font-size:1.5em;} #column_2_about{float:left;height:auto; width:180px;} /* IE PROBLEM HERE */ #column_2_about p{font-size:1.1em;line-height:1.1em;} /* DIVIDING LINES END */ #corner{position:absolute;top:-25px;right:-23px;background:url(../images/template/corner.jpg) top right no-repeat;height:110px;width:110px;} /* IE PROBLEM HERE */ blockquote{width:150px;background:url(../images/template/left_quote.gif) top left no-repeat;padding-top:25px;} blockquote p{width:150px;background:url(../images/template/right_quote.gif) bottom right no-repeat;padding-bottom:22px;} .quote{width:150px;padding-top:5px;position:relative;top:-10px;color:#999;} #column_1 h2{font-size:2em;line-height:1.2em;margin-bottom:1em;color:#b0b7d4;text-transform:uppercase} #banner-slider{height:/*325 + 37*/362px;background-color:#000;position:relative;left:0px;width:908px;overflow:hidden;} .sm {list-style:none; width:910px; height:362px; display:block; overflow:hidden} .sm li {float:left; display:inline; overflow:hidden;width:60px; cursor:pointer} #banner-service{height:/*325 + 37*/362px;background-color:#000;position:relative} .banner-service-image{width:663px;} #services li{width:205px;height:32px;list-style-type:none;font-weight:bold;} #services h2{text-transform:uppercase;color:#ccc;font-weight:bold;font-size:11px} #services h2 span{font-weight:normal !important;} div#services{position:absolute;top:0;right:-14px;width:240px;padding-top:18px;} #services hr{width:205px; text-align:left;height:1px;border:0;border-top:1px solid #666;margin-top:1em;margin-bottom:1em;} #services li{margin-bottom:2px;line-height:1.2em;} #services li a{height:32px;display:block;text-decoration:none} #services li span{position:relative;left:10px;top:4px;width:170px;display:block;} #services li.asbestos a{background:url(../images/template/subnav/asbestos.jpg) top left no-repeat;} #services li.bio a{background:url(../images/template/subnav/bio.jpg) top left no-repeat;} #services li.environmental a{background:url(../images/template/subnav/environmental.jpg) top left no-repeat;} #services li.excavation a{background:url(../images/template/subnav/excavation.jpg) top left no-repeat;} #services li.gas a{background:url(../images/template/subnav/gas.jpg) top left no-repeat;} #services li.knotweed a{background:url(../images/template/subnav/knotweed.jpg) top left no-repeat;} #services li.landfill a{background:url(../images/template/subnav/landfill.jpg) top left no-repeat;} #services li.oiltank a{background:url(../images/template/subnav/oiltank.jpg) top left no-repeat;} #services li.water a{background:url(../images/template/subnav/water.jpg) top left no-repeat;} #services li.asbestos a:hover{background:url(../images/template/subnav/asbestos.jpg) bottom left no-repeat;} #services li.bio a:hover{background:url(../images/template/subnav/bio.jpg) bottom left no-repeat;} #services li.environmental a:hover{background:url(../images/template/subnav/environmental.jpg) bottom left no-repeat;} #services li.excavation a:hover{background:url(../images/template/subnav/excavation.jpg) bottom left no-repeat;} #services li.gas a:hover{background:url(../images/template/subnav/gas.jpg) bottom left no-repeat;} #services li.knotweed a:hover{background:url(../images/template/subnav/knotweed.jpg) bottom left no-repeat;} #services li.landfill a:hover{background:url(../images/template/subnav/landfill.jpg) bottom left no-repeat;} #services li.oiltank a:hover{background:url(../images/template/subnav/oiltank.jpg) bottom left no-repeat;} #services li.water a:hover{background:url(../images/template/subnav/water.jpg) bottom left no-repeat;} #services li.selected{display:none;} #slideshow {width:650px;height:362px;border-right:1px solid #187e4b;} #mainContent h2.project_sub_title{color:#8d908c;position:relative;top:-15px} div.news h2, div.news_down h2 {text-transform:uppercase;color:#ccc;font-weight:bold;position:relative;left:-20px;top:0;padding-left:20px;background:url(../images/template/arrow_r.gif) center left no-repeat;font-size:10px}/* IE PROBLEM HERE */ div.news h3, div.news_down h3 {color:#b0b7d4;text-transform:uppercase;font-weight:bold;} div.news p, div.news_down p {color:#b0b7d4} .news a, .news_down a{color:inherit;text-decoration:none;} a.news_down_email{color:#187E4C;text-decoration:none;} #column_1 h3{font-size:1.5em;font-weight:bold;} em {font-style:italic} #column_2_b p.telfax{color:#fff;font-weight:bold;text-transform:uppercase;line-height:1.5em} #column_2_b p.telfax span{font-size:1.5em;} div.news_down p.address {text-transform:uppercase;font-weight:bold;} div#results p.success strong{color:#fff} .jumpform{margin-top:1em;} .more_showcases{ text-transform:uppercase; position:absolute; top:34px; right:32px; text-transform:uppercase; color:#ccc; font-weight:bold; font-size:11px; } .more_showcases a{text-decoration:none;padding-right:20px;color:#666;background:url(../images/template/arrow_r.gif) center right no-repeat;} .project a span{padding-right:20px;background:url(../images/template/arrow_r.gif) center right no-repeat;} .services_container{padding-bottom:10px;padding-top:10px;margin-top:5px;width:205px;border-bottom:1px solid #666;border-top:1px solid #666;/*clear:both;*/} .project{width:65px;height:90px;float:left;margin-right:30px;margin-bottom:20px;} .project a{display:block;text-decoration:none;} .project img {border:2px solid #bbbbbb;border-right:2px solid #fff;border-bottom:2px solid #fff;} ul.footer{list-style-type:none;float:right;margin-top:5px;color:#666;} ul.footer li{display:inline;margin-left:5px;} ul.footer a{color:#666;text-decoration:none;} hr{height:1px;border:0;border-top:1px solid #666} #column_1 ul {font-size:12px;list-style-type:none;} #column_1 ul li {margin-top:5px;} #column_1 li a {text-decoration:none;} #column_1 li a:hover{color:#ccc;} #column_1 ul ul {margin-left:10px;} /* SCROLLBAR */ #services_scroll { /* Typical fixed height and fixed width example */ width:205px;height:220px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; margin: 0em auto; padding-bottom: 0px; } /* Scroll Bar Master Styling Starts Here */ /* All comments can be freely removed from the css */ .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;} /* force fleXcroll to always display the vertical scrollbase */ .vscrollerbase { } /* fleXcroll adapts to this CSS setting and sets positions correctly */ /* And style your scrollbar like you normally do */ .vscrollerbase { width: 12px; background: #666 ; } .vscrollerbar { width: 12px; background: url(../images/template/scrollbar.gif) top center repeat-y #666; } .hscrollerbase { height: 8px; background: #666; } .hscrollerbar { height: 8px; background: #000; } .vscrollerbar, .hscrollerbar { padding: 10px; z-index: 2; } .vscrollerbarbeg { background:#666; width: 12px; height: 8px !important; } .vscrollerbarend { background:#666; width: 12px; height: 8px; } .hscrollerbarbeg { background:red; height: 15px; width: 12px !important; } .hscrollerbarend { background:red; height: 8px; width: 12px; } .scrollerjogbox { width: 6px; height: 6px; top: auto; left: auto; bottom: 0px; right: 0px; background: transparent; } .vscrollerbasebeg { background:#666 url(../images/template/scrollarrows.gif) top center no-repeat; /* ADD SCROLL BAR BUTTON */ width: 12px; height: 8px !important; } .vscrollerbaseend { background:#666 url(../images/template/scrollarrows.gif) bottom center no-repeat; /* ADD SCROLL BAR BUTTON */ height: 8px; width: 12px; } .hscrollerbasebeg { background: #666; height: 8px; width: 12px !important; } .hscrollerbaseend { height: 8px; width: 12px; background: #666; } .scrollerjogbox:hover { background: #5E828C; } /* Scroll Bar Master Styling Ends Here */