/* HTML elements */
html, body {background: #F8F7F3; color:#BFBCB3; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif; font-size: 0.95em; }
a {color:#69C9CA; font-weight: bold; text-decoration: underline; }
a:hover, a:focus, a:active {color: #3f6363;}
hr {background:#BFBCB3; height: 1px; margin:7px 0; width: 680px;}
ul, li {list-style-type: none; padding: 0; margin: 0;}

/* General */
#wrapper {position: relative; min-height: 100%; width: 960px; margin:0 auto; height:100%; }
* html #wrapper{height: 100%;}

/* Header */
div#header {margin-top: 60px; height: 180px;}
div#header div#intro {display: block; width: 700px; height: 80px; background: url(../images/intro.png) top left no-repeat; float: left;}
div#intro div#intro_block, div#intro div#coming_soon h3 {display: none; visibility: hidden;}
div#intro div#coming_soon {background: url(../images/badge3.png) top right no-repeat; display: block; height: 132px; width:129px; float: right; clear: both; margin-top: 35px; margin-bottom: -45px;}

div#header ul#contact {float: right; display: block; width: 260px;}
div#header ul#contact li {text-align: right;}
li#client_login a {color: #433a2c; text-transform: uppercase; text-decoration: none;}

/* Content */
#content { display: block; width: 700px; clear: both; margin-bottom: 12em; }
ul#recent_work li a div.image img {display: none; visibility: hidden;}
ul#recent_work li.omega {margin-right: 0;}
ul#recent_work li {display: block; width: 217px; height: 200px; float: left; margin: 0 23px 15px 0;}

ul#recent_work li#bright3d a div.image {background: url(../images/recent/bright3d.png) top left no-repeat; display: block; height: 174px; width:217px;}
ul#recent_work li#bright3d a:hover div.image { background: url(../images/recent/bright3d.png) left -174px no-repeat; }
ul#recent_work li#terrykenny a div.image {background: url(../images/recent/terrykenny.png) top left no-repeat; display: block; height: 174px; width:217px;}
ul#recent_work li#terrykenny a:hover div.image { background: url(../images/recent/terrykenny.png) left -174px no-repeat; }
ul#recent_work li#hottap a div.image {background: url(../images/recent/hottap.png) top left no-repeat; display: block; height: 174px; width:217px;}
ul#recent_work li#hottap a:hover div.image { background: url(../images/recent/hottap.png) left -174px no-repeat; }
ul#recent_work li#frielkean a div.image {background: url(../images/recent/frielkeanfilms.png) top left no-repeat; display: block; height: 174px; width:217px;}
ul#recent_work li#frielkean a:hover div.image { background: url(../images/recent/frielkeanfilms.png) left -174px no-repeat; }
ul#recent_work li#uloop a div.image {background: url(../images/recent/uloop.png) top left no-repeat; display: block; height: 174px; width:217px;}
ul#recent_work li#uloop a:hover div.image { background: url(../images/recent/uloop.png) left -174px no-repeat; }
ul#recent_work li#climbingdepot a div.image {background: url(../images/recent/depot.png) top left no-repeat; display: block; height: 174px; width:217px;}
ul#recent_work li#climbingdepot a:hover div.image { background: url(../images/recent/depot.png) left -174px no-repeat; }

div#content h2 {margin-bottom: 14px;}
div#content h2#recent {background: url(../images/recent.png) top left no-repeat; display: block; width: 132px; height:24px; margin-top: 30px;}
div#content h2#reel {background: url(../images/promo.png) top left no-repeat; display: block; width: 120px; height:24px; }
h2 span {display: none; visibility: hidden;}



/* Footer */
#footer {text-align:right; font-size: 0.8em; position:relative; background:url(../images/footer.png) left bottom repeat #281f18; display: block; height: 9em; margin-top: -9em; clear: both;}
#footer ul {padding: 7px; margin-right: 10px;}