body {background:url(/static/graphics/core/3-bg.gif) repeat-x center top;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;} #container {width:960px;margin:58px auto 0 auto;background:#fff;position:relative;} /* BANNER */ #online-store-link {position:absolute;top:-26px;right:1px;height:26px;width:158px;} #client-login-link {position:absolute;top:-26px;right:160px;height:26px;width:158px;} .banner {width:952px;height:161px;padding:4px;background:#fff;} /* NAVIGATION */ #navigation {width:952px;margin:0 4px 4px 4px;background:url(/static/graphics/nav/bg.gif) repeat-x 0 0;height:42px;} #navigation ul {list-style:none;margin:0 0 0 15px;} #navigation ul li {float:left;margin:0;} #navigation ul li a {display:block;height:42px;text-indent:-999px;overflow:hidden;} #navigation ul li a:hover {background-position:0 -42px!important;} #navigation ul li.nav-home a {background:url(/static/graphics/nav/home.gif) no-repeat 0 0;width:63px;} #navigation ul li.nav-profile a {background:url(/static/graphics/nav/profile.gif) no-repeat 0 0;width:84px;} #navigation ul li.nav-our-services a {background:url(/static/graphics/nav/our-services.gif) no-repeat 0 0;width:124px;} #navigation ul li.nav-meet-the-team a {background:url(/static/graphics/nav/meet-the-team.gif) no-repeat 0 0;width:130px;} #navigation ul li.nav-recent-projects a {background:url(/static/graphics/nav/recent-projects.gif) no-repeat 0 0;width:149px;} #navigation ul li.nav-testimonials a {background:url(/static/graphics/nav/testimonials.gif) no-repeat 0 0;width:121px;} #navigation ul li.nav-links a {background:url(/static/graphics/nav/links.gif) no-repeat 0 0;width:71px;} #navigation ul li.nav-contact a {background:url(/static/graphics/nav/contact.gif) no-repeat 0 0;width:87px;} /* CTAS */ #ctas {width:930px;padding:15px 15px 15px 15px;} #ctas .cta {width:300px;float:left;padding:0 5px;background:url(/static/graphics/core/cta-background.gif) repeat-y center top;} #ctas .cta .electrical-services {background:url(/static/graphics/core/cta-electrical-services.gif) no-repeat 0 0;} #ctas .cta .communications {background:url(/static/graphics/core/cta-communications.gif) no-repeat center top;} #ctas .cta .data-centres {background:url(/static/graphics/core/cta-data-centres.gif) no-repeat center top;} #ctas .cta .info {padding:0 20px 0 70px;height:230px;overflow:hidden;} #ctas .cta .info p, #ctas .cta .info ul {font-size:11px;line-height:1.4em;color:#c35602;} #ctas .cta .bottom {width:300px;} #ctas .cta .info h2 a { display: block; padding: 30px 0 0; height: 20px; overflow: hidden; text-indent: -9999px; } .cta div { position:relative; } .cta div ul { position:absolute; bottom:0; } /* CONTENT */ #content {width:900px;padding:20px 30px 10px 30px;} #content ul#logos {height:60px;list-style:none;} #content ul#logos li {float:left;} .meet-the-team {width:900px;border-bottom:1px dotted #999;margin:0 0 20px 0;} .meet-the-team .image {float:left;width:110px;padding:10px;background:url(/static/graphics/core/team-pic-bg.gif) no-repeat 0 0;margin:0 20px 0 0;height:110px;} .meet-the-team .info {float:left;width:750px;} .meet-the-team .info-noimage {float:left;width:900px;} .recent-project {width:900px;border-bottom:1px dotted #999;margin:0 0 20px 0;} .recent-project .info {float:left;width:600px;margin:0 20px 0 0;} .recent-project .image {float:left;width:110px;padding:10px;background:url(/static/graphics/core/team-pic-bg.gif) no-repeat 0 0;margin:0 10px 0 0;height:110px;} .recent-project .info-noimage {float:left;width:900px;} .testimonial {width:900px;border-bottom:1px dotted #999;margin:0 0 20px 0;} .testimonial .image {float:left;width:110px;padding:10px;background:url(/static/graphics/core/team-pic-bg.gif) no-repeat 0 0;margin:0 20px 0 0;height:110px;} .testimonial .info {float:left;width:750px;} .testimonial .info-noimage {float:left;width:900px;} ul.links {width:900px;list-style:none;} ul.links li {float:left;width:280px;margin:0;background:url(/static/images/grapics/link.gif) no-repeat 0 6px;padding:0 0 0 20px;} .contact {width:900px;} .divider {border-bottom:1px dotted #999;margin:0 0 20px 0;padding:0 0 20px 0;} .contact .info {} #map {width:450px;height:300px;float:right;border:1px solid #333;} /* SERVICES NAVIGATION ACCORDION */ #services-navigation {margin:0 0 0 20px;padding:0px;text-indent:0px;background-color:#fff;width:270px;float:right;} #services-navigation a.head {cursor:pointer;border-bottom:1px dotted #999;background: url(/static/graphics/core/services-navigation-arrow.gif) no-repeat 3px 7px;color:#000;display:block;font-weight:bold;margin:0;padding:3px 0;text-indent:20px;text-decoration: none;} #services-navigation a.head:hover {background-color:#F7F7F7;} #services-navigation a.selected {background-image: url(/static/graphics/core/services-navigation-arrow-down.gif) no-repeat 3px 7px;} #services-navigation a.current {background-color:#FFFFCC;} #services-navigation ul {border-width:0px;margin:0px;padding:0;text-indent:0;font-size:1em;} #services-navigation li {list-style:none;display:inline;margin:0;} #services-navigation li.title a {font-weight:bold;font-size:1.4em;margin:0;padding:20px 10px 10px 10px;display:block;color:#666;} #services-navigation li.title a:hover {background-color:#F7F7F7;color:#000;text-decoration:none;} #services-navigation li li a {color:#284e8b;display:block;text-indent:20px;text-decoration: none;} #services-navigation li li a:hover {background-color:#002C91;color:#fff;} /* FOOTER */ #footer {width:900px;padding:0 30px 20px 30px;} #footer-address {border-top:1px solid #999;border-bottom:1px solid #999;color:#999;padding:5px 0;text-align:center;} #footer-address p {margin:0;} #footer-navigation {width:900px;padding:5px 0 0 0;} #footer-navigation ul {font-size:1em;list-style:none;} #footer-navigation ul li {float:left;margin:0;} #footer-navigation ul li a {color:#999;margin:0 15px 0 0;} #footer-copyright {color:#999;} #footer-copyright p {font-size:1em;margin:0;} /* FONT STYLES */ h1 {margin:0 0 20px 0;font-size:1.6em;background:url(/static/graphics/core/heading-arrow.gif) no-repeat 0 0;padding:2px 0 0 25px;height:16px;} body#index h1 {cursor: pointer;} h2 {margin:0 0 20px 0;font-size:1.6em;} h3 {margin:0 0 20px 0;font-size:1.4em;} h4 {margin:0 0 20px 0;font-size:1.4em;color:#c35602;} h5 {margin:0 0 20px 0;font-size:1.2em;} p {font-size:1.2em;margin:0 0 20px 0;line-height:1.8em;} ul {font-size:1.2em;margin:0 0 20px 0;line-height:1.8em;list-style-type:disc;} li {margin:0 0 0 20px;} a {color:#c35602;text-decoration:none;} a:hover {text-decoration:underline;} /* MISC */ #cycle { display: block; width: 318px; height: 212px; float: right; } #cycle img {top: 0; left: 0;border: 1px solid #F16D01; float:right;} a.pdf {background: url('/static/graphics/icon-pdf.gif') no-repeat; padding: 0 0 2px 20px;} /* CLEARFIX */ .clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */