@charset "utf-8";

/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{}del,ins{text-decoration:none;}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{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;}input,button,textarea,select{*font-size:100%;}

/* default styles */
.context {display: none;}
a {text-decoration: none; color: #000}
a:hover {text-decoration: underline;}
h1 {font-size: 1em;}
h2 {font-size: 50px;}
a {outline: none; font-weight: bold;}
img {display: block}
p,small {font-family: 'Gill Sans','Gill Sans MT', arial, sans serif; margin-bottom: 10px; font-size: 0.85em; line-height: 150%}
small {display: block}
h2.helv {text-transform: uppercase; font-size: 1.2em; margin-bottom: 18px; margin-top: 24px}




/* layout */
#container {width: 920px; position: relative; margin: 0 auto; padding-top: 18px; overflow: hidden; padding-bottom: 80px; min-height: 500px;}
#header {margin-bottom: 20px; float: right; width: 164px;}
#nav {width: 130px; float: right; clear: right;}
.article {width: 770px; float: left; background: url(../img/bg-paper-bottom.jpg) no-repeat left bottom; padding-bottom: 20px}
.article .inner {background: url(../img/bg-paper.jpg) no-repeat; padding: 40px 80px 30px 70px; width: 624px; overflow: hidden}
.article .withSidebar .content {width: 290px; float: left;}
#sidebar {width: 277px; float: right;}
iframe {border: 0;}



/* buttons */
ul.buttons {overflow: hidden; width: 100%}
ul.buttons li {float: left; margin-right: 8px}




/* titles */
h1 {height: 72px; background-repeat: no-repeat; text-indent: -9999px; position: relative; top: -12px; left: -12px;}
h1.title-contact {background-image: url(../img/titles/contact.png)}
h1.title-people {background-image: url(../img/titles/people.png)}
h1.title-insight {background-image: url(../img/titles/insight.png)}
h1.title-work {background-image: url(../img/titles/work.png)}
h1.title-blog {background-image: url(../img/titles/blog.png)}



/* logo */
.home #header {margin: 63px auto 0; float: none; width: 500px;}
#header img {margin: 0 auto 4px}
.home #header img {margin-bottom: 13px}
#header p {font-family: "Gill Sans MT Light"; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; text-align: center}
.home #header p {font-size: 21px; letter-spacing: 5px;}





/* primary nav */
.home #nav {float: none; width: 100%; padding-left: 190px; margin-top: 67px; overflow: hidden;}
.home #nav li {float: left; width: 115px; margin-right: 30px}
#nav li {width: 115px; margin-bottom: 10px}
.cufon-active #nav li {}
#nav li a {background: url(../img/btn-nav-new.gif) no-repeat; color: #000; display: block; height: 55px; text-indent: -9999px}
#nav li a:hover {color: #afada9; text-decoration: none}
#nav li.insight a {background-position: 0 0}
#nav li.people a {background-position: 0 -63px}
#nav li.work a {background-position: 0 -126px}
#nav li.contact a {background-position: 0 -189px}
#nav li.blog a {background-position: 0 -255px}
#nav li.insight a:hover {background-position: -140px 0px}
#nav li.people a:hover {background-position: -140px -63px}
#nav li.work a:hover {background-position: -140px -126px}
#nav li.contact a:hover {background-position: -140px -189px}
#nav li.blog a:hover {background-position: -140px -255px}





/* footer */
#footer {margin-top: 60px; text-align: center; text-transform: uppercase; letter-spacing: 0.1em}
#footer address {font-size: 0.9em; letter-spacing: 0.1em}
#footer ul {margin-bottom: 6px;}
#footer li {display: inline; font-size: 1.2em; background: url(../img/bullet.gif) no-repeat right center; padding-right: 20px; margin-right: 10px;}
#footer li.last {background: none}





/* page overlay */
div.overlay {position: absolute; z-index: 1; top: 35px; left: 12px; width: 877px; background: url(../img/bg-overlay-lg.png) no-repeat right bottom; display: none; padding-bottom: 16px}
div.overlayOn {display: block}
div.overlay .inner {background: url(../img/bg-overlay-lg.png) no-repeat left top;height: 525px; }
.close {position: absolute; top: 0; right: 0; height: 40px; width: 40px; background: url(../img/btn-close.gif) no-repeat center center; cursor: pointer}
.close a {display: block; height: 40px}
.prev {background-image: url(../img/btn-paginate-prev.gif); left: 5px}
.next {background-image: url(../img/btn-paginate-next.gif); right: 5px}
.pages {position: absolute; top: 230px; width: 35px; height: 35px; background-position: center center; background-repeat: no-repeat; cursor: pointer}
.pages a {display: block; height: 35px}
.paginate {position: absolute; bottom: 10px; text-align: center; width: 100%}
.paginate ul {margin: 0 auto; display: block}
.paginate li {display: inline; cursor: pointer; font-size: 1.4em; margin: 0 5px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #b00d29}
.paginate li a {color: #b00d29}
.paginate li:hover {border-bottom: 3px solid #b00d29;}
.paginate li.on {border-bottom: 3px solid #b00d29;}
div.overlay .innercontent {position: absolute; width: 794px; height: 480px; left: 42px; top: 16px}
div.overlay .logo {width: 156px; height: 88px; position: absolute; top: 15px; left: 15px; z-index: 4}
div.overlay .textBlock {padding: 0 120px}
div.overlay .imageLeft {padding: 0 130px}
div.overlay .imageLeft em {font-style: italic}
div.overlay .imageLeft img {float: left; margin-right: 10px;}
div.overlay .default {padding: 0}



/* thumbnail and thumbnail overlay block */
ul.thumbnails {margin-top: 20px; width: 670px; overflow: hidden;}
ul.thumbnails li {float: left; width: 95px; background: url(../img/thumb-shadow.png) no-repeat; display: block;}
ul.thumbnails img {margin-bottom: 10px;}
ul.thumbnails li p {font-size: 0.7em; line-height: 120%}
ul.thumbnails li span {display: block}
.popupProfiles .profile {display: none; opacity: 0; position: absolute; z-index: 1; top: 195px; left: 164px; width: 424px; overflow: hidden;}
.popupProfiles .show {display: block}
.popupProfiles .profile .inner {background: url(../img/bg-overlay-sm.png) no-repeat; padding: 30px 30px 0; width: 364px; }
.popupProfiles .profile .bottom {background: url(../img/bg-overlay-sm.png) no-repeat -424px 0; height: 17px; width: 100%;}
.popupProfiles .profile h2 {position: relative;	z-index: 1; font-size: 0.8em; font-weight: bold; margin-bottom: 8px}
.popupProfiles .profile p {font-size: 0.8em;line-height: 150%}



/* case study buttons */
ul.buttonList {width: 100%; overflow: hidden; margin-bottom: 10px}
ul.buttonList li {float: left;}
ul.buttonList li a {display: block; width: 156px; height: 88px;}




/* contact us google page */
#map_canvas {height: 420px; width: 276px;}