﻿/* Good old Reset, slightly altered */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,img { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; color:#4c4c4c; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; /*overflow: auto; */ }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; overflow-x: auto; }
a{ text-decoration:none; color:#252525; }
a:hover, a:active { outline: none; text-decoration:none; }
ul, ol { list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { /*overflow: auto; */ } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #252525; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height:1em; }
*{line-height:1em;}
p { line-height:1.4em; color:#4c4c4c; font-size:1.1em; }

.aspNetHidden { display: none; }

/*@-webkit-keyframes bgscroll {
  from {background-position:0 0;}
  to {background-position:0 100%;}
}

@-moz-keyframes bgscroll {
  from {background-position:0 0;}
  to {background-position:0 100%;}
}

@-ie-keyframes bgscroll {
  from {background-position:0 0;}
  to {background-position:0 100%;}
}

@-o-keyframes bgscroll {
  from {background-position:0 0;}
  to {background-position:0 100%;}
}

/* Standard syntax */
@keyframes bgscroll {
  from {background-position:0 0;}
  to {background-position:0 100%;}
}
*/
/*
FONTS
==================================================*/
@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=953fc9a4-2358-4e27-96b3-4ee9eb456e0f");

@font-face{
font-family:"DIN Next W01 Light";
src:url("../fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?iefix") format("eot");}
@font-face{
font-family:"DIN Next W01 Light";
src:url("../fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?iefix");
src:url("../fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("../fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"),url("../fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
}
@font-face{
font-family:"DIN Next W01 Medium";
src:url("../fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?iefix") format("eot");}
@font-face{
font-family:"DIN Next W01 Medium";
src:url("../fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?iefix");
src:url("../fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"),url("../fonts/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"),url("../fonts/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd") format("svg");
}
@font-face{
font-family:"DIN Next W01 Regular";
src:url("../fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?iefix") format("eot");}
@font-face{
font-family:"DIN Next W01 Regular";
src:url("../fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?iefix");
src:url("../fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("../fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("../fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
}

h2, h3, h4, .button, .latestNews li span.date, .currentPageNumber, .totalPageCount, #footerHolder h3, #footerHolder h4, #footerHolder #genericLinksAndCopyright .copyright,
.featuredRelatedPreview h3, .featuredRelatedPreview h4,.detailPage #contentWrapper #leftNav ul li a,.inputButton,#breadcrumbs ul li a,.peoplePopupContent .headings .region,
.headings h2,.headings h3,.headings h4,#mediaContacts .box .column .vcard .org,.detailPage #contentWrapper #mainContent .headings .date,.mediaWrapper .caption,
.quoteWrapper .quote span,.footerQuickLinks a,.listingPagePagination li,.listingPagePagination .number,#contentWrapper .latestNews h2,#mediaPreviews .preview h2,
#contentWrapper #mediaContacts h2,#cookieBanner h2, #contentWrapper h2, .pulloutFigures .row .desc span 
{ font-family:'DIN Next W01 Medium', Arial, Sans-Serif; letter-spacing: 0px !important; font-weight:normal; }
                      
.storyBox p, .latestNews li h3, #ourBusinessProjects select, #ourBusinessProjects select option, #ourBusinessProjects #filterHolder span,
#listingContainer label, #ourProjects label, .filterLabel, #listingContainer #businesses li h4, .pulloutFigures .row span,
#projectSummary dl dt, #projectSummary dl dd,#searchResults dt,#bannerWrapper .headings span.sectionName,#peoplePopupContent .headings h1,
#peoplePopupContent .headings .region,.intro p,#intro p,.intro,#intro,.latestNews h3 a,#cookieBanner p,
#SubFilters li, #no-projects,.quoteWrapper .quote p, #sectorsList li h2
{font-family:'DIN Next W01 Regular', Arial, Sans-Serif; font-weight:normal}
           
#bannerWrapper .headings h3 span,#mainContent .twoCols .col .colIntro,#bannerWrapper .headings h1 span,#contentWrapper h1
{font-family:'DIN Next W01 Light', Arial, Sans-Serif;letter-spacing:-1px !important; font-weight:normal;}
    
.latestNews li h3 { letter-spacing: -1px !important;}
#contentWrapper h1 {letter-spacing:-3px !important;}


/*
COMMON STYLES
==================================================*/
#form1 { text-align:center; } /* ie hack to center stuff, since margin auto doesnt work right*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
/* slight fix for certain clearfix items*/
#newsWrapper.clearfix, .previewModules.clearfix, #socialNetworkingWrapper.clearfix {display:block;}

.clear { display:block; clear:both; width:100%; }
.offScreen { display:none; }
.button { background:#ffea34 url(../images/plus.png) no-repeat 100% 11px; /*margin:10px 0 0 0;*/ color:#252525 !important; text-transform:uppercase; padding:10px 25px 6px 10px; display:block; float:left; font-size:1em; text-decoration: none !important; }
.inputButton { background:#ffea34; color:#252525; display: none; padding:8px 6px 7px 6px; float:left; font-size:1em; border:none; line-height:1em; text-transform: uppercase; }
.inputButton:hover { background:#252525; color:#ffea34; }
.no-js .inputButton { display: block; }
.ie .button {padding:8px 25px 5px 9px;}
.button:hover { background:#252525 url(../images/plus.png) no-repeat 100% -11px; color:#ffea34 !important; cursor:pointer; }
a.button { display:block; }
.placeholder{color:#B2B2B2;}
::-webkit-input-placeholder { color: #B2B2B2; }
:-moz-placeholder { color: #B2B2B2; }

/*
WRAPPER
==================================================*/
#siteWrapper { width:100%; height:100%; position:relative; overflow:hidden; min-width:940px; }
.centre { width:940px; margin:0 auto; }

#siteHolder { min-width:940px; margin:0 auto; position:relative; overflow-x:visible; z-index:100; }
#siteHolder.home { padding:430px 0 0 0; }


/* Site header */
#siteHeader { position:absolute; top:0; left:50%; width:440px; z-index:1000;}
#logo { position:absolute; top:0; left:-470px; z-index:100; }
#logo a { display: block; line-height:0em; position:absolute; top:0; left:0px; z-index:101; height:100px; width:209px; z-index: 5; }
#headerLinks { position:relative; top:0; left:-250px; z-index:1000; background:#ffffff; min-height:100px; width:720px; }

/* Global navigation */
#smallLinks { position:absolute; top:0px; left:16px; }
#smallLinks li { float:left; margin:5px 0 0 0; border-right:1px dotted #eaeaea; }
#smallLinks li:last-child, #smallLinks li.last{border-right:none;}
#smallLinks li a { color:#b2b2b2; font-size:0.85em; padding:5px 5px 5px 5px; display:block; }
#smallLinks li:hover a,
#smallLinks .on a { background:#ffec00; color:#252525; }
#searchHolder { position:relative; width:270px; float:right; margin:11px 20px 0 0; border-bottom:solid 1px #e0e0e0; }
#searchHolder:hover { border-bottom:solid 1px #a8a8a8; }
#searchHolder label { display:none; }
#searchHolder .searchTextbox { width:248px; border:none; padding:5px 3px 5px 0; float:left; font-size:0.8em; border:0px; color:#B2B2B2;}
input::-webkit-input-placeholder { color: #B2B2B2;}
input:-moz-placeholder {color:#B2B2B2;}
input:-ms-input-placeholder {color:#B2B2B2;}
#searchHolder .searchBtn { background:url(../images/searchBtn.png) no-repeat 0 0; height:15px; width:15px; display:block; border:none; text-indent:-999em; position:absolute; right:0; top:3px; font-size:0px; line-height:0px;}

#globalMenu { position:absolute; top:69px; left:10px; }
#globalMenu li { display:block; float:left; position:static; min-height:60px; }
#globalMenu li:first-child { min-height:0; }

.no-js #globalMenu li:hover .submenu { display:block; }
.no-js #globalMenu li:hover{ background:#252525; }
.no-js #globalMenu>li:hover>h2>a { color:#ffec00; }
.no-js #globalMenu li:hover li {background:transparent;}
#globalMenu > li:first-child:hover a { background:#ffec00; }
/*#globalMenu li:first-child:hover a:hover {color:White;}*/
.no-js #globalMenu li:first-child:hover { background-color:transparent; }
.no-js #globalMenu>li:first-child:hover>h2>a{color:#252525;}

#globalMenu li h2 a { text-transform:uppercase; display:block; padding:6px 10px 2px 10px; line-height:1em; font-size:1em; border-right:dotted 1px #eaeaea; } 
#globalMenu li:hover,
  #globalMenu li.active:hover { min-height:60px; }
#globalMenu li .bg { background:#252525; display:none; min-height:40px; width:100%; }
#globalMenu li.first:hover { background:#ffec00; min-height:0px; }
#globalMenu li.first:hover a { color:#252525; }
#globalMenu li.active,
  #globalMenu li.on { background:#ffec00; min-height:0px; }
  #globalMenu li.on:hover { background:transparent; }
  #globalMenu li.on:hover a { background:transparent; }
  .no-js #globalMenu li.on:hover{ background:#252525; min-height:40px; }
#globalMenu li:hover h2 a,
  #globalMenu li.on:hover h2 a { text-decoration:none; /*color:#ffec00;*/ border-right:solid 1px transparent; }
  #globalMenu li .bg h2 a { color:#ffec00; }
#globalMenu li.active h2 a { color:#252525; }
#globalMenu li.last a { border-right:none; }
/* submenu */
#globalMenu li .submenu { background:#252525; width:940px; position:absolute; z-index:5000; top:40px; left:-230px; height:390px; display:none; padding:30px 0 0 0; }
#globalMenu li .submenu h2 { color:#ffec00; text-align:left; text-transform:uppercase; padding:7px 0 0 0; min-height:35px; position:relative; z-index:100; font-size:1em; }
#globalMenu li .submenu h2 a { color:#ffec00; }
#globalMenu li .submenu ul { float:left; border-top:solid 1px #333333; /*margin-right:20px;*/ margin-left:20px; position:relative; z-index:100; }
#globalMenu li .submenu ul.second { margin-right:20px; }
#globalMenu li .submenu ul li { display:block; float:none; text-align:left; min-height:0; border-bottom:solid 1px #3B3B3B; padding:7px 0; line-height:1.2em; width:220px; }
#globalMenu li .submenu ul li.no-heading { margin-top:56px; border-top:solid 1px #3B3B3B;}
#globalMenu li .submenu ul li a { color:#ffffff; font-size:0.85em; border-bottom:solid 1px #252525; }
#globalMenu li .submenu ul li a:hover { border-bottom:solid 1px #ffffff; }
#globalMenu li .submenu ul li ul { margin:7px 0 0 0; float:none; }
#globalMenu li .submenu ul li ul li { padding:7px 0 7px 15px; width:205px; }
#globalMenu li .submenu ul li ul li.last { border-bottom:none; margin:0 0 -7px 0; }
#globalMenu li .submenu ul li ul li a { color:#A8A8A8; border-bottom:solid 1px #252525; }
#globalMenu li .submenu ul li ul li a:hover { border-bottom:solid 1px #cccccc; }
#globalMenu li .submenu .featuredContent { border-top:solid 1px #333333; z-index:100; padding:7px 0 0 0; /*position:absolute; left:480px;*/ float:right; margin-right:20px; }
#globalMenu li .submenu .featuredContent h2 { padding-bottom:7px; }
#globalMenu li .submenu .featuredContent h2 a { padding: 0; }
/* preview module */
#globalMenu li .submenu .featuredRelatedPreview { position:relative; width:380px; height:214px; float:left; }
#globalMenu li .submenu .featuredRelatedPreview a {display:block;}
#globalMenu li .submenu .featuredRelatedPreview a img {display:block;}
#globalMenu li .submenu .featuredRelatedPreview .headings { z-index:2; position:absolute; top:20px; left:20px; }
#globalMenu li .submenu .featuredRelatedPreview h3 { color:#f8e755; background: #000; float: left; padding: 7px 10px 6px 10px; margin:0 0 1px 0; text-align:left; text-transform:uppercase; }
/*#globalMenu li .submenu .featuredRelatedPreview h4 { color:#fff; background: #000; padding: 7px 10px 6px 10px; text-align:left; text-transform:uppercase; }*/
#globalMenu li .submenu .featuredRelatedPreview h4 { text-transform: uppercase; color: white; clear: both; margin: 7px 0 1px 0; float: left; }
#globalMenu li .submenu .featuredRelatedPreview h4 span { margin: -7px 0 0 0; display: block; float: left; clear: both; background: #000; line-height: 1em; padding: 7px 10px 3px 8px; color: white; }
#globalMenu li .submenu .featuredRelatedPreview .button { text-indent:-999em; position:absolute; bottom:0; right:0; padding:0; height:30px; width:30px; }
#globalMenu li .submenu .featuredRelatedPreview:hover .button { background:#252525 url(../images/plus.png) no-repeat 100% -12px; }
/* four-column text-only submenu */
#globalMenu li .submenu .fourColumns ul li { width:200px !important; }

#globalMenu li .submenu ul li h2 a { background:transparent !important; color:#ffec00; font-size:1em; border:none !important; padding:0px;}
#globalMenu li .submenu h2 a:hover {background:transparent !important; color:#ffec00; text-decoration:underline;}




/* Breadcrumbs */
#breadcrumbs { display:block; margin:40px 0 0px 0; float:left; width:100%; }
#breadcrumbs ul { float:left; margin:0 0 0 20px;}
#breadcrumbs ul li { display:block; float:left; position:relative; margin-left:-20px; }
#breadcrumbs ul li a { display:block; position:relative; padding:11px 30px 5px 30px; text-decoration: none; }
#breadcrumbs ul li span { display:block; position:absolute; top:0; right:0; height:30px; width:17px; }
#breadcrumbs ul li.link1 { z-index:4; }
#breadcrumbs ul li.link1 a { background:url(../images/breadcrumb-1.png) no-repeat 100% 0%; z-index:4; padding-left:15px; }
#breadcrumbs ul li.link1:hover a { background:url(../images/breadcrumb-1.png) no-repeat 100% -30px; z-index:4; }
#breadcrumbs ul li.link1.on a { background:url(../images/breadcrumb-1.png) no-repeat 100% -60px; }
#breadcrumbs ul li.link2 { z-index:3; }
#breadcrumbs ul li.link2 a { background:url(../images/breadcrumb-2.png) no-repeat 100% 0%; z-index:3; }
#breadcrumbs ul li.link2 a:hover { background:url(../images/breadcrumb-2.png) no-repeat 100% -30px; z-index:3; }
#breadcrumbs ul li.link2.on a { background:url(../images/breadcrumb-2.png) no-repeat 100% -60px; }
#breadcrumbs ul li.link3 { z-index:2; }
#breadcrumbs ul li.link3 a { background:url(../images/breadcrumb-3.png) no-repeat 100% 0%; z-index:2;}
#breadcrumbs ul li.link3 a:hover { background:url(../images/breadcrumb-3.png) no-repeat 100% -30px; z-index:2;}
#breadcrumbs ul li.link3.on a { background:url(../images/breadcrumb-3.png) no-repeat 100% -60px; }
#breadcrumbs ul li.link4 { z-index:1; }
#breadcrumbs ul li.link4 a { background:url(../images/breadcrumb-2.png) no-repeat 100% 0%; z-index:1; }
#breadcrumbs ul li.link4 a:hover { background:url(../images/breadcrumb-2.png) no-repeat 100% -30px; }
#breadcrumbs ul li.link4.on a { background:url(../images/breadcrumb-2.png) no-repeat 100% -60px; }
#breadcrumbs ul li a:hover { color:#A8A8A8; }
#breadcrumbs ul li.on a:hover { color:#252525; }
#breadcrumbs ul li a { text-transform:uppercase; color:#252525; }


/* Footer */

/* blue footer image - default: blue image, left stripe */
#footerWrap { position:relative; padding:20px 0 20px 0; margin: 18px auto 0 auto; overflow:visible; }
/* footer images */
#footerWrap.bannerFooterStripeColourThemeA.yellow.left { background:url(../images/footer/footer-a-yellow-left.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeA.yellow.right { background:url(../images/footer/footer-a-yellow-right.jpg) top center no-repeat; }
#footerWrap.bannerFooterStripeColourThemeA.blue.left { background:url(../images/footer/footer-a-blue-left.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeA.blue.right { background:url(../images/footer/footer-a-blue-right.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeA.red.left { background:url(../images/footer/footer-a-red-left.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeA.red.right { background:url(../images/footer/footer-a-red-right.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeA.pink.left { background:url(../images/footer/footer-a-pink-left.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeA.pink.right { background:url(../images/footer/footer-a-pink-right.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeA.green.left { background:url(../images/footer/footer-a-green-left.jpg) top center no-repeat; }
#footerWrap.bannerFooterStripeColourThemeA.green.right { background:url(../images/footer/footer-a-green-right.jpg) top center no-repeat; }

#footerWrap.bannerFooterStripeColourThemeB.yellow.left { background:url(../images/footer/footer-b-yellow-left.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeB.yellow.right { background:url(../images/footer/footer-b-yellow-right.jpg) top center no-repeat; }
#footerWrap.bannerFooterStripeColourThemeB.blue.left { background:url(../images/footer/footer-b-blue-left.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeB.blue.right { background:url(../images/footer/footer-b-blue-right.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeB.red.left { background:url(../images/footer/footer-b-red-left.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeB.red.right { background:url(../images/footer/footer-b-red-right.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeB.pink.left { background:url(../images/footer/footer-b-pink-left.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeB.pink.right { background:url(../images/footer/footer-b-pink-right.jpg) top center no-repeat; } 
#footerWrap.bannerFooterStripeColourThemeB.green.left { background:url(../images/footer/footer-b-green-left.jpg) top center no-repeat; }
#footerWrap.bannerFooterStripeColourThemeB.green.right { background:url(../images/footer/footer-b-green-right.jpg) top center no-repeat; }


#footerWrap.bannerFooterStripeColourThemeC { background:url(../images/footer-green.png) top center no-repeat; }/* missing green left overlayed image in psds */
#footerWrap.bannerFooterStripeColourThemeC.right { background:url(../images/footer-green.png) top center no-repeat; }

#footerContentHolder { color:#747474; width:920px; padding:10px 10px 0 10px; background:#252525; margin:0 auto; text-align:left; position:relative; z-index:100; }
#footerContentHolder #footerContent{ position:relative; z-index:1000; }
.no-js #footerContentHolder #footerContent{ padding-bottom: 7px; }
#footerContentHolder .accordion_content-content { position:absolute; left:-999em; border:1px solid #252525 /*javascript hack to respect children margins*/; }
#footerContentHolder .accordion_content.expanded .accordion_content-content { position:static; margin-bottom:0px; padding-bottom:0px; }
#footerContentHolder h3 { width:900px; display:block; padding:0 3px 6px 3px; position:relative; color:#ffffff; text-transform:uppercase; font-size:0.85em; line-height:1.4em; margin:-2px 0 0 7px }
#footerContentHolder h4 { color:#ffec00; text-transform:uppercase; width:100%; margin:0 0 20px 0; font-size:1em; }
#footerContentHolder .leftSide { width:590px; float:left; margin:50px 20px 0 10px; border-top:solid 1px #676767; padding:7px 0 0 0; }
#footerContentHolder .leftSide ul { float:left; width:285px; margin:0 20px 0 0; border-top:solid 1px #3b3b3b; }
#footerContentHolder .leftSide ul.last { margin:0 0 0 0; }
#footerContentHolder .leftSide ul li { padding:7px 0; border-bottom:solid 1px #3b3b3b; color:#a8a8a8; min-height:16px; }
#footerContentHolder .leftSide ul li a { color:#a8a8a8; font-size:0.85em; border-bottom:solid 1px #252525; }
#footerContentHolder .leftSide ul li a:hover { border-bottom:solid 1px #a8a8a8; }
#footerContentHolder .rightSide { margin:50px 10px 0 0; float:right; width:290px; border-top:solid 1px #676767; padding:7px 0 0 0; }
#footerContentHolder .rightSide #socialNetworkingLinks h5 { font-size:0.8em; color:#ffec00; margin:7px 0 0 0; }
#footerContentHolder .rightSide #socialNetworkingLinks { border-top:solid 1px #3b3b3b; border-bottom:solid 1px #3b3b3b; min-height:122px; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper { margin:28px 0 0 0; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper a { float:left; display:block; margin:0 10px 0 0; height:47px; width:47px; text-indent:-999em; overflow:hidden; background:url(../images/social-icons-v2.png) no-repeat 0 0; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #twitter { background-position:0 0; }
/* #footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #facebook { background-position:-48px 0; } */
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #linkedIn { background-position:-50px 0; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #instagram { background-position:-100px 0; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #youtube { background-position:-150px 0; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #email { background-position:-200px 0; }

#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #twitter:hover { background-position:0 -48px; }
/*#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #facebook:hover { background-position:-48px -47px; }*/
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #linkedIn:hover { background-position:-50px -48px; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #instagram:hover { background-position:-100px -48px; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #youtube:hover { background-position:-150px -48px; }
#footerContentHolder .rightSide #socialNetworkingLinks #iconsWrapper #email:hover { background-position:-200px -48px; }
#footerContentHolder #genericLinksAndCopyright { margin:50px 0 0 0; padding-left:10px; width:910px; position:relative;}
#footerContentHolder #genericLinksAndCopyright .copyright { text-transform:uppercase; color:#ffffff; font-size:0.85em; position:absolute; bottom:-3px; left:9px; }
.chrome #footerContentHolder #genericLinksAndCopyright .copyright,
  .safari #footerContentHolder #genericLinksAndCopyright .copyright {bottom:0px;}
.ie7 #footerContentHolder #genericLinksAndCopyright .copyright {bottom:3px;}
#footerContentHolder #genericLinksAndCopyright .copyright em { color:#ffec00; font-style:normal;}
#footerContentHolder #genericLinksAndCopyright #genericLinks { float:right; width:300px; position:absolute; bottom:-2px; left:620px; }
.chrome #footerContentHolder #genericLinksAndCopyright #genericLinks,
  .safari #footerContentHolder #genericLinksAndCopyright #genericLinks {bottom:2px;}
.ie7 #footerContentHolder #genericLinksAndCopyright #genericLinks {bottom:4px;}
#footerContentHolder #genericLinksAndCopyright #genericLinks ul li { float:left; margin:0 5px 0 0; padding:0 5px 0 0; font-size:0.85em; border-right:dotted 1px #4c4c4c; }
#footerContentHolder #genericLinksAndCopyright #genericLinks ul li.last { border-right:none; }
#footerContentHolder #genericLinksAndCopyright #genericLinks ul li a { color:#a8a8a8; border-bottom:solid 1px #252525; }
#footerContentHolder #genericLinksAndCopyright #genericLinks ul li a:hover { border-bottom:solid 1px #a8a8a8; }


/* Banner and banner slider */
#bannerWrapper { position:absolute; left:0; right:0; top:0; height:400px; overflow:hidden; background:#F4F4F4 url("/assets/images/shapes/gray-square-repeated-bg.png") 2px 0 repeat; text-align:left;}
#bannerWrapper #bannerSliderHolder { position:absolute; top:0; left:50%; width:1285px; margin-left:-600px;}

#bannerWrapper #bannerSlider { width:1200px; position:relative; }
#bannerWrapper #bannerLeftFrame { height:400px; background:#f4f4f4 url(../images/shapes/gray-square-repeated-bg.png) repeat 100% 0%; width:2500px; position:absolute; top:0px; 
         left:-3094px; z-index:100; }
#bannerWrapper #bannerRightFrame { height:400px; background:#f4f4f4 url(../images/shapes/gray-square-repeated-bg.png) repeat 0% 0%; width:2500px; position:absolute; top:0px; 
          right:-2415px; z-index:100; }
/* centred holder for static banners */
#bannerWrapper #bannerCentralContainer { width:1200px; position:relative; margin:0 0 0 -600px; height:100%;left: 50%; }
.js .clickable { cursor:pointer; }
#bannerWrapper #bannerCentralContainer #bannerLeftFrame { height:460px; background:#f4f4f4 url(../images/shapes/gray-square-repeated-bg.png) repeat 100% 0%; width:5000px; 
                  position:absolute; top:0px; left:-5000px; z-index:100; }
#bannerWrapper #bannerCentralContainer #bannerRightFrame { height:460px; background:#f4f4f4 url(../images/shapes/gray-square-repeated-bg.png) repeat 0% 0%; width:5000px; position:absolute; top:0px; 
          right:-5000px; z-index:100; }



/* Home page */
/* side cones */
#bannerWrapper .greyShapeLeft { background:url(../images/shapes/shape-3.png) no-repeat 0 0; z-index:7; height:301px; width:105px; position:absolute; left:-95px; top:40px; }
#bannerWrapper .greyShapeRight { background:url(../images/shapes/shape-4.png) no-repeat 0 0; z-index:7; height:310px; width:115px; position:absolute; right:-30px; top:120px; }
.no-js #bannerWrapper .greyShapeLeft { left:-5px; }
.no-js #bannerWrapper .greyShapeRight { right:80px; }

/* Home stripe styles */
#bannerWrapper .sliderContent .animatedShape { width:880px; height:400px; position:absolute; top:0px; z-index:2; }
#bannerWrapper .sliderContent .animatedShape.left { left:-880px; }
#bannerWrapper .sliderContent .animatedShape.right { right:-880px; }
/*.touch #bannerWrapper .sliderContent .animatedShape.left { display:none; left:-136px; }
.touch #bannerWrapper .sliderContent .animatedShape.right { display:none; right:-160px; }*/
.no-js #bannerWrapper .sliderContent .animatedShape.left{ left:-130px; }
.no-js #bannerWrapper .sliderContent .animatedShape.right { right:-160px; }

.touch #bannerSliderHolder > .animatedShape { display: none; }

#bannerWrapper .sliderContent .animatedShape.yellow.right{background:url(../images/shapes/home-yellowStripe.png) no-repeat 0 0px;}
#bannerWrapper .sliderContent .animatedShape.yellow.left{background:url(../images/shapes/home-yellowStripe-left.png) no-repeat 0 0px;}
#bannerWrapper .sliderContent .animatedShape.blue.right { background:url(../images/shapes/home-blueStripe.png) no-repeat 0 0px; }
#bannerWrapper .sliderContent .animatedShape.blue.left { background:url(../images/shapes/home-blueStripe-left.png) no-repeat 0 0px; }
#bannerWrapper .sliderContent .animatedShape.red.right { background:url(../images/shapes/home-redStripe.png) no-repeat 0 0px; }
#bannerWrapper .sliderContent .animatedShape.red.left { background:url(../images/shapes/home-redStripe-left.png) no-repeat 0 0px; }
#bannerWrapper .sliderContent .animatedShape.pink.right { background:url(../images/shapes/home-pinkStripe.png) no-repeat 0 0px; }
#bannerWrapper .sliderContent .animatedShape.pink.left { background:url(../images/shapes/home-pinkStripe-left.png) no-repeat 0 0px; }
#bannerWrapper .sliderContent .animatedShape.green.right { background:url(../images/shapes/home-greenStripe.png) no-repeat 0 0px; }
#bannerWrapper .sliderContent .animatedShape.green.left { background:url(../images/shapes/home-greenStripe-left.png) no-repeat 0 0px; }

/* Generic stripe styles */

#bannerWrapper #bannerCentralContainer .landingShape { position: absolute; bottom: 0; z-index: 0; height: 450px; width: 1014px; }
#bannerWrapper #bannerCentralContainer .landingShape.left { left: -350px; }
#bannerWrapper #bannerCentralContainer .landingShape.right { right: -450px; }

#bannerCentralContainer .landingShape.yellow { background: url(../images/shapes/landing-yellowStripe.png) no-repeat 0 0; }
#bannerCentralContainer .landingShape.blue { background: url(../images/shapes/landing-blueStripe.png) no-repeat 0 0; }
#bannerCentralContainer .landingShape.red { background: url(../images/shapes/landing-redStripe.png) no-repeat 0 0; }
#bannerCentralContainer .landingShape.pink { background: url(../images/shapes/landing-pinkStripe.png) no-repeat 0 0; }
#bannerCentralContainer .landingShape.green { background: url(../images/shapes/landing-greenStripe.png) no-repeat 0 0; }

#bannerWrapper #bannerCentralContainer .articleShape { position: absolute; bottom: 0; z-index: 0; height: 350px; width: 809px; }
#bannerWrapper #bannerCentralContainer .articleShape.left { left: -70px; }
#bannerWrapper #bannerCentralContainer .articleShape.right { right: -278px; }

#bannerCentralContainer .articleShape.yellow { background: url(../images/shapes/WhereWeWork-yellowStripe.png) no-repeat 0 0; }
#bannerCentralContainer .articleShape.blue { background: url(../images/shapes/WhereWeWork-blueStripe.png) no-repeat 0 0; }
#bannerCentralContainer .articleShape.red { background: url(../images/shapes/WhereWeWork-redStripe.png) no-repeat 0 0; }
#bannerCentralContainer .articleShape.pink { background: url(../images/shapes/WhereWeWork-pinkStripe.png) no-repeat 0 0; }
#bannerCentralContainer .articleShape.green { background: url(../images/shapes/WhereWeWork-greenStripe.png) no-repeat 0 0; }
#bannerCentralContainer .articleShape.grey { background: url(../images/shapes/Article-greyStripe.png) no-repeat 0 0; left: -160px!important; width: 1120px!important; }

#bannerWrapper #bannerCentralContainer .careersShape { position: absolute; bottom: 0; z-index: 0; height: 640px; width: 900px; }
#bannerWrapper #bannerCentralContainer .careersShape.left { left: -67px; }
#bannerWrapper #bannerCentralContainer .careersShape.right { left: -67px; }

#bannerCentralContainer .careersShape.yellow { background: url(../images/shapes/careers-yellowStripe.png) no-repeat 0 0; }
#bannerCentralContainer .careersShape.blue { background: url(../images/shapes/careers-blueStripe.png) no-repeat 0 0; }
#bannerCentralContainer .careersShape.red { background: url(../images/shapes/careers-redStripe.png) no-repeat 0 0; }
#bannerCentralContainer .careersShape.pink { background: url(../images/shapes/careers-pinkStripe.png) no-repeat 0 0; }
#bannerCentralContainer .careersShape.green { background: url(../images/shapes/careers-greenStripe.png) no-repeat 0 0; }

#bannerWrapper #bannerControls { position:absolute; top:160px; right:215px; z-index:6; }
#bannerWrapper #bannerControls #nextHomeSlideButton { background:url(../images/bannerControls.png) no-repeat 0 0; height:60px; width:60px; display:block; text-indent:-999em; z-index:6; }
#bannerWrapper #bannerControls #nextHomeSlideButton:hover { background:url(../images/bannerControls.png) no-repeat -60px 0; }
#bannerWrapper #bannerControls #backHomeSlideButton { background:url(../images/bannerControls.png) no-repeat 0 -60px; height:60px; width:60px; display:block; text-indent:-999em; }
#bannerWrapper #bannerControls #backHomeSlideButton:hover { background:url(../images/bannerControls.png) no-repeat -60px -60px; }
#bannerWrapper #bannerBottomFrame { position:absolute; left:-122px; top:360px; height:60px; width:257px; background:url(../images/home-slider-bottom-frame.png) no-repeat 0 0; z-index:101; }

#bannerWrapper .slider_wrapper { height:400px; width:1285px; position: relative; overflow: hidden; /*margin:0 0 0 -600px;*/ }
#bannerWrapper .ryslider { overflow: hidden; position: relative; height:400px; }
#bannerWrapper .sliderContent { padding:0px; margin:0px; display:block; height: 400px; width:1200px; overflow:hidden; position:absolute; } 
.js .sliderContent { cursor:pointer; }
.js #careersSlider .sliderContent { cursor:default; }
.js .projectImageGallery .sliderContent { cursor:default; }
#bannerWrapper .sliderContent iframe { float:right; background:black; }

.no-js #bannerWrapper .sliderContent { display:none; }
.no-js #bannerWrapper .sliderContent:first-child { display:block; }
.no-js #bannerControls, .no-js #homeBannerstateContainer { display:none; }

#bannerWrapper #homeBannerstateContainer { height:30px; width:60px; position:absolute; top:350px; right:215px; z-index:3; 
        background:#ffffff url(../images/banner-pagination-slash.png) no-repeat 50% 50%; text-indent:-999em; }
#bannerWrapper #homeBannerstateContainer .currentPageNumber { text-indent:0em !important; color:#b80071; display:block; position:absolute; top:8px; left:8px; font-size:1em; }
.ie7 #bannerWrapper #homeBannerstateContainer .currentPageNumber { top:10px; }
#bannerWrapper #homeBannerstateContainer .totalPageCount { text-indent:0em !important; color:#252525; display:block; position:absolute; top:8px; right:8px; font-size:1em; }
.ie7 #bannerWrapper #homeBannerstateContainer .totalPageCount { top:11px; }
.home #bannerWrapper .headings { position:absolute; top:160px; left:173px; z-index:4; }
.home #bannerWrapper .headings h2 { text-transform:uppercase; color:#f8e755; background:#252525; padding:10px 10px 6px 10px; float:left; clear:both; margin:0 0 1px 0; font-size:1em; line-height:1em;
         margin:0 0 10px 0;}
.ie .home #bannerWrapper .headings h2 { padding:10px 10px 6px 9px; }
#bannerWrapper .headings h3 { text-transform:uppercase; color:#ffffff; clear:both; margin:0 0 1px 0; float:left; }
#bannerWrapper .headings h3 span {margin:-9px 0 0 0; display:block; float:left; clear:both; font-size:2em; background:#252525; line-height:1em;
         padding:7px 10px 3px 8px; color:#ffffff;}
#bannerWrapper .headings .button { float:left; clear:both; margin-top:0; }


/* Static non-animated pages grey fixed elements/shapes */
#bannerLeftFrame .leftFrameCone,
  #bannerRightFrame .rightFrameCone { display:block; }

.fullWidth #bannerCentralContainer .topCone { position:absolute; left:-53px; top:0px; z-index:1; z-index:101; }
.fullWidth #bannerCentralContainer .bottomCone { position:absolute; bottom:-3px; right:170px; z-index:1; height:20px; }
.fullWidth #bannerLeftFrame .leftFrameCone { position:absolute; top:-11px; right:-98px; width:149px; height:350px; }
.fullWidth #bannerRightFrame .rightFrameCone { position:absolute; left:-100px; top:172px; width:109px; height:179px; }

.detailPage #bannerCentralContainer .topCone { position:absolute; left:-53px; top:0px; z-index:1; z-index:101; }
.detailPage #bannerCentralContainer .bottomCone { position:absolute; bottom:-3px; right:170px; z-index:1; height:20px; }
.detailPage #bannerLeftFrame .leftFrameCone { position:absolute; top:0px; right:-98px; width:149px; height:350px; }
.detailPage #bannerRightFrame .rightFrameCone { position:absolute; left:-100px; top:172px; width:109px; height:179px; }
 
/* narrow banner templates */ 
  .article #bannerCentralContainer .bottomCone,      
  .newsRelease #bannerCentralContainer .bottomCone,
    .ourPeople #bannerCentralContainer .bottomCone,
    .biography #bannerCentralContainer .bottomCone,
      .search #bannerCentralContainer .bottomCone { position:absolute; bottom:-3px; right:1149px; z-index:1; }
  .article #bannerCentralContainer .topCone,
  .newsRelease #bannerCentralContainer .topCone,
    .ourPeople #bannerCentralContainer .topCone,
    .biography #bannerCentralContainer .topCone,
      .search #bannerCentralContainer .topCone,
      .search #bannerCentralContainer .topCone,
        .siteMap #bannerCentralContainer .topCone { position:absolute; left:1115px; top:-25px; z-index:101; }

/* unique page-specific elements */
.careers #bannerCentralContainer .topCone { position:absolute; left:1162px; top:0px; z-index:101; }
.media #bannerCentralContainer .bottomCone { position:absolute; bottom:-3px; right:970px; z-index:1; }

/* intro text */
#intro { width:940px; margin:0 auto 0 auto; position:relative; z-index:100; text-align:left; }
#intro p { width:870px; font-size:2em; color:#a5a5a5; line-height:1.1em; margin:0 0 22px 0; letter-spacing:-1px; }
.careers #intro p {margin-bottom:42px;}
.sector #intro p{margin:0;}
#intro .button { margin:0; }


/* generic common content styles */
#contentWrapper #mainContent ul li, #contentWrapper .text ul li { margin:0 0 1em 0; padding:0 0 0 20px; line-height:1.2em; background: url(../images/bulletpoint-red.png) no-repeat 0 10px; }
#contentWrapper #mainContent ul li p, #contentWrapper .text ul li p,
.detailPage #contentWrapper #mainContent ul li p {font-size:1em; line-height:1em; margin:20px 0px 0px 0px; }
    #contentWrapper #mainContent ul li p:first-child, #contentWrapper .text ul li p:first-child,
    .detailPage #contentWrapper #mainContent ul li p:first-child { margin-top:0px; }
.article #contentWrapper #mainContent ul li { line-height: 1.75em; }
.article #contentWrapper #mainContent ul li p { line-height: 1.75em; }
#contentWrapper #mainContent ul, #contentWrapper .text ul { margin:0 0 20px 0; font-size:1.1em; }
#contentWrapper #mainContent ol li, #contentWrapper .text ol li { margin:0 0 1em 0; line-height:1.2em; }
#contentWrapper #mainContent ol, #contentWrapper .text ol { margin:0 0 20px 0; font-size:1.1em; padding:0 0 0 20px; list-style-type:decimal; counter-reset:li; /* Initiate a counter */
  margin-left:0; /* Remove the default left margin */
  padding-left:0; /* Remove the default left padding */ }
#contentWrapper #mainContent ol > li, #contentWrapper .text ol > li {
  position:relative; /* Create a positioning context */
  margin:0 0 1em 0; /* Give each list item a left margin to make room for the numbers */
  padding:0 0 0 24px; /* Add some spacing around the content */
  list-style:none; /* Disable the normal item numbering */
}
#contentWrapper #mainContent ol > li:before, #contentWrapper .text ol > li:before {
  content:counter(li); /* Use the counter as content */
  counter-increment:li; /* Increment the counter by 1 */
  /* Position and style the number */
  position:absolute;
  top:0;
  left:-9px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:2em;
  /* Some space between the number and the content in browsers that support
  generated content but not positioning it (Camino 2 is one example) */
  margin-right:8px;
  padding:0;
  color:#c40009;
  font-weight:bold;
  text-align:center;
}
.ie7 #contentWrapper #mainContent ol,.ie6 #contentWrapper #mainContent ol {margin-left:24px;}
.ie7 #contentWrapper #mainContent ol li,.ie6 #contentWrapper #mainContent ol li {padding-left:0;list-style:decimal;}
#contentWrapper #mainContent p i,
  #contentWrapper #mainContent p em { font-style:italic; }
#contentWrapper #mainContent p strong,
  #contentWrapper #mainContent p b { font-weight:bold; }
#contentWrapper #mainContent p a, #contentWrapper #mainContent p a:visited, #contentWrapper #mainContent p a:active, #contentWrapper .text p a, #contentWrapper .text p a:visited, #contentWrapper .text p a:active { color:#252525; text-decoration:underline; }
#contentWrapper #mainContent li a, #contentWrapper #mainContent li a:visited, #contentWrapper #mainContent li a:active { color:#252525; text-decoration:underline; }
#contentWrapper #mainContent p a:hover, #contentWrapper .text p a:hover { text-decoration:underline; }

/* Thumbnail preview modules */
.previewModules { width:940px; margin:0 auto; position:relative; z-index:100; }
.fullWidth #contentWrapper .previewModules { margin-top:0px; }
.fullWidth #contentWrapper .previewModules.topMargin { margin-top:30px; }
.fullWidth #contentWrapper .previewModules h2 {margin-bottom:10px;}
.previewModules .module { float:left; margin:0 20px 0 0; width:220px; border-top:solid 1px #e9e9e9; padding:10px 0 0 0; z-index:1; position:relative; margin-bottom:16px;}
.ie .previewModules .module {padding:8px 0 0 0;}
.previewModules .module a { display:block; position:relative; }
.previewModules .module a img { height:124px; display:block;}
.previewModules .module a span.button { display:block; height:30px; width:30px; position:absolute; bottom:0px; right:0; text-indent:-999em; padding:0 0 0 0; background-position:11px 11px; }
.previewModules .module:hover { cursor:pointer; }
.previewModules .module:hover p { cursor:default; }
.previewModules .module a:hover span.button,
.previewModules .module:hover a span.button { background:#252525 url(../images/plus.png) no-repeat 100% -11px; color:#ffea34; cursor:pointer; background-position:11px -11px; }
.previewModules .module h2 { margin:0 0 7px 0; text-transform:uppercase; text-align:left; font-size:1em !important; /*height:2.1em;*/ }
.previewModules .module h2 a { color:#252525; display:inline-block; height:12px; margin-bottom: 5px; border-bottom:solid 1px #ffffff; }
.previewModules .module:hover h2 a { border-bottom:solid 1px #dbdbdb; }
.previewModules .module.last { margin:0 0 0 0; }
.previewModules .module p,
.sublanding #contentWrapper #mainContent .module p { text-align:left; font-size:0.85em; margin-top:20px; line-height: 1.4; }
.ie .previewModules .module p {margin-top:14px;}

/* Sub landing style overrides */
.sublanding .previewModules { width: 100%; }
.sublanding .previewModules .module a img { max-width: 100%; }
.sublanding.detailPage #contentWrapper #mainContent .button { margin: 0; }
.sublanding .featuredCaseStudy,
.sublanding .featuredStory { width: 100%; margin-bottom: 20px; }
.sublanding .spotlight { margin-bottom: }
.sublanding .featuredCaseStudy .headings { left: 15px; top: 15px; }
.sublanding .spotlight .headings { bottom: 15px; }
.sublanding .spotlight .button { position: absolute; bottom: 0; left: 0; }
.sublanding .storyBox { box-sizing: border-box; width: 100%; min-height: 191px; }
.sublanding.detailPage #contentWrapper #mainContent .twoCols .col { margin-right: 0; width: 340px; }
.sublanding .storyBox p { width: auto; }


/* News */
#newsWrapper { width:940px; position:relative; z-index:1000; margin-top:24px; }

.latestNews { width:700px; float:left; margin:0 20px 0 0; text-align:left; }
.home .latestNews,
  .media .latestNews { width:460px; }
.latestNews img { width:140px; height:79px; overflow:hidden; float:left; margin:2px 10px 0 0; }
.latestNews h2 {border-top:solid 1px #E9E9E9; color:#252525 !important; padding:10px 0 0 0; margin:0 0 7px 0; text-align:left; text-transform:uppercase; font-size:1em !important; 
    color:#252525; min-height:18px; }
.latestNews ul { margin:-2px 0 0 0; }
.latestNews li { margin:0 0 18px 0 !important; padding:0 0 20px 0 !important; border-bottom:dotted 1px #e9e9e9; display:inline-block; width:100%; }
.latestNews li.last { border-bottom:none; }
.home .latestNews li.last { border-bottom:dotted 1px #e9e9e9; }
.latestNews li span.date { text-transform:uppercase; color:#a5a5a5; display:block; margin:0 0 5px 0; }
.latestNews li span.date a span { color:#d7d7d7; }
.ie7 .latestNews li span.date { margin:0 0 5px 0; }
.latestNews li span.date a { color:#a5a5a5; font-size:1em; }
.latestNews li:hover span.date a { /*border-bottom:solid 1px #dbdbdb;*/ }
.latestNews li h3 { text-transform:uppercase; font-size:1.7em !important; margin:0 0 -2px 0 !important; }
.ie7 .latestNews li h3 { margin:0 0 2px 0; }
.latestNews li h3 a { color:#4c4c4c; }
.latestNews li:hover h3 a { text-decoration:underline; }
#contentWrapper #mainContent .latestNews li h3 a { color: #4c4c4c; text-decoration: none; }
#contentWrapper #mainContent .latestNews li:hover h3 a { /*border-bottom:solid 1px #dbdbdb;*/ text-decoration:underline; }
.latestNews li p { font-size:0.85em; color:#4c4c4c !important; }
.home .latestNews li p { width:310px; float:right; }
.latestNews li p a { color:#4c4c4c !important; text-decoration:none !important; }
.ie7 .latestNews li p a { line-height:1.3em; }
.latestNews li:hover p a { border-bottom:solid 1px #dbdbdb; }
.latestNews .buttonsHolder a.button { margin:20px 0 0 0; display:inline-block; clear:both; }
#allNewsReleases .latestNews li p { width:550px; float:right; }

/* yellow box with pointer arrow */
.featuredStory { width:460px; float:left; text-align:left; background:url(../images/storyBoxArrow.png) no-repeat 50px 100%; padding:0 0 27px 0; }
.featuredStory h2 {font-size:1em !important; border-top:solid 1px #E9E9E9; color:#252525 !important; 
      padding:10px 0 0 0; text-align:left; text-transform:uppercase; margin: 0 0 7px 0; min-height:18px;}
.storyBox { background:#ffec00; width:420px; padding:20px 20px 20px 20px; min-height:219px; }
#storyTextWrapper { }
#storyTextWrapper p {color:#252525;}
.storyBox p a { color:#252525; border-bottom:dotted 1px #ffffff; width:420px; }
.ie7 .storyBox p a { line-height:1.3em; }
.sublanding #contentWrapper #mainContent .storyBox  p a { text-decoration: none; }
.storyBox p:hover a { border-bottom:solid 1px #ffffff; }
.featuredStory.sectorFact .storyBox p a:hover { border-bottom:solid 1px #ffffff; }
.storyBox h3,
.sublanding #contentWrapper .storyBox h3 { float:left; background:#252525; color:#ffec00; text-transform:uppercase; padding:8px 10px 5px 10px; margin:0 0 15px 0; font-size:1em; }
.sublanding #contentWrapper .storyBox h3 { margin: 0 0 10px; }
.storyBox p,
.sublanding.detailPage #contentWrapper #mainContent .storyBox p { clear:both; text-transform:uppercase; font-size:1.7em; width:420px; letter-spacing:-1px; }
.sublanding.detailPage #contentWrapper #mainContent .storyBox p { width: auto; font-size: 1.2em; margin: 0 0 12px !important; }

/* story box with magnifying glass image */
.magnifyingGlassFeaturedBox .featuredStory { background:none; padding:0 0 0 0; }
.magnifyingGlassFeaturedBox .storyBox { background:#f4f4f4 url(../images/careers-featured-box-bg.png) no-repeat 100% 100%; padding:20px 20px 20px 20px; }
.sublanding .magnifyingGlassFeaturedBox .storyBox { padding: 15px; }
.magnifyingGlassFeaturedBox .storyBox p { font-size:1.85em; margin:0 0 1.1em 0 !important; }
.magnifyingGlassFeaturedBox .storyBox p a { border-bottom:dotted 1px #dfdfdf; }
.magnifyingGlassFeaturedBox .storyBox:hover p a { border-bottom:solid 1px #dfdfdf; }
/* gray with no images or pointers story box */
.plainFeaturedBox .featuredStory { background:none; padding:0 0 0 0; }
.plainFeaturedBox .storyBox { background:#f4f4f4; padding:20px; }
.sublanding .plainFeaturedBox .storyBox { padding: 15px; }
.plainFeaturedBox .storyBox p,
.sublanding #contentWrapper #mainContent .plainFeaturedBox .storyBox p { font-size:1.85em; margin: 0 0 20px 0 !important; min-height:110px; }
.sublanding #contentWrapper #mainContent .plainFeaturedBox .storyBox p { font-size: 1.5em; line-height: 1.4; min-height:0; max-height: 84px; overflow: hidden; margin: 0 0 12px !important; }
.plainFeaturedBox .storyBox p a { border-bottom:dotted 1px #d3d3d3; }
.sublanding #contentWrapper #mainContent .plainFeaturedBox .storyBox p a { text-decoration: none; }
.plainFeaturedBox .storyBox:hover p a,
#contentWrapper #mainContent .plainFeaturedBox .storyBox:hover p a { color:#a5a5a5; border-bottom:solid 1px #F4F4F4; }

/* relatedLinks and relatedAndSimilar */
.relatedLinks,
.relatedAndSimilar { background:#f4f4f4; clear: both; display: inline-block; margin-top:50px; overflow: hidden; padding: 20px; }
.relatedLinks.newsArticle { margin-left:240px;}
.relatedLinks .box,
.relatedAndSimilar .box { float: left; }
.relatedLinks .box .left-column,
.relatedAndSimilar .box .left-column { margin-right: 20px!important; }
.relatedLinks h3,
.relatedAndSimilar h3 { border-top: 1px solid #dfdfdf; color: #252525; display: block; font-size:1.1em !important; padding:8px 0 30px 1px; }
.relatedLinks ul,
.relatedAndSimilar ul { border-bottom: dotted 1px #d3d3d3; }
.relatedLinks ul li,
.relatedAndSimilar ul li { border-top: dotted 1px #d3d3d3; display:block; }
.relatedLinks ul li a:hover,
.relatedAndSimilar ul li a:hover { text-decoration: underline; }
.relatedLinks ul li a strong,
.relatedAndSimilar ul li a strong { color: #252525; display: block; font-weight: normal; padding-bottom: 6px; text-transform: uppercase; }

/* related links */
.relatedLinks .box { width: 660px; }
.relatedLinks ul { float: left; width: 320px; }
.relatedLinks ul li { background: none !important; margin: 0!important; padding: 0!important; }
.relatedLinks ul li a { display: block; padding:9px 0 !important; }

/* related and similar */
.relatedAndSimilar .box { width: 450px; }
.relatedAndSimilar ul li { padding:9px 0 !important; }
.relatedAndSimilar ul li a { color: #4c4c4c; display: block; }  

/* Projects slider */
#projectsRelativeWrapper { position:relative; clear:both; margin:0px auto 20px auto; width:940px; min-height:251px; }
.home #projectsRelativeWrapper { margin:40px auto 50px auto; min-height:251px; }
.safari #projectsRelativeWrapper {margin:42px auto 0 auto;}
#projectsRelativeWrapper h2 { width:940px; margin:0 auto !important; border-top:solid 1px #E9E9E9; padding:10px 0 7px 0; text-align:left; text-transform:uppercase; font-size:1em !important; 
         color:#252525; min-height:18px; }
#projectsRelativeWrapper #projectsSlider { height:251px; width:860px; background:#f4f4f4; position:absolute; top:0; left:0;}
.no-js #projectsRelativeWrapper #projectsSlider { position:relative; }

.no-js #projectsRelativeWrapper #projectsSlider>div { display:none; }
.no-js #projectsRelativeWrapper #projectsSlider>div:first-child { display:block; } 
.no-js #projectStateContainer,.no-js #projectsSliderControls { display:none; }

#projectsRelativeWrapper .slider_wrapper { height:251px; width:860px; position: relative; overflow: hidden; }
.ie7 #projectsRelativeWrapper .slider_wrapper { margin:0 0 0 -80px; }
#projectsRelativeWrapper .ryslider { overflow: hidden; position: relative; height:260px; }
#projectsRelativeWrapper .sliderContent { padding:0px; margin:0px; display:block; height: 251px; width:860px; overflow:hidden; position:absolute; top:0px; }

#projectsSlider .headings { position:absolute; top:20px; left:20px; z-index:4; }
#projectsSlider .headings h2 { text-transform:uppercase; color:#f8e755; background:#252525; float:left; clear:both; margin:0 0 1px 0 !important; width:auto; border:none; padding:10px 10px 6px 10px; font-size:1em; min-height:0 !important; }
#projectsSlider .headings h3 { text-transform:uppercase; color:#ffffff; clear:both; margin:0 0 1px 0; float:left; background:#252525; padding:10px 10px 6px 10px; font-size:1em; }
#projectsSlider .headings h3 span { display:block; float:left; clear:both; padding:7px 10px; background:#252525; font-size:1.5em; }
#projectsSlider .headings h3 span+span { margin:-5px 0 0 0; }
#projectsSlider .headings .button { float:left; clear:both; margin-top:0; }

#projectsSliderControls { position:absolute; top:36px; right:0px; }
.ie7 #projectsSliderControls { top:37px; }
#projectsRelativeWrapper.noTitle #projectsSliderControls { top:0px; }
#projectsSliderControls #nextProjectButton { background:url(../images/bannerControls.png) no-repeat 0 0; height:60px; width:60px; display:block; text-indent:-999em; }
#projectsSliderControls #nextProjectButton:hover { background:url(../images/bannerControls.png) no-repeat -60px 0; }
#projectsSliderControls #backProjectButton { background:url(../images/bannerControls.png) no-repeat 0 -60px; height:60px; width:60px; display:block; text-indent:-999em; }
#projectsSliderControls #backProjectButton:hover { background:url(../images/bannerControls.png) no-repeat -60px -60px; }

#projectStateContainer { height:29px; width:60px; position:absolute; top:55px; right:100px; z-index:5; background:#ebeef5 url(../images/banner-pagination-slash.png) no-repeat 50% 50%; 
       text-indent:-999em; }
#projectsRelativeWrapper.noTitle #projectStateContainer { top:20px; }
#projectStateContainer .currentPageNumber { text-indent:0em !important; color:#b80071; display:block; position:absolute; top:8px; left:8px; font-size:1em; }
.ie7 #projectStateContainer .currentPageNumber { top:10px; }
#projectStateContainer .totalPageCount { text-indent:0em !important; color:#252525; display:block; position:absolute; top:8px; right:8px; font-size:1em; }
.ie7 #projectStateContainer .totalPageCount { top:11px; }


/* Image gallery slider */
.projectImageGallery { position:relative; clear:both; margin:30px 0 20px 0; width:940px; height:484px; }
.detailPage #contentWrapper .projectImageGallery { position:relative; clear:both; margin:30px 0 20px 0; width:780px; height:402px; }
.safari .projectImageGallery {margin:42px auto 0 auto;}
.projectImageGallery h2 { width:940px; margin:0 auto !important; border-top:solid 1px #E9E9E9; padding:8px 0 15px 0; text-align:left; text-transform:uppercase; font-size:1em !important; 
         color:#252525; min-height:15px; }
.projectImageGallery .imageGallerySlider { height:484px; width:860px; background:#f4f4f4; position:absolute; top:0; left:0;}
.no-js .projectImageGallery .imageGallerySlider>div { display:none; }
.no-js .projectImageGallery .imageGallerySlider>div:first-child { display:block; }
.no-js #imageGalleryStateContainer,.no-js #imageGallerySliderControls { display:none; }

.projectImageGallery .slider_wrapper { height:484px; width:860px; position: relative; overflow: hidden; }
.ie7 .projectImageGallery .slider_wrapper { margin:0 0 0 -80px; }
.projectImageGallery .ryslider { overflow: hidden; position: relative; height:484px; }
.projectImageGallery .sliderContent { padding:0px; margin:0px; display:block; height: 484px; width:860px; overflow:hidden; position:absolute; top:0px; }

.detailPage #contentWrapper .projectImageGallery .slider_wrapper { height:394px; width:700px; position: relative; overflow: hidden; }
.ie7 .detailPage #contentWrapper  .projectImageGallery .slider_wrapper { margin:0 0 0 -80px; }
.detailPage #contentWrapper .projectImageGallery .ryslider { overflow: hidden; position: relative; height:394px; }
.detailPage #contentWrapper .projectImageGallery .sliderContent { padding:0px; margin:0px; display:block; height: 394px; width:700px; overflow:hidden; position:absolute; top:0px; }

.imageGallerySlider .headings { position:absolute; top:20px; left:20px; z-index:4; }
.imageGallerySlider .headings h2 { text-transform:uppercase; color:#f8e755; background:#252525; float:left; clear:both; margin:0 0 1px 0 !important; width:auto; border:none; padding:8px 10px 5px 10px; font-size:1em; }
.imageGallerySlider .headings h3 { text-transform:uppercase; color:#ffffff; clear:both; margin:0 0 1px 0; float:left; background:#252525; padding:8px 10px 5px 10px; font-size:1em; }
.imageGallerySlider .headings h3 span { display:block; float:left; clear:both; padding:7px 10px; background:#252525; font-size:1.5em; }
.imageGallerySlider .headings h3 span+span { margin:-5px 0 0 0; }
.imageGallerySlider .headings .button { float:left; clear:both; }

.detailPage #contentWrapper .imageGallerySlider .headings { position:absolute; top:20px; left:20px; z-index:4; }
.detailPage #contentWrapper .imageGallerySlider .headings h2 { text-transform:uppercase; color:#f8e755; background:#252525; float:left; clear:both; margin:0 0 1px 0 !important; width:auto; border:none; padding:8px 10px 5px 10px; font-size:1em; }
.detailPage #contentWrapper .imageGallerySlider .headings h3 { text-transform:uppercase; color:#ffffff; clear:both; margin:0 0 1px 0; float:left; background:#252525; padding:8px 10px 5px 10px; font-size:1em; }
.detailPage #contentWrapper .imageGallerySlider .headings h3 span { display:block; float:left; clear:both; padding:7px 10px; background:#252525; font-size:1.5em; }
.detailPage #contentWrapper .imageGallerySlider .headings h3 span+span { margin:-5px 0 0 0; }
.detailPage #contentWrapper .imageGallerySlider .headings .button { float:left; clear:both; }

#imageGallerySliderControls { position:absolute; top:40px; right:0px; }
.ie7 #imageGallerySliderControls { top:37px; }
.projectImageGallery.noTitle #imageGallerySliderControls { top:0px; }
#imageGallerySliderControls #nextImageButton { background:url(../images/bannerControls.png) no-repeat 0 0; height:60px; width:60px; display:block; text-indent:-999em; }
#imageGallerySliderControls #nextImageButton:hover { background:url(../images/bannerControls.png) no-repeat -60px 0; }
#imageGallerySliderControls #backImageButton { background:url(../images/bannerControls.png) no-repeat 0 -60px; height:60px; width:60px; display:block; text-indent:-999em; }
#imageGallerySliderControls #backImageButton:hover { background:url(../images/bannerControls.png) no-repeat -60px -60px; }

#imageGalleryStateContainer { height:29px; width:60px; position:absolute; top:60px; right:100px; z-index:5; background:#ebeef5 url(../images/banner-pagination-slash.png) no-repeat 50% 50%; 
       text-indent:-999em; }
.projectImageGallery.noTitle #imageGalleryStateContainer { top:20px; }
#imageGalleryStateContainer .currentPageNumber { text-indent:0em !important; color:#b80071; display:block; position:absolute; top:8px; left:8px; font-size:1em; }
.ie7 #imageGalleryStateContainer .currentPageNumber { top:10px; }
#imageGalleryStateContainer .totalPageCount { text-indent:0em !important; color:#252525; display:block; position:absolute; top:8px; right:8px; font-size:1em; }
.ie7 #imageGalleryStateContainer .totalPageCount { top:11px; }


/* project page */
.projectVideoHolder { width:100%; margin:32px 0 0 0; }
.projectVideoHolder h2 { font-size:1em !important; border-top:solid 1px #E9E9E9; color:#252525; 
      padding:10px 0 0 0; margin:0 0 20px 0; text-align:left; text-transform:uppercase; }


/* Full-width page */
#siteHolder.fullWidth { padding:350px 0 0 0; }
.fullWidth #bannerWrapper { height:350px; }

.fullWidth #contentWrapper { text-align:left; width:940px; margin:0 auto; min-height:200px; padding:30px 0 0 0; }
.fullWidth #contentWrapper h1 { font-size:4em; text-transform:uppercase; margin:0 0 16px 0; color:#252525; }
.fullWidth #contentWrapper h2,
.fullWidth.sublanding #contentWrapper h2 { font-size:1.8em; text-transform:uppercase; margin:0 0 7px 0; min-height:18px; } 
.fullWidth.sublanding #contentWrapper .previewModules h2 { padding: 0; }
.fullWidth #contentWrapper #intro { width:100%; display:inline-block; }
.fullWidth #contentWrapper #intro p a { color:#4c4c4c !important; border-bottom:solid 1px #e9e9e9; }

#ourProjects #projects { margin:0 0 0 -20px; display:inline-block; }
#ourProjects #projects .preview, .tempFilterResults .preview { width:460px; height:259px; position:relative; margin:0 0 20px 20px; float:left; overflow:hidden; }
#ourProjects #projects .preview a span.button, .tempFilterResults .preview a span.button { display:block; height:30px; width:30px; position:absolute; bottom:0px; right:0; text-indent:-999em; padding:0 0 0 0; }
#ourProjects #projects .preview a:hover span.button, .tempFilterResults .preview a:hover span.button { background:#252525 url(../images/plus.png) no-repeat 100% -12px; color:#ffea34; cursor:pointer; cursor:hand; }
#ourProjects #projects .preview .headings, .tempFilterResults .preview .headings { position:absolute; top:20px; left:20px; z-index:4; }
#ourProjects #projects .preview .headings h2, .tempFilterResults .preview .headings h2 { text-transform:uppercase; color:#f8e755; background:#252525; float:left; clear:both; margin:0 0 1px 0; width:auto; border:none; font-size:1em; }
#ourProjects #projects .preview .headings h2 span, .tempFilterResults .preview .headings h2 span { color:#f8e755; display:block; float:left; clear:both; padding:7px 10px; background:#252525; font-size:1em; }
#ourProjects #projects .preview .headings h2 span+span, .tempFilterResults .preview .headings h2 span+span { margin:-5px 0 0 0; }
#ourProjects #projects .preview .headings h3, .tempFilterResults .preview .headings h3 { text-transform:uppercase; color:#ffffff; clear:both; margin:0 0 1px 0; float:left; background:#252525; padding:8px 10px 5px 10px; font-size:1em; }
#ourProjects #projects .preview .headings h4, .tempFilterResults .preview .headings h4 { text-transform:uppercase; color:#252525; clear:both; float:left; background:#ffffff; padding:8px 10px 5px 10px; font-size:1em; }
#ourProjects #projects .preview .headings h4 span, .tempFilterResults .preview .headings h4 span { background: url(../images/forward-slash-divider.png) no-repeat 100% 0; padding: 0 10px 0 0; margin-right:3px; }
#ourProjects #projects .preview .headings h4 span.last, .tempFilterResults .preview .headings h4 span.last { background:none; margin:0; padding:0; }

.featuredCaseStudy { width:460px; margin:0 0 10px 20px; float:right; }
.featuredCaseStudy .content { height:259px; position:relative; overflow:hidden; }
.sublanding .featuredCaseStudy .content { height: 191px; }
.sublanding .featuredCaseStudy img { width: 100%; height: auto; }
.featuredCaseStudy h2 { font-size:1em !important; border-top:solid 1px #E9E9E9; color:#252525; 
      padding:10px 0 0 0; margin:0 0 7px 0 !important; text-align:left; text-transform:uppercase; }
.featuredCaseStudy a span.button { display:block; height:30px; width:30px; position:absolute; bottom:0px; right:0; text-indent:-999em; padding:0 0 0 0; }
a:hover > a span.button,
div:hover > a span.button { background:#252525 url(../images/plus.png) no-repeat 100% -12px; color:#ffea34; cursor:pointer; cursor:hand; }
.featuredCaseStudy .headings { position:absolute; top:20px; left:20px; z-index:4; }
.featuredCaseStudy .headings h3,
.sublanding #contentWrapper .featuredCaseStudy .headings h3 { text-transform:uppercase; color:#f8e755; background:#252525; float:left; clear:both; margin:0 0 1px 0; width:auto; border:none; font-size:1em; padding: 0; }
.featuredCaseStudy .headings h3 span { color:#f8e755; display:block; float:left; clear:both; padding:7px 10px; background:#252525; font-size:1em; }
.featuredCaseStudy .headings h3 span+span { margin:-5px 0 0 0; }
.featuredCaseStudy .headings h4 { text-transform:uppercase; color:#ffffff; clear:both; margin:0 0 1px 0; float:left; background:#252525; font-size:1em; }
.featuredCaseStudy .headings h4 span { color:#ffffff; display:block; float:left; clear:both; padding:7px 10px; background:#2525252; font-size:1em; }
.featuredCaseStudy .headings h4 span+span { margin:-5px 0 0 0; }
.featuredCaseStudy .headings .button { clear:both; float:left; margin-top:0; }


/* Media page */
#siteHolder.fullWidth.media { padding:430px 0 0 0; }
.fullWidth.media #bannerWrapper { height:430px; }
.fullWidth.media #bannerWrapper #sideIllustration { left:50%; margin-left:-470px; position: absolute; top:140px; width: 940px; }
.fullWidth.media #bannerWrapper #sideIllustration img { float:right; }
#mediaPreviews .preview { width:460px; float:right; margin:0 0 50px 0; }
.sublanding #mediaPreviews .preview { width: 100%; }
#mediaPreviews .preview.last { margin:0 0 0 0; }
#mediaPreviews .preview h2 { font-size:1em !important; border-top:solid 1px #E9E9E9; color:#252525; 
      padding:10px 0 0 0; text-align:left; text-transform:uppercase; }
#mediaPreviews .preview .content { width:460px; height:259px; position:relative; margin:0 0 20px 0; float:right; overflow:hidden; }
.sublanding #mediaPreviews .preview .content { width: 100%; height: auto; }
#mediaPreviews .preview a span.button { display:block; height:30px; width:30px; position:absolute; bottom:0px; right:0; text-indent:-999em; padding:0 0 0 0; }
#mediaPreviews .preview a:hover span.button { background:#252525 url(../images/plus.png) no-repeat 100% -12px; color:#ffea34; cursor:pointer; cursor:hand; }
#mediaPreviews .preview img { max-width: 100%; height: auto; display: block; }

#mediaContacts { display:inline-block; clear:both; margin:50px 0 0 0; }
#mediaContacts h2 { font-size:1em !important; border-top:solid 1px #E9E9E9; color:#252525; 
      padding:10px 0 0 0; margin:0 0 20px 0; text-align:left; text-transform:uppercase; }
#mediaContacts .box { padding:20px 20px 0 20px; background:#f4f4f4 url(../images/media-contacts-box-corner-bg.png) no-repeat 100% 0%; display:inline-block; }
#mediaContacts .box .column { width:430px; float:left; margin:0 30px 0 0; padding-bottom:20px; }
#mediaContacts .box .column.last { margin-right:0; }
#mediaContacts .box .column h3 { color:#f8e755; display:block; float:left; clear:both; padding:9px 10px 5px 10px; background:#252525; font-size:1em; text-transform:uppercase; }
#mediaContacts .box .column .vcard { margin:28px 0 0 0; float:left; clear:left; }
#mediaContacts .box .column .vcard .url { display:none; }
#mediaContacts .box .column .vcard .org { text-transform:uppercase; clear:both; color:#252525; }
#mediaContacts .box .column .adr { margin:16px 0 20px 0;}
#mediaContacts .box .column .adr div, 
  #mediaContacts .box .column .adr span { color:#626262; font-size:0.9em; display:block; clear:both; line-height:1.6em; }
#mediaContacts .box .column .adr .country-name { display:none; }
#mediaContacts .box .column .map { float:right; margin:30px 0 0 0; }
#mediaContacts .box .column .vcard .tel { font-weight:bold; font-size:0.9em; margin:0; color:#252525; }
#mediaContacts .box .column .vcard a.email { color:#252525;display:block; clear:both; border-bottom:solid 1px #cbcbcb; line-height:1.8em; font-size:0.85em; }

/* Careers page */
#siteHolder.fullWidth.careers { padding:430px 0 0 0; }
.fullWidth.careers #bannerWrapper { height:430px; }

#careersSliderHolder { height:290px; width:940px; position:absolute; top:140px; left:50%; text-align:center; }
#careersSliderHolder .slide-inner { position:relative; width:100%; height:100%; }
#careersSliderHolder .slide-inner .headings { left:0 !important; top:0; margin-left:0; }
.no-js #careersSliderHolder #careersSlider { margin:0 0 0 -470px; }
.no-js #careersBannerstateContainer { display:none; }

#careersSliderHolder .slider_wrapper { height:484px; width:860px; position: relative; overflow: hidden; margin:0 0 0 -470px; }
.ie7 #careersSliderHolder .slider_wrapper { margin-left: -1020px; }
#careersSliderHolder .ryslider {overflow: hidden; position: relative; height:290px; width:860px; }
#careersSliderHolder .sliderContent { padding:0px; margin:0px; display:block; height: 290px; width:860px; overflow:hidden; position:absolute; } 
.careers #bannerWrapper #bannerControls { position:absolute; top:-5px; right:470px; }
#careersSliderHolder #nextCareersSlideButton { position:absolute; top:5px; right:0px; background:url(../images/bannerControls.png) no-repeat 0 0; height:60px; width:60px; display:block; 
          text-indent:-999em; z-index:6;}
#careersSliderHolder #nextCareersSlideButton:hover { background:url(../images/bannerControls.png) no-repeat -60px 0; }
#careersSliderHolder #backCareersSlideButton { position:absolute; top:65px; right:0px; background:url(../images/bannerControls.png) no-repeat 0 -60px; height:60px; width:60px; display:block; 
            text-indent:-999em; z-index:6;}
#careersSliderHolder #backCareersSlideButton:hover { background:url(../images/bannerControls.png) no-repeat -60px -60px; }
#careersSliderHolder #careersBannerstateContainer { height:29px; width:60px; position:absolute; top:231px; right:470px; z-index:5; background:#ebeef5 url(../images/banner-pagination-slash.png) no-repeat 50% 50%; text-indent:-999em; }
#careersSliderHolder #careersBannerstateContainer .currentPageNumber { text-indent:0em !important; color:#b80071; display:block; position:absolute; top:8px; left:8px; font-size:1em; }
#careersSliderHolder #careersBannerstateContainer .totalPageCount { text-indent:0em !important; color:#252525; display:block; position:absolute; top:8px; right:8px; font-size:1em; }
#careersSliderHolder .video-container { background:black; float:right; width:460px; height:259px; }
.careers #bannerCentralContainer .bottomCone{left:-690px;}

/* Press releases */
#allNewsReleases .latestNews h2 { border:none; font-size:1.5em !important; }
.detailPage #contentWrapper #mainContent .headings h1 { font-size:1.8em; text-transform:uppercase; margin:0 0 17px 0; padding:0 0 10px 0; border-bottom:dotted 1px #e9e9e9; }
.detailPage #contentWrapper #mainContent .headings .date { text-transform:uppercase; color:#A5A5A5; margin:0 0 2px 0; }

.article #contentWrapper #mainContent .headings h1 { letter-spacing: -1px !important; }

/* video or picture */
.mediaWrapper { border-bottom:dotted 1px #d3d3d3; padding:0 0 15px 0; margin:26px 0 26px 0; }
.mediaWrapper .caption { text-transform:uppercase; display:block; clear:both; margin:18px 0 0 0; }
.mediaWrapper .caption span { color:#a5a5a5; display:block; clear:both; text-transform:uppercase; }
.mediaWrapper img {display:block;}

/* quote */
.quoteWrapper { width:100%; margin:10px 0 26px 0; border-bottom:dotted 1px #d3d3d3; padding:0 0 30px 0; background:url(../images/quotes.png) no-repeat 0 0; display:inline-block; }
.quoteWrapper .quote { margin:0 0 0 80px; width:780px; }
.detailPage #contentWrapper #mainContent .quoteWrapper .quote { width:570px; }
.quoteWrapper.withImage .quote { width:395px; float:left; }
.quoteWrapper .quote p { font-size:2.3em !important; color:#252525 !important; line-height:1.1em !important; margin:0 0 17px 0; letter-spacing:-1px; }
.quoteWrapper .quote-small p { font-size: 1.6em !important; }
.quoteWrapper .quote span { text-transform:uppercase; }
.quoteWrapper .quote span span { text-transform:uppercase; display:block; clear:both; color:#a5a5a5; }
.quoteWrapper .photoHolder { overflow:hidden; height:225px; width:400px; position:relative; float:right; margin:0 40px 0 0; }
.quoteWrapper .photoHolder .arrowOverlay { height:228px; width:21px; display:block; background:url(../images/quote-image-arrow-overlay.png) repeat-y 0 -65px;
            position:absolute; top:0; left:0; }
            
.project .quoteWrapper { margin:30px 0 0 0; border-bottom:none; padding:30px 0 0 0; border-top:dotted 1px #d3d3d3; background-position:0 30px; }

/* Sectors page */
#sectorsList {margin: 40px 0 0 0;}
#sectorsList li { display:inline-block; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom: dotted 1px #e9e9e9; }
#sectorsList li span { display:block; height:124px; width:220px; float:left; overflow:hidden; }
#sectorsList li a.viewSector { position:relative; display:block; float:left; height:124px; width:220px; margin:0 20px 0 0; }
#sectorsList li span.button { display:block; height:30px; width:30px; position:absolute; bottom:0px; right:0; text-indent:-999em; padding:0 0 0 0; }
#sectorsList li a.viewSector:hover span.button { background:#252525 url(../images/plus.png) no-repeat 100% -12px; color:#ffea34; cursor:pointer; cursor:hand; }
#sectorsList li h2 a { color:#4c4c4c; /*border-bottom:solid 1px #d3d3d3;*/ font-size: 1.04em; }
#sectorsList li h2 a:hover {/*color:#a5a5a5; border-bottom:1px solid #d3d3d3;*/ text-decoration: underline; }
#sectorsList li p { color:#a5a5a5; margin:0 0 1.5em 0; }

/* Service page */
.service #servicePreviews { margin-bottom:15px; }
#servicePreviews .button { clear:both; }


/* two column wide page layout */
.twoCols:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.fullWidth #contentWrapper .twoCols,
.sublanding.fullWidth #contentWrapper #mainContent .twoCols { margin:30px 0 0 -20px; display:block; overflow:hidden; }
.sublanding.fullWidth #contentWrapper #mainContent .twoCols { width: 720px; }
.fullWidth.media #contentWrapper .twoCols { margin-top:0; }
.fullWidth #contentWrapper .twoCols .col { width:460px; float:left; margin:0 0 0 20px; position:relative; }
.fullWidth #contentWrapper .twoCols .col p { margin:0 0 1.2em 0; }
.fullWidth #contentWrapper .twoCols .col .text h2 { font-size:1em !important; color:#252525; 
      padding:10px 0 0 0; margin:0 0 7px 0; text-align:left; text-transform:uppercase; min-height:18px; }
.fullWidth #contentWrapper .twoCols .col .text h2.columnMainHeading {border-top:solid 1px #E9E9E9;}
.fullWidth #contentWrapper .twoCols .col .intro { margin:0 0 15px 0; width:100%; display:inline-block; }
.fullWidth #contentWrapper .twoCols .col .intro p { font-size:2em; line-height:1.1em; margin:0 0 0 0; letter-spacing:-1px; color:#a5a5a5; }
.fullWidth #contentWrapper .twoCols .col .intro p a { color:#4c4c4c !important; border-bottom:solid 1px #e9e9e9; }

.fullWidth #contentWrapper .twoCols .col .boxWrapper h2 { font-size:1em !important; border-top:solid 1px #E9E9E9; color:#252525 !important; 
      padding:10px 0 0 0; text-align:left; text-transform:uppercase; }
.fullWidth #contentWrapper .twoCols .col .box { padding:20px 0 20px 20px; background:#f4f4f4; display:inline-block; width: 440px; min-height:219px; }
.fullWidth #contentWrapper .twoCols .col .box h3 { float:left; background:#252525; color:#ffec00; text-transform:uppercase; padding:8px 10px 5px 10px; margin:0 0 20px 0; font-size:1em; }
.fullWidth #contentWrapper .twoCols .col .box ul { width:100%; clear:both; background:url(../images/box-list-top-border.png) no-repeat 0 0; padding:1px 0 0 0; }
.fullWidth #contentWrapper .twoCols .col .box ul li { width:200px; display:block; float:left; margin-right:20px; padding:9px 0; border-bottom:dotted 1px #dfdfdf; }
.fullWidth #contentWrapper .twoCols .col .box ul li a { border-bottom: solid 1px transparent; color:#252525; display: inline-block; height: 18px; margin-bottom: -3px; }
.fullWidth #contentWrapper .twoCols .col .box ul li a:hover { /*text-decoration:underline;*/ border-bottom: solid 1px #DBDBDB; }

.fullWidth #contentWrapper #footerQuickLinks { margin:0 0 0 -20px; display:inline-block; width:100%; }
.fullWidth #contentWrapper #footerQuickLinks .col { width:300px; float:left; margin:0 0 0 20px; }


/* Quicklinks */
.footerQuickLinks { padding:30px 0 0 0; border-top: solid 1px #E9E9E9; border-bottom: solid 1px #E9E9E9; padding-bottom:30px; /*border-bottom:dotted 1px #e9e9e9;*/ margin:30px 0 30px 0; display:inline-block; width:100%; }
.footerQuickLinks.hasProjectsCarousel { border-bottom:0; padding-bottom:0; }

/*.project .footerQuickLinks { border:none; padding:10px 0;}*/
.footerQuickLinks .col { float:left; width:320px; color:#a5a5a5; height: 81px; }
.footerQuickLinks .col.last { width:300px; }
.footerQuickLinks a { display:block; min-height:81px; padding:0 0 0 90px; text-transform:uppercase; color:#a5a5a5; }
.footerQuickLinks a span { display:block; clear:both; padding:25px 0 0 0; }
.footerQuickLinks #download { background:url(../images/icon-downloads.png) no-repeat 0 0; }
.footerQuickLinks #contact { background:url(../images/icon-contact.png) no-repeat 0 0; }
.footerQuickLinks #view { background:url(../images/icon-view.png) no-repeat 0 0; }


/* #projectSummary { padding:0 0 40px 0; margin:0 0 40px 0; border-bottom:dotted 1px #d3d3d3; } */
#projectSummary dl { display:inline-block; width:100%; }
#projectSummary dl dt { float:left; display:block; color:#a5a5a5; background:url(../images/forward-slash-divider.png) no-repeat 100% 3px; padding:0 12px 0 0; margin:0 3px 0 0; }
#projectSummary dl dt,
  #projectSummary dl dd { text-transform:uppercase; font-size:1em; margin-bottom:7px; }
#projectSummary dl dd a { color:#4c4c4c; border-bottom:solid 1px #dbdbdb; }
#projectSummary dl dd span { background:url(../images/forward-slash-divider.png) no-repeat 100% 3px; padding:0 12px 0 0; margin-right:3px; }
#projectSummary dl dd span.last { background:none; padding:0 0 0 0; }







/* Detail page */

/* normal banner height */
#siteHolder.detailPage { padding:350px 0 0 0; }
.detailPage #bannerWrapper { height:350px; }
/* thin banner */
#siteHolder.article #bannerWrapper,
  #siteHolder.newsRelease #bannerWrapper,
  #siteHolder.ourPeople #bannerWrapper,
    #siteHolder.biography #bannerWrapper,
    #siteHolder.search #bannerWrapper,
      #siteHolder.siteMap #bannerWrapper { height:200px; }
#siteHolder.article,
  #siteHolder.newsRelease,
  #siteHolder.ourPeople,
    #siteHolder.biography,
    #siteHolder.search,
      #siteHolder.siteMap { padding:200px 0 0 0; }


#bannerWrapper .headings { position:absolute; top:140px; left:50% !important; margin-left:-470px; width:940px; z-index: 4; }
#bannerWrapper .headings span.sectionName { background:#252525; clear: both; color: #F8E755; float: left; font-size: 1em; line-height: 1em; margin: 0 0 10px;
           padding: 9px 10px 7px; text-transform: uppercase; display:block; }
#bannerWrapper .headings h1 { clear: both; color: #FFFFFF; float: left; margin: 0 0 1px; text-transform: uppercase; }
#bannerWrapper .headings h1 span { background:#252525; clear: both; color: #FFFFFF; display: block; float: left; font-size: 2.1em;
            line-height: 1em; margin: -9px 0 0; padding: 7px 10px 3px 8px; }
.detailPage #contentWrapper { text-align:left; width:940px; margin:0 auto; min-height:200px; padding:30px 0 0 0; }
.detailPage #contentWrapper h1,.text h1 { font-size:4em; text-transform:uppercase; margin:0 0 18px 0; color:#252525; }
.detailPage #contentWrapper h2,.text h2 { font-size:1.6em; text-transform:uppercase; margin:0 0 15px 0; padding:10px 0 0 0; color:#252525; } 
.detailPage #contentWrapper h3,.text h3 { font-size:1em; text-transform:uppercase; margin:0 0 20px 0; padding:10px 0 0 0; }

/* Left navigation */
.detailPage #contentWrapper #leftNav { width:220px; float:left; border-top:solid 1px #e9e9e9; padding:5px 0 0 0; }
.detailPage #contentWrapper #leftNav ul li a { color:#252525; display:block; padding:7px 10px 5px 10px; text-transform:uppercase; font-size:1em; line-height:1.2em; }
.detailPage #contentWrapper #leftNav ul li a span { display:block; }
.detailPage #contentWrapper #leftNav ul li a span.slash { float:left; margin:0 3px 0 0; }
.detailPage #contentWrapper #leftNav ul li.on a { background:#ffec00; }
.detailPage #contentWrapper #leftNav ul li.expanded a { background:#f4f4f4; }
.detailPage #contentWrapper #leftNav ul li a:hover { background:#ffec00 !important; }
/* second tier */
.detailPage #contentWrapper #leftNav ul li ul li a { padding-left: 20px; }
.detailPage #contentWrapper #leftNav ul li.on ul li a { background:none; }
.detailPage #contentWrapper #leftNav ul li.on ul li.on a { background:#ffec00; }
.detailPage #contentWrapper #leftNav ul li.on ul li.expanded a { background:#f4f4f4; }
/* third tier: if not needed delete after going live 
.detailPage #contentWrapper #leftNav ul li ul li ul li a {padding-left: 40px;}
.detailPage #contentWrapper #leftNav ul li.on ul li.on ul li a { background:none; }
.detailPage #contentWrapper #leftNav ul li.on ul li.on ul li.on a { background:#ffec00 }*/

.detailPage #contentWrapper #mainContent { width:700px; float:right; border-top:solid 1px #e9e9e9; padding:10px 0 0 0; overflow:visible; }
.detailPage #contentWrapper #mainContent #intro { margin:0 0 20px 0; display:inline-block; }
.detailPage #contentWrapper #mainContent #intro p { font-size:2em; line-height:1.1em; letter-spacing:-1px; color:#a5a5a5; margin:0 0 0 0 !important; width:700px; }
.detailPage #contentWrapper #mainContent p { clear:both; font-size:1.1em; line-height:1.8; margin:0 0 20px 0; color:#4c4c4c; }
.detailPage #contentWrapper #mainContent #listingContainer p {font-size:1em; line-height:1.4; clear:none; margin: 0 0 11px;}
.detailPage #contentWrapper #mainContent #listingContainer h3 { padding-top:0;padding-bottom:5px; }
/*.detailPage #contentWrapper #mainContent #listingContainer .button { clear:both; }*/
.detailPage #contentWrapper #mainContent .button { margin: 0 0 20px; }

/* Filter with dropdowns */
#listingContainer label,
  #ourProjects label,
  .filterLabel { text-transform:uppercase; font-size:1.5em; font-weight:normal; color:#4c4c4c; display:block; }
#ourProjects { margin:50px 0 -2px 0; }
#listingContainer .box,
  #ourProjects .box,
  .filterBox { background:#f4f4f4; padding:20px; width:100%;margin:10px 0 45px 0;}
#ourProjects .box { width:900px; }
#filterHolder { width:100%; overflow:visible; position:relative; }
#filterHolder .column { float:left; margin:0 50px 0 0; position:relative; }
.no-js #filterHolder .column { width:260px; }
#filterHolder .column label {display:block; margin:0 0 7px 0;}
#filterHolder .column select { width:200px; float:left; margin:0 20px 0 0; background:#4c4c4c; color:#ffffff; font-size:1em; height: 30px; }

#filterHolder #filterOverlay { top:-10px; left:0; position:absolute; width:260px; height:80px; background:#f4f4f4; opacity: .75; -ms-filter: “alpha(opacity=75)”; filter: alpha(opacity=75);
          -khtml-opacity: .75; -moz-opacity: .75; }
#filterHolder .removeFilter { height:20px; width:20px; display:block; background:url(../images/filter-remove-btn.png) no-repeat 0 0; position:absolute; right:20px; top:10px; text-indent:-999em; display:none; }
.no-js #filterHolder .removeFilter { right: 57px; }
.no-js .ie9 #filterHolder .removeFilter, .no-js .ie8 #filterHolder .removeFilter, .no-js .ie7 #filterHolder .removeFilter, .no-js .gecko #filterHolder .removeFilter { right: 59px; }
.ie7 #filterHolder .removeFilter { top: 6px; }
#filterHolder .removeFilter:hover { background:url(../images/filter-remove-btn.png) no-repeat 0 -20px; }

.jquery-selectbox { position: relative; height: 32px; width: 200px; margin:0 20px 0 0; z-index: 0; float: left; display: inline; padding: 0; background:#4c4c4c; color:#ffffff; 
      text-transform:uppercase; font-size:1em; }
.jquery-selectbox.selecthover { background:#4c4c4c; color:#ffffff;z-index: 700; }
.jquery-selectbox .jquery-selectbox-currentItem { white-space: nowrap; display: block; overflow: hidden; position:absolute;top:8px;left:10px; color:#ffffff; width: 168px; }
.jquery-selectbox .jquery-selectbox-list { display: none; /*position: absolute;*/ float:left; margin: 30px 0 0 0; background:#4c4c4c; color:#ffffff; width: 200px; 
            /*height: 150px; overflow-x: hidden; overflow-y: auto;*/ z-index: 1000; }
.jquery-selectbox .jquery-selectbox-moreButton { position: absolute; top: 0px; right: 0px; background: url("../images/dropdown-arrow.png") no-repeat 180px 11px; width: 200px;
             height: 30px; cursor: pointer; z-index:1000; }
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {}
.jquery-selectbox .jquery-selectbox-item.listelementhover { background:#ffec00; color:#252525; }
.jquery-selectbox .jquery-selectbox-item { display: block; cursor: default; background:#4c4c4c; color:#ffffff; padding:5px 10px; width:170px; font-size:12px; }

/** ERROR classes **/
form .error .jquery-selectbox { background:#4c4c4c; color:#ffffff; border-color: #d00; }


/* projects preview listing */
#listingContainer #businesses ul { margin:0 0 0 0; }
#listingContainer #businesses li { padding:5px 0 !important; border-bottom:dotted 1px #f4f4f4; width:700px; display:inline-block; background:none !important;}
#listingContainer #businesses li span { display:block; float:left; height:118px; width:210px; border:solid 5px #f4f4f4; position:relative; overflow:hidden; letter-spacing:-1em; }
#listingContainer #businesses li span img { max-width:210px; max-height:118px; }
#listingContainer #businesses li h4 { font-size:1.1em; overflow: hidden; }
#contentWrapper #mainContent #listingContainer #businesses li h4 a { display:block; /*border-bottom:solid 1px #d3d3d3;*/ margin:0 0 5px 0; text-transform:uppercase; text-decoration: none; font-size:1.55em; color:#4c4c4c; }
#contentWrapper #mainContent #listingContainer #businesses li h4 a:hover{ /*color:#a5a5a5; border-bottom:1px solid white;*/ text-decoration: underline; }
#listingContainer #businesses li p { float:right; }
#listingContainer #businesses li .business-image { float:left; width:220px; margin:0 20px 0 0; overflow:hidden; }
#listingContainer #businesses li .business-content { float:left; padding-bottom: 20px; width:450px; overflow:hidden; }
#listingContainer #businesses li .business-content p { float:left; }
#listingContainer #businesses li .button { min-height: 14px; margin:-10px 0 0 0; }
.detailPage #listingContainer #businesses li .button { min-height: 14px; margin:0; }

.listing-image { float:left; width:220px; margin:0 20px 0 0; }
.listing-text { float:left; width:700px; }
.listing-text .button { margin-top:-10px; }

/* Preview modules: two column layout */
.moduleHalfWidth { position:relative; float:left; height:191px; width:340px; margin:0 20px 20px 0; overflow:hidden; }
.moduleHalfWidth a { height:191px; width:340px; }
.moduleHalfWidth.last { margin:0 0 20px 0;}
.moduleHalfWidth .button { position:absolute; bottom:0; right:0;}

.moduleHalfWidth a img { height:191px; }
.moduleHalfWidth a span.button { display:block; height:30px; width:30px; position:absolute; bottom:0px; right:0; text-indent:-999em; padding:0 0 0 0; margin:0 !important; }
.moduleHalfWidth a:hover span.button { background:#252525 url(../images/plus.png) no-repeat 100% -12px; color:#ffea34; cursor:pointer; cursor:hand; }

.moduleHalfWidth .headings { position:absolute; top:20px; left:20px; }
.moduleHalfWidth .headings h3 { text-transform:uppercase; color:#f8e755; background:#252525; float:left; clear:both; margin:0 0 1px 0 !important; width:auto; border:none; padding:8px 10px 5px 10px !important; font-size:1em; }
.moduleHalfWidth .headings h4 { text-transform:uppercase; color:#ffffff; background:#252525; clear:both; margin:0 0 1px 0; float:left; padding:8px 10px 5px 10px; font-size:1em; }
.moduleHalfWidth .headings h4 span { display:block; float:left; clear:both; padding:7px 10px; background:#252525; }
.moduleHalfWidth .headings h4 span+span { margin:-5px 0 0 0; }


/* Generic - all sliders */
.play_button, .stop_button, .page_container { display: none; }

/* History */
#mainContent.ourHistory #intro {margin:0 0 75px 0 !important;}
.historyRelativeWrapper { position:relative; border-top:solid 1px #e9e9e9; padding:0 0 0 0; margin:10px 0 0 0; }
.detailPage #contentWrapper .historyRelativeWrapper h2 { font-size:1.5em; }
.historyRelativeWrapper .slider_wrapper { /*height:450px;*/ width:700px; position: relative; overflow: hidden; }
.historyRelativeWrapper .ryslider { overflow: hidden; position: relative; /*height:500px;*/ }
.historyRelativeWrapper .sliderContent { cursor: default; padding:0px; margin:0px; display: inline-block; /*height: 465px;*/ width:700px; overflow:hidden; position:absolute; top:0px; vertical-align: top; }
.historyRelativeWrapper .sliderContent img { margin:0 0 20px 0;}
.historyRelativeWrapper .sliderContent p { cursor: text; width:620px; line-height: 1.4em !important; /*font-size:0.9em !important;*/ }

.historyRelativeWrapper .historySlider>div { position:relative; }
.historySlider .headings { position:absolute; top:20px; left:20px; z-index:4; }
.historySlider .headings h2 { text-transform:uppercase !important; color:#f8e755 !important; background:#252525; float:left; clear:both; margin:0 0 1px 0 !important; width:auto; border:none; 
         padding:10px 10px 6px 10px !important; font-size:1em !important; }
.historySlider .headings h3 { text-transform:uppercase; color:#ffffff; clear:both; margin:0 0 1px 0 !important; float:left; background:#252525; padding:8px 10px 5px 10px !important; font-size:1em; }
.historySlider .headings h3 span { display:block; float:left; clear:both; padding:7px 10px; background:#252525; font-size:1.5em; }
.historySlider .headings h3 span+span { margin:-5px 0 0 0; }
.historySlider .headings h4 { text-transform:uppercase; color:#252525; clear:both; margin:0 0 1px 0; float:left; background:#ffffff; padding:8px 10px 5px 10px; font-size:1em; }
.historySlider .headings .button { float:left; clear:both; }

.historyRelativeWrapper .nextBackButtonsBg { height:460px; width:80px; position:absolute; top:0; right:0; background:#ffffff; z-index:5; }
.historyRelativeWrapper .next_button { position:absolute; top:0; right:0px; background:url(../images/bannerControls.png) no-repeat 0 0; height:60px; width:60px; display:block; 
          text-indent:-999em; z-index:6;}
.historyRelativeWrapper .next_button:hover { background:url(../images/bannerControls.png) no-repeat -60px 0; }
.historyRelativeWrapper .previous_button { position:absolute; top:60px; right:0px; background:url(../images/bannerControls.png) no-repeat 0 -60px; height:60px; width:60px; display:block; 
            text-indent:-999em; z-index:6;}
.historyRelativeWrapper .previous_button:hover { background:url(../images/bannerControls.png) no-repeat -60px -60px; }
.historyRelativeWrapper .state_container { height:29px; width:60px; position:absolute; top:20px; right:100px; z-index:5; background:#ebeef5 url(../images/banner-pagination-slash.png) no-repeat 50% 50%; text-indent:-999em; }
.historyRelativeWrapper .state_container .currentPageNumber { text-indent:0em !important; color:#b80071; display:block; position:absolute; top:8px; left:8px; font-size:1em; }
.historyRelativeWrapper .state_container .totalPageCount { text-indent:0em !important; color:#252525; display:block; position:absolute; top:8px; right:8px; font-size:1em; }


/* Where we work */
#globalInteractiveMap, #globalStaticMap { margin-top:10px; }
.no-js #globalInteractiveMap { display:none; }

.js #office-listing-container { display:none; }
#office-listing-container { padding:20px 0 0 0; }
#office-listing li { background:none !important; padding:15px 0 15px 0 !important; margin:0 !important; border-bottom: dotted 1px #E9E9E9; }
#office-listing li .url { display:none; }
#office-listing li .organization-unit { font-size:1.2em; padding:0 0 8px 0; }
#office-listing li .geo { display:none; }
#office-listing li .adr { padding:0 0 10px 0; }
#office-listing li .adr span { display:block; }
#office-listing li .tel .type { float:left; width:25px; font-weight:bold; }


/* Two column layout */
.detailPage #contentWrapper #mainContent .twoCols { width:100%; margin:30px 0 0 0;}
.detailPage #contentWrapper #mainContent .twoCols .col { float:left; width:330px; margin-right:20px; }
.detailPage #contentWrapper #mainContent .twoCols .col .colIntro { font-size:2em; color:#a5a5a5; line-height:1.1em; letter-spacing:-1px; }


/* pullout figures */
.pulloutFigures { border-top:solid 1px #e9e9e9; margin:30px 0 0 0; }
.pulloutFigures .row { display:inline-block; border-bottom:dotted 1px #e9e9e9; padding:30px 0; width:100%;}
.pulloutFigures .row span { display:inline-block; color:#252525; }
.pulloutFigures .row .figures { width:198px; font-size:4em; }
.pulloutFigures .row .figures.left { float:left; text-align: left; }
.pulloutFigures .row .desc { width:300px; text-align: center; margin:20px 0 0 0; }
.pulloutFigures .row .desc span { padding:9px 10px 7px 10px; background:#ffec00; text-transform:uppercase; letter-spacing:0px; }
.pulloutFigures .row .figures.right { float:right; text-align:right; }


/* Our people */
.teamPreview { clear:both; display:inline-block; margin:0 0 0 -20px; }
.teamPreview .module { position:relative; width:220px; height:225px; float:left; margin:0 0 0 20px; }

.teamPreview .module img { height:124px; width:220px; }
.teamPreview .module .button { text-indent:-999em; position:absolute; top:94px; right:0; height:30px; width:30px; padding:0 0 0 0; margin:0px;}
.teamPreview .module:hover .button { background:#252525 url(../images/plus.png) no-repeat 100% -12px; color:#ffea34; cursor:pointer; cursor:hand; }
.teamPreview .module h2 { font-size:1em !important; color:#252525; line-height:1.1; }
.teamPreview .module .headings { margin:10px 0 0 0; }
.teamPreview .module .headings h2 a:hover,.teamPreview .module:hover h2 a { text-decoration:underline; }
.teamPreview .module .headings h2 span { display:block; color:#4c4c4c; }

/* popups */
#peoplePopupContent { background:#f4f4f4; max-width:860px; padding:40px; }
#peoplePopupContent img { margin:0 0 40px 0; max-width:100%; height:349px; }
#cboxLoadedContent #peoplePopupContent img { width:860px; height:484px; }
#peoplePopupContent .headings { display:inline-block; margin:0 0 38px 0;}
.detailPage #contentWrapper #mainContent #peoplePopupContent .headings h1,#peoplePopupContent .headings h1 { text-transform:uppercase; color:#f8e755; background:#252525; float:left; clear:both; margin:0 0 1px 0; width:auto; border:none; padding:8px 10px 5px 10px; font-size:1em; }
.detailPage #contentWrapper #peoplePopupContent .headings h2, #peoplePopupContent .headings h2 { text-transform:uppercase; color:#ffffff; clear:both; margin:0 0 1px 0; float:left; font-size:1em; padding-top:0; }
#peoplePopupContent .headings h2 span { display:block; float:left; clear:both; padding:7px 10px; color:#ffffff; background:#252525; }
#peoplePopupContent .headings h2 span+span { margin:-5px 0 0 0; }
#peoplePopupContent .headings .region { display:block; font-size:1em; color:#252525; background:#ffffff; padding:7px 10px; float:left; clear:both; text-transform:uppercase; }

/* Note */
.note{ margin: 50px 0 0 0; }
.note h3 { width:95%; border-top:1px solid #E9E9E9; padding:10px 0 0 0; }

/* Social networking */
#mainContent #socialNetworkingWrapper { margin-top:30px; }
#socialNetworkingWrapper { background:#f4f4f4; padding:22px 0 18px 25px; float:left; clear:both; margin:40px 0 0 0; }
#socialNetworkingWrapper .socialNetworkingContainer { float:left; margin:0 15px 0 0; }
  #socialNetworkingWrapper #facebookLike { width: 72px; }
  #socialNetworkingWrapper #twitterButton { width: 80px; }
  #socialNetworkingWrapper #googlePlusOne { width: 60px; }
#socialNetworkingWrapper #shareThisButton .stButton { width:75px; height:22px; overflow:hidden; }


/* Generic pagination for listing pages */
.pagePaginationWrapper { padding:0 0 40px 0; border-bottom:solid 1px #e9e9e9; display:inline-block; width:100%; position:relative; }
.listingPagePagination { height: 30px; margin:0 0 0 0 !important; overflow: hidden; }

/*.listingPagePagination li { display:block; float:left; color:#b80071; background:url(../images/pagination-forward-slash.png) no-repeat 100% 0 !important; padding:0 25px 0 0 !important; margin:0 0 0 5px; min-height:23px; line-height:2em !important; }
.listingPagePagination li.last { background:none; }
.listingPagePagination li a { color:#a5a5a5; }
.listingPagePagination li:hover a { text-decoration:underline; }*/

.listingPagePagination .number { display:block; float:left; color:#b80071; background:url(../images/pagination-forward-slash.png) no-repeat 100% 50% !important; padding:0 25px 0 0 !important; margin: 0; min-height:30px; line-height:2.31em !important; }
.listingPagePagination .number.last { background:none!important; }
.listingPagePagination a.number { color:#a5a5a5; }
.listingPagePagination a.number:hover { text-decoration:underline; }

.pagePaginationWrapper .arrowsHolder { position:absolute; top:-15px; right:0;}
.pagePaginationWrapper .arrowsHolder a { text-indent:-999em; display:block; height:30px; width:30px; }
.pagePaginationWrapper .arrowsHolder .nextPage { background:url(../images/pagePaginationArrows.png) no-repeat 0 0; }
.pagePaginationWrapper .arrowsHolder .nextPage:hover { background:url(../images/pagePaginationArrows.png) no-repeat 0 -30px; }
.pagePaginationWrapper .arrowsHolder .previousPage { background:url(../images/pagePaginationArrows.png) no-repeat -30px 0; }
.pagePaginationWrapper .arrowsHolder .previousPage:hover { background:url(../images/pagePaginationArrows.png) no-repeat -30px -30px; }

/* Search page */
.search #mainContent { padding:10px 0 0 240px !important; }
.search #intro p { text-transform:uppercase; }
.search #intro p span { color:#252525; }

#searchResults { border-top:solid 1px #f4f4f4; padding:20px 0 20px 0; margin:20px 0 0 0; }
#searchResults dt { text-transform:uppercase; display:inline-block; margin:0 0 5px 0; font-size:1.6em; }
#searchResults dt a { color:#4c4c4c; border-bottom:solid 1px #d3d3d3; display:block; padding:0 0 2px 0; float:left; }
#searchResults dd { margin:0 0 20px 0; color:#a5a5a5; border-bottom:dotted 1px #e9e9e9; padding:0 0 20px 0;}


/* Site map */
.siteMap #mainContent { padding:10px 0 0 240px !important; }
.siteMap #mapTree ul { margin:20px 0 !important; }
.siteMap #mapTree ul li { font-family:'DIN Next W01 Light'; font-size:1.5em; margin:20px 0 0 0; background:none !important; }
.siteMap #mapTree ul li a { color:#252525; display:block; }
.siteMap #mapTree ul li a:hover { text-decoration:underline; }
/* second tier */
.siteMap #mapTree ul li ul { margin:15px 0 15px 20px; }
.siteMap #mapTree ul li ul li { margin:0 0 10px 0; font-family:Arial; font-size:0.6em; }
/* third tier */
/*.siteMap #mapTree ul li ul li ul { margin:15px 0 15px 20px; }*/
.siteMap #mapTree ul li ul li ul li { font-size:.9333em; }


/* Cookie banner */
#cookieBanner { background:#000; text-align:left; overflow:hidden; }
#cookieBanner strong { display:block; color:#ffea34; text-transform:uppercase; margin:0px 10px 0 0; font-size:.9em; }
#cookieBanner a { color:#A5A5A5; text-decoration:underline; }
#cookieBanner a:hover { text-decoration:none; }
#cookieBanner p { float: left; color: #A5A5A5; margin: 8px 11px 0 0; padding-bottom: 11px; width: 880px; font-size: 1em; }
/*#cookieBanner a.button { margin-left:10px; text-decoration:none; margin-top:20px;}*/
#cookieBanner a.cookie-button { background: url('../images/cookie-close.png') top left no-repeat; display: block; float: right; height: 16px; margin: 12px 9px 0 0; overflow: hidden; text-indent: -999em; width: 16px; }

/* subfilter something-or-other */
#ourProjects #projects { margin:0; }
#ourProjects .box { margin-bottom:30px; }
#subFiltersContainer { padding-bottom:10px; }
#SubFilters { border-top:1px solid #e9e9e9; margin:-5px 0 30px 0; overflow:hidden; }
#SubFilters li { float:left; margin-right:20px; }
#SubFilters li a { display:block; padding:8px 10px 5px 10px; width:200px; text-transform:uppercase; color:#252525;}
#SubFilters li:hover a { background-color:#252525; color:#ffec00; }
#SubFilters li.last { margin-right:0; }
#SubFilters li.on { background:#ffec00; }
#no-projects { font-size:1em; text-transform:uppercase; }
.fullWidth #contentWrapper #subFiltersContainer h2 { font-size:1.5em; } 
#ourProjects #projects .preview, .tempFilterResults .preview { margin:20px 20px 0px 0; }
#ourProjects #projects .preview.last, .tempFilterResults .preview.last { margin-right:0; }


/* Media queries*/
@media all and (max-width: 980px)
{
  .fullWidth #bannerLeftFrame .leftFrameCone { display:none; }
}


/* Browser fixes */
/* IE 7 */
.ie7 #ourProjects { overflow:hidden; }
.ie7 #ourProjects,.ie7 #ourProjects .box { position:relative; z-index:1000; }
.ie7 #ourProjects .filterResults, .ie7 #ourProjects .filterResults .subFilterResults { position:relative; left:0; }
/*
.ie7 .jquery-selectbox-list,.ie8 .jquery-selectbox-list,.ie9 .jquery-selectbox-list { padding-right:1px; }
.ie7 .jquery-selectbox-item,.ie8 .jquery-selectbox-item,.ie9 .jquery-selectbox-item { padding-right:21px; margin-right:-1px; }*/


/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
#cboxOverlay{background:#ffffff;}
#colorbox{}
#cboxContent{background:transparent; overflow:visible; }
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px; margin-top:80px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxClose{ position:absolute; top:0px; right:0; background:url(../images/colorbox/close-btn.png) no-repeat 0 0; height:60px; width:60px; display:block; text-indent:-999em; } 
#cboxClose:hover{background-position:0 -60px;}

/* infoworks promo */

.infoworksPromo {
  text-align: left;
  position: relative;
  width: 460px;
}

.infoworksPromo > h2 {
  border-top: solid 1px #E9E9E9;
  color: #252525 !important;
  padding: 10px 0 0 0;
  margin: 0 0 7px 0;
  text-align: left;
  text-transform: uppercase;
  font-size: 1em !important;
  color: #252525;
  min-height: 18px;
}

.infoworksPromo > div {
  background: #dfdfdf;
  overflow: hidden;
}

.infoworksPromo .headings {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 4;
}

.infoworksPromo .headings h2 {
  text-transform: uppercase;
  color: #f8e755;
  background: #252525;
  padding: 10px 10px 6px 10px;
  float: left;
  margin: 20px 0 0 20px;
}

.infoworksPromo .headings h3 {
  clear: both;
  float: left;
  margin: 1px 0 0 20px;
  text-transform: uppercase;
}

.infoworksPromo .headings h3 span {
  background: #252525;
  clear: both;
  color: #ffffff;
  float: left;
  margin-top: 1px;
  padding: 10px 10px 6px 10px;
}

.infoworksPromo .headings h3 span:first-child {
  margin-top: 0;
}

.infoworksPromo .headings .button {
  clear: both;
  margin: 1px 0 0 20px;
}

.infoworksPromo img {
  float: right;
}