@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


body, input, textarea {
    font-family: Arial, helvetica, sans-serif;
}

body {
    background: #237d9a url(/images/main-bg.gif) 0 0 repeat-x; 
    color: #464749;
    text-align: center;
    font-size: 87.5%; /* 14px */
}

h1, h2, h3, h4, h5, h6, p, ol, ul, address {
    line-height: 1.286em; /* 18px */
}

a { color: #491385; }
a:hover { color: #fff; background-color: #491385; }

strong { font-weight: bold;}
em { font-style: italic; }

#wrapper { width: 911px; margin: 0 auto; text-align: left; position: relative; }

#header { width: 911px; height: 95px; background: url(/images/header-bg.gif) 0 0 no-repeat; position: relative; margin-bottom: 4px; }

h1 { position: absolute; width: 79px; height: 78px; top: 10px; left: 13px;}
h1 a { display: block; position: absolute; width: 79px; height: 78px; background: url(/images/cc-logo.gif) 0 0 no-repeat; text-indent: -9999em; }

h2 { font-size: 48px; color: #6b6f72; margin: 51px 0 0 20px; line-height: 48px; }
h2 span { color: #481483; }
h2 span.archive { color: #9998d2; font-size: 30px; }
#publications-page h2, #contact-page h2 { margin-top: 69px;}

h2 span.indent { margin-left: 14px; }
h2 span.service-title { }
h2.authortitle { font-size: 40px;  }

h2#about-us-header { background: url(/images/h2-passion-with-purpose.gif) 0 0 no-repeat; width: 477px; height: 151px; text-indent: -999em; padding-bottom: 12px;  }

h2#what-we-believe-header { background: url(/images/h2-what-we-believe.gif) bottom left no-repeat; width: 318px; height: 35px; text-indent: -999em; padding: 51px 0 0 0; margin: 0 0 0 20px; }

h2#our-history-header { background: url(/images/h2-our-history.gif) bottom left no-repeat; width: 216px; height: 45px; text-indent: -999em;  padding: 51px 0 0 0; margin: 0 0 0 20px; }

h2#our-people-header { background: url(/images/h2-our-people.gif) 0 0 no-repeat; width: 213px; height: 45px; text-indent: -999em; padding-bottom: 12px;  }

#contact-page h2 { background: url(/images/h2-contact-us.gif) 0 0 no-repeat; width: 210px; height: 45px; text-indent: -999em; padding-bottom: 12px;  }

h2#news-header { background: url(/images/h2-news.gif) 0 0 no-repeat; width: 104px; height: 33px; text-indent: -999em; padding-bottom: 12px;  }

h2#whats-new-header { background: url(/images/h2-whats-new-at.gif) 0 0 no-repeat; width: 436px; height: 93px; text-indent: -999em;  }

h2#ccb-header { background: url(/images/h2-ccb.gif) 0 0 no-repeat; width: 415px; height: 94px; text-indent: -999em;  }
h2#lbg-header { background: url(/images/h2-lbg.gif) 0 0 no-repeat; width: 407px; height: 94px; text-indent: -999em;  }

h2#publications-header { background: url(/images/h2-publications.gif) 0 0 no-repeat; width: 235px; height: 45px; text-indent: -999em; padding-bottom: 12px;  }
h2#publications-archive-header { background: url(/images/h2-publications-archive.gif) 0 0 no-repeat; width: 213px; height: 68px; text-indent: -999em; padding-bottom: 12px;  }

#nav { position: absolute; top: 71px; right: 14px; }
#nav li { float: left; background: url(/images/nav/divider.gif) 0 0 no-repeat; height: 14px; padding: 0 6px 3px 8px; }
#nav li.home { background-image: none; }
#nav li a { text-indent: -9999em; background-position: 0 0; background-repeat: no-repeat; height: 12px; display: block; outline: none; }
#nav li.home a { background-image: url(/images/nav/home.gif); width: 32px; }
#nav li.about-us a { background-image: url(/images/nav/about-us.gif); width: 49px; }
#nav li.what-we-do a { background-image: url(/images/nav/what-we-do.gif); width: 66px; }
#nav li.clients a { background-image: url(/images/nav/clients.gif); width: 37px; }
#nav li.pubs a { background-image: url(/images/nav/publications.gif); width: 70px; height: 14px; }
#nav li.ks a { background-image: url(/images/nav/knowledge-series.gif); width: 99px; height: 14px; }
#nav li.ccb a { background-image: url(/images/nav/ccb.gif); width: 63px; height: 14px; }
#nav li.lbg a { background-image: url(/images/nav/lbg.gif); width: 24px; }
#nav li.the-tweeter a { background-image: url(/images/nav/tweeter.gif); width: 68px; }
#nav li.contact-us a { background-image: url(/images/nav/contact.gif); width: 59px; }
#nav li.active a { background-position: 0 -24px; }
#nav li.active a:hover { background-position: 0 -24px; }
#nav li a:hover { background-position: 0 -12px; }
#nav li.ccb a:hover, #nav li.ks a:hover, #nav li.pubs a:hover { background-position: 0 -14px; }
#nav li.ccb a.active, #nav li.ccb a.active:hover, #nav li.ks a.active, #nav li.ks a.active:hover, #nav li.pubs a.active, #nav li.pubs a.active:hover { background-position: 0 -28px; }

#content-top { background: url(/images/content-top.gif) 0 0 no-repeat; width: 911px; height: 3px; }
#content-bottom { background: url(/images/content-bottom.gif) 0 0 no-repeat; width: 911px; height: 3px; margin-bottom: 4px; }

#content { width: 905px; min-height: 498px; border: 3px solid #fff; border-width: 0 3px; position: relative; }

#sub-nav { position: absolute; top: 4px; right: 14px; z-index: 1000;  }
#sub-nav li { float: left; margin: 0; text-transform: lowercase; margin-left: 14px; font-weight: bold; display: inline; }
#sub-nav a { text-decoration: none; font-size: 0.857em; }
#sub-nav a:hover { color: #fff; background-color: #491385; }
#sub-nav li.current_page_item a, #sub-nav li.current_page_ancestor a { color: #3f4e51; }
#sub-nav li.active a:hover, #sub-nav li.current_page_item a:hover, #sub-nav li.current_page_ancestor a:hover { color: #3f4e51; background-color: transparent; }
#sub-nav span.pointer { font-size: 0.857em; margin-left: 14px; }

#leftcol { padding: 0; width: 291px; float: left; }	
#content { background: #c3e8fb url(/images/backgrounds/faded-map.jpg) bottom left no-repeat; }

#homepage #content { background: #bbeafe url(/images/homepage-bg.jpg) bottom left no-repeat;  }
#about-us-page #content { background: #c3e8fb url(/images/backgrounds/faded-map.jpg) bottom left no-repeat; }
#people-page #content { background: #c3e8fb url(/images/backgrounds/our-people.jpg) bottom left no-repeat; }
#whatwedo-page #content { background: #c3e8fb url(/images/backgrounds/what-we-do.jpg) bottom left no-repeat; }
#client-page #content { background: #c3e8fb url(/images/backgrounds/clients.jpg) bottom left no-repeat; }
#ks-page #content { background: #c3e8fb url(/images/backgrounds/ks.jpg) bottom left no-repeat; }


#homepage #leftcol, #about-us-page #leftcol, #whats-new-page #leftcol { padding: 61px 0 0 0; width: 494px; float: left; position: relative; height: 437px; }

#homepage #leftcol h2 { background: url(/images/h2-we-are-passionate.gif); margin: 0 0 0 32px; width: 477px; height: 151px; text-indent: -9999em; }
#whats-new-page #leftcol h2, #about-us-page #leftcol h2 { margin-top: 0; padding-top: 0; }

#homepage #icons { position: absolute; bottom: 0; left: 0; width: 271px; height: 274px;  }
#homepage #icons h3 { display: none; }
#homepage #icons li { position: absolute; z-index: 0; }
#homepage #icons li a { display: block; text-indent: -999em; position: absolute; z-index: 0; outline: none;}

#engagement-icon { top: 92px; left: 152px; width: 118px; height: 100px; z-index: -7; }
#engagement-icon a { background: url(/images/icons/home-engagement.jpg) 0 0 no-repeat; width: 118px; height: 100px; }
#engagement-icon a:hover { background-position: 0 -100px; }

#sustainability-icon { width: 44px; height: 70px; top: 19px; left: 13px; z-index: -1; }
#sustainability-icon a { background: url(/images/icons/home-sustainability.jpg) 0 0 no-repeat; width: 44px; height: 70px; }
#sustainability-icon a:hover { background-position: 0 -70px; }

#thought-icon { width: 84px; height: 63px; top: 0px; left: 65px; z-index: -3; }
#thought-icon a { background: url(/images/icons/home-thought.jpg) 0 0 no-repeat; width: 84px; height: 63px; }
#thought-icon a:hover { background-position: 0 -63px; }

#environment-icon { width: 99px; height: 60px; top: 67px; left: 44px; z-index: -4; }
#environment-icon a { background: url(/images/icons/home-environment.jpg) 0 0 no-repeat; width: 99px; height: 60px; }
#environment-icon a:hover { background-position: 0 -60px; }

#impact-icon { width: 70px; height: 38px; top: 53px; left: 138px; z-index: -6; }
#impact-icon a { background: url(/images/icons/home-impact.jpg) 0 0 no-repeat; width: 70px; height: 38px; }
#impact-icon a:hover { background-position: 0 -38px; }

#reporting-icon { width: 74px; height: 74px; top: 200px; left: 164px; z-index: -9; }
#reporting-icon a { background: url(/images/icons/home-reporting.jpg) 0 0 no-repeat; width: 74px; height: 74px; }
#reporting-icon a:hover { background-position: 0 -74px; }

#brand-icon { width: 38px; height: 55px; top: 187px; left: 130px; z-index: -8; }
#brand-icon a { background: url(/images/icons/home-brand.jpg) 0 0 no-repeat; width: 38px; height: 55px; }
#brand-icon a:hover { background-position: 0 -55px; }

#community-icon { width: 70px; height: 52px; top: 170px; left: 239px; z-index: -10; }
#community-icon a { background: url(/images/icons/home-community.jpg) 0 0 no-repeat; width: 70px; height: 52px; }
#community-icon a:hover { background-position: 0 -52px; }

#homepage #rightcol, #about-us-page #rightcol, #whats-new-page #rightcol { float: right; width: 335px; padding: 61px 44px 0 0; }

.popup-window { position: absolute; background: url(/images/popup-bottom.gif) bottom left no-repeat; width: 176px; padding-bottom: 21px; z-index: 10000; 	overflow: hidden; }
.popup-window p { background: url(/images/popup-top.gif) top right no-repeat; width: 144px; padding: 12px 14px 0 19px; font-size: 1em; line-height: 1.4; }
.popup-window p span { color: #491385; font-weight: bold; }

#engagement-icon .popup-window { top: -45px; left: 90px; display: none; z-index: 99999; }
#sustainability-icon .popup-window { top: -80px; left: 20px; display: none; z-index: 99998;}
#thought-icon .popup-window { top: -60px; left: 40px; display: none; z-index: 99997; }
#environment-icon .popup-window { top: -60px; left: 60px; display: none; z-index: 99996; }
#impact-icon .popup-window { top: -45px; left: 35px; display: none; z-index: 99995; }
#reporting-icon .popup-window { top: -45px; left: 45px; display: none; z-index: 99994;}
#brand-icon .popup-window { top: -50px; left: 20px; display: none; z-index: 99993;}
#community-icon .popup-window { top: -45px; left: 50px; z-index: 99992; }

#rightcol .boxout { clear: both; cursor:pointer; }
#rightcol .boxout-image { float: left; margin-right: 2px; margin-bottom: 10px;display: inline; }
#rightcol .boxout-image img { float: none; margin: 0; }
#rightcol .boxout-text { float: left; background: url(/images/boxout-text-bg.gif) 0 0 no-repeat; width:220px; height:90px; }
#rightcol .boxout-text:hover { background-position: 0 -90px; }
#rightcol .boxout-text h3 a { text-decoration: none; }
#rightcol .boxout-text h3 a:hover { background-color: transparent; color: #b4d0dc; }
#rightcol .boxout-text h3 { font-size: 1.714em; line-height: 1em; color: #491385; margin: 8px 0 4px 11px; font-weight: normal; }
#rightcol .boxout-text p { font-size: 0.785em; line-height: 1.3em; margin: 0 0px 0 11px;}
#rightcol .boxout-text li { padding: 0; list-style: none; }

.client-box h3 { float: left; width: 82px; }
#client-list { width: 103px !important; height: 73px !important; float: right; margin: 8px 20px 0 0; display: block; overflow:hidden;}
#client-list ul li { display:none; padding:0 !important;width: 103px !important; height: 73px !important;}

#content-bar-top { height: 3px; background: url(/images/content-box-bg-top.gif) top left no-repeat; width: 911px; }
#content-bar-bottom { height: 3px; background: url(/images/content-box-bg-bottom.gif) top left no-repeat; width: 911px; }

#content-bar { min-height: 130px; background: #ddf4fe url(/images/content-box-bg.jpg) bottom left no-repeat; padding-top: 25px; width: 911px; }
#content-bar h3 { color: #491385; font-size: 1.286em; font-weight: bold; line-height: 1.5; margin-bottom: 3px; }
#content-bar h3 a { text-decoration: none; }
#content-bar a.more { font-size: 0.857em; font-weight: bold; }

#tweeter-box { float: left; width: 178px; padding-left: 46px; margin: 0 17px 0 17px; background: url(/images/tweeter-icon.gif) 0 0 no-repeat; display: inline; }
#tweeter-box p { font-size: 1em; line-height: 1.3em; color: #008db9; }
#tweeter-box p.title { font-weight: bold; }
#tweeter-box h3 a { color: #491385; } 
#tweeter-box a { color: #008db9; text-decoration: none;  }
#tweeter-box a:hover { color: #fff; background-color: #008db9; }
#tweeter-list li {display:none;}
#stay-informed-box { float: left; width: 180px; padding-left: 37px; margin: 0 51px 0 0; background: url(/images/stay-informed-icon.gif) 0 0 no-repeat; display: inline; }
#stay-informed-box h3 a { color: #491385; } 
#stay-informed-box p { font-size: 1em; line-height: 1.3em; color: #008db9; font-weight: bold;}
#stay-informed-box a { color: #008db9; text-decoration: underline;  }
#stay-informed-box a:hover { color: #fff; background-color: #008db9; }

#uk-box { float: left; width: 125px; padding-left: 37px; margin: 0 15px 0 0; background: url(/images/uk-flag.gif) 0 0 no-repeat; display: inline; }
#usa-box { float: left; width: 151px; padding-left: 37px; background: url(/images/usa-flag.gif) 0 0 no-repeat; }
#uk-box p, #uk-box address, #usa-box p, #usa-box address { font-size: 0.785em; line-height: 1.3em; color: #008db9; }

#footer { padding-top: 11px; }
#footer-links { width: 800px; float: left; }
#footer li { float: left; border-left: 1px solid #fff; padding: 0 0 0 4px; margin: 0 0 6px 4px; font-size: 0.785em; color: #fff; line-height: 1; display: inline; }
#footer li.first { border-left: 0; padding-left: 0; margin-left: 0; }
#footer ul { clear: both; }
#footer a { color: #fff; text-decoration: none; text-align: right; }
#footer a:hover { color: #d3f1fe; background-color: transparent; }
#footer #rss-holder { display: block; float: right; width: auto; }
#footer a#rss { display: block; font-size: 0.785em; line-height: 19px; background: url(/images/rss-icon.gif) 0 0 no-repeat; padding-left: 25px; }

#footer-info { clear: both; padding: 30px 0 10px; }
#footer-info p { font-size: 0.785em; color: #d2e1e6; line-height: 1.4; }

#contact-slider { position: absolute; top: 0; right: 3px; z-index: 1000; width: 326px; }
#contact-slider a.btn-slide { background: transparent url(/images/slider-graphic.gif) 0 0 no-repeat; width: 326px; height: 48px; display: block; text-indent: -999em; outline: none; }
#contact-slider a.btn-slide.active { background-position: 0 -48px; }

#sliding-form { background: #491385; display: none; padding-top: 4px; }
#sliding-form fieldset { margin-bottom: 5px;}
#sliding-form li { clear: both; margin-top: 6px; }
#sliding-form label { color: #fff; float: left; width: 134px; text-align: right; margin-right: 12px; font-size: 1.071em; padding: 1px 0; font-weight: bold; display: inline; }
#sliding-form input { width: 162px; font-size: 0.857em; color: #464749; border: 2px solid #fff; padding: 1px; }
#sliding-form textarea { width: 162px; font-size: 0.857em; color: #464749; border: 2px solid #fff; padding: 1px; height: 80px; }
#sliding-form input.btn { width: auto; margin-left: 146px; border: 0; padding: 0; margin-bottom: 3px;}
#sliding-form p { font-style: italic; color: #ac8fcb; font-size: 0.857em; text-align: right; margin: 0 12px 0 0; } 

#sliding-form input.required, #sliding-form textarea.required { border: 2px solid red; background-color: #ffe3cb; }

p#success { margin: 5px 0 0 12px; font-size: 1em; color: #ffd900; font-style: normal; text-align: left; line-height: 1.6; }
	
.normal-content { width: 567px; height: 347px; float: right; margin: 108px 45px 0 0; background: url(/images/basic-content-box.gif) 0 0 no-repeat; display: inline; }	
#about-us-detail .normal-content { margin-top: 22px; }
.normal-content .slide-container { margin: 18px 0 0 18px; }
.normal-content .slide-container .slide-content { width: 532px; height: 311px; }

.case-study p, .case-study ul, .case-study ol, #rightcol p, #rightcol ul, #rightcol ol { font-size: 0.786em; line-height: 1.4; margin: 0 0 10px; }	
.case-study p, .case-study ul, .case-study ol, #rightcol .slide-container p, #rightcol .slide-container ul, #rightcol .slide-container ol, #rightcol .product-box p { font-size: 0.857em; }
#rightcol li, .case-study li { list-style-type: square; list-style-position: inside; }
#rightcol h3, .case-study h3 { font-size: 1.285em; font-weight: bold; margin: 0 0 10px; color: #491385; }
#rightcol h4, .case-study h4 { font-size: 1em; font-weight: bold; margin: 0 0 2px; color: #7bb7bf; }
#rightcol h5, .case-study h6 { color: #491385; font-weight: bold; font-size: 1em; }
#rightcol h6, .case-study h6 { color: #491385; font-weight: bold; font-size: 0.85	7em; }
#rightcol img, .case-study img { float: right; margin: 0 0 10px 10px; display: inline; }
#rightcol a:hover, .case-study a:hover { color: #8964b4; background-color: #fff; }
.case-study img { float: none; margin: 0 0 10px; }
p.pub-date { font-weight: bold; }

#rightcol .slide-container ul.sitemap { margin-left: 0; }
#rightcol .slide-container ul ul { font-size: 100%; margin: 0 0 0 10px; }
#rightcol .slide-container ul ul li { margin-bottom: 0; }
#rightcol .slide-container ul ul ul { font-size: 100%; margin: 0 0 0 10px;}
#rightcol .slide-container ul ul ul li { margin: 0; }
#rightcol .slide-container ul ul ul ul { font-size: 100%; margin: 0 0 0 10px;}

#rightcol a.pdf { background: url(/images/pdf-icon.gif) 0 0 no-repeat; display: block; line-height: 21px; padding-left: 29px; font-weight: bold; text-decoration: none; margin: 0 0 5px; }
#rightcol a.ppt { background: url(/images/ppt-icon.gif) 0 0 no-repeat; display: block; line-height: 21px; padding-left: 29px; font-weight: bold; text-decoration: none; margin: 0 0 5px; }

h2#ks-header { margin-top: 69px; background: url(/images/h2-ks.gif) 0 0 no-repeat; width: 239px; height: 88px; text-indent: -999em; }
h2#ks-archive-header { margin-top: 69px; background: url(/images/h2-ks-archive.gif) 0 0 no-repeat; width: 239px; height: 88px; text-indent: -999em;}
#publications-page h3, #ks-page h3 { margin: 0; }
#publications-page h4, #ks-page h4 { margin: 0 0 10px; font-size: 1.142em; }	

.publications { float: right; width: 566px; margin: 73px 43px 0 0; display: inline; }
#rightcol .publications img { float: none; margin: 0; }
.featured-publication { width: 566px; height: 152px; margin-bottom: 4px; }
#rightcol .featured-publication h3 { font-size: 1.4em; margin: 8px 0; font-weight: bold; line-height: 1.2; }
.publication { width: 566px; clear: both; margin-bottom: 2px; }
#rightcol .publication h3, #content .publications-archive h3 { font-size: 1.142em; font-weight: bold; line-height: 1.2; margin-top: 2px; }
#rightcol .publications h3 a, #content .publications-archive h3 a { color: #491385; text-decoration: none; }
#rightcol .publications h3 a:hover, #content .publications-archive h3 a:hover { color: #8964b4; background-color: transparent; }
.publication-image { float: left; width: 206px; }
.publication-text { float: right; width: 332px; padding: 5px 14px; background: url(/images/publications-text-box-bg.gif) bottom right no-repeat; }

.featured-publication { position: relative; height: 152px; }
.featured-publication .publication-image { position: absolute;  clip: rect(0px 206px 152px 0px);  }
.featured-publication .publication-text { height: 142px; }

.publication { position: relative; height: 51px; }
.publication .publication-image { position: absolute;  clip: rect(0px 206px 51px 0px);  }

.publication .publication-text { height: 41px; }

#rightcol a#archive { display: block; text-align: right; clear: both; padding: 15px 43px 0 0; text-decoration: none; font-weight: bold; }
#rightcol a#archive:hover { background-color: transparent; }	
	
.publications-archive { width: 565px; float: right; margin: 74px 44px 0 0; height: 363px; display: inline; }	
.publications-archive .item-list { width: 565px; height: 363px; }
.publications-archive .publication { width: 508px; height: 41px; background: url(/images/publication-archive-bg.gif) 0 0 no-repeat; padding: 5px 14px; }	

.normal-content { width: 567px; height: 347px; float: right; margin: 108px 45px 0 0; background: url(/images/basic-content-box.gif) 0 0 no-repeat; display: inline; }
#about-us-detail .normal-content { margin-top: 22px; }	
.normal-content .slide-container { margin: 20px 0 0 18px; }
.normal-content .slide-container .slide-content { width: 532px; height: 311px; }	

h2#clients-case-studies { background: url(/images/h2-clients-case-studies.gif) 0 0 no-repeat; text-indent: -999em; }	
h2#clients { background: url(/images/h2-clients.gif) 0 0 no-repeat; text-indent: -999em; }	
#client-page #leftcol { width: 876px; position: relative; height: 498px; }	
#client-icons { margin: 20px 0 0 58px; width: 435px; position: relative; }	
#client-icons-full-list { margin: 20px 0 0 58px; width: 818px;}
.client-pos { position: relative; width: 83px; height: 73px; float: left; display: inline; margin: 0 4px 4px 0; background: url(/images/clients/clients-small-bg.gif) 0 0 no-repeat; }
.client-pos img { margin: 7px 0 0 7px; }
.client-pos a img { margin: 0; }
.client-small a.logo-button { display: block; width: 69px; height: 60px; padding: 7px 7px 6px 7px; }	
.client-small a.logo-button:hover { background-color: transparent; }
.client-popup { position: absolute; top: 60px; left: -60px; z-index: 999; width: 222px; }
.client-popup-top { width: 159px; padding: 38px 22px 0 22px; background: url(/images/clients/client-popup-top.gif) 0 0 no-repeat; }	
.client-popup-bottom { width: 223px; background: url(/images/clients/client-popup-bottom.gif) 0 0 no-repeat; height: 17px; }	
.client-popup img { margin: 0 0 10px; float: none; display: block; }
.client-popup p { font-size: 0.857em; clear: both; }
#client-archive-link { position: absolute; bottom: 20px; left: 58px; }
#client-archive-link a { font-weight: bold; text-decoration: none; }

.case-study { position: absolute; top: 0; left: 459px; width: 359px; height: 335px; float: right; margin: 0; background: url(/images/case-study-box.gif) 0 0 no-repeat; }	
.case-study .slide-container { margin: 20px 0 0 18px; }
.case-study .slide-container .slide-content { width: 323px; height: 295px; }	
#leftcol .case-study img.client-logo { float: none; margin: 0 0 20px; }

#whatwedo-page h2 { background: url(/images/h2-what-we-do.gif) bottom left no-repeat; width: 230px; height: 45px; margin: 0 0 0 453px; padding-top: 55px; text-indent: -999em; }
#whatwedo-page #content p { margin: 0 30px 0 453px; font-size: 0.857em;  }
#whatwedo-page #content ul { margin: 27px 0 0 516px; }
#whatwedo-page #content li { width: 320px; padding-bottom: 1px; height: 31px; } 
#whatwedo-page #content li a { display: block; width: 320px; height: 31px; text-indent: -999em; outline: none; }
#whatwedo-page #content li#rep a { background: url(/images/link-reporting.gif) 0 0 no-repeat; }
#whatwedo-page #content li#eng a { background: url(/images/link-engagement.gif) 0 0 no-repeat; }
#whatwedo-page #content li#com a { background: url(/images/link-community.gif) 0 0 no-repeat; }
#whatwedo-page #content li#env a { background: url(/images/link-environment.gif) 0 0 no-repeat; }
#whatwedo-page #content li#sus { height: 60px; }
#whatwedo-page #content li#sus a { background: url(/images/link-sustainability.gif) 0 0 no-repeat; height: 60px; }
#whatwedo-page #content li#bra a { background: url(/images/link-brand.gif) 0 0 no-repeat; }
#whatwedo-page #content li#imp a { background: url(/images/link-impact.gif) 0 0 no-repeat; }
#whatwedo-page #content li#tho a { background: url(/images/link-thought-leadership.gif) 0 0 no-repeat; }
#whatwedo-page #content li a:hover { background-position: 0 -31px !important; }
#whatwedo-page #content li#sus a:hover { background-position: 0 -60px !important; }

#whatwedo-page #content li span { position: absolute; display: block; }

#whatwedo-page #content li span#rep-image { top: 377px; left: 263px; background: url(/images/icons/reporting-large.jpg) bottom left no-repeat; width: 119px; height: 122px;}
#whatwedo-page #content li span#eng-image { top: 195px; left: 242px; background: url(/images/icons/engagement-large.jpg) bottom left no-repeat; width: 197px; height: 166px; }
#whatwedo-page #content li span#com-image { top: 324px; left: 384px; background: url(/images/icons/community-large.jpg) bottom left no-repeat; width: 113px; height: 80px;  }
#whatwedo-page #content li span#env-image { top: 157px; left: 55px; background: url(/images/icons/environment-large.jpg) bottom left no-repeat; width: 167px; height: 97px; }
#whatwedo-page #content li span#sus-image { top: 75px; left: 15px; background: url(/images/icons/sustainability-large.jpg) bottom left no-repeat; width: 63px; height: 108px; }
#whatwedo-page #content li span#bra-image { top: 349px; left: 209px; background: url(/images/icons/brand-large.jpg) bottom left no-repeat; width: 55px; height: 84px; }
#whatwedo-page #content li span#imp-image { top: 131px; left: 218px; background: url(/images/icons/impact-large.jpg) bottom left no-repeat; width: 117px; height: 62px; }
#whatwedo-page #content li span#tho-image { top: 39px; left: 97px; background: url(/images/icons/thought-large.jpg) bottom left no-repeat; width: 139px; height: 103px; }

#service-page h2 { padding: 61px 0 0 20px; margin: 0; }
#service-page #rightcol { float: right; width: 566px; margin: 10px 36px 0 0; display: inline; }
#service-page #rightcol li.service-box { list-style: none; padding: 0; clear: both; cursor: pointer; }
#service-page #rightcol li.service-box .heading  { background: url(/images/green-bg-small.gif) 0 0 no-repeat; width: 134px; height: 50px; float: left; padding: 0 4px 0 16px; margin-bottom: 2px; vertical-align: middle; }
#service-page #rightcol li.service-box .heading h3 { padding-top: 16px; font-size: 18px; line-height: 18px; font-weight: bold; }
#service-page #rightcol li.service-box .heading h3.double { padding-top: 6px; }
#service-page #rightcol li.service-box .heading h3.triple { padding-top: 7px; font-size: 15px; }
#service-page #rightcol li.service-box .heading h3 a { text-decoration: none; color: #278199; }
#service-page #rightcol li.service-box .heading h3 a:hover { background-color: transparent; color: #0f5568; }
#service-page #rightcol li.service-box .service-intro { background: url(/images/service-intro-bg.gif) 0 0 no-repeat; width: 376px; float: left; height: 40px; padding: 10px 24px 0 12px; }
#service-page #rightcol li.service-box .service-intro p { font-size: 1em; }

.reporting-page #content { background-image: url(/images/backgrounds/reporting-bg.jpg); }
.engamement-page #content { background-image: url(/images/backgrounds/engagement-bg.jpg); }
.sustainability-page #content { background-image: url(/images/backgrounds/sustainability-bg.jpg); }
.brand-page #content { background-image: url(/images/backgrounds/brand-bg.jpg); }
.impacts-page #content { background-image: url(/images/backgrounds/impact-bg.jpg); }
.thought-page #content { background-image: url(/images/backgrounds/thought-bg.jpg); }
.environment-page #content { background-image: url(/images/backgrounds/environment-bg.jpg); }
.community-page #content { background-image: url(/images/backgrounds/community-bg.jpg); }

#service-page .normal-content { margin: 5px 0 0 0; }

#rightcol .case-studies { margin-top: 14px; padding-top: 14px; border-top: 1px solid #ebe5f2; }
#rightcol .case-studies p { font-weight: bold; font-size: 1em; }
#rightcol .case-studies p strong { color: #368d9a; font-weight: bold; }
#rightcol .case-studies p a { color: #464749; text-decoration: none; }
#rightcol .case-studies p a:hover { background-color: #464749; color: #fff; }

.intro { padding: 109px 64px 0 8px; height: 90px; }
.event-archive { width: 563px; float: right; margin: 0 44px 0 0; height: 263px; display: inline;  }	
.event-archive .item-list { width: 563px; height: 263px; }
#rightcol .item-list li.event { list-style: none; padding-left: 0; cursor: pointer; }
.event-archive .event { width: 538px; height: 51px; padding: 0; clear: both; float: left; margin-bottom: 2px;}
.event-archive .date { float: left; width: 126px; padding: 0 12px 0 16px; background: url(/images/green-bg-small.gif) 0 0 no-repeat; height: 51px; margin-bottom: 2px; }	
#rightcol .event-archive .date p { padding-top: 7px; font-size: 16px; line-height: 18px; font-weight: bold; }
.event-archive .event-details { float: right; width: 344px; background: url(/images/publication-archive-bg.gif) top right no-repeat; height: 51px; padding: 0 24px 0 16px; }
#rightcol .event-archive .event-details h3 { padding-top: 7px; font-size: 16px; line-height: 18px; font-weight: bold; }
#rightcol .event-archive .event-details h3 a { text-decoration: none; }
#rightcol .event-archive .event-details p { margin: 0; font-size: 16px; line-height: 18px; font-weight: bold;}

#people-page #leftcol { width: 375px; }
.our-people { padding: 15px; width: 274px; margin: 0; height: 304px; background: url(/images/people-list-bg.gif) 0 0 no-repeat; margin: 11px 0 0 44px; }	
.our-people .item-list { width: 274px; height: 304px; color: #278199; font-weight: bold; line-height: 1.1; }
.our-people .item-list a { color: #278199; text-decoration: none; }
.our-people .item-list a strong { color: #525354; }
.our-people .item-list a:hover { background-color: transparent; color: #ccc; }
.our-people .item-list li.person { margin-bottom: 4px; }

#people-page #rightcol { float: left; width: 400px; margin: 113px 0 0 0;}
.profile { padding: 15px; width: 369px; margin: 0; height: 280px; background: url(/images/profile-bg.gif) 0 0 no-repeat; margin: 11px 0 0;  }
.profile .slide-container { width: 359px; height: 280px;}

#rightcol .profile img { float: left; margin: 0 15px 10px 0; display: inline; }
#rightcol .profile h3 { font-size: 150%; margin: 0 0 4px;  }
.profile em { font-size: 120%; }

#tweeter-page #leftcol { width: 251px; float: left; margin: 0; padding: 42px 0 0 41px;}
#tweeter-page #leftcol h3 { background: url(/images/h3-archives.gif) 0 0 no-repeat; text-indent: -999em; width: 83px; height: 18px; margin-bottom: 11px; }
#archive li a { background: url(/images/archive-nav-bg.png) no-repeat; font-size: 0.857em; font-weight: bold; padding: 3px 12px; border-bottom: 1px solid #fff; text-decoration: none; width: 160px; display: block; }
#archive li.first a { background: url(/images/archive-nav-top.png) 0 0 no-repeat; }
#archive li.last a { background: url(/images/archive-nav-bottom.png) 0 100% no-repeat; border-bottom: 0; }
#archive li a:hover { background-position: -184px 0; color: #491386; }
#archive li.first a:hover { background-position: -184px 0; }
#archive li.last a:hover { background-position: -184px 100%; }

#tweeter-page #rightcol { width: 612px; margin: 0; float: right; position: relative; }
h2#tweeter-header { background: url(/images/h2-the-tweeter.gif) 0 0 no-repeat; width: 239px; height: 45px; text-indent: -999em;   }
#tweeter-page #rightcol h2 { margin: 36px 0 13px; }
#rightcol #tweeter-content { padding: 15px; width: 537px; margin: 0; height: 340px; background: url(/images/tweeter-box.gif) 0 0 no-repeat; }
#rightcol #tweeter-content .slide-container { width: 537px; height: 340px; }
#rightcol #tweeter-content ul.bloglist { font-size: 1em; }
#rightcol #tweeter-content .bloglist li { list-style: none; clear: both; margin-bottom: 32px; }
#rightcol #tweeter-content .bloglist li h3 { font-weight: bold; margin: 0; line-height: 1.2; font-size: 1.1em; }
#rightcol #tweeter-content .bloglist li h3 a { text-decoration: none; }
#rightcol #tweeter-content .bloglist li p { margin: 0 0 0 0; }
#rightcol #tweeter-content .bloglist li p.meta { color: #22b4e2; text-align: left; }
#rightcol #tweeter-content .bloglist li p.meta a { color: #22b4e2; font-style: italic; text-decoration: none; }
#rightcol #tweeter-content .bloglist li p.more { width: 50%; float: left; }
#rightcol #tweeter-content .bloglist li p.comments { width: 50%; float: right; text-align: right; color: #22b4e2; }

#tweeter-page #rightcol h2.tweeter-header { font-size: 30px; line-height:30px; margin: 48px 0 0 0; }
#rightcol #tweeter-detail { padding: 15px; width: 537px; margin: 0; height: 262px; background: url(/images/tweeter-detail-bg.gif) 0 0 no-repeat; }
#rightcol #tweeter-detail .slide-container { width: 537px; height: 262px; }
#rightcol p.meta { color: #404040; font-size: 100%; margin-right: 44px; margin-top: 4px; }
#rightcol p.meta a { text-decoration: none; font-style: italic; }

#contact-page #rightcol { width: 566px; float: right; margin: 72px 43px 0 0; display: inline;  }
.contact-details { background: url(/images/contact-box-bg.gif) 0 0 no-repeat; width: 566px; height: 152px; clear: both; margin-bottom: 2px; }
.contact-location { width: 174px; float: left; padding: 16px 16px 0;}
.contact-text { width: 328px; float: left; padding: 16px 16px 0; }
#rightcol .contact-details h3 { font-size: 1.5em; }
#rightcol .contact-details address, #rightcol .contact-details p { font-size:1.5em; font-weight:bold; margin:0; line-height: 1.15; color: #491386; }
#rightcol .contact-details p { color: #22b4e2; }
#rightcol .contact-details address a { color: #22b4e2; }

div.navigation { width: 568px; padding-top: 8px; text-align: right; font-size: 0.857em; font-weight: bold; }

#respond { margin-top: 30px; }
form#commentform { width: 511px; background: #55c3ff url(/images/comm-form-bottom.gif) bottom left no-repeat; height: 212px; position: relative; } 
form#commentform h3 { background: url(/images/leave-a-comment.gif) 0 0 no-repeat; width: 511px; height: 33px; text-indent: -999em; }
form#commentform label#name_label { display: block; float: left; background: url(/images/comm-label-name.gif) 0 0 no-repeat; width: 44px; height: 22px; text-indent: -999em; margin-left: 17px; }
form#commentform label#email_label { display: block; float: left; background: url(/images/comm-label-email.gif) 0 0 no-repeat; width: 48px; height: 22px; text-indent: -999em; margin-left: 15px; }
form#commentform label#comment_label { display: block; float: left; background: url(/images/comm-label-comment.gif) 0 0 no-repeat; width: 64px; height: 22px; text-indent: -999em; margin-left: 17px; clear: both; }
form#commentform input { border: 0; float: left; padding: 3px 4px; font-size: 0.814em; }
form#commentform input#author { width: 117px; }
form#commentform input#email { margin-bottom: 10px; width: 130px; }
form#commentform textarea#comment { float: left; border: 0; clear: both; background-color: #fff; width: 362px; height: 86px; font-size: 0.814em; margin: 6px 0 0 17px; padding: 3px 4px; display: inline; }
form#commentform input#submit { margin: 57px 0 0 14px; display: inline; }
form#commentform p#email_note { position: absolute; top: 70px; right: 122px; text-align: right; color: #b1e3ff; }

h3#comments_heading { font-weight: normal; font-size: 1.1em; border-top: 1px solid #cdcdcd; padding-top: 10px; margin-right: 10px; margin-bottom: 0; }

#rightcol ol.commentlist li { padding: 0; list-style: none; width: 477px; background: #f6f3f9 url(/images/comment-bg.gif) top left no-repeat; padding: 34px 17px 7px; font-size: 1em; margin-bottom: 10px; }
#rightcol ol.commentlist li.odd { background: #f6f3f9 url(/images/comment-bg-alt.gif) top left no-repeat; }
#rightcol ol.commentlist li p { font-size: 1em; }
cite { font-weight: bold; }

.product-box { width: 296px; background: url(/images/product-box-bottom.gif) bottom left no-repeat; padding: 0 12px 8px;}
.product-box-top { width: 320px; background: url(/images/product-box-top.gif) bottom left no-repeat; height: 13px;  margin-top: 40px; }
#rightcol .product-box p { margin: 0 0 5px; }
#rightcol .product-ccb a { color: #20bb15; font-weight: bold; text-decoration: none; }
#rightcol .product-ccb a:hover { color: #66d15e; }
#rightcol .product-lbg a { color: #00bce4; font-weight: bold; text-decoration: none; }
#rightcol .product-lbg a:hover { color: #6fd6ec; }

}  /* close @media rule */



#rightcol {display:none}
#leftcol {display:none}

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */


/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:185px; width:542px; background: url(/images/signup-popup-bg.png) 0 0 no-repeat; position: relative;}
#simplemodal-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-11px; right:-13px; cursor:pointer;}
#simplemodal-container #basicModalContent { padding:8px; } 

#stay-informed-link-content{display:none;}

#simplemodal-container h3 { background: url(/images/sign-up-header.gif) 0 0 no-repeat; width: 458px; height: 21px; margin: 18px 21px; text-indent: -999em;  }
#simplemodal-container h3.signupsuccess { width: 248px; } 

#simplemodal-container li { clear: both; text-align: left; line-height: 1.1; margin-left: 30px;}

#simplemodal-container label { text-indent: -999em; display: block; float: left; clear: both; width: 207px; margin-bottom: 8px; }

label.label_name { background: url(/images/label-your-name.gif) top right no-repeat; height: 12px; text-indent: -999em; margin-top: 7px; }
label.label_email { background: url(/images/label-your-email.gif) top right no-repeat; =height: 13px; text-indent: -999em; margin-top: 6px;}
label.label_list { background: url(/images/label-mailing-lists.gif) top right no-repeat; height: 35px; text-indent: -999em; }

#list-checks { display: none; }

#simplemodal-container input { float: left; width: 244px; height: 19px; padding: 4px; border: 0; margin: 0 0 8px 16px; font-weight: normal; font-size: 1em; color: #491386; border: 1px solid #fff;}
#simplemodal-container input.check { margin: 0 0 0 16px; width: auto; height: auto; padding: 0; }
#simplemodal-container input.btn { margin: 10px 0 0 402px; width: auto; height: auto; padding: 0; }

#simplemodal-container .checks { float: left; width: 260px; display: none; }
#simplemodal-container .check-group { clear: both; padding-bottom: 3px;}
#simplemodal-container .check-group strong { font-size: 90%; color: #491386; padding-left: 5px; }

#simplemodal-container .error { position: absolute; bottom: 13px; left: 13px; }
#simplemodal-container .error strong { color: #ff7800; background-color: #fff; padding:2px 4px; }

#stay-informed-link-content .required {border:1px solid red; }

#simplemodal-container .successmessages p, 
#simplemodal-container .successmessages ul { font-size: 1em; color: #491386; text-align: left; margin-left: 21px; margin-bottom: 4px;}

#simplemodal-container .successmessages li { list-style: disc; margin: 0; padding: 0; list-style-position: inside; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute;	cursor: pointer; right: 0; top: 0; height: 100%; background: transparent url(/images/scroll-bg.gif) 0 0 repeat-y; }
.jScrollPaneDrag { position: absolute; background: #23b4e1; cursor: pointer; overflow: hidden; border: 2px solid #fff; border-width: 2px 0; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(/images/scroll-up.gif) 0 0 no-repeat; height: 6px; width: 11px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(/images/scroll-down.gif) 0 0 no-repeat; height: 6px; width: 11px; }

#flashfile { margin: 20px;}

div.error{display:none;}