@charset "UTF-8";
/* CSS Document */

/* green: #c3cf21  */



body{font: 13px/18px Helvetica, Arial, sans-serif;  background:#000 url(../img/bg.gif) repeat-x; color:#9b9b9b;}
body.reverse{font: 13px/18px Helvetica, Arial, sans-serif;  background:#fff url(../img/bg.gif) repeat-x; color:#9b9b9b;}

a{color:#c3cf21; text-decoration:none;} a:hover{text-decoration:none;} .hide{display:none;}

.hidden
{
display: none;
}

.green {color:#c3cf21;}
.white {color:#fff;}
.gold {color:#e6d305;}
.silver {color:#CCCCCC;}


div#container {width:969px; margin:0 auto;}

div#header {margin-bottom:20px;}

h1.logo {background:url(../img/logo.gif); text-indent:-8000px; width:938px; height:104px; float:left; margin-left:12px; margin-bottom:30px;}
h2 { font-family: Helvetica, Arial, sans-serif; font-size:40px; color:#c3cf21; font-weight:bold; letter-spacing:0px; line-height:55px; margin-bottom:30px; padding-left:16px;}
h3 {color:#c3cf21; font-size:21px; margin-bottom:14px; padding-left:16px; letter-spacing:0.5px;}
h4 {color:#fff; font-size:14px; margin-bottom:3px; padding-left:16px;}
h5 {color:#c3cf21; font-size:12px; margin-bottom:3px;}

ul {margin-bottom:10px;}
p {margin-bottom:10px;}

ul.whatwedo-list {float:left; width:220px;}
ul.whatwedo-list li{background:url(../img/icons/bullet.gif)0 2px no-repeat; padding-left:10px;}



ul.sitemap {padding-left:20px;}

ul.sitemap li{font-size:14px; line-height:22px; padding-left:20px;}
ul.sitemap li.heading{font-size:18px; line-height:22px; margin-bottom:10px; padding-left:0px; text-decoration:underline;}
ul.sitemap li.lastlink{margin-bottom:10px;}







div#toplinks {padding-top:15px; padding-right:10px; padding-bottom:50px;}
div#toplinks p {color:#6d6b69; float:right; margin-right:15px; padding-top:5px;}
div#toplinks p span{color:#c3cf21;}
div#toplinks img {margin-right:10px; float:right; padding-top:3px;}
div#toplinks form.top-search {float:right; margin:3px 0 0; clear:both;}
div#toplinks form.top-search input{background-color:#9b9b9b; color:#000000; margin-left:10px; border:none; padding:2px 0 2px 3px; float:left; }
div#toplinks form.top-search input.go-btn{border:0 none;margin-left:5px;;padding:0;width:auto;}

div#logo {padding-left:16px; margin-bottom:29px;}
div#logo a {width:938px;height:104px;margin:0px;padding:0px;display:block;}

div#menu {padding-bottom:20px;}

ul#nav {padding-left:16px; margin-bottom:0px;}
ul#nav li {display:inline; font-size:20px; color:#FFFFFF; padding-right:8px; letter-spacing:0.5px;}
ul#nav li span{color:#c3cf21;}
ul#nav li a{color:#fff;}
ul#nav li a.selected{color:#c3cf21;}
ul#nav li a:hover{color:#c3cf21; text-decoration:none;}


div#subnav {height:24px; position:relative; margin-bottom:30px; padding-top:0px;}
div#subnav-holder {position:absolute; left:420px;}
div#subnav-holder.subnav-whoarewe { left:190px;}
div#subnav-holder.subnav-whatwedo { left:70px;}
ul.subnav-list {height:24px; background:url(../img/nav/subnav-l.gif) no-repeat; padding-left:15px;  padding-top:0px;font-size:14px; float:left;}
ul.subnav-list.reversesub {background:url(../img/nav/subnav-l-reverse.png) no-repeat; }
ul.subnav-list li{display:inline; margin-right:10px; }
ul.subnav-list li a.selected, ul.subnav-list li a:hover { color:#FFF; }
ul.subnav-list li.links{padding-top:10px; }

div#newsletter {background:url(../img/bg-newsletter.gif) no-repeat; text-align:right; padding-right:15px; padding-top:0px; margin-bottom:35px; margin-top:-21px;}
div#newsletter p {color:#c3cf21; float:right; margin-right:15px; font-size:16px; font-weight:bold;}
div#newsletter form.signup {float:right; padding-top:2px;}
div#newsletter form.signup input {background-color:#9b9b9b; color:#000000; border:none; padding:2px 0 2px 3px; float:left; width:230px;}
div#newsletter form.signup input.go-btn2{border:0 none;margin-left:5px;;padding:0;width:auto; width:19px;}


div#slider { padding-left:16px; margin-bottom:40px; height:275px; overflow:hidden;}
div#slider h2{font-size:40px; color:#fff; letter-spacing:1px; padding-top:30px;line-height:45px; margin-bottom:10px; padding-left:0px;}
div#slider p{ width:400px;}


div#casestudy-header {margin-bottom:40px;}
div#casestudy-header h2 {width:459px; float:left; line-height:40px; padding-top:30px; margin-right:19px;}
div#gallery {width:475px; float:left;}

div#gallery .controls {float:right; padding-right:20px;}


div#panels {margin-bottom:10px;}
div.panelholder {width:228px; float:left; margin-right:19px; margin-bottom:20px;}
div.panelholder.final {margin-right:0px;}
div.panelholder h3 {color:#FFFFFF; font-size:21px; margin-bottom:14px; padding-left:16px; letter-spacing:0.5px;}
div.panelholder h3.project {color:#c3cf21; font-size:18px; margin-bottom:10px; padding-left:0px; letter-spacing:0.5px;}
div.panelholder h3.green {color:#c3cf21;}
div.panelholder h3.twitter {background:url(../img/icons/bird.jpg) no-repeat right; color:#c3cf21;}
div.panelholder h4 {padding-left:0px;}
	
div.panelbox {width:202px; height:208px; background:#0d0d0d; padding-left:16px; padding-top:12px; padding-right:10px;}
div.panelbox.whoweare {width:228px; height:220px;padding-left:0px; padding-top:0px; padding-right:0px;}
div.panelbox.work {width:220px; height:200px; background:none; padding-left:0px; padding-top:0px; padding-right:0px;}
div.panelbox.inverse {background:none;}

div.panelbox p.big{font-size:21px; color:#c3cf21; line-height:28px;}
div.panelbox.bnews {background:url(../img/bg-new.gif) no-repeat #0d0d0d;}
div.panelbox.twitterfeed {padding-left:0px;}
div.panelbox dl {}
div.panelbox dl dt{font-size:14px; color:#fff; margin-bottom:8px;}
div.panelbox dl dd{font-size:12px; margin-bottom:8px;}
div.panelbox dl dd.date{color:#fff; margin-bottom:10px;}

div.middlepanel {float:left; margin-right:19px; width:475px; padding-top:13px;}

div#triple-panel {width:704px; padding-left:16px; margin-right:19px; float:left;}

/*   TABLES    */
table.form1{ margin-top:6px; position:relative; z-index:0;} 
table.form1 td{padding:5px 8px; font-size:1.2em;} table.form1 td.s50{width:50px;}
table.form1 td input, table.form1 td textarea{padding:2px; font-family:Lucida Grande, Lucida Sans, Arial, sans-serif; width:90%; font-size:12px;}
table.form1 td textarea{height:100px;}
table.form1 td input.submit, table.form1 td input.button{width:auto; padding:2px 8px; cursor:pointer;}
table.form1 td input.next-question{width:auto; padding:2px 8px; cursor:pointer;} *html table.form1 td input.next-question{padding:2px 0px; }
table.form1 tr.alt td{background-color:#2d2d2d; border-bottom:1px solid #343434; border-top:1px solid #343434;}
table.form1 td.s200{width:180px;} table.form1 td.s300{width:300px;}
table.form1 input.check{width:20px; height:20px; border:none;}
table.form1 input.formsend{background:url(../img/btn_submit.gif) no-repeat 0px 0px; width:110px; height:33px; border:0px; cursor:pointer; margin-bottom:10px; }

table.form1 td textarea , table.form1 td input ,table.form1 td select { width:250px; } 
table.form1 td textarea.error , table.form1 td input.error ,table.form1 td select.error { border:3px solid #F00;width:244px; } 


ul.work-tags {padding-top:5px; margin-bottom:0px;}
ul.work-tags li{ background:url(../img/icons/tag.gif) no-repeat; padding-left:16px; display:inline; padding-bottom:5px; font-size:11px; margin-right:10px;}



div#lhsnav {width:212px; float:left; margin-right:19px; background:#0d0d0d; padding:16px 0 16px 16px;}
div#lhsnav ul {}
div#lhsnav ul li {font-size:14px; margin-bottom:5px;}
div#lhsnav ul li.subsub {padding-left:10px; font-size:12px;}

div#main {width:722px; float:left;}


div#awards-footer {background:url(../img/icons/bg-awards.gif) no-repeat; padding-left:100px; height:75px; margin-bottom:20px;}
div#awards-footer dl{display:inline;}
div#awards-footer dl dt{float:left; margin-right:10px;}
div#awards-footer dl dd{color:#c3cf21; padding-top:20px; float:left; margin-right:20px;}


/*div.panelbox.warroom {background:url(../img/photos/warroom-small.jpg) no-repeat;}
div.panelbox.basecamp {background:url(../img/photos/basecamp-small.jpg) no-repeat;}
div.panelbox.bunker {background:url(../img/photos/bunker-small.jpg) no-repeat;}
div.panelbox.observatory {background:url(../img/photos/observatory-small.jpg) no-repeat;}*/



.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
}
.imgteaser a .more {
	position: absolute;
	right: 0px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	margin: 0;
	width: 210px;
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}

div#client-slider {margin-bottom:20px;}
div#prevNext{float:right; margin-right:20px;}


div#banner {margin-bottom:20px;}



/* Search Stuff*/

div#search-wrap{padding-left:16px;}
div#search-wrap h4 {margin-bottom:20px; padding-left:0px;}
div#search-wrap dl {margin-bottom:20px;}
div#search-wrap dl dt {font-size:16px;}





/* Press room */

div#press-lhs {width:212px; margin-right:19px; float:left; padding-left:16px;}
div#press-lhs h3{padding-left:0px;}
div#press-lhs h3.linkedin{background:url(../img/icons/linkedin2.jpg) no-repeat; padding-left:30px; padding-top:3px;}
div#press-lhs .press-thumb {float:left; margin-right:10px;}
div#press-lhs dl {float:left; width:150px; margin-bottom:10px;}
div#press-lhs dl.finallink {margin-bottom:40px;}
div#press-lhs dl dt {font-size:14px; color:#FFFFFF;}
div#press-lhs dl dd {line-height:16px; margin-bottom:5px;}

div#press-lhs .presspack {margin-bottom:20px;}
div#press-lhs .presspack img {margin-bottom:10px;}

div#press-middle {width:475px; margin-right:19px; float:left;}
div#press-middle h3{padding-left:0px;}

div#press-middle .feedwrap {background:#1a1a1a; width:443px; padding-left:16px; padding-right:16px; padding-top:12px; margin-bottom:20px; padding-bottom:5px;}
div#press-middle h3.rss{background:url(../img/pressroom/rss.gif) no-repeat right;}
div#press-middle .feedwrap p {float:right;}
div#press-middle .feedwrap .share {float:right;}
div#press-middle .feedwrap dl {float:left; width:300px; margin-bottom:20px;}
div#press-middle .feedwrap dl.feed-final {margin-bottom:5px;}
div#press-middle .feedwrap dl dt {font-size:14px; color:#FFFFFF;}
div#press-middle .feedwrap dl dd {line-height:14px; margin-bottom:5px; line-height:16px;}


div#press-rhs {width:228px; float:left;}
div#press-rhs p {padding-left:16px;}
div#press-rhs h3.twitter-press {background:url(../img/icons/bird.jpg) no-repeat right; color:#c3cf21;}

div#press-rhs .events {padding-left:16px; margin-bottom:20px;}
div#press-rhs .events .bigdate{float:left; width:30px; margin-right:5px;}
div#press-rhs .events .bigdate h3{padding-left:0px; color:#999999; font-weight:normal; font-size:24px; margin-bottom:0px;}
div#press-rhs .events .bigdate p{padding-left:0px; color:#999999; font-weight:normal; text-transform:uppercase;}
div#press-rhs .events .details{float:left; width:158px;}
div#press-rhs .events .details h4{padding:0px; margin-bottom:2px; font-size:18px; line-height:18px;}
div#press-rhs .events .details p{ padding:0px; line-height:14px;}


/*FOOTER*/

#footer {background:#0d0d0d; height:176px;}
#footer_wrap {width:969px;  margin:0 auto; padding-top:20px;}
#footer_wrap p{font-size:11px; margin-bottom:10px;}
#footer_wrap p a {color:#9b9b9b;}
#footer_wrap p a:hover, #footer_wrap p a.selected {color:#c3cf21;}


/*Dina's changes------------------------------------------------------------------*/

#double_panel_l {width:459px; padding-left:16px; margin-right:19px; float:left;}
#double_panel_r {width:459px; padding-left:16px; margin-right:0; float:left;}

#double_panel_l h3, #double_panel_r h3 { padding-left:0;}
#double_panel_l h4, #double_panel_r h4 { padding-left:0;}

#double_panel_l h2{padding-left:0px; margin-bottom:10px; font-size:40px; line-height:45px;}
#double_panel_l p {font-size:14px;}
#double_panel_r p {font-size:14px; margin-bottom:20px;}
#double_panel_r p.topp {padding-top:20px;}
.dt-header {margin-bottom:20px;}


#double_panel_r .casestudy { background:#000000 url(../img/bg_casestudy.jpg) no-repeat top right; padding-bottom:20px;}
#double_panel_r .casestudy p {width:188px; padding:0 0 0 10px;}
#double_panel_r .casestudy ul {padding:10px 0 0 10px; margin-bottom:5px;}
#double_panel_r .casestudy .green_strip { background-color:#c3cf21; padding:8px 0 5px 12px; }
#double_panel_r .casestudy .green_strip h4 { padding-left:0px;}
#double_panel_r .casestudy .green_strip h4 a{ color: #000;  font-size:16px;}
#double_panel_r .casestudy .green_strip a.viewwork {float:right; padding-right:10px; color:#FFFFFF; text-decoration:underline; text-alighn:right; font-style:italic; font-weight:bold; font-size:1.2em;}

/*Twitter & Linkedin*/
#panels .panelholder .panelbox p.twit_acc{ background:url(../img/icons/twitter-bw.gif) no-repeat; padding-left:30px; }
#panels .panelholder .panelbox p.linked_acc{ background:url(../img/icons/linkedin-bw.gif) no-repeat; padding-left:30px; }


/*ourwork_clients*/

#clients{ margin-bottom:10px; width:997px;}
#clients ul.client-logos {}
#clients ul.client-logos li{display:inline; margin-right:16px; width:228px; margin-bottom:10px;}
#clients ul.client-logos li.img{padding:0px; }
#clients ul.client-logos li.final{ margin-right:0; clear:both;}



#lhsnav ul li strong a.selected { color:#FFF; }
#lhsnav ul li.subsub a.selected { color:#FFF; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
    list-style: none;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    padding: 0 10px;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #FFF;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 3em 8px;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
#tabs .highlight {
	background-color:#252523;
	padding:2px;
}

#sign_up label.error { display:none !important; }
#sign_up #emailsignup.error { border:1px solid #F00; padding:1px 0 1px 1px; }


#uploadmessage {
-moz-border-radius:20px 20px 20px 20px;
color:#000000;
font-size:1.2em;
padding:10px;
text-align:center;
z-index:99;
}

/*Banner stuff*/

/*120x600*/
#wrapper1 {width:991px; margin:0 auto; position:relative; background:url(../img/banners/bg120.gif) no-repeat; height:796px;}
#flash1 {position:absolute; left:864px; top:153px;}

/*300x250*/
#wrapper2 {width:991px; margin:0 auto; position:relative; background:url(../img/banners/it.jpg) no-repeat; height:780px;}
#flash2 {position:absolute; left:670px; top:408px;}

/*728x90*/
#wrapper3 {width:991px; margin:0 auto; position:relative; background:url(../img/banners/bg728.gif) no-repeat; height:780px;}
#flash3 {position:absolute; left:150px; top:7px;}


#prevNext img { cursor:pointer; }