/**********************************************
 * base styles
 */
body { font-family:Arial, Helvetica, sans-serif; min-height:1050px; }
a { text-decoration:none; }
h1 { color:#00aeef; font-size:18px; font-weight:bold; text-transform:uppercase; }

/**********************************************
 * template layout styles
 */
#pg { overflow:hidden; }
#nav { color:#fff; float: left; position:relative; margin:65px 0 0 0; width:229px; z-index:1000; }
#nav a { color:#fff; display:block; }
#nav ul { }
#nav li { }
#nav li.logo { background:none; }
#nav li h2 { font-size:11px; font-weight:bold; }
#nav li h2 a { height:20px; padding:10px 0 0 24px; }
#nav li h2 a:hover { }
#nav li.open h2 a { cursor:default; }
#nav li.open h2 a:hover{ background:none; }
#nav li ul { padding:5px 0 20px 0; }
.jsOn #nav li ul { display:none; }
#nav li.open ul { display:block; }
#nav li li { background:none; }
#nav li li.current { background:transparent url(../img/bkg.subnav.current.png) repeat-y left; }
#nav li li.hover { background:transparent url(../img/bkg.subnav.hover.png) repeat-y left; }
#nav li li a { background:transparent url(../img/bkg.subnav.arrow.gif) no-repeat 24px center; font-size:11px; font-weight:normal; height:auto; padding:3px 0 3px 32px; }
#main { padding:0 0 0 229px; }


#home-bg {}
#home-bg { background-color: #000; position: fixed; top: 0px; left: 0px; height: 100%; width:100%; z-index: 1; }
* html #home-bg { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

/**********************************************
 * project details page styles
 */
div.project-details-wrap { margin:0 auto; position:relative; width:850px; }
div.project-details { background:#fff; left:0; margin:0 auto; position:relative; width:729px;  }
div.project-details div.img img { height:356px; width:729px; }
div.project-details div.hd { height:60px; position:relative; }
div.project-details div.hd h1 { padding:22px 0 0 30px; }
div.project-details div.hd div.btn { position:absolute; right:30px; top:20px; }
div.project-details div.hd div.btn a { background:transparent url(../img/bkg.details.btn.gif) left top; color:#fff; float:left; font-size:12px; font-weight:bold; margin:0 0 0 15px; padding:6px 0 6px 15px; text-align:center; text-transform:uppercase; width:125px; }
div.project-details div.bd { background:#fff url(../img/bkg.details.bd.gif) repeat-x top; color:#000; font-size:12px; padding:10px 30px 40px 30px; zoom:1; }
div.project-details div.bd:after{display:block;clear:both;visibility:hidden;content:'.';height:0;}
div.project-details div.bd h3 { font-weight:bold; padding:10px 0 0 0; }
div.project-details div.bd { line-height:1.4em; }
div.project-details div.bd div.blurbs { float:left; width:370px; }
div.project-details div.bd div.client { float:right; width:270px; }
a.next-project-link { background:transparent url(../img/bkg.details.arrowbtns.png) no-repeat left top; height:58px; position:absolute; right:0; top:360px; text-indent:-9999px; width:58px }
a.prev-project-link { background:transparent url(../img/bkg.details.arrowbtns.png) no-repeat left -75px; height:58px; position:absolute; left:0; top:360px; text-indent:-9999px; width:58px }

/**********************************************
 * project samples page styles
 */
div.project-samples-header { background:#fff; height:65px; left:0; position:absolute; top:0; width:100%; z-index:600; }
div.project-samples-header div.wrap { margin:0 0 0 229px; position:relative; }
div.project-samples-header div.title { float:left; padding:25px 0 0 0; text-align:right; width:50%; }
div.project-samples-header div.title h1 { padding:0 120px 0 0;}
div.project-samples-header div.btn { float:left; padding:25px 0 0 120px; }
div.project-samples-header div.btn a { background:transparent url(../img/bkg.details.btn.gif) left top; color:#fff; float:left; font-size:12px; font-weight:bold; padding:6px 0 6px 15px; text-align:center; text-transform:uppercase; width:125px; }
div.project-samples-header div.navbtns { left:50%; margin:0 0 0 -32px; position:absolute; top:20px; width:64px; }
div.project-samples-header div.navbtns a { background:transparent url(../img/bkg.samples.arrowbtns.gif) no-repeat left top; float:left; height:34px; text-indent:-9999px; width:25px;  }
div.project-samples-header div.navbtns a.prev { padding:0 5px 0 0; }
div.project-samples-header div.navbtns a.next { background-position:right -50px; padding:0 0 0 5px; }
div.project-samples-header div.navbtns a.prev.disabled { background-position:left -100px; cursor:default; }
div.project-samples-header div.navbtns a.next.disabled { background-position:right -150px; cursor:default; }

div.project-samples-overlay { background-color: #000; position: fixed; top: 0px; left: 0px; height: 100%; opacity:0.7; *filter:alpha(opacity=70); width:100%; z-index: 500; }
* html div.project-samples-overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

ul.project-samples-list { position:relative; z-index:501;}
ul.project-samples-list li { display:none; }


/**********************************************
 * contact us page
 */
body.contact div.contact-form-wrap { margin-top:100px;}
div.contact-form-wrap { background:#000; color:#fff; margin:65px auto 0 auto; width:400px; }
div.contact-form-overlay { background-color: #000; position: fixed; top: 0px; left: 0px; height: 100%; opacity:0.7; *filter:alpha(opacity=70); width:100%; z-index: 500; }
* html div.contact-form-overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div.contact-form-wrap div.wrap { border:solid 1px #666; padding:15px; position:relative; z-index:501; }
#contact-form-close,
#contact-thankyou-close { color:#fff; font-size:14px; position:absolute; right:14px; top:8px; }
body.contact #contact-form-close,
body.contact #contact-thankyou-close { display:none; }
div.contact-form-wrap h1 { padding:5px 0; text-transform:none; }
div.contact-form-wrap h1.thankyou { color:#fff; text-align:center; }
div.contact-form-wrap h2 { font-size:14px; font-weight:normal; margin:5px 0 10px 0; }
div.contact-form-wrap h2 strong { color:#666; font-size:31px; }
div.contact-form-wrap li { font-size:13px; padding:10px 0 0 0; }
div.contact-form-wrap label { display:block; padding:0 0 3px 0; }
div.contact-form-wrap input.text { width:250px; }
div.contact-form-wrap textarea { height:100px; width:350px; }
div.contact-form-wrap p.privacy { font-size:11px; }