html { background:url(../images/backgrounds/main.jpg) no-repeat top center #b4ca5e; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

#wrap { width:1000px; margin:auto;}

#wrap .header { background-position:171px 0; background-repeat:no-repeat; height:270px;}
#home #wrap .header { background-image:url(../images/backgrounds/headers/home.png);}
#our-services #wrap .header { background-image:url(../images/backgrounds/headers/our-services.png);}
#work-for #wrap .header { background-image:url(../images/backgrounds/headers/work-for.png);}
#about #wrap .header { background-image:url(../images/backgrounds/headers/about.png);}
#case-studies #wrap .header { background-image:url(../images/backgrounds/headers/about.png);}
#contact-us #wrap .header { background-image:url(../images/backgrounds/headers/contact.png);}
#disclaimer #wrap .header { background-image:url(../images/backgrounds/headers/contact.png);}

#wrap .header .header-overlay { background:url(/images/backgrounds/header-overlay.png) no-repeat; height:194px;}

#wrap .header .header-overlay  h1 { float:left; margin-left:80px; margin-top:16px;}
#wrap .header .header-overlay  h1 a { background: url(../images/logo.png) no-repeat; width:231px; height:78px; text-indent:-999999px; overflow:hidden; display:block; }

#wrap .header .header-overlay  ul.main-nav { float:right; margin-right:101px; margin-top:10px;}
#wrap .header .header-overlay  ul.main-nav li { }
#wrap .header .header-overlay  ul.main-nav li a { color:#FFFFFF; text-decoration:none; height:28px; display:block; text-indent:-999999px; overflow:hidden;}
#wrap .header .header-overlay  ul.main-nav li.about a { border-top:none; background:url(../images/backgrounds/nav/about.png) no-repeat left; width:224px}
#about #wrap .header .header-overlay  ul.main-nav li.about a, #wrap .header .header-overlay  ul.main-nav li.about a:hover {background:url(/images/backgrounds/nav/about-active.png) no-repeat;}
#wrap .header .header-overlay  ul.main-nav li.our-services a { background:url(../images/backgrounds/nav/our-services.png) no-repeat left; width:208px;}
#our-services #wrap .header .header-overlay  ul.main-nav li.our-services a, #wrap .header .header-overlay  ul.main-nav li.our-services a:hover { background:url(/images/backgrounds/nav/our-services-active.png) no-repeat;}
#wrap .header .header-overlay  ul.main-nav li.work-for a { background:url(../images/backgrounds/nav/work-for.png) no-repeat; width:192px;}
#work-for #wrap .header .header-overlay  ul.main-nav li.work-for a, #wrap .header .header-overlay  ul.main-nav li.work-for a:hover { background:url(../images/backgrounds/nav/work-for-active.png) no-repeat;}
#wrap .header .header-overlay  ul.main-nav li.contact-us a { background:url(../images/backgrounds/nav/contact.png) no-repeat; width:176px;}
#contact-us #wrap .header .header-overlay  ul.main-nav li.contact-us a, #wrap .header .header-overlay  ul.main-nav li.contact-us a:hover { background:url(../images/backgrounds/nav/contact-active.png) no-repeat;}

#wrap .header .header-overlay .case-studies-link { position:absolute; left:auto; right:auto; margin-left:205px; margin-top:222px;}
#wrap .header .header-overlay .case-studies-link a { display:block; background:url(/images/backgrounds/case-studies-link.png) no-repeat; width:233px; height:26px; text-indent:-99999px; overflow:hidden; }

#wrap .page-content {clear:both; margin-top:20px;}
#home #wrap .page-content {clear:both; margin-top:0px;}
#wrap .page-content h2 { color:#FFFFFF; margin:15px 0px; font-size:180%; font-weight:normal;}
#wrap .page-content h3 { margin:15px 0px; font-size:140%; color:#17454d;}
#wrap .page-content h3 a { color:#17454d;}
#wrap .page-content h4 { color:#FFFFFF; margin:15px 0px;}
#wrap .page-content p { color:#FFFFFF; line-height:160%; font-size:110%; margin:15px 0px;}
#wrap .page-content a { color:#FFFFFF; text-decoration:none;}
#wrap .page-content a:hover { text-decoration:underline;}
#wrap .page-content strong { font-weight:bold;}
#wrap .page-content em { font-style:italic;}
#wrap .page-content hr { border:0px; border-top:1px solid #ffffff; margin:15px 0px; clear:both;}
#wrap .page-content ul { margin:15px 0px;}
#wrap .page-content ul li { margin:8px 0px; font-size:110%; color:#FFFFFF;}
#wrap .page-content .no-margin { margin:0px; margin-left:5px;}

#wrap .page-content .left-col { float:left; width:506px; margin-left:75px;}
#wrap .page-content .left-col .green-content-box { background:url(/images/backgrounds/green-box.png) repeat; padding:1px 20px;}
#wrap .page-content .left-col .green-content-box .general-tagline { font-weight:bold; font-style:italic; }
#wrap .page-content .left-col .green-content-box .map { text-align:center }
#wrap .page-content .left-col ul.bulleted { overflow:hidden; margin:0px;}
#wrap .page-content .left-col ul.bulleted li { margin-left:5px; float:left; width:auto; padding:5px 10px; background:url(/images/backgrounds/bulleted-background.png); text-align:center;}
#wrap .page-content .left-col ul.bulleted.small li { padding:5px 15px !important;}
#wrap .page-content .left-col p { clear:both;}
#wrap .page-content .left-col .green-content-box .services-content { margin:0px 15px;}
#wrap .page-content .left-col .green-content-box .services-content p {color:#17454D}


#wrap .page-content .left-col .case-study p { padding-left:210px; }
#wrap .page-content .left-col .case-study img { margin-top:4px;}
#wrap .page-content .left-col .case-study .testimonial { background:none; overflow:hidden; padding-left:210px;}
#wrap .page-content .left-col .case-study .testimonial p { padding-left:0px !important;}
#wrap .page-content .left-col .case-study#clevedon .testimonial { padding-left:0px;}

#disclaimer #wrap .page-content .left-col { width:850px; margin-bottom:20px;}
#disclaimer #wrap .page-content .left-col .green-content-box { background:url(/images/backgrounds/green-box.png) repeat; padding:1px 20px;}

#home #wrap .page-content .left-col .tagline { display:block; margin:109px 0px 67px 150px; background:url(/images/backgrounds/home-tagline.png) no-repeat; width:223px; height:113px; text-indent:-99999px;}

#our-services #wrap .page-content .left-col  ul { }
#our-services #wrap .page-content .left-col  ul li { margin-left:0px;}
#our-services #wrap .page-content .left-col  ul li a { padding-left:15px;}
#our-services #wrap .page-content .left-col  ul li a:hover {  background:url(/images/backgrounds/sub-nav-arrow.png) no-repeat center left; text-decoration:underline;color:#17454d;}
#our-services #wrap .page-content .left-col  ul li a.active { color:#17454d; background:url(/images/backgrounds/sub-nav-arrow.png) no-repeat center left; text-decoration:underline;}
#our-services #wrap .page-content .left-col .green-content-box h3 { background:url(../images/backgrounds/sub-nav-arrow.png) no-repeat 0px 5px; padding-left:15px;}


#work-for #wrap .page-content .left-col  ul li a { font-weight:bold; }

#wrap .page-content .right-col {float:right; margin-right:70px;width:330px; }
#home #wrap .page-content .right-col { background:url(/images/backgrounds/home-our-services-nav.png) no-repeat; height:457px; margin-top:-30px;}

#about #wrap .page-content .right-col { background:url(../images/backgrounds/about-right-box.png) left top no-repeat;}
#about #wrap .page-content .right-col p { margin-top:408px; font-size:11px; margin-left:20px;}

#our-services #wrap .page-content .right-col {}
#our-services #wrap .page-content .right-col p { margin-top:402px; margin-bottom:20px; font-size:11px; margin-left:20px;}
#our-services #wrap .page-content .right-col.background-1 {background:url(../images/backgrounds/our-services-right-box-1.png) left top no-repeat;}
#our-services #wrap .page-content .right-col.background-2 {background:url(../images/backgrounds/our-services-right-box-2.png) left top no-repeat;}
#our-services #wrap .page-content .right-col.background-3 {background:url(../images/backgrounds/our-services-right-box-3.png) left top no-repeat;}
#our-services #wrap .page-content .right-col.background-4 {background:url(../images/backgrounds/our-services-right-box-4.png) left top no-repeat;}
#our-services #wrap .page-content .right-col.background-5 {background:url(../images/backgrounds/our-services-right-box-5.png) left top no-repeat;}
#our-services #wrap .page-content .right-col.background-6 {background:url(../images/backgrounds/our-services-right-box-6.png) left top no-repeat;}
#our-services #wrap .page-content .right-col.background-7 {background:url(../images/backgrounds/our-services-right-box-7.png) left top no-repeat;}
#our-services #wrap .page-content .right-col.background-8 {background:url(../images/backgrounds/our-services-right-box-8.png) left top no-repeat;}
#our-services #wrap .page-content .right-col.background-9 {background:url(../images/backgrounds/our-services-right-box-9.png) left top no-repeat;}

#work-for #wrap .page-content .right-col { background:url(../images/backgrounds/work-for-right-box.png) left top no-repeat;}
#work-for #wrap .page-content .right-col p { margin-top:384px; margin-bottom:38px; font-size:11px; margin-left:20px;}

#case-studies #wrap .page-content .left-col { width:850px; margin-bottom:20px;}
#case-studies #wrap .page-content .left-col .testimonial p { color:#17454D; font-style:italic;}
#case-studies #wrap .page-content .left-col .green-content-box { background:url(/images/backgrounds/green-box.png) repeat; padding:1px 20px;}

#contact-us #wrap .page-content .right-col { background:url(../images/backgrounds/contact-right-box.png) left top no-repeat; margin-top:-29px; height:492px;}
#contact-us #wrap .page-content .right-col p { margin-top:125px; margin-bottom:38px; font-size:11px; margin-left:20px;}
#contact-us #wrap .page-content .right-col p.address { margin-top:120px; font-size:110%; margin-bottom:10px; margin-left:30px;}
#contact-us #wrap .page-content .right-col p.contacts { margin-top:20px; font-size:110%; margin-bottom:10px; margin-left:30px;}

#wrap .page-content .right-col h3 { display:none;}
#wrap .page-content .right-col ul { margin-top:170px; margin-bottom:0px;}
#wrap .page-content .right-col ul li { margin:2px 0px; margin-left:15px;}
#wrap .page-content .right-col ul li a { color:#FFFFFF; text-decoration:none; padding:3px 0px 3px 20px; display:block; width:220px; font-weight:bold; font-size:90%;}
#wrap .page-content .right-col ul li a:hover { text-decoration:underline; background:url(/images/backgrounds/nav-arrow.png) no-repeat 0px 5px;}
#wrap .page-content .right-col .contact-details { width:258px; height:43px; margin-left:30px; margin-top:10px; border-top:1px solid #ffffff;}
#wrap .page-content .right-col .contact-details p {background:url(/images/backgrounds/nav-contact-details.png) no-repeat; width:186px; height:43px; display:block; text-indent:-999999px; margin:10px 0px;}


#wrap .page-content p.footer-link { clear:right; float:right; margin-right:80px; margin-top:5px; font-size:95%; }
#wrap .page-content p.footer-link  a { color:#FFFFFF; text-decoration:none;}

/* IE 6 */
* html #wrap .header .header-overlay  h1 { margin-left:35px;}
* html #wrap .header .header-overlay  ul.main-nav { margin-right:50px; margin-top:9px;}
* html #wrap .header .header-overlay .case-studies-link { margin-left:-105px;}
* html #wrap .page-content .left-col { margin-left:33px;}
* html #wrap .page-content .right-col {float:right; margin-right:20px;width:330px; }

/* IE 7 */
* + html #wrap .header .header-overlay .case-studies-link { margin-left:-105px;}