html {background: #fff;}
body {margin: 35px 0 0 0; background: #fff; font: 12px/1.2em Arial, Helvetica, sans-serif; color: #666;}
a {color: #488ca7; text-decoration:none;}
a:visited {color: #0f2f3b;}
a:hover {text-decoration: underline;}
.hr {height: 3px; background: url(../img/bg-rule.png) no-repeat center; margin: 15px 0 10px 0;}
.hr hr {display: none;}
#container {width: 949px; margin: 0 auto;}
#header {height: 90px;}
h1#logo {float: left;}
h1#logo a {display: block; background: url(../img/logo.png) no-repeat 0 7px; width: 101px; height: 76px; font-size: 20px;}
h1#logo span {display: block; height: 0; width: 0; overflow: hidden;}
ul#nav-top {width: auto; float: right; margin: 0 9px 0 0;}
ul#nav-top li {float: left;}
ul#nav-top li a {text-decoration: none; font-size: 10px;}
ul#nav-top li span {display: block; height:0; overflow: hidden; width:0;}
ul#nav-top li.nav_locations a {display: block; width: 68px; height: 14px; background: url(../img/nav_locations.png) center top no-repeat;}
ul#nav-top li.nav_contact a {display: block; width: 61px; height: 14px; background: url(../img/nav_contact.png) center top no-repeat; margin: 0 0 0 6px;}
ul#nav-top li.nav_facebook a {display: block; width: 16px; height: 16px; background: url(../img/icon_facebook.gif) center top no-repeat; margin: 0 0 0 6px;}
/* ul#nav-top li a:visited {background-position: center -45px; background-repeat: no-repeat;} */
ul#nav-top li a:hover {background-position: center -21px; background-repeat: no-repeat;}
ul#nav-top li.nav_facebook a:hover {background-position: inherit;}
ul#nav-main {clear:right; width: auto; float: right; margin: 45px 3px 0 0;}
ul#nav-main li {float: left; margin: 0 0 0 30px;}
ul#nav-main li a {text-decoration: none; font-size: 16px; padding: 4px 10px; height: 13px;}
ul#nav-main li span {display: block; height: 0; width: 0; overflow: hidden;}
ul#nav-main li.nav_about a {display: block; width: 45px; background: url(../img/nav_about.png) center top no-repeat;}
ul#nav-main li.nav_services a {display: block; width: 58px; background: url(../img/nav_services.png) center top no-repeat;}
ul#nav-main li.nav_case-studies a {display: block; width: 92px; background: url(../img/nav_case-studies.png) center top no-repeat;}
ul#nav-main li.nav_press-events a {display: block; width: 107px; background: url(../img/nav_press-events.png) center top no-repeat;}
ul#nav-main li.nav_ideas a {display: block; width: 37px; background: url(../img/nav_ideas.png) center top no-repeat;}
ul#nav-main li.nav_careers a {display: block; width: 53px; background: url(../img/nav_careers.png) center top no-repeat;}
/* ul#nav-main li a:visited {background-color: #0f2f3b; background-position: center -46px; background-repeat: no-repeat;} */
ul#nav-main li a:hover {background-color: #488ca7; background-position: center -23px; background-repeat: no-repeat;}
#page_locations ul#nav-top li.nav_locations a, #page_contact ul#nav-top li.nav_contact a {background-position: center -45px; background-repeat: no-repeat;}
#page_about ul#nav-main li.nav_about a, #page_services ul#nav-main li.nav_services a, #page_case-studies ul#nav-main li.nav_case-studies a, #page_case-study ul#nav-main li.nav_case-studies a, #page_press-events ul#nav-main li.nav_press-events a, #page_ideas ul#nav-main li.nav_ideas a, #page_careers ul#nav-main li.nav_careers a {background-color: #0f2f3b; background-position: center -46px; background-repeat: no-repeat;}
#big-image {width: 946px; margin: 22px 0 0 0;}
#home #big-image {width: 946px; margin: 0;}
/*
#big-image {width:946px; overflow:hidden; background-repeat: no-repeat; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; background-position: initial initial;}
#home #big-image {width: 946px; margin: 0; overflow:hidden; background-repeat: no-repeat; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; background-position: initial initial;}
*/
#news-updates {width: auto; margin: 10px 0 0 0;}
.newsitem {width: 305px; float: left; margin: 0 0 0 17px}
.newsitem div.top {display: block; background: url(../img/newsbubble.png) top left no-repeat #fff; padding: 15px 10px 0 15px;}
.newsitem div.middle {min-height: 90px;} /* change at the bottom for IE6, if necessary */
.newsitem h2 {font-size: 12px; color: #0f2f3b; margin: 0 0 15px 0; text-transform:uppercase; white-space:nowrap;}
.newsitem img {float: left; margin: 0 15px 0 0;}
.newsitem p {display:table; height:1%; font-size: 11px; color: #666; margin: 0; padding: 0;}
.newsitem p a:visited {color: #488ca7; text-decoration:none;}
.newsitem p a:hover {color: #0f2f3b;}
.newsitem div.bottom {display: block; height: 30px; background: url(../img/newsbubble.png) bottom left no-repeat #fff;}
#breadcrumb {clear: both; text-align:left; height: 36px; background: url(../img/bg-breadcrumb.png) no-repeat; margin: 0 0 22px 0 0;}
#breadcrumb p {line-height: 40px; padding: 0 0 0 10px; font-size: 10px; color: #fff; text-transform: uppercase;}
#breadcrumb p a:visited {color: #488ca7;}
#breadcrumb p span {padding: 0 8px; font-size: 13px; color: #999;}
#one-column {float: left; margin: 30px 0 0 0; width: 946px;}
img#header_graphic {margin: 0 0 20px 0;}
#one-column h2 {font-size: 18px; color: #666; font-weight: 400; line-height: 1.3em;}
#one-column p {margin: 15px 0 0 0; line-height: 1.7em;}
#two-column {margin: 30px 0 0 0;}
#two-column .column-left {width: 580px; float: left; padding: 0 10px 0 0;}
#two-column .column-left img#case_name, #two-column .column-left img#header_graphic {margin: 0 0 20px 0;}
#two-column .column-left h2 {font-size: 18px; color: #666; font-weight: 400; line-height: 1.3em;}
#two-column .column-left p {margin: 15px 0 0 0; line-height: 1.7em;}
#two-column .column-right {width: 306px; float: left; padding: 0 0 20px 28px; margin: 0 0 0 22px; background: #fff url(../img/bg-2column_right2.png) repeat-y;}
#page_case-study #two-column .column-right {width: 270px; padding: 0 25px 20px 38px; background: #F1F1F1 url(../img/bg-2column_right.png) repeat-y;}
#two-column .column-right h2, #two-column .column-right h3, #two-column .column-right p, #two-column .column-right li {font-size: 11px; color: #666; line-height: 1.4em;}
#two-column .column-right h2.project-facts {display: block; background: url(../img/heading_project-facts.png) no-repeat; width: 101px; height: 18px; margin: 20px 0;}
#two-column .column-right h2.project-facts span {display: block; height: 0; width: 0; overflow: hidden;}
#two-column .column-right h3 {font-weight: 700; text-transform: uppercase; margin: 10px 0 -10px 0;}
#two-column .column-right ul {padding: 10px 0; border-bottom: 1px dotted #488CA7;}
#two-column .column-right ul.last {border-bottom: none;}
#two-column .column-right ul li.pdf {background: url(../img/icon-pdf.png) no-repeat; padding: 0 0 5px 18px; font-weight: 700;}
#two-column .column-right ul li.email {background: url(../img/icon-email.png) 0 3px no-repeat; padding: 0 0 0 18px; font-weight: 700;}
#two-column .column-right ul li.pdf a:visited, #two-column .column-right ul li.email a:visited {color: #488ca7;}
#two-column .column-right a img {border: 1px solid #ccc;}
#two-column .column-right a:hover img {border: 1px solid #488ca7;}
#two-column .column-right dl {margin: 5px 0 30px 0;}
#two-column .column-right dl.last {margin-bottom: 0;}
#two-column .column-right dl dt {text-transform: uppercase; font-size: 11px; float: left; width: 45px; padding: 0 20px 0 0;}
#two-column .column-right dl dd {font-size: 11px;}
#three-column {margin: 30px 0 0 0;}
#three-column .column-left {width: 110px; float: left; padding: 0 25px 0 0;}
#three-column .column-left ul {border-top: 1px solid #488CA7;}
#three-column .column-left ul li {height: 35px; line-height: 35px;}
#three-column .column-left ul li.long a {line-height: normal; padding: 10px 5px;}
#three-column .column-left ul li a {zoom: 1; border-bottom: 1px solid #488CA7; padding: 0 5px; display: block; font-size: 11px; color: #0F2F3B; text-transform:uppercase; text-decoration: none;}
#three-column .column-left ul li a:visited {}
#three-column .column-left ul li a:hover {background: #0F2F3B; color: #fff;}
#three-column .column-middle {width: 515px; float: left; padding: 0 10px 0 0;}
#three-column .column-middle img#header_graphic {margin: 0 0 20px 0;}
#three-column .column-middle h2 {font-size: 18px; color: #666; font-weight: 400; line-height: 1.3em; margin: -7px 0 0 0;}
#three-column .column-middle p {margin: 15px 0 0 0; line-height: 1.7em;}
#three-column .column-right {width: 234px; float: left; padding: 0 0 20px 28px; margin: 0 0 0 22px; background: #fff url(../img/bg-2column_right2.png) repeat-y;}
#three-column .column-right h2, #three-column .column-right h3, #three-column .column-right p, #three-column .column-right li {font-size: 11px; color: #666; line-height: 1.4em;}
#three-column .column-right p {margin: 15px 0 0 0;}
#three-column .column-right h3 {font-weight: 700; text-transform: uppercase; margin: 10px 0 -10px 0;}
#three-column .column-right ul {padding: 10px 0; border-bottom: 1px dotted #488CA7;}
#three-column .column-right ul.last {border-bottom: none;}
#three-column .column-right a img {border: 1px solid #ccc;}
#three-column .column-right a:hover img {border: 1px solid #488ca7;}
#three-column .column-right dl {margin: 5px 0 30px 0;}
#three-column .column-right dl.last {margin-bottom: 0;}
#three-column .column-right dl dt {text-transform: uppercase; font-size: 11px; float: left; width: 45px; padding: 0 20px 0 0;}
#three-column .column-right dl dd {font-size: 11px;}
#page_press-events #three-column .column-right h2 {color: #666; font-size: 16px;}
#page_press-events #three-column .column-right p {color: #666; font-size: 12px;}
#page_ideas #three-column .column-right h2 {color: #666; font-size: 16px; margin: 0 0 15px 0;}
#page_ideas #three-column .column-right p {color: #666; font-size: 12px; margin: 0 0 15px 0;}
#page_careers #three-column .column-right h2 {color: #666; font-size: 16px; margin: 0 0 10px 0;}
#page_careers #three-column .column-right p {color: #666; font-size: 12px; margin: 0 0 3px 0;}
#nav-case-study_home {border-top: 1px dotted #488ca7; border-bottom: 1px dotted #488ca7; height: 20px; line-height: 20px; padding: 7px 0; margin: 25px 0 25px 0;}
#nav-case-study_home li {color: #000; float:left; text-transform: uppercase; font-size: 12px; font-weight: 700;}
#nav-case-study_home li a {color: #000; font-weight: 700; float: left; margin: 0 0 0 20px; padding: 0 5px; text-transform:none; font-size: 12px;}
#nav-case-study_home li a:hover {color: #fff; font-weight: 700; background: #488ca7; text-decoration: none;}
#nav-case-study_home li.here a {color: #fff; font-weight: 700; background: #0f2f3b; text-decoration: none;}
#page_case-studies h2 {font-size: 18px; color: #666; font-weight: 400; line-height: 1.3em;}
#page_case-studies h2.explore-case-studies {display: block; background: url(../img/heading_explore-our-case-studies.png) no-repeat; width: 370px; height: 32px; margin: 20px 0 0 0;}
#page_case-studies h2.explore-case-studies span {display: block; height: 0; width: 0; overflow: hidden;}
#page_case-studies .three-column {margin: 0 0 40px 0; padding: 0;}
#page_case-studies .three-column td {width: 306px; height: 200px; padding-right: 14px; vertical-align: top;}
#page_case-studies .three-column td img {display: block;}
#page_case-studies .three-column td a img {border: 1px solid #ccc;}
#page_case-studies .three-column td a:hover img {border: 1px solid #488ca7;}
#page_case-studies .three-column td dl {margin: 5px 0 30px 0;}
#page_case-studies .three-column td dl dt {text-transform: uppercase; font-size: 11px; float: left; width: 45px; padding: 0 20px 0 0;}
#page_case-studies .three-column td dl dd {font-size: 11px; white-space:nowrap; overflow: hidden;}
#page_case-studies .three-column td a {color: #488ca7;}
#page_case-studies h3 {color: #333; font-weight: 400; margin: 0 0 10px 0;}
#page_case-studies h3 span {margin: 0 0 0 5px; font-weight: 700; text-transform:uppercase;}
#page_about h3 {margin-top: 20px; font-size: 16px; font-weight: 400;}
#page_press-events p.date {color: #666; font-size: 13px;}
#page_press-events p.headline {font-weight: 700; color: #165168; font-size: 16px; margin: 0;}
#page_press-events p.headline2 {font-weight: 700; font-style:italic; color: #666; font-size: 12px; margin: 0;}
#page_press-events p.headline3 {font-weight: 700; color: #165168; font-size: 14px; margin: 15px 0 0 0; line-height: 1.3em;}
#page_press-events #three-column .column-right span.headline3 {color: #165168; font-weight: 700;}
#page_press-events #three-column .column-middle ul {list-style:disc; margin: 10px 0 10px 30px;}
#page_press-events #three-column .column-middle ul li {padding: 0 0 5px 0;}
#page_ideas .column-middle h2 {font-size: 18px; color: #666; font-weight: 400; line-height: 1.3em;}
#page_ideas .column-middle h3 {color: #165168; padding: 20px 0 0 0; font-size: 22px; font-weight: 400; line-height: 1.3em;}
#page_ideas .column-middle h4 {padding: 7px 0 0 0; font-size: 17px; font-weight: 400;}
#page_ideas .column-middle h5 {padding: 10px 0 0 0; font-size: 17px; font-weight: 400;}
#page_ideas .column-middle ul {list-style-type:disc; margin: 10px 0;}
#page_ideas .column-middle ul li {margin: 0 0 7px 30px; line-height: 1.4em;}
#page_ideas .column-middle img.cover {float: left; margin: 0 15px 0 0;}
#page_ideas .column-middle img.floatleft {float: left; left; margin: 10px 15px 0 0;}
ul.clients1 {width: 280px; float: left; margin: 30px 0 0 0;}
ul.clients2 {width: 230px; float: left; margin: 30px 0 0 0;}
ul.clients1 li, ul.clients2 li {font-size: 14px; padding: 0 0 5px 0;}
ul.bullets {list-style:disc; margin: 20px 0 0 30px;}
ul.bullets li {margin: 0 0 5px 0; line-height: 1.7em;}
ol {list-style: decimal; margin: 20px 0 0 30px;}
ol li {margin: 0 0 5px 0; line-height: 1.7em;}
td {font-size: 12px; color: #666;}
img.center {display: block; margin: 20px auto;}
blockquote {margin: 0 40px;}
#stoke-form td {font-size: 12px; color: #666; padding: 0 0 5px 0;}
#footer {width: 946px; float: left; height: 30px; background: #0f2f3b; margin: 30px 0 0 0;}
#footer p {line-height: 30px; padding: 0 20px; font-size: 11px; color: #999;}
#footer a {color: #999; text-decoration: underline;}
ul#nav-main li {_display: inline;} /* IE6 only */
#two-column .column-right dl dd {_zoom: 1;} /* IE6 only */
.three-column td dl dd {_zoom: 1;} /* IE6 only */
.three-column {_clear: none;} /* IE6 only */
.newsitem div.middle {height:auto !important; height:90px;}
html>body .three-column {clear: none;} /* IE7 only */
.like {float: right;}
.trigger h2 {padding:0; margin:0;}
.trigger img, .expanded img {border:none; margin-right: 5px;}
.trigger{cursor:pointer;}
.trigger:hover{cursor:pointer;}
.expanded{cursor:pointer;}
.expanded:hover{cursor:pointer;}
.show{position:static; display: table;}
.hide{position:absolute; left:-999em; height:1px; width:100px; overflow:hidden;}