html { background:#000; height:100% }
body { height:100%;font-family:Gill Sans, helvetica; line-height:16px; margin:0; padding:0}

div, li, ul, span, br, p, img, h1, h2, h3, h4, h5, h6 { padding:0; margin:0; border:0; list-style-type:none; border:0; }


#content, .section { width:100%; height:100%; overflow:hidden;position:relative; }
#content { background:#000 }
div.container{ height:100% }
div.container div.nav { position:absolute; left:0; top:0;width:287px;height:100%; background:#fff;padding-top:252px; }
div.height{ position:absolute; bottom:20px }
div.projects div.height { margin-top:30%; position:relative }
div.container div.main { position:absolute; left:287px;top:0;  height:100%; }

/* ---- NAVIGATION ---------------------*/
div.nav ul {  overflow:hidden; width:100%; background:#000; padding-left:10px }
div.nav ul li {  float:left; padding:7px; }
div.nav ul li a {color:#00b4ef; font-size:14px; text-decoration:none}
div.nav ul li a:hover, div.nav ul li span { border-bottom:1px solid #ccc; margin-bottom:20px; position:relative; color:#fff; font-size:14px; }

/* ---- PROJECT LIST -------------------*/
div.container div.main div.projects { height:100% }
div.container div.main div.projects ul {  overflow:hidden;height:100% }
div.container div.main div.projects ul li { height:100%; float:left; width:319px; margin-right:2px}
div.container div.main div.projects ul li:hover { height:100%; float:left; width:319px;background:#00b4ef; }
div.container div.main div.projects ul li.blank:hover { background:#000; }
div.container div.main div.scrollprojects {  }

/*div.main div.projects ul li.ws { width:424px; }
div.main div.projects ul li.ws:hover {  width:424px;background:#00b4ef; }*/

div.container div.main div.projects div.project { color:#066171; font-size:13px; line-height:16px;margin:30px 15px; }
div.container div.main div.projects div.project  div  { padding:2px 0;  }
div.container div.main div.projects div.project  div strong { padding-right:8px; } 
div.container div.main div.projects div.project  div.credit { font-style:italic }
div.clips { margin-top:30px; }
div.clips h3 { margin-bottom:4px; font-size:12px; }



/* ---- COLORBOX -----------------------*/
.tb_projectinfo { margin:0 auto;text-align:center; width:100%; font-size:12px }
.tb_projectinfo div.tb_projectdetails { text-align:left; width:520px;  margin:25px auto 0 auto }
.tb_projectinfo div.tb_projectdetails div { margin:8px 20px; color:#9a9e9d }
.tb_projectinfo div.tb_projectdetails div.clip { margin:0; color:#000 ;height:auto; width:66px; float:left; height:auto; padding-right:8px;}
.tb_projectinfo div.tb_projectdetails div.title {   }
.tb_projectinfo div.tb_projectdetails div.credit { font-style:italic }
.tb_projectinfo div.tb_projectdetails div.description { }
.tb_projectinfo div.tb_projectdetails div strong {color:#000; display:block  }

.tb_projectinfo  div.close { text-align:right }

/* ---- other clips ---- */
div.clips  { width:540px; overflow:hidden; color:#000 }
div.clips div.clip {  }
div.clips div.clip span {border:2px solid #fff   }
div.clips div.clip span:hover{ border:2px solid #00b4ef; opacity:.50 }


/* ---- REEL --------------------------*/

div.reel { text-align:center; margin-top:10%; }


/* ---- CONTACT --------------------------*/

.contact-info  { margin:0 auto; width:400px }
.contact-info h6 { font-size:13px; margin-top:25px; }
.contact-info a , small a{color:#066171}
.contact-info iframe { margin:20px 0 }
/* ---- ABOUT --------------------------*/

div.container_main { margin:0 auto; width:100%;height:100%; }
div.container_main div.main {  margin:0 auto; width:754px; background:#fff;height:100%;padding:5px;}
div.container_main div.nav { bottom:0;  width:755px; position:absolute; text-align:right;  }
div.container_main div.nav div { overflow:hidden; background:#000; color:#fff; font-size:10px; text-align:left }
div.container_main div.nav div p { padding:6px 0 0 13px; float:left; }
div.container_main div.nav div p span a,div.container_main div.nav div p span   { color:#f79c06;  }
div.container_main div.nav div p span   {margin-left:10px}
div.container_main div.nav ul { float:right; width:300px;text-align:right  }
div.container_main div.about { width:645px; background:#00b4ef; color:#066171; margin:0 auto 0 auto; position:relative; top:10%; padding:15px; line-height:18px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px; font-size:14px; -webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;}
div.container_main div.about h4 { color:#fff; font-size:16px;  }
div.container_main div.about p { margin:12px 0;  }


#jScroll{ position:relative;}
#jScroll .buttons{
		
		
	}

#jScroll .buttons  a.prev {background:transparent url(../images/icon_arrow_rt.png) no-repeat scroll center left; color:#fff; text-decoration:none; font-size:11px; padding-left:16px; margin-right:10px;}
#jScroll .buttons  a.next {background:transparent url(../images/icon_arrow_left.png) no-repeat scroll center right;color:#fff; text-decoration:none; font-size:11px; padding-right:15px  }
	
	

#slideshow{overflow:hidden; width:100%}

.hidden, .project{display:none;}






div.clip span { display:block; width:66px; height:50px; }