/* Gloabl styles */
html { overflow-y: scroll; } /* prevents content to jump horizontally by forcing vertical scrollbar all over */
body { background: #fff url(../img/tile.png); font-family: Verdana,sans-serif;	color: #666; font-size:.73em; }
h2 { margin-bottom:1em; color:#01959f; font-size:1em; text-transform:uppercase; }
p, dl dd, dl dt, a:link, a:active, a:hover, a:visited { line-height:1.5em; }
dl dt { font-style:italic; float:left; margin-right:5px; }
dl dd { font-weight:bold;  }
a:link, a:active, a:hover, a:visited { color:#01959f; font-weight:bold; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }

/* Common classes */
.clear { clear:both; }
.invisible { display:none; }
.mb { margin-bottom:2.5em; }
.mbhalf { margin-bottom:1em; }

/* Elements */
.content { padding-top:30px; position:relative; }
.shadow_featured, .shadow_work, .shadow_refs { padding:0 16px 16px 0; margin:0 0 16px 0; }
.shadow_featured img, .shadow_work img, .shadow_refs img { display: block; position: relative; } /* IE fix */
.shadow_featured { width:480px; background: url(../img/shadow_featured.png) no-repeat bottom right !important; background: url(../img/shadow_featured.gif) no-repeat bottom right; }
.shadow_work { width:240px; background: url(../img/shadow_work.png) no-repeat bottom right !important; background: url(../img/shadow_work.gif) no-repeat bottom right; }
.shadow_refs { width:180px; background: url(../img/shadow_refs.png) no-repeat bottom right !important; background: url(../img/shadow_refs.gif) no-repeat bottom right; }
.pagination { text-align:right;}
.pagination ul { display:inline; list-style:none; font-family: Times,serif; font-style:italic; font-size:1.2em; background-color:#ececec; padding:4px 12px; }
.pagination ul li { display:inline; font-size:1.1em; padding:0 3px; }
.pagination ul li a { color:#868686; font-weight:normal; }
.pagination ul li a.inactive { font-style:normal; color:#01959f; } /* active index should appear like a nonlink */
.pagination ul li a.inactive:hover { cursor:default; text-decoration:none; }

#top, #main, #bottom { width:806px; padding:0px 47px; margin:0 auto; }
#top { background: url(../img/top_bg.png) no-repeat bottom center !important; background: url(../img/top_bg.gif) no-repeat bottom center; height:40px; margin-top:40px; }
#bottom { background: url(../img/bottom_bg.png) no-repeat top center !important; background: url(../img/bottom_bg.gif) no-repeat top center; height:40px; margin-bottom:40px; margin-top:0; }
#main { background: url(../img/main_bg.png) repeat-y top center !important; background: url(../img/main_bg.gif) repeat-y top center; }
#main div.panel { padding-bottom:.5em; }
#main div.last { padding-bottom:0; }

.video, .video_bg { position:absolute; z-index:2px; top:0px; left:0; width:100%; height:100%; }
.video_bg { z-index:1px; background-color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.video_top, .video_main, .video_bottom { z-index:3; width:500px; padding:45px 85px; position:relative; margin:0 auto; }
.video_top { padding-top:0; background: url(../img/video_top_bg.png) no-repeat bottom center !important; background: url(../img/video_top_bg.gif) no-repeat bottom center; height:40px; margin-top:0; }
.video_bottom { background: url(../img/video_bottom_bg.png) no-repeat top center !important; background: url(../img/video_bottom_bg.gif) no-repeat top center; height:40px; margin-bottom:40px; margin-top:0; }
.video_main { background: url(../img/video_main_bg.png) repeat-y top center !important; background: url(../img/video_main_bg.gif) repeat-y top center; }
.video_main a { position:absolute; top:-10px; right:30px; text-transform: uppercase; padding-right:15px; background: url(../img/close_btn.gif) no-repeat bottom right; }

/* Main navigation */
a.nav { display:block; background-color:transparent; background-position:0 0; background-repeat:no-repeat; width: 100%; height:27px; text-indent:-9999px; }
a.nav:hover, a.nav:active { background-position:0 -27px; }
a.active, a.active:hover { background-position:0 -54px; }
#nav_ltl { background-image:url(../img/nav_ltl.png); } 
#nav_work { background-image:url(../img/nav_work.png); } 
#nav_references { background-image:url(../img/nav_references.png); } 
#nav_bio { background-image:url(../img/nav_bio.png); } 

/* Content panels */
#content_ltl { background: url(../img/ltl_tagline.png) no-repeat top left; }
#content_ltl div.featured { float:right; margin-left:2em;overflow:hidden;}

#content_work div.work { width:256px; float:left; margin-right:19px; }
#content_work div.last { margin-right:0; }
#content_work div.work div.shadow_work { margin-bottom:0; position:relative; }
#content_work div.work div.shadow_work a { position:absolute; z-index:1; top:0; left:0; width:240px; height:135px; display:block; }
#content_work div.work div.shadow_work a:hover { background:transparent url(../img/play.png) no-repeat top left !important; background:transparent url(../img/play.gif) no-repeat top left; }
#content_work div.work dl.title dd cite { font-style:italic; font-weight:normal; }
#content_work div.work dl.title dt { font-style:normal; }
#content_work div.work dl dd.description { font-weight:normal; }

#content_references div.reference { width:187px; float:left; margin-right:19px; }
#content_references div.last { margin-right:0; }
#content_references div.reference div.shadow_refs { margin-bottom:0; }
#content_references div.reference h2 { margin-bottom:0; }

#content_bio img { margin:-20px 0 10px -10px; }
#bio_col1, #bio_col2 { width:370px; }
#bio_col1 { border-left:1px solid #e2e2e2; padding-left:30px; float:right; }
#bio_col2 { padding-right:30px; } 
#bio_col1 p, #bio_col2 p { margin-bottom:1em; }
#bio_col1 p.last, #bio_col2 p.last { margin-bottom:0; }