body {
    background-color: #FFFFFF;
    /*font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;*/
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    margin: 0;
    padding: 0;
}

#container {
    background-color: #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1000px;
}

#containerPadder {
    padding: 25px;
}

#header {
}

#header img {
    border: none;
    float: right;
    padding: 0 10px 0 0;
}

#header a {
    text-decoration: none;
}

#header h1 {
    color: #8CC63F;
    float: left;
    font-size: 150%;
    font-weight: normal;
    margin: 95px 0 25px 25px;
    text-transform: lowercase;
}

#topNavWrapper {
    background-color: #F7F7F7;
    clear: both;
    overflow: hidden;
    position: relative;
}

#topNav {
    font-size: 87.5%;
    padding: 0 25px;
    text-transform: lowercase;
    text-align: left;
}

#topNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#topNav li {
    float: left;
    margin: 0;
    overflow: hidden;
    text-align: center;
}

#topNav #last {
    border-right: none;
}

#topNav .navItem1 {
    text-align: left;
    width: 62px;
}

#topNav .navItem2 {
    width: 121px;
}

#topNav .navItem3 {
    width: 115px;
}

#topNav .navItem4 {
    width: 112px;
}

#topNav .navItem5 {
    width: 163px;
}

#topNav .navItem6 {
    width: 133px;
}

#topNav .navItem7 {
    width: 92px;
}

#topNav .navItem8 {
    text-align: right;
    width: 100px;
}

#topNav a {
    border-right: 1px solid #BCBEC0;
    color: #939598;
    display: block;
    margin: 10px 0;
    text-decoration: none;
}

#topNav a:hover {
    color: #8CC63F;
}

#topNav #selected a {
    color: #8CC63F;
    font-weight: bold;
}

#content {
    background-color: #FFFFFF;
    clear: both;
    margin-top: 4px;
    position: relative;
}

#content #sectionTitle {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
}

#leftContent {
    background-color: #F7F7F7;
    clear: left;
    float: left;
    overflow: hidden;
    position: relative;
    width: 652px;
}

#wideContent {
    background-color: #F7F7F7;
	clear: left;
	padding: 25px;
}

#wideContent h2 {
	color: #8CC63F;
    font-size: 150%;
    font-weight: normal;
    margin: 0 0 25px 0;
    text-transform: lowercase;
}

.legalHeading {
	padding-top: 25px;
}

#leftContent p, #leftContent li, #wideContent p, #wideContent li {
    color: #333333;
    font-size: 75%;
}

#leftContent h3 {
    color: #8CC63F;
    clear: left;
    font-size: 125%;
    font-weight: normal;
    margin: 12px 0;
    text-transform: lowercase;
}

.padded {
    padding: 0 25px;
}

#rightContent {
    background: #B2B2B2;
    color: #333333;
    float: right;
    width: 295px;
}

#rightContent h2, #rightContent .large, #rightContent h3, #rightContent .large strong {
    color: #FFFFFF;
    font-size: 137.5%;
    font-weight: normal;
    margin: 0 0 20px 0;
    text-transform: lowercase;
}

#rightContent .large {
    font-size: 100% !important;
	font-weight: normal;
}

#rightContent ul {
    font-size: 75%;
    margin: 0;
    padding: 0 15px 10px 15px;
}

#rightContent img {
    border: none;
}

#rightContent a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

#rightContent a:hover {
    text-decoration: underline;
}

#rightContentPadder {
    padding: 30px 20px 10px 20px;
}

/*#rightContentPadder h3 {
    color: #FFFFFF;
    font-size: 112.5%;
    margin: 0 0 20px 0;
	text-transform: lowercase;
}*/

#rightContentPadder p {
    font-size: 75%;
    margin: 0 0 12px 0;
}

#rightContentSpacer {
    float: right;
    height: 487px;
    width: 1px;
}

.servicesSpacer {
    float: right;
    height: 517px !important;
    position: relative;
    width: 1px;
}

.sectorsSpacer {
    float: right;
    height: 642px !important;
    width: 1px;
}

.peopleSpacer {
    float: right;
    height: 590px !important;
    width: 1px;
}

.accreditationsSpacer {
    float: right;
    height: 620px !important;
    width: 1px;
}

.environmentalSpacer {
    float: right;
    height: 580px !important;
    width: 1px;
}

.careersSpacer {
    float: right;
    height: 423px !important;
    width: 1px;
}

.contactSpacer {
    float: right;
    height: 750px !important;
    width: 1px;
}

/* Welcome */
#welcomeContent {
    background-color: #F7F7F7;
    /*margin: 0 auto;*/
    padding: 0 25px;
    position: relative;
}

#welcomeTitle {
    color: #939598 !important;
    font-size: 162.5%;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding-top: 10px;
    text-transform: lowercase;
}

#welcomeTop {
    height: 290px;
}

#welcomeImage {
    background: url(../images/welcome.jpg) no-repeat top left;
    height: 290px;
}

.welcomeText p, .welcomeText ul {
    color: #6D6F71;
    margin: 12px 0;
    font-size: 75%;
}

.welcomeText ul {
    float: left;
    padding: 0 25px 12px 25px;
    width: 100%;
}

.welcomeText .leftList {
    clear: left;
    float: left;
    width: 49%;
}

.welcomeText .rightList {
    clear: right;
    float: right;
    width: 49%;
}

#welcomeTextLeft {
    float: left;
    position: relative;
    width: 49%;
}

#welcomeTextRight {
    float: right;
    position: relative;
    width: 49%;
}

/* Services */
#servicesContent {
    background: url(../images/services_bg.jpg) repeat-y top left;
    padding-top: 0;
    position: relative;
}

#servicesImage {
    background: url(../images/services.jpg) no-repeat bottom left;
    bottom: 0;
    height: 376px;
    left: 0;
    position: absolute;
    width: 652px;
}

#servicesNav {
    list-style: none;
    margin: 0 25px 0 25px;
    padding: 25px 0 0 0;
    position: relative;
}

.servicesNavItem {
    background: url(../images/services_light.jpg) no-repeat 0 0;
    height: 25px;
    overflow: hidden;
    position: relative;
    width: 191px;
}

.servicesNavItem a.servicesNavLink {
    position: relative;
    z-index: 2;
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: left;
    color: #333333;
    text-decoration: none;
    padding: 0 10px;
}

.servicesNavItem a.servicesNavLink:hover {
    color: #8CC63F;
    text-decoration: underline;
}

.servicesNavItem a#servicesNavLinkSelected {
    background: #FFF url(../images/services_dark.jpg) no-repeat 0 0;
    color: #8CC63F;
    font-weight: bold;
}

.servicesNavItem div {
    display: none;
    position: relative;
    z-index: 1;
    width: 191px;
    height: 25px;
    margin-top: -25px;
    background: #FFF url(../images/services_dark.jpg) no-repeat 0 0;
}

/* Sectors */
#sectorsImage {
    background: url(../images/sectors.jpg) no-repeat top left;
    height: 642px;
}

/* People */
#peopleImage {
    height: 590px;
}

.directors {
    background: url(../images/directors.jpg) no-repeat top left;
}

.david {
    background: url(../images/david.jpg) no-repeat top left;
}

.matthew {
    background: url(../images/matthew.jpg) no-repeat top left;
}

.nigel {
    background: url(../images/nigel.jpg) no-repeat top left;
}

.others {
    background: url(../images/others.jpg) no-repeat top left;
}

#compLink {
	height: 60px;
	left: 440px;
	position: absolute;
	top: 280px;
	width: 39px;
}

#peopleList {
    color: #FFFFFF;
    font-size: 75%;
    float: left;
    height: 25px;
    left: 150px;
    padding-top: 530px;
    text-align: left;
}

#peopleListBack {
    background: #000000;
    padding: 3px 3px 3px 15px;
}

#peopleList a {
    color: #FFFFFF;
    margin: 0 10px;
    text-decoration: none;
}

#peopleList a:hover {
    color: #8CC63F;
    text-decoration: underline;
}

#peopleList a#selectedContent {
    color: #8CC63F;
}

#linkedin {
    display: inline;
    float: left;
    margin-top: 25px;
}

#linkedin img {
    display: inline;
    float: left;
    margin: -5px 5px 5px 0;
}

#linkedin a {
    float: left;
}

/* Accreditations */

div#accreditationsContent {
	margin-bottom: 35px;
	padding: 35px 0 0 50px;
}

div.thumb {
    background: url(../images/accredit_light.jpg) no-repeat top left;
    float: left;
    list-style: none;
    height: 185px;
    width: 185px;
}

div.thumb a {
    display: block;
    width: 185px;
    height: 185px;
    position: relative;
}

div.thumb a .rollover, div.thumb a .selectedThumb {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 185px;
    height: 185px;
}

a#rics .rollover, a#rics .selectedThumb {
    background: url(../images/rics_dark.jpg) no-repeat top left;
}

a#iso14001 .rollover, a#iso14001 .selectedThumb {
    background: url(../images/iso14001_dark.jpg) no-repeat top left;
}

a#iso9001 .rollover, a#iso9001 .selectedThumb {
    background: url(../images/iso9001_dark.jpg) no-repeat top left;
}

a#constructionline .rollover, a#constructionline .selectedThumb {
    background: url(../images/constructionline_dark.jpg) no-repeat top left;
}

a#chas .rollover, a#chas .selectedThumb {
    background: url(../images/chas_dark.jpg) no-repeat top left;
}

a#partywalls .rollover, a#partywalls .selectedThumb {
    background: url(../images/pt_dark.jpg) no-repeat top left;
}

a#leedscivictrust .rollover, a#leedscivictrust .selectedThumb {
    background: url(../images/leeds_dark.jpg) no-repeat top left;
}

div.thumb img {
    border: none;
}

ul.thumb li img.hover {
    border: none;
}

/* Careers */
#careersImage1, #careersImage2, #careersImage3, #careersImage4 {
    margin-top: 40px;
}

#careersImage1 {
    background: url(../images/careers1.jpg) no-repeat top center;
    display: inline;
    float: left;
    height: 355px;
    margin-left: 30px;
    width: 101px;
}

#careersImage2 {
    background: url(../images/careers2.jpg) no-repeat top center;
    display: inline;
    float: left;
    height: 355px;
    margin-left: -5px;
    width: 133px;
}

#careersImage3 {
    background: url(../images/careers3.jpg) no-repeat top center;
    display: inline;
    float: left;
    height: 355px;
    margin-left: -5px;
    width: 170px;
}

#careersImage4 {
    background: url(../images/careers4.jpg) no-repeat top center;
    display: inline;
    float: left;
    height: 335px;
    margin-left: -5px;
    width: 220px;
}

/* Environmental */
#environmentalImage {
    background: url(../images/environmental.jpg) no-repeat top left;
    height: 580px;
    position: relative;
}

#environmentalQuote {
    background-color: #8CC63F;
    bottom: 40px;
    left: 0;
    padding: 5px 5px 5px 25px;
    position: absolute;
    width: 420px;
}

#environmentalQuote p {
    color: #FFFFFF;
    font-size: 100%;
    margin: 0;
}

#environmentalQuote p em {
    margin-left: 10px;
    font-size: 80%;
}

/* contact us */
#officeImage {
    margin-top: 25px;
}

.iframeContainer {
    margin: 20px 0;
}

a#mapLink {
    float: left;
    margin-bottom: 20px;
}

#rightContent #contactAddress {
    margin-bottom: 40px;
}

#rightContent .contactItem {
    padding: 3px 15px 3px 0;
    text-transform: lowercase;
}

#rightContent #contactMail {
    background: url(../images/mail.jpg) no-repeat right center;
}

#rightContent #contactPhone {
    background: url(../images/phone.jpg) no-repeat right center;
}

#rightContent #contactFax {
    background: url(../images/fax.jpg) no-repeat right center;
	margin-bottom: 40px
}

#newOffice {
    background-color: #8CC63F;
    border: 1px solid #FFFFFF;
	color: #FFFFFF;
    font-size: 100% !important;
    padding: 5px;
    text-align: center;
}

.clear {
    clear: both;
}

#footer {
    clear: both;
    color: #808285;
    font-size: 68.75%;
    margin: 15px 0;
    padding: 0 25px;
    text-transform: lowercase;
}

#footer img {
    border: none;
    display: inline;
    float: left;
    margin-top: -4px;
    margin-right: 4px;
}

#footer #designBy {
    float: right;
    text-align: right;
}

#footer #followUs {
    float: left;
}

#footer #followUs span, #footer #followUs strong {
    display: inline;
    float: left;
    margin-right: 20px;
}

#footer a {
    color: #808285;
    text-decoration: none;
}

#footer a:hover {
	color: #8CC63F;
    text-decoration: none;
}

#footer #bookmarkLink {
    background: url(../images/bookmark.jpg) no-repeat left center #FFFFFF;
    padding: 3px 0 3px 12px;
}

#leftContent a:hover {
    color: #8CC63F;
    text-decoration: none;
}

#rightContent a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.offScreen {
    float: none !important;
    font-size: 0px !important;
    line-height: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -9999px !important;
}

.hidden {
    display: none;
}