.cl{clear:both;line-height:0}
.shadow{-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.4);-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.4);box-shadow:1px 1px 4px rgba(0,0,0,0.4)}
mark{background:none}
p{margin-top:10px;line-height:20px}
@font-face{font-family:HelveticaNeue;src:url(fonts/helveticaneue.eot?#iefix) format(embedded-opentype), url(fonts/helveticaneue.woff) format(woff), url(fonts/helveticaneue.ttf) format(truetype), url(fonts/helveticaneue.svg#helveticaneue) format(svg);font-weight:400;font-style:normal}
body{background-color:#FFF;font-family:HelveticaNeue, sans-serif;color:#32373B;width:100%;height:100%;font-size:.8em;min-width:980px;min-height:100%;background:url(/images/leftBG.jpg) repeat-y top left #FAFAFA;margin:0}
#pageHolder{width:100%;min-width:980px;overflow-x:hidden;min-height:100%;position:relative}
.leftColBottom{bottom:0;position:absolute}
#header{width:100%;height:100px}
#header .leftCol{width:220px;height:100px}
#header a{display:block;width:185px;height:35px}
#logo{width:186px;height:36px;position:absolute;background:url(/images/logo.png) no-repeat;text-indent:-999px;margin:25px 10px 0 25px}
#middle{width:100%;float:left}
#left{float:left;width:220px;position:absolute;left:0;top:0;min-height:700px;height:1000px;overflow:visible !important;}
#nav{color:#000;font-size:1.5em;position:absolute;margin-top:100px}
#nav ul{margin:20px 0 150px}
#nav ul li{padding:2px 20px 2px 25px}
#newsSignup{width:235px; position:absolute; bottom:275px;}
#newsSignup h4{padding-left:20px; padding-top:5px; color:#FFF; font-size:1.4em;}
#nlsignupinfo{padding-left:20px; padding-top:0px; color:#FFF; font-size:1.1em;}
.newsletterCorner{position:absolute; right:0; top:-6px;}
#formHolder{width:200px; height:27px; background-color:#FFF; margin-left:20px; margin-top:5px; margin-bottom:10px;
  -moz-box-shadow: inset 2px 2px 3px #999;
  -webkit-box-shadow: inset 2px 2px 3px #999;
  box-shadow: inner 2px 2px 3px #999;
  }
#newsSubmit{color:#FFF; border:none; width:60px; padding:3px; margin:4px 3px; float:right; font-size:0.9em;}
#emailAddy{background:none; float:left; width:120px; height:21px; color:#999; font-size:0.9em; border:none; margin:4px 3px;}
#emailAddy.focus { color:#000; }
#center{min-width:420px;min-height:100%;padding:0 0 0 240px}
#viewport{width:100%;overflow:hidden;min-height:100%}
#wrapAround{width:200%}
#circleContainer{width:50%;float:left}
#circle{margin-right:25px;min-height:500px;height:100%}
.grab{cursor:0}
#text{display:none;position:absolute}
#text h1{font-size:7em;text-align:center}
#canvas{width:400px;height:400px;margin:auto}
#previewer{position:absolute;display:none;overflow:hidden}
#previewContainer{width:100%;height:100%;overflow:hidden}
.mask{position:absolute;z-index:4;width:102%}
.previewItem{width:1%;height:100%;float:left}
.previewItem .previewImgMask{overflow:hidden}
.previewItem h2{margin-top:3px;text-align:center;color:#333;font-size:15px}
#circleRightBoxTitle h1{margin-top:40px;float:right;font-size:1.01em;color:#333}
.rightImage{width:189px;border:1px solid #ccc;min-height:100px;margin:9px 0 9px 9px}
#circleRightBox a.viewProject{display:block;background-color:#333;color:#fff;text-decoration:none;position:absolute;margin-top:-40px;padding:5px}
#circleRightBox h2{font-size:1.3em;margin:10px 0 3px 9px}
#circleRightBox p{font-size:.95em;margin:0 0 9px 9px}
#workDisplayer{float:left;width:50%;overflow:hidden}
#workDisplayerInner{margin-right:30px;width:100%;min-width:760px!important}
#contentContainer{width:100%;min-width:740px!important}
.maxWidth2220{max-width:2230px}
#contentBody{margin-right:230px;border-top:2px solid #32373B}
#contentBody .contentRow{width:100%;border-top:2px solid #F0F1F1;border-bottom:2px solid #F0F1F1;margin:10px 0}
#contentBody .leftBodyContent{margin:10px 250px 10px 0}
#contentBody .rightBodyContent{width:230px;float:right;margin:10px 0}
#contentRight{width:230px;float:right}
.textContainer{border-top:2px solid #CCC;margin-top:5px;padding:10px 0}
a.readMore{color:#32373B;text-decoration:none;display:block;margin-top:10px}
a.readMore img{padding:0 10px}
#theTeam{min-width:735px}
.teamMemberDetails{overflow:hidden;width:100%}
.teamPhoto{width:50%;float:left;text-align:right;margin:15px 15px 0 0}
.teamPhoto img{width:100%;max-width:400px}
.teamText{margin-left:53%;width:47%;max-width:400px}
.teamPosition{margin-top:12px}
#map{width:100%;height:300px;margin:10px 0}
.contactsDetails li{padding:3px 0}
.contactsDetails li a{text-decoration:none;color:#000}
.contactsDetails li a:hover{color:#D4D600}
.max1000{max-width:1000px}
.imageContainer{width:100%;margin-top:10px;border-bottom:1px solid #32373B;overflow:hidden;max-width:2000px;position:relative;padding:10px 0}
#contentbody .imageContainer h2{position:absolute;font-size:1.6em;background-color:#FAFAFA;color:#32373B;bottom:0;left:0;padding:5px 5px 5px 0}
.newsText{border-bottom:2px solid #32373B;overflow:hidden;max-height:150px;padding:0}
.newsText a{color:#999;text-decoration:none;margin-top:10px;display:block}
.newsDate{display:block;font-style:italic;padding:5px 0}
.newsArticleText{border-bottom:2px solid #32373B;overflow:hidden;padding:5px 0}
.newsArticleText a{color:#999;text-decoration:none;}
a.backtonews{color:#999;text-decoration:none;display:block;margin-top:10px}
.load20{height:20px}
#newsScroll.imageContainer{height:20px;min-height:20px}
.pagingPages{position:fixed;bottom:0;font-size:1.2em;width:100%;padding-bottom:20px;padding-top:5px;background-color:#FAFAFA;border-top:1px dashed #CCC}
.pagingDisabled{color:#CCC}
#gallery{float:right;position:relative}
#gallery li a{width:200px;display:block}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;max-width:90%!important;height:auto!important;min-height:200px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%!important;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}
#lightbox-container-image-data{color:#666;padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}

#workDetail{width:100%;min-height:120px;margin-top:30px}
#workLeft{margin-right:370px;min-height:120px;border-top:1px solid #D2D4D5;border-bottom:1px solid #D2D4D5;padding:10px 0}
#workRight{width:325px;float:right;min-height:120px;border-top:1px solid #D2D4D5;border-bottom:1px solid #D2D4D5}
#wheel{float:left;margin:20px 17.5px}
.previousSpacer{width:70px;padding-right:25px;display:block;height:21px;padding-top:5px;margin-top:53px;float:left}
.previousProject{width:70px;float:left;text-align:right;padding-right:25px;display:block;height:21px;padding-top:5px;margin-top:53px;background:url(/images/arrows.gif) no-repeat right 0;color:#D4D5D7;text-decoration:none;font-size:1em}
.nextProject{width:70px;float:left;text-align:left;padding-left:25px;display:block;height:21px;padding-top:5px;margin-top:53px;background:url(/images/arrows.gif) no-repeat 0 -26px;color:#D4D5D7;text-decoration:none;font-size:1em}
.projectLike{position:absolute!important;right:318px;bottom:10px}
#tabs{position:absolute;width:100%;z-index:9;top:100px;right:-100%;display:block}
#workPanelTab,#socialPanelTab{width:35px;height:82px;margin-bottom:2px;position:absolute;margin-left:-30px}
#socialPanelTab{margin-top:97px;z-index:20;-moz-box-shadow:0 0 5px #272E35;-webkit-box-shadow:0 0 5px #272E35;box-shadow:0 0 5px #272E35}
#socialPanel{width:260px;min-height:800px;background-color:#93969A;position:absolute;z-index:20;overflow:hidden;-moz-box-shadow:0 0 5px #272E35;-webkit-box-shadow:0 0 5px #272E35;box-shadow:0 0 5px #272E35}
#socialPanel h1{font-size:1.6em;padding:10px 10px 0}
#socialPanel h1 img{margin-bottom:-5px}
#twitter_update_list{font-size:13px;line-height:21px;list-style:none;margin:15px}
#twitter_update_list li{padding-bottom:7px;margin-bottom:9px}
#twitter_update_list span,#twitter_update_list span a{color:#FFF;text-decoration:none}
#twitter_update_list a{color:#6f7276}
.facebookContainer{padding:15px}
#workPanelTab{margin-top:10px;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}
#workPanel{width:100%;background-color:#272E35;position:absolute;margin-bottom:100px;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;overflow:hidden}
#typeDescriptions{margin:40px 280px 40px 20px}
#typeDescriptions .typeDescription p{color:#FFF}
#workTopGradient{position:relative;z-index:13;height:30px;background:url(/images/workgradienttop.png) repeat-x;margin:20px 20px -44px}
#workBottomGradient{position:relative;z-index:13;height:30px;background:url(/images/workgradientbottom.png) repeat-x;margin:-48px 20px 20px}
#workContents{overflow-y:scroll;min-height:500px;position:relative;margin:0 280px 20px 20px;padding:10px 0}
#workContents div{float:left;width:150px;height:85px;z-index:9;position:relative;margin:10px}
#workContents .active{z-index:11}
#workContents .lastactive{z-index:10}
#workContents div h2{position:absolute;font-size:1.2em;margin-left:20px;background-color:#32373B;color:#FFF;margin-top:150px;opacity:0;padding:6px}
#workContents div a{display:block;width:150px;height:85px;border-bottom:4px solid #FFF;text-decoration:none}
#workContents .spacer{height:100%;width:100%;border:none}
#workContents div a .workPanelHolder{width:150px;height:85px;display:block;overflow:hidden;margin:0}
#footerContents{width:220px}
#contactDetails{width:220px;height:90px;margin:15px 10px 15px 25px}
#awards{height:103px;width:57px;float:left;background:url(/images/achievementLogo.gif) no-repeat;text-indent:-999px;margin:25px 0 0}
#billGreen{height:100px;width:100px;float:left;background:url(/images/billgreen.gif) no-repeat;text-indent:-999px;margin:25px 20px 25px 25px}
del,ins,#circleRightBoxTitle a,.imageContainer a{text-decoration:none}
sup,sub{vertical-align:baseline}
legend,.contactsDetails li a.tel:hover{color:#000}
section,article,header,footer,nav,aside,hgroup,.teamPhoto img.teamPhotoOn{display:block}
:focus,#lightbox-nav a{outline:none}
::selection,::-moz-selection{background:#D4D600;color:#fff;padding:3px}
#page,.previewItem .previewImg{width:100%;margin:0}
.workType,.teamPhoto img.teamPhotoOff,.loadHidden,#typeDescriptions .typeDescription{display:none}
#nav ul li a,#theTeam a,#contactDetails a{text-decoration:none;color:#32373B}
#previewHolder,#circleRightBoxTitle #titleHolder,#circleRightBox #rightBodyHolder{width:10000%;height:100%}
#circleRightBoxTitle,#circleRightBox{position:absolute;overflow:hidden;display:none}
#circleRightBoxTitle #titleHolder .titleContainer,#circleRightBox #rightBodyHolder .rightBodyContainer{width:1%;height:100%;float:left;overflow:hidden}
#upArrow,#downArrow{position:absolute;display:none}
#contentBody h2,.newsArticleText h2,#workLeft h2{font-size:1.6em}
a.teamMailTo,.teamPhone{color:#999!important;display:block;margin-bottom:4px}
.newsImage,#lightbox-image,#workContents div img,#footer{width:100%}
.load0,#newsScroll.newsText{height:0}
#gallery li,.gallaryPhoto{width:200px}
.tel,.tel:hover{text-decoration:none;cursor:default;color:#000}



















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */