/* Global */
body { font-family: Tahoma, Arial, Helvetica, sans-serif; overflow-y:scroll;}
.wrapper {width:972px; margin:0 auto; position:relative; z-index:17;}
.topImage {width:100%; }
.main { margin-top:120px;overflow:visible; float:left; width:972px;position:relative;}
.footer { width:972px; background:url(../img/elements/footer-bg.png) left top no-repeat; padding:40px 0 0 0; margin:40px 0 0 0; float:left;}
.clear {clear:both; float:none;}
.floatRight { float:right; margin:0 0 10px 15px; }
.logoForPrint { display:none; }


/* Typography */

h1 { background-color:#fff; font-family:FranklinGothic, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight:400; font-size:2.2em; padding:15px 30px 20px 20px; margin-top:-64px; float:left; line-height:100%; position:relative;z-index:1;}
h2 {font-family:Tahoma, Helvetica, Arial, sans-serif; font-size:1.45em; clear:left; margin-bottom:12px; line-height:130%;}
h3 {font-family:Tahoma, Helvetica, Arial, sans-serif; font-weight:bold; font-size:1.05em; margin:30px 0 10px 0; }
p {font-size:0.8em; line-height:150%; margin-bottom:12px;}
h2.sectionHead {font-family:FranklinGothic, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight:400; font-size:1.6em;}
h4 {font-weight:bold; margin:0 0 8px 0; font-size:1.15em; }
strong {font-weight:bold;}
.intro h3 {font-size:22px; margin-bottom:0.5em;}

a { color:#000; text-decoration:underline; }
a:hover { color:#ba171c; text-decoration:underline; }
a:focus { outline:none; }

.button { padding:20px 0 15px 0; margin:0; }
.button a { background-color:#b9171b; color:#fff; font-weight:bold; font-size:1.15em; padding:6px 12px; text-decoration:none; }
.button a:hover { background-color:#971316; text-decoration:none; color:#fff; }

.smallButton { padding:6px 0 12px 0; margin:0; }
.smallButton a { background-color:#b9171b; color:#fff; font-weight:bold; font-size:1em; padding:4px 12px; text-decoration:none; }
.smallButton a:hover { background-color:#971316; text-decoration:none; color:#fff; }

.smallGreyButton a { background-color:#ebebeb; color:#000; font-weight:bold; font-size:1em; padding:4px 12px; text-decoration:none; }
.smallGreyButton a:hover { background-color:#dadada; text-decoration:none; color:#000; }

.smallBlackButton a { background-color:#3d3d3d; color:#fff; font-weight:bold; font-size:1em; padding:4px 12px; text-decoration:none; }
.smallBlackButton a:hover { background-color:#000; text-decoration:none; color:#fff; }

/* Header */

.header {height:57px; overflow:hidden; position:relative; float:left; width:972px; background:#fff;}
.logo {width:156px; background:url(../img/cedar-logo.png) no-repeat 0 0; height:57px; text-indent:-9000px; display:block;}
.logo:hover {background-position:0 -57px;}
.nav {overflow:hidden; position:absolute; top:0px; left:152px; }
.nav li {float:left;}
.nav li a {display:block; padding:22px 30px 22px 30px; border-right:solid 1px #eee; text-decoration:none; font-size:11px; color:#555;background:url(../img/nav-li-bg.jpg) repeat-x 0 0; font-weight:normal; text-transform:uppercase; }
.nav li.active a { background:#000; color:#fff;}
.nav li a:hover {background-position:0 0; color:#000; text-decoration:none;}
.nav li.active a:hover { background:#000; color:#fff;}

.index .header {background:transparent url(../img/home-bg.png) no-repeat center 0; height:57px; padding-bottom:5px; z-index:15;}
.index .topImage { display:none; }



/* Footer */

/* .footer .col { float:left; width:290px; margin:0 10px 0 20px; }
.contactPhone { border:1px solid #e5e5e5; display:block; clear:left; float:left; margin:0 0 10px 0; padding:10px 15px 10px 50px; font-size:1.1em; background:url(../img/elements/icons.png) 10px 10px no-repeat; }
.contactEmail { border:1px solid #e5e5e5; display:block; clear:left; float:left; margin:0 0 10px 0; }
.contactEmail a { padding:12px 15px 12px 50px; background:url(../img/elements/icons.png) 10px -43px no-repeat; float:left; font-size:0.75em; font-weight:bold; display:block; white-space:nowrap; }
.footerLinks { background-color:#000; padding:10px 0; text-align:center; float:left; width:972px; margin:30px 0 0 0; color:#fff; font-size:0.7em; }
.footerLinks li { display:inline; }
.footerLinks a { color:#fff; text-decoration:none; padding:0 5px; }
.footerLinks a:hover { color:#fff; text-decoration:underline; } */

.footer .col { float:left; width:290px; margin:0 10px 0 20px; }
.contactPhone { display:block; clear:left; float:left; padding:10px 0 5px 40px; font-size:1.1em; background:url(../img/elements/icons.png) 0 10px no-repeat; color:#333; }
.contactEmail { display:block; clear:left; float:left;}
.contactEmail a { padding:12px 0 12px 40px; background:url(../img/elements/icons.png) 0 -43px no-repeat; float:left; font-size:0.75em; font-weight:bold; display:block; white-space:nowrap; color:#333; text-decoration:none; }
.contactEmail a:hover { text-decoration:underline; }
.footerLinks { background-color:#000; padding:10px 20px; float:left; width:932px; margin:30px 0 0 0; color:#fff; font-size:0.7em; }
.footerLinks li { display:inline; }
.footerLinks .copyright { margin-right:250px; }
.footerLinks a { color:#fff; text-decoration:none; padding:0 5px; }
.footerLinks a:hover { color:#fff; text-decoration:underline; }
.reactive { margin-left:290px; }


/* Forms */

label { font-weight:bold; font-size:0.8em; line-height:100%; padding:5px 0 0 0; float:left; }
input { font-size:0.8em; padding:4px 5px; float:left; background:url(../img/elements/input-bg.png) left top no-repeat; border:none; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
input.submit { border:none; background:#b9171b none; color:#fff; }
input.submit:hover { background-color:#971316; cursor:pointer; }
textarea { font-size:0.8em; padding:6px; float:left; background:url(../img/elements/input-bg.png) left top no-repeat; border:none; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
select { font-size:0.8em; padding:4px 5px; float:left;}
.errorMessage { color:#b9171b; font-size:0.8em; line-height:120%; padding:3px 0 0 0; clear:left; margin:0 0 0 120px; white-space:nowrap; }
.newsletterForm .errorMessage { margin-left:65px; white-space:normal; font-size:0.7em; display:block; }
.error .errorMessage { display:block; }
.error label { color:#b9171b; }
.error input { color:#b9171b; }

/* .newsletterForm { padding:15px 15px 5px 15px; width:260px; border:1px solid #e5e5e5; float:left; }
.newsletterForm li { width:260px; float:left; margin:0 0 10px 0; }
.newsletterForm label {  width:65px; }
.newsletterForm input { width:180px; }
.newsletterForm .submit input {	margin:0 0 0 65px; background: transparent url(../img/buttons/btn-newsletter.png) no-repeat left top; border: 0 none; width:177px; height:0px ;padding:28px 0 0 0;	overflow: hidden; _height: 28px; *height: 28px;	cursor:pointer;	float:left;	}
.newsletterForm .submit input:hover { background-position:left -28px; } */

.newsletterForm { width:260px; float:left; margin:10px 0 0 0; }
.newsletterForm li { width:260px; float:left; margin:0 0 10px 0; }
.newsletterForm label {  width:65px; color:#333; }
.newsletterForm input { width:180px; }
.newsletterForm .submit input {	border:none; background:#b9171b none; color:#fff; font-weight:bold; margin-left:65px; }
.newsletterForm .submit input:hover { background-color:#971316; cursor:pointer;}

input.submit { border:none; background:#b9171b none; color:#fff; }
input.submit:hover { background-color:#971316; cursor:pointer; }


.contactForm { width:520px; margin:20px 0 20px 20px; float:left; }
.contactForm li, .commentForm fieldset { width:520px; clear:left; float:left; margin:0 0 15px 0; }
.contactForm label, .commentForm label {  width:100px; margin-right:20px; text-align:right; }
.contactForm input, .commentForm input { width:220px; padding:6px; }
.contactForm textarea, .commentForm textarea { width:370px; }
.contactForm .submit input, .commentForm .submit input {	margin:0 0 0 120px; background: transparent url(../img/buttons/btn-submit.png) no-repeat left top; border: 0 none; width:145px; height:0px ;padding:42px 0 0 0;	overflow: hidden; _height: 42px; *height: 42px;	cursor:pointer;	float:left;	}
.contactForm .submit input:hover, .commentForm .submit input:hover{ background-position:left -42px; }

.categoryForm { margin:15px 20px 10px 0; float:right; }
.categoryForm select { margin:0 5px; }

.commentForm { width:520px; float:left; margin:10px 0; }
.commentForm label { text-align:left; }
.commentForm input { width:300px }
#recaptcha_widget_div { width:370px; float:left; position:relative; }


/* standard layout */

.sideBar {width:152px; float:right; z-index:15;}
.mainRight {background:#fff; width:820px; float:right; z-index:5;}
.intro {margin:25px 30px 0 20px; display:block;}
.halfCol { float:left; width:355px; margin:0 35px 0 0; }


/* Subnav */

.subNav {margin-top:-1px;overflow:visible; background:url(../img/sub-shadow.gif) no-repeat right 33px; min-height:530px; position:relative; z-index:3;}
.subNav li {display:block;}
.subNav li a {width:136px; background:#B9171B url(../img/sub-red.jpg) repeat-y right top; display:block; margin:0 0 1px 1px; padding:10px 0 10px 15px; 
color:#fff; text-decoration:none; text-transform:uppercase; font-size:11px;}
.subNav li a:hover {background:#971316 none; color:#fff; text-decoration:none;}

.subNav li.parent a {background:transparent url(../img/sub-trans.png) repeat 0 0; position:relative; }
.subNav li.parent a:hover {background:transparent url(../img/sub-trans.png) repeat 0 0; color:#fff;}

.subNav li.active {width:161px; background:transparent url(../img/sub-arrow.png) no-repeat 100% 50%; margin-right:-9px; position:relative;}
.subNav li.active a, .subNav li.active a:hover { background:#000 none !important;}

.projectPanel { clear:both; float:left; margin:0 20px 30px 20px; padding:0; width:780px; }
.projectTitle { margin:0 0 10px 0; font-weight:bold; color:#555; text-transform:uppercase; }
.projects {  float:left;  }
.projects li { float:left; font-size:0.7em; margin:0 3px 3px 0; }
.projects li a { padding:5px 10px; background:#B9171B; color:#fff; text-decoration:none; text-transform: uppercase; float:left; }
.projects li a:hover { background:#971316; color:#fff; text-decoration:none; }



/* page specific */
body.ourWork, body.aboutUs, body.whatWeDo { background:url(../img/elements/bg-stripe-right.png) no-repeat center 205px;}
body.news, body.standard, body.advertising, body.legal, body.privacyPolicy, body.termsConditions  { background:url(../img/elements/bg-stripe.png) repeat-y center 0;}
body.news .main {margin-top:110px;}
body.index {background-image:none;}
body.contacts { background:url(../img/elements/bg-stripe-single.png) repeat-y center 0;}

/* body.index .topImage {background:url(../img/home-bg.png) no-repeat center 0; height:209px; position:absolute; top:0px; left:0px; z-index:14;} */
body.aboutUs .topImage {background:url(../img/images/bg-feather.jpg) repeat-x center 0; height:209px; position:absolute; top:0px; left:0px;}
body.whatWeDo .topImage {background:url(../img/images/bg-water.jpg) repeat-x center 0; height:209px; position:absolute; top:0px; left:0px;}
body.ourWork .topImage {background:url(../img/images/bg-denim.jpg) repeat-x center 0; height:209px; position:absolute; top:0px; left:0px;}
body.news .topImage {background:url(../img/images/bg-bubble.jpg) repeat-x center 0; height:209px; position:absolute; top:0px; left:0px;}
body.contacts .topImage {background:url(../img/images/bg-flower.jpg) repeat-x center 0; height:209px; position:absolute; top:0px; left:0px;}
body.standard .topImage, body.advertising .topImage, body.legal .topImage , body.privacyPolicy .topImage, body.termsConditions .topImage {background:url(../img/images/bg-gold.jpg) repeat-x center 0; height:209px; position:absolute; top:0px; left:0px;}


#gallery {margin:20px 0 0 9px; width:810px; position:relative; float:none; clear:both;}
.box { margin:0 9px 9px 0; display:block; width:192px; float:left; height:320px; }
.box a {display:block; width:168px; height:auto; background:#eee;padding:12px; text-decoration:none; color:#333;}
.box a:hover {text-decoration:none; color:#333;}
.box a img { margin:0 0 10px 0; }
.box a span { font-size:0.85em; line-height:130%; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.box a span em { text-transform:uppercase; font-style:italic; display:block; font-weight:normal; font-size:0.8em; }



/* homepage */

.homeLeft { float:left; width:610px; background:url(../img/elements/home-bg-left.png) left top no-repeat; padding:35px 0 0 33px; margin:-7px 0 0 -8px; position:relative; }
.homeLeft #gallery {width:610px;}
.homeRight { position:relative; float:right; margin:-9px -6px 0 0; background:url(../img/elements/home-bg-right.png) right top no-repeat; border-left:1px solid #eee; padding:37px 30px 50px 30px; width:265px;  }
.main #gallery {margin:0;}
.index .main {margin:0 0 30px 0; position:relative; overflow:visible; z-index:10;}

#featureBrowser { float:left; height:420px; width:972px; position:relative; z-index:11; margin-top:-5px; background:transparent none; }
#featureBrowser div { float:left; height:420px; width:972px; position:relative;; }
#featureBrowser h3 { margin:50px 0 5px -3px; position:relative; font-size:2em; background:url(../img/index-headlines.png) no-repeat 0 0; height:40px; text-indent:-10000px; }
#featureBrowser p { width:400px; margin:0 0 8px 0; color:#333; font-size:0.9em; }
#featureBrowser p a { color:#b60c1c; text-decoration:none; font-weight:bold; }
#featureBrowser p a:hover { text-decoration:underline; }
#featureBrowser blockquote { position:absolute; right:0px; top:280px; width:350px; padding:10px 12px 12px 12px; background:url(../img/redTrans.png) repeat 0 0; font-style:italic; color:#fff; font-weight:normal; font-size:0.95em; line-height:140%; }
#featureBrowser blockquote span { position:absolute; right:0; bottom:-25px; display:block; background:#000; font-weight:bold; font-size:0.75em; padding:2px 10px; color:#fff; font-style:normal; }
#featureBrowser blockquote span em {text-transform:uppercase; font-style:italic; font-weight:normal; font-size:0.9em; }

#panel1 { background:transparent url(../img/images/feature-lotte.jpg) right top no-repeat; }
#panel2 { background:transparent url(../img/images/feature-melissa.jpg) right top no-repeat; display:none; }
#panel3 { background:transparent url(../img/images/feature-colin.jpg) right top no-repeat; display:none; }
#panel4 { background:transparent url(../img/images/feature-robin.jpg) right top no-repeat; display:none; }

#panel1 h3 {background-position:0 -25px; }
#panel2 h3 {background-position:0 -97px; }
#panel3 h3 {background-position:0 -169px;}
#panel4 h3 {background-position:0 -235px;}

#featureBrowserControls { position:relative; margin:-190px 0 0 0; z-index:12; float:left; width:385px; border-top:1px solid #ddd; padding:10px 0 0 0; }
#featureBrowserControls li { clear:both; float:left; margin:0 0 2px 0; font-size:0.75em; }
#featureBrowserControls li a { background:#000000 url(../img/chevrons.png) 9px 9px no-repeat; color:#fff; font-weight:bold; text-decoration:none; padding:5px 15px 6px 20px; display:block; }
#featureBrowserControls li a:hover, #featureBrowserControls li.active a { background:#b60c1c url(../img/chevrons.png) 9px -16px no-repeat; }

.homeLeft h2.sectionHead, .homeRight h2.sectionHead { font-size:1.9em; margin-bottom:15px; }
.homeLeft .smallButton { margin:0 15px 0 0; float:right; }
.homeRight .smallButton, .postRight .smallButton { clear:both; }

.newsHome {border-top:solid 1px #eee;padding-top:13px; float:left;}
.newsHome li {padding:0 0 11px 0; margin:0 0 13px 0; float:left; clear:left; border-bottom:1px solid #eee; width:265px;}
.newsHome li .postDate, .commentDate {background:#eee; color:#000; padding:3px 5px; display:inline-block; font-size:0.65em; font-weight:bold; margin:0; float:left;}
.newsHome li .catBlog, .newsHome li .catNews  {background:#000; color:#fff; padding:3px 5px;display:inline-block; font-size:0.65em; text-transform:uppercase; font-weight:bold;margin:0 2px 0 0; float:left;}
.newsHome li .catBlog  {background:#BD181C;}
.newsHome li h4 { font-size:0.9em; clear:both; margin:4px 0 0 0; float:left; line-height:130%; }
.newsHome li h4 a {text-decoration:none; display:block; color:#000;}
.newsHome li h4 a:hover { color:#000; text-decoration:underline; }
.newsHome li.postBlog h4 a { color:#BD181C;}
.newsHome li.postBlog h4 a:hover { color:#BD181C; text-decoration:underline;  }
.noResults { clear:left; font-size:0.8em; margin:0 30px 0 15px; }

.postRight .newsHome li, .postRight .newsHome li h4 { width:216px; }



/* Standard page */


.standardContentContainer { clear:left; float:left; width:722px; padding:20px 225px 25px 25px; background-color:#fff; }
.mainRight .fullWidth { width:780px !important; padding:20px 15px 25px 25px !important; }
.mainRight .standardContentContainer { width:470px; padding:20px 0 25px 25px; }
.statsPanel { color:#fff; background-color:#bd181c; padding:10px; width:160px; float:left; margin:0 15px 15px 0; }
.statsPanel span { font-weight:normal; font-size:0.8em; display:block; text-transform:uppercase; }
.statsPanel .statsHighlight { font-size:2.6em; line-height:100%; margin:0 0 15px 0; }
.caseStudyPanel { width:465px; margin-top:30px !important; }
.caseStudyPanel h4 { font-weight:normal }
.caseStudyPanel .inner { background-color:#fff; padding:15px; border-left:1px solid #eee; border-top:1px solid #eee; }
.caseStudyPanel img { float:left; margin:0 20px 0 0;  }

.halfCol h2.sectionHead { margin-top:35px; }


.standardContentContainer h2 { margin:30px 0 6px 0; }
.standardContentContainer h3 { margin:25px 0 4px 0; }
.standardContentContainer h2:first-child, .standardContentContainer h3:first-child { margin-top:0; }
.fullWidth h2:first-child { margin-top:30px !important; }
.fullWidth h3:first-child { margin-top:25px !important; }
.standardContentContainer ul { margin-bottom:12px; }
.standardContentContainer li {font-size:0.8em; line-height:150%; background:url(../img/chevron-black.png) left 7px no-repeat; padding:0 0 0 12px; margin:0 0 4px 0;  }
.noMargin { margin-top:0 !important; }
.standardContentContainer em { font-style:italic; }
.standardContentContainer .halfCol { width:330px; margin:0 20px 0 0; }



/* Client page */


.ourWork .intro { margin-right:250px; }
.ourWork .indexIntro { margin-right:470px !important; }
.clientLogos { width:409px; float:right; margin:32px 25px 30px 0; }
.clientLogos li { float:right; }
.clientLogos li a { display:block; background:url(../img/elements/client-logos.png) left top no-repeat; height:57px; text-indent:-10000px; }

.clientLogos li.clientNikon a { background-position:right top; width:105px; height:36px; }
.clientLogos li.clientDorchester a { background-position:-130px top; width:174px; height:36px; }
.clientLogos li.clientTesco a { background-position:left top; width:130px; height:36px; }
.clientLogos li.clientClea a { background-position:right -36px; width:75px; }
.clientLogos li.clientBA a { background-position:-172px -36px; width:162px; }
.clientLogos li.clientTUI a { background-position:-99px -36px; width:73px; }
.clientLogos li.clientDulux a { background-position:left -36px; width:99px; }


.logos { float:right; margin-left:20px; }
.clientLogo { float:right; margin:25px 20px 30px 30px; }
.clientProject {width:810px; margin:5px 0 0 10px; overflow:hidden; position:relative;}

.clientIntro, .clientImages, .clientContact {float:left; overflow:hidden;margin-bottom:20px;}
.clientIntro { width:240px; margin-right:15px; }
.clientImages { width:265px; margin-right:20px; }
.clientContact { width:240px; }

.projectInfo { float:left; width:555px; margin:0 45px 35px 10px; }
.projectInfo em { font-style:italic; }
.intro em { font-style:italic; }
.projectContact { width:175px; float:left;   }
.projectImages { float:right; margin:0 0 15px 25px; width:269px; }
.projectImages img { border:1px solid #ddd !important;  }
.webProject .projectImages img { border:none !important;  }
.projectImages .linkWrap .smallButton a, .projectImages .smallGreyButton a  { width:255px; text-align:center; }
.projectContact img { margin:0 0 8px 0; display:block; float:none; }
.projectContact p { font-size:0.7em; color:#555; }
.projectContact .smallButton { margin:20px 0 5px 0; }

.projectNavigation { float:right; width:175px; margin:25px 23px 15px 35px; border-left:1px solid #eee; padding:0 0 20px 20px; }
.projectNavigation h3 { margin:25px 0 10px 0; }
.projectNavigation ul { border-bottom:1px solid #ddd; }
.projectNavigation ul li { width:175px; padding:5px 0; border-top:1px solid #ddd; }
.projectNavigation ul li a { font-size:0.8em; font-weight:normal; text-decoration:none; }
.intro .clientLogo { margin:0 0 10px 20px; }

.clientProject .clientIntro p, .clientProject .clientIntro ul {margin-left:10px;}
.clientProject h2 {font-family:FranklinGothic, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight:400; font-size:1.6em; padding-bottom:5px; margin: 0 20px 20px 10px; border-bottom:solid 1px #eee;}
.clientProject .clientIntro ul { margin-top:1em;}
.clientProject .clientIntro ul li {list-style-type:disc; list-style-position:inside; font-size:13px; line-height:19px; margin:0 0 1em 0;}

.clientProject .clientImages .linkWrap { margin:5px 0 10px 0; border:solid 1px #ccc; padding:1px; overflow:hidden; text-align:center;}
.linkWrap p { padding:0; float:left; margin:0; } 
.linkWrap p a { width:120px; display:block; padding:4px 5px; }
.linkWrap p.smallButton { margin:0 1px 0 0; }
.clientImages .smallGreyButton a { width:241px; display:block; text-align:center; }
/* .clientProject .clientImages .linkWrap .caseStudy, .clientProject .clientImages .linkWrap .viewImages {display:block; float:right; padding:7px 0; text-align:center; font-size:13px;width:128px;}
.clientProject .clientImages .linkWrap .caseStudy { color:#333;}
.clientProject .clientImages .linkWrap .viewImages {background:#B9171B; color:#fff;}
.clientProject .clientImages .linkWrap .caseStudy:hover {background:#eee; color:#000;}
.clientProject .clientImages .linkWrap .viewImages:hover {background:#971316;} */

.clientProject .clientContact p {margin:0 0 1em 15px;}
.clientProject .clientContact .editorPhoto {float:right;margin-left:1em;}

.clientProject .clientShadow {width:810px; height:29px; overflow:hidden;background:url(../img/client-shadow.jpg) no-repeat 0 0; clear:left;}
.clientProject .clientShadow a {display:block; width:31px; height:29px; text-indent:-9000px; float:right; margin-left:1px;}
.clientProject .clientShadow a.next { background:url(../img/next.jpg) no-repeat 0 0;margin-right:20px;}
.clientProject .clientShadow a.prev { background:url(../img/prev.jpg) no-repeat 0 0;}
.clientProject .clientShadow a:hover {background-position:0 -29px;}


/* News landing page */

.newsLeft {width:593px; float:left; background:#fff;}
.newsRight { width:339px; float:left; background: url(../img/news-blog-bg.jpg) repeat-y 0 0; position:relative; overflow:hidden; margin-top:20px; padding:0 20px 15px 20px;}

.newsLeft .newsListing {  margin:0; width:593px; float:left; }
.newsPost { overflow:hidden; margin:0 20px; position:relative; float:left; width:553px; padding:15px 0 25px 0; border-top:solid 1px #eee;}
.newsPost h3, .newsPost p { padding-right:20px; clear:left; }
.newsPost h3 { font-family:Tahoma,Helvetica,Arial,sans-serif; font-size:1.2em; font-weight:bold; line-height:130%; margin-top:7px;}
.newsPost h3 a {color:#000; text-decoration:none; margin:0;}
.newsPost h3 a:hover {color:#BD181C; text-decoration:none;}
.newsPost .smallButton, .newsRight .smallButton { padding:0; }
.newsPost img {float:right; margin-left:20px;}
.newsPost .meta { background:#eee; padding:3px 7px 3px 7px; font-size:0.65em; font-weight:bold;}

.paging { padding:15px 0 15px 0; margin:15px 20px; border-top:1px solid #ddd; float:left; width:553px; }
.paging a { text-decoration:none; }
.previousPage {	float:left;	margin:0;  }
.nextPage {	float:right;margin:0; }
.previousPage a, .nextPage a {background-color:#b9171b; color:#fff; font-weight:bold; padding:4px 12px; text-decoration:none; color:#fff;	}
.previousPage a:hover, .nextPage a:hover { background-color:#971316; color:#fff; }
.previousPage .inactive, .previousPage .inactive:hover, .nextPage .inactive, .nextPage .inactive:hover { background-color:#ddd; color:#999; cursor:default; }
.pages { width:380px; float:left;text-align:center; font-size:0.8em; font-weight:bold; }
.pages a {	padding:2px 5px; margin:0;	}
.pages a.active { background-color:#000; color:#fff; }
.pages a.active:hover { cursor:default; background-color:#000; }
.pages a:hover { color:#fff; background-color:#b9171b; }

.newsRight .paging { padding:0; border:none; margin:15px 0; }
.newsRight .pages { width:auto; text-align:left;  }
.newsRight .pages a { color:#fff; background-color:#CF4044; color:#FFFFFF; display:block; float:left !important; margin:0 3px 0 0; }
.newsRight .pages a.active { background-color:#fff; color:#bd181c; }
.newsRight .pages a.active:hover { cursor:default; background-color:#fff; color:#bd181c; }
.newsRight .pages a:hover { color:#fff; background-color:#9b171b; }

/* .newsPost .blackCta { padding:5px 10px; background:#000; color:#fff; font-weight:bold; text-decoration:none;}
.newsPost .blackCta:hover { background:#BD181C; color:#fff; } */

.newsRight .newsBlogTitle { position:absolute; top:5px; right:10px; }
.newsRight .blogIntro {margin:65px 0 0 0; padding-bottom:15px; font-size:1em; font-style:italic; color:#fbcbcc; font-weight:normal; position:relative; border-bottom:1px solid #cf4044; }

.newsRight .blogPost { margin:0;color:#fff; padding:15px 0 15px 0; border-bottom:1px solid #cf4044; float:left; width:339px;}
.newsRight .blogPost a img {width:67px; float:left;}
.newsRight .blogPost .blogRight {width:247px; margin-left:82px; padding-right:10px; }
.newsRight .blogPost .blogRight h5 {margin:8px 0 3px 0; font-weight:bold; font-size:0.9em;}
.newsRight .blogPost .blogRight h5 a {color:#fff; text-decoration:none;}
.newsRight .blogPost .blogRight h5 a:hover { color:#fff; text-decoration:underline; }
.blogRight p { color:#fbcbcc; }

.newsRight .blogPost .blogMeta {font-size:0.65em; text-align:center; font-weight:bold; background:#cf4044; color:#fff; padding:3px; display:block; width:60px;}


/* News article page */

.newsArticle {position:relative; overflow:visible; width:972px; margin-top:74px ! important;}
.newsArticle .postLeft {width:715px; float:left; background-color:#fff;}
.newsArticle .postRight {width:216px; float:left;margin-top:50px; background:#fff; padding:20px; background:url(../img/news-right.jpg) repeat-y 0 0;}

.newsArticle .postLeft h1 {margin-top:0px; float:none;}
.newsArticle .postLeft .imgFloat { padding:5px; background:#BD181C; color:#fff; float:right; margin:0 0 0 20px; }
.newsArticle .postLeft .imgFloat em {font-style:normal; font-size:12px; padding:5px 0; display:block; line-height:1.4em;}
.newsArticle .postLeft .imgFloat em:first-line {padding:0; margin:0;}
.newsArticle .postLeft .postWrap {margin:0 20px; position:relative; overflow:hidden;}
.newsArticle .postLeft .standFirst {margin-bottom:1em; display:block; font-size:20px;}
.newsArticle .postMeta {position:absolute; top:-25px; left:0px; height:25px; overflow:hidden; font-size:13px;}
.newsArticle .postMeta a, .newsArticle .postMeta em {float:left; padding:5px 10px;}
.newsArticle .postMeta .backArrow {background:#BD181C; color:#fff; text-decoration:none;}
.newsArticle .postMeta .backArrow:hover {background:#000;}
.newsArticle .postMeta .postDate {background:#fff; color:#000;}
.postWrap p { margin-right:20px; }

.comments { margin:0; clear:both; float:left; width:675px; position:relative; }
.comments h2 { font-family:FranklinGothic, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight:400; font-size:1.6em; padding:35px 0 15px 0; border-bottom:1px solid #eee; margin:0;  }
.commentForm h2 { border:none; }
.comment { float:left; border-bottom:1px solid #eee; padding:17px 20px 15px 0; margin:0;width:650px; }
.comment p { margin:5px 0 0 0; clear:both; float:left; }
.comment .author { font-weight:bold; }

.commentAuthor { background:#000000; color:#FFFFFF; display:inline-block; float:left; font-size:0.65em; font-weight:bold; margin:0 2px 0 0; padding:3px 5px; }

/* Blog article */

.blogArticle h1 {background:#BD181C; color:#fff; padding:12px 20px 15px 20px; float:none;}
.blogArticle .postWrap {background:#fff url(../img/blogArticle.gif) no-repeat 22px 0; padding:38px 20px 0 20px; margin:0 !important;}


/* Our people */

#people {overflow:hidden; display:block; width:810px; margin:30px 0 0 10px;}
#people li {float:left; width:150px; height:225px; position:relative; margin:0 0 9px 10px; overflow:hidden;}
#people li .info {display:block; height:225px; background:#000; position:absolute; left:0px; top:179px; color:#fff; width:150px; padding-top:5px; font-size:14px;}
#people li .info noscript a { color:#fff; text-decoration:none; }
#people li .info noscript a:hover { color:#fff; text-decoration:underline; }
#people li .info strong {margin:10px 0 0 10px;}
#people li .info .title {margin:0 0 9px 10px; font-size:0.9em; display:block; line-height:120%;}
#people li .info .more {padding:10px;border-top:solid 1px #C02F32; margin-top:5px; font-size:11px; overflow:hidden; white-space:wrap; display:block; line-height:130%;}
#people li .info .more a {color:#fff;}
#people li .info .more a:hover {color:#fff;}



/* Contacts */

.contacts .contactLeft {float:left; width:592px; background:#fff;}
.contacts .contactRight {float:left; width:367px; margin:32px 0 0 0; padding:0 0 0 12px; background:url(../img/elements/rightcol-bg.png) left top repeat-y; }
.contactRight h2.sectionHead { margin:15px 0 10px 0; }
.contactData { float:left; width:352px; background:url(../img/elements/contact-bg.png) left top no-repeat; padding:20px 0 3px 15px; }
.contactData p { font-size:0.75em; line-height:140%; float:left; }
.contactData .contactAddress { padding-right:10px; border-right:1px solid #ccc; width:170px; }
.contactData .contactSwitchboard { padding-left:10px; width:155px; }
.contactData .contactSwitchboard span { font-size:1.8em; line-height:140%; }
.newBusinessPanel { background:#b9171b url(../img/images/hannah-saunders.jpg) 10px 10px no-repeat; padding:10px 10px 4px 127px; width:230px; color:#fff; float:left; margin:20px 0 0 0; }
.contactRight .newBusinessPanel .sectionHead { color:#fff; margin:0 0 6px 0; }
.newBusinessPanel p { font-size:0.75em; line-height:130%; margin:0 0 8px 0; }
.newBusinessPanel a { color:#fff; }
.newBusinessPanel .callPerson { width:125px; float:left; }
.callPerson span { font-size:1.3em; line-height:140%; display:block; }
.newBusinessPanel .emailPerson { width:105px; float:left; }



/* SLIMBOX */

#lbOverlay {	position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;}
.lbLoading {	background: #fff url(../img/loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;	border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../img/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption { font-weight: bold;}


/* Sitemap */

#sitemap ul { float:left; width:100%; }
#sitemap ul li { float:left; width:100%; background:none; font-size:1em; padding:0; }
#sitemap li a { text-decoration:none; }
#sitemap li a:hover { text-decoration:underline; }
#sitemap li { margin:3px 0; } 
#sitemap li.level1, #sitemap li.level1on { padding-top:15px; margin-top:15px; border-top:1px solid #ddd; }
#sitemap .level1 a, #sitemap .level1on a, #sitemap .level0on a { float:left; width:180px; display:block; font-weight:bold; }
#sitemap .level1 ul { width:400px;  }
#sitemap .level1 ul a { float:none; width:auto; font-weight:normal; }
#sitemap li.level2 { font-size:0.9em; }


'h1, h2.sectionHead, .clientProject h2, .comments h2');
/* Cufon */

.cufon-loading h1, .cufon-loading h2.sectionHead, .cufon-loading .clientProject h2, .cufon-loading .comments h2 { visibility: hidden !important; }



/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(../img/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(../img/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}


/* helper classes (not YDSF related) */

.clear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.left {
	float: left;
	display: inline; /* fixes ie double margin-left bug */
}

.right { float: right; }

.note {
	width: 200px;
	border: 1px solid #666;
	padding: 10px;
	background: #ffc;
	color: #333;
}