@charset "UTF-8";
/* Sidebar */
#logo {margin:0 0 0 0 ;}
#contact {margin:20px 0 0 0;font-size:13px;color:#ffffff;line-height:22px;}
#navs {font-size:26px;line-height:26px;letter-spacing:-1px;font-weight:bold;margin-top:23px;position:absolute;z-index:2;}
#navs a {margin-top:3px;}
#banner {margin-left:15px;}
#slidePortfolio {color:#ffffff;font-weight:normal;margin-bottom:10px;}
#closebtn {font-size:12px;margin:0 0 10px 10px;font-weight:normal;}
#closebtn span {color:#333333;}
#submenu {font-size:18px;line-height:18px;margin:10px 0 3px 10px;font-weight:bold;letter-spacing:0px;text-transform:uppercase;color:#555;}
#homeContainer {width:680px;padding-top:0px;line-height:20px;font-size:12px;}

/* About */
#introContainer {width:580px;padding:40px 40px 30px 40px;line-height:20px;font-size:12px;}
#introContainer #about {font-size:12px;}
#quote {margin:0px 80px 10px 50px;padding:0px 0 10px 0;font-family:"Times New Roman", Times, serif;font-style:italic;color:#999999;font-size:16px;font-weight:normal;border-top:0px #222 solid;border-bottom:0px #222 solid;width:490px;}
#about_quote {margin:10px 80px 10px 50px;padding:10px 0 10px 0;font-family:"Times New Roman", Times, serif;font-style:italic;color:#ffffff;font-size:16px;font-weight:normal;width:450px;}
#hometag {position:absolute;z-index:999;font-size:12px;font-weight:100;margin:10px 50px 10px 200px;text-align:center;letter-spacing:0px;background:#000;color:#fff;padding:5px 0 5px 0;text-transform:uppercase;}

/* People layout */
#p_cont {width:580px;padding:20px 40px 0 40px;font-size:12px;line-height:18px;}
#p_cont #top {height:40px;}
#p_cont #top #left {float:left;width:220px;}
#p_cont #top #right {float:left;width:270px;font-size:14px;line-height:16px;}
#p_cont #top #right #more_people {float:left;}
.smallgreytext{font-size:10px;color:#888888;letter-spacing:2px;text-transform:uppercase;}
.name{font-weight:bold;font-size:20px;}
#more_people img {padding-bottom:4px;vertical-align: middle;border:0;}
#more_people a {cursor: pointer;cursor: hand;}
#bottomA, #bottomA2, #bottomC, #bottomL, #bottomG, #bottomE {color:#888888;}

img.twit {padding-bottom:4px;vertical-align: middle;border:0;}
img.Gtwit {padding-bottom:6px;vertical-align: middle;border:0;}

/* Portfolio layout */
#gallery li a img {border:0px solid #ffff00;}
#portfolio img {border:0;}
#portfolio li {list-style:none;}
#portfolio {margin:0;height:600px;}
#work_container {padding:15px 50px 50px 50px;}
#work_container2 {padding:0 10px 10px10px;text-align:center;}
#brand1 {border-bottom:1px #333 solid;padding-bottom:10px;margin-bottom:20px;}
#brand1b {border-bottom:1px #333 solid;padding-bottom:10px;margin-bottom:20px;width:660px;}
#work_description {margin-top:10px;font-weight:bold;text-transform:uppercase;float:left;padding-right:10px;}
#right2 {float:right;margin-top:13px;}
#right2 span {font-size:10px;font-weight:normal;text-transform:none;}
#more1, #more2, #more3, #more4, #more5, #more6, #more7, #more8, #more9, #more10
{font-size:10px;color:#555555;margin-top:5px;line-height:14px;}
#thumbs {padding:15px 50px 0px 50px;}
#thumbs img {border:1px #333 solid;padding:2px;width:40px;}
#siteLauncher {font-size:10px;float:left;margin-top:13px;}

/* Case Studys */
#csIntroContainer {margin:0px 0 0 60px;padding:20px;background:#222222;width:560px;}
.csIntroTitle {font-size:28px;font-weight:bold;color:#ffffff;}
#csContainer {margin:20px 0 0 60px;background:#222 url('../images/boxrpt.jpg') repeat-y;width:600px;height:160px;}
#csThumb {float:left;width:222px;height:160px;}
#csDesc {padding:10px 20px 0 250px;}
.csTitle {font-size:14px;color:#fff;font-weight:bold;}
.csMediumCharc {font-size:14px;color:#888;font-weight:normal;}
.csMediumCharc2 {font-size:12px;color:#888;font-weight:normal;}
#hidden {visibility:hidden;display:none;}
#csPopupContainer {background:#ccc;height:537px;width:756px;}

#map {padding:50px 0px 0px ; margin-left:20px;}
#mapinfo img {padding-bottom:4px;vertical-align: middle;border:0;}

/* Footer Layout */
#footer {font-size:10px;color:#ffffff;width:940px;margin-right:auto;margin-left:auto;text-align:left;padding:15px;}
#footer #leftfooter {float:left;width:295px;}
#footer #rightfooter {float:left;width:150px;text-align:left;color:#fff;}
#footer #leftfooter span, #footer #rightfooter span {color:#222;}

/* All Links */
a.nav:link, a.nav:visited, 
a.navPort:link, a.navPort:visited, 
a.brandopen1:link, a.brandopen1:visited
{color:#FFFFFF; text-decoration:none;}
a.nav:hover, a.nav:visited:hover, 
a.navPort:hover, a.navPort:visited:hover, 
a.brandopen1:hover, a.brandopen1:visited:hover
{color:#555555; text-decoration:none;}
a.expandA:link, a.expandA:visited, 
a.expandC:link, a.expandC:visited,
a.expandL:link, a.expandL:visited,
a.expandG:link, a.expandG:visited,
a.expandE:link, a.expandE:visited
{color:#555555;text-decoration:none;}
a.expandA:hover, a.expandA:visited:hover,
a.expandC:hover, a.expandC:visited:hover,
a.expandL:hover, a.expandL:visited:hover,
a.expandG:hover, a.expandG:visited:hover,
a.expandE:hover, a.expandE:visited:hover
{color:#555555;text-decoration:none;}
a.subnav:link, a.subnav:visited {color:#ffffff;text-decoration:none;}
a.subnav:hover, a.subnav:visited:hover {color:#555555;text-decoration:none;}
a.subnav2:link, a.subnav2:visited {color:#555555;text-decoration:none;}
a.subnav2:hover, a.subnav2:visited:hover {color:#ffffff;text-decoration:none;}
a.footer:link, a.footer:visited {color:#333;text-decoration:none;}
a.footer:hover, a.footer:visited:hover {color:#888;text-decoration:underline;}

a.csLink:link, a.csLink:visited {color:#fff;text-decoration:none;}
a.csLink:hover, a.csLink:visited:hover {color:#fff;text-decoration:underline;}

#btn1{height: 26px;width: 86px;overflow: hidden;background:url(../images/_btns/homeB2.gif) left no-repeat;display:block;}
#btn1:hover{background-position:right;}
#btn2{height: 26px;width: 100px;overflow: hidden;background:url(../images/_btns/aboutB2.gif) left no-repeat;display:block;}
#btn2:hover{background-position:right;}
#btn3{height: 26px;width: 115px;overflow: hidden;background:url(../images/_btns/peopleB2.gif) left no-repeat;display:block;}
#btn3:hover{background-position:right;}
#btn4{height: 26px;width: 160px;overflow: hidden;background:url(../images/_btns/portfolioB2.gif) left no-repeat;display:block;}
#btn4:hover{background-position:right;}
#btn5{height: 26px;width: 144px;overflow: hidden;background:url(../images/_btns/locationB2.gif) left no-repeat;display:block;}
#btn5:hover{background-position:right;}
#btn6{height: 26px;width: 60px;overflow: hidden;background:url(../images/_btns/ftpB2.gif) left no-repeat;display:block;}
#btn6:hover{background-position:right;}
#btn7{height: 26px;width: 88px;overflow: hidden;background:url(../images/_btns/stuffb2.gif) left no-repeat;display:block;}
#btn7:hover{background-position:right;}
#contactLink{height: 26px;width: 60px;overflow: hidden;background:url(../images/_btns/ftpB2.gif) left no-repeat;display:block;}
#contactLink:hover{background-position:right;}

#csroll1{height: 160px;width: 221px;overflow: hidden;background:url(../images/csroll1b.jpg) top no-repeat;display:block;}
#csroll1:hover{background-position:bottom;}
#csroll2{height: 160px;width: 221px;overflow: hidden;background:url(../images/csroll2.jpg) top no-repeat;display:block;}
#csroll2:hover{background-position:bottom;}
#csroll3{height: 160px;width: 221px;overflow: hidden;background:url(../images/csroll3.jpg) top no-repeat;display:block;}
#csroll3:hover{background-position:bottom;}
#csroll4{height: 160px;width: 221px;overflow: hidden;background:url(../images/csroll4.jpg) top no-repeat;display:block;}
#csroll4:hover{background-position:bottom;}
#csroll5{height: 160px;width: 221px;overflow: hidden;background:url(../images/csroll5.jpg) top no-repeat;display:block;}
#csroll5:hover{background-position:bottom;}
#csroll6{height: 160px;width: 221px;overflow: hidden;background:url(../images/csroll6.jpg) top no-repeat;display:block;}
#csroll6:hover{background-position:bottom;}


/* --- Contact Form --- */
#contactForm {position:absolute;width:226;display:none;z-index:99;border:0px #900 solid;margin:10px 0 0 0;background:#000;}
#ftpp {padding:10px 20px 10px 0;font-size:12px;width:226px;height:10px;}
#ftpp form {font-size:14px;font-weight:normal;letter-spacing:normal;}
#contactForm input[type=text] {border:solid 1px #4d3a24;width:150px;height:16px}  
#contactForm input[type=password] {margin:0px;border:solid 1px #4d3a24;width:150px;height:16px}  
#contactForm input[type=submit] {background-color:#333;border:solid 1px #fff;color:#fff;width:70px;padding-bottom:2px;float:right;margin-top:5px;}  

#descriptions {font-size:12px;color:#888888;text-align:center;border:0px solid #ffffff;}
#descriptions strong {color:#ffffff;}
#menu3 {padding-top:20px;height:20px}
.wactive, .gallery-2, .gallery-3, .gallery-4, .gallery-5, .gallery-6, .gallery-7, .gallery-8, .gallery-9, .gallery-10, .gallery-11 {border:0px #fff solid;padding:5px 10px 5px 10px;width:50px;color:#555555;text-decoration:none;}
.wactive:hover, .gallery-2:hover, .gallery-3:hover, .gallery-4:hover, .gallery-5:hover, .gallery-6:hover, .gallery-7:hover, .gallery-8:hover, .gallery-9:hover, .gallery-10:hover, .gallery-11:hover {color:#ffffff;text-decoration:none;}