.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


body,textarea{font:12px/1.22 arial,helvetica,clean,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
p {color: #efefef; line-height: 140%;}
a{text-decoration:none;}
a:link,a:active,a:visited{color:#999;}
a:hover{color:#999;}
:focus {outline: 0;}
body{background-color:#000;color:#efefef;text-align:center;}
address {font-size: 9px; line-height: 1.5;}

div#container{display:block;text-align:left;margin: 40px auto 0 auto; width: 960px; position: relative;}
div#header {display: block; height: 90px; position: relative;}
div#header h1 {float: left;width:80px; height:45px; background: url('logo.png') 0 0 no-repeat; text-indent: -99999px; margin-right: 64px;}
div#header h1 a {display: block; width: 90px; height: 45px;}
div#header .col {display: block; width: 195px; float: left; margin-right: 10px;}
div#header p {font-size: 9px;}
div#header .beyond {position: absolute; top: 0px; right: 30px;  font-size: 11px; padding: 5px 7px; background: #fff; color:#000; font-weight: bold; border: 1px solid #fff;}

dd.gallery {height: 240px;}
dl#content {clear: both; margin: 10px 0 0 0; display: block;}
dl#content dt {float: left; width: 120px; font-size: 11px; font-weight: bold;}
dl#content dt, dl#content dd {border-top: 1px solid #ededed; padding-top: 10px;}
dd.video {float: left; width: 864px;}
dl#content dd {margin-left: 140px; margin-bottom: 40px;}
dl#content h2 {font-size: 48px;}
dl#content div.info {display: none; margin-top: 20px; font-size: 19px; line-height: 120%;}
dl#content a.more {top: -8px; margin-left: 20px; position: relative; font-size: 11px; padding: 5px 7px; background: #fff; color:#000; font-weight: bold; border: 1px solid #fff;}
dl#content a.more:hover {border-color: #555; background: #555;}
ul#work {display: block; }
ul#work li {float: left;  display: block; width: 390px; height: 230px; margin-right: 12px; margin-bottom: 12px; }
ul#work li a {display: block; position: relative; padding: 20px;}
ul#work li a em {display: block; position:absolute; bottom: 20px; left: 20px; padding: 15px 22px 0px 0px; background: #000; font-size: 13px; font-weight: bold; color: #555;}
ul#work li a img {filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;}
ul#work li a:hover em {background-color: #111; color: #fff;}
ul#work li a:hover {background-color: #111;}
ul#work li a:hover img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/*ul#work li.bondadapt {background: url('client/bond.png') 0 0 no-repeat;}
ul#work li.vawine {background: url('client/vawine.png') 0 0 no-repeat;}
ul#work li.french {background: url('client/french.png') 0 0 no-repeat;}
ul#work li.valiving {background: url('client/valiving.png') 0 0 no-repeat;}
ul#work li.jblevy {background: url('client/jblevy.png') 0 0 no-repeat;}
ul#work li.leipertz {background: url('client/leipertz.png') 0 0 no-repeat;}
ul#work li.garren {background: url('client/garren.png') 0 0 no-repeat;}
ul#work li.bfg {background: url('client/bfg.png') 0 0 no-repeat;}

ul#work li.truamb {background: url('client/truamb.png') 0 0 no-repeat;}
ul#work li.3north {background: url('client/3north.png') 0 0 no-repeat;}
ul#work li.studiooptix {background: url('client/studiooptix.png') 0 0 no-repeat;}*/