html,body { font-family:'GothamBook', Arial, Tahoma; font-size:11px; line-height:16px; text-shadow: 0px 1px 1px #fff; margin:0px; padding:0px; }
html,body b { font-family:'GothamBookBold'; }

a { color:#00a09D; text-decoration:none; font-weight:bold; } 
::-moz-selection{ background: #bbbbbb; color: #000000; } 
::selection { background: #bbbbbb; color: #000000;	}


.b32 span { color:#aaa; }
.left { float:left; }
.right { float:right; }

h1 { font-family:'DinLight'; font-size:16px; text-transform:uppercase; margin:0px; text-shadow:none; }
h2 { margin:0px; text-transform:uppercase; }
.item h1 { font-family:'DinMedium'; color:#fff; text-transform:uppercase; margin:0px; }

#header { height:58px; padding:30px; background:#000; }
#header	#logoHolder { float:left; height:58px; z-index:25; position:relative; }
#header #socialNav { position:absolute; float:right; top:0px; right:30px; }
#header #mainNav { text-shadow:none; overflow:visible; }
#header #mainNav li { display:inline; list-style:none; margin-left:20px;  }
#header #mainNav li a { color:#ffffff; font-size:12px; text-decoration:none; text-transform:uppercase; }
#header #mainNav:hover a { color:#ddd; }
#header #mainNav:hover a:hover { color:#fff; }

#content { padding:0px 0px 30px 0px; min-height:430px; background:#fff; }
#footer {  width:100%; height:40px; position:absolute; z-index:5; position:relative;  font-size:10px; text-transform:uppercase; }
#footer .left {  background:#333333; }
#footer .right {  background:#ffffff; height:16px; overflow:visible; }
#footer .right li a, #footer .right li {  color:#333 !important; }
#footer .right li:hover, #footer .right li:hover a { color:#000 !important; }

#footer li, #footer li a { color:#ffffff; text-decoration:none; }
#footer li { float:left; list-style:none; text-shadow:none; padding:3px 0 0 0; margin:0px 12px 0 0px; }
#footer .left, #footer .right { padding:0 30px 0 30px; }

#copyright { color:#666; margin-left:30px; }
#copyright li { margin-left:0px; }
#copyright li, #copyright li a { color:#666; }

.contentInner { padding:30px; padding-bottom:0px; text-align:justify; min-width:870px; border-top:1px #ddd solid; }
.fixedW .contentInner { width:900px; }
.contentInner .main.right { width:40%; }
.contentInner .main.seperator { width:3%; }
.contentInner .main.left { width:57%; }
.contentInner .heading { ext-transform:uppercase; margin-top:8px; font-size:12px; }

#content #copy { height:99%; }

.hr { height:1px; border-top:1px #000000 dotted; margin:5px 0 5px 0; }

/* news teasers */
.teasers li { list-style:none; display:block; margin-bottom:10px; }
.teasers li a { display:block; color:#666666; text-decoration:none; }
.teasers li a:hover { color:#000000; }
/*.teasers li a:hover .title { text-decoration:underline; }*/
.teasers li a .title { float:left; text-transform:uppercase; font-weight:bold; color:#000000; }
.teasers li a .title { font-family:'GothamBookBold'; }
.teasers li a .date { float:right; color:#000000; }

/* client listing */
#clientListing div { float:left; }

/* lightbox project */
.projectDetails { overflow:hidden; height:420px; }
.projectDetails h1 {  text-align:left; }
.projectDetails h2 { font-size:11px; text-align:left;  }
.projectDetails .left { width:600px; height:420px; overflow:hidden; }
.projectDetails .left div { width:600px; height:420px; overflow:hidden; }
.projectDetails .left div img { position:absolute; }
.projectDetails .right { width:265px; overflow:hidden; }
.projectDetails .right h1, .projectDetails .right h2, .projectDetails .description { margin-bottom:15px; }
.projectDetails .info { height:337px; overflow:auto; clear:both; padding:15px; }
.projectDetails .description { text-align:left; }
.projectDetails .share { padding:0 0 0 15px; height:15px; border:1px #fff solid; }
.projectDetails a.link { display:block; color:#666; }
.projectDetails a.link:hover { color:#000; }
/*
.projectDetails .bg { position:relative; z-index:2; height:0px; float:right; overflow:visible;  background:#fff; }
.projectDetails .bg img { background:#fff !important; margin:-70px -70px 0 0px; -moz-opacity: 0.15;opacity:0.15;filter:alpha(opacity:15);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35); }
*/

.grpNavHolder { position:absolute; z-index:4; display:block; position:absolute; width:350px; height:20px; margin:400px 0 0 20px; }
.grpNavHolder li { display:inline-block; cursor:pointer; color:transparent; background:transparent url(/i/ui/dots/empty.png) no-repeat center center; margin-right:3px; width:13px; height:13px; }
.grpNavHolder li.active { background-image:url(/i/ui/dots/filled.png); }

/* logos */
.logoHolder div { padding:20px; float:left; width:176px; height:116px; overflow:hidden; }
.logoHolder:hover div:hover { -moz-opacity:1; opacity:1; }
.logoHolder:hover div img.clickable:hover { border:1px #999 solid; }
.logoHolder:hover div { -moz-opacity:.5; opacity:.5; }