@charset UTF-8;
/*
Theme Name: V3
Author: Chris Lock
Author URI: http://www.v3mg.com/
*/
html,body{background:#FFF;width:100%;height:100%;font:100%/100% Helvetica, Arial, Verdana, sans-serif;color:#000;margin:0;padding:0}
h1,h2,h3,h4,h5{font:100% Helvetica, Arial, sans-serif;margin:0;padding:0}
li{margin:0;padding:0}
p{margin:0;padding:0 0 15px}
a{color:#999;text-decoration:none}
img{border:0 none}
.clear{clear:both}
#page{position:relative;display:table;width:100%;height:100%;margin:0;padding:0}
#logo{position:absolute;display:table;width:100%;left:0;top:480px}
#logo .bar{position:relative;display:block;border-top:2px solid #CCC;margin:0 20px}
#logo .width{position:relative;display:block;width:930px;height:80px}
#logo .text{background:url(images/logo.png) no-repeat 0 0;position:absolute;display:block;width:70px;height:70px;text-indent:-9000px;left:150px;top:10px;overflow:hidden;z-index:20000}
#menu{background:#FFF;position:absolute;width:700px;height:70px;list-style:none;font:93.75%/100% Helvetica, Arial, Verdana, sans-serif;left:250px;top:492px;z-index:10000;margin:0;padding:0}
#menu li{position:relative;display:block;float:left;width:160px;height:20px;z-index:1000}
#menu .number{display:block;float:left;width:70px;color:#999;font:lighter 100%/100% Helvetica, Arial, Verdana, sans-serif;text-align:right;padding:0 10px 0 0}
#menu .move{display:none;color:#CCC;padding:0 0 0 80px}
#projects_box,#us_box,#contact_box,#blog_box{position:absolute;display:none;width:100%;height:580px;left:0;top:0;z-index:10000}
#projects_box .table,#us_box .table,#contact_box .table,#blog_box .table{background:#FFF url(images/logo.png) no-repeat 170px 492px;position:absolute;display:table;width:100%;height:580px;overflow:hidden;left:0;top:0;z-index:1000}
#projects_box .bar,#us_box .bar,#contact_box .bar,#blog_box .bar{position:relative;display:block;height:458px;border-top:2px solid #CCC;border-bottom:2px solid #CCC;margin:20px 20px 0}
#projects_box .content,#us_box .content,#contact_box .content,#blog_box .content{position:relative;width:930px}
.main_title{position:absolute;left:150px;top:40px;padding:0 0 100px}
.main_title,#scroll_box .projects_title{color:#EEE;font:1000%/100% Helvetica, Arial, Verdana, sans-serif}
#projects_box .close,#us_box .close,#contact_box .close,#blog_box .close,#error_box .error_close{background:url(images/close.png) no-repeat 0 0;position:absolute;width:50px;height:50px;text-indent:-9000px;left:80px;top:470px;overflow:hidden}
#projects_box .close:hover,#us_box .close:hover,#contact_box .close:hover,#blog_box .close:hover{background:url(images/close.png) repeat 0 -50px}
#us_box .sub_menu .social{color:#CCC;width:230px}
#us_box .section{position:absolute;display:none;width:710px;color:#777;font:100%/125% Helvetica, Arial, Verdana, sans-serif;left:150px;top:40px;margin:0}
#contact_box .physical{position:absolute;width:150px;color:#DDD;font:93.75%/133.33% Helvetica, Arial, Verdana, sans-serif;left:0;top:40px}
#contact_form{position:absolute;width:550px;left:150px;top:40px}
#contact_form .form_section{position:absolute}
#contact_form .name{left:0;top:0}
#contact_form .email{left:320px;top:0}
#contact_form .subject{background:transparent url(images/form_focus.gif) no-repeat -200px -200px scroll;left:0;top:45px}
#contact_form .message{background:transparent url(images/form_error.gif) no-repeat -200px -200px scroll;left:0;top:90px}
#contact_form .form_input,#contact_form .form_text,#contact_form .form_input_error,#contact_form .form_text_error{background:transparent;position:relative;color:#777;font:93.75%/25px Helvetica, Arial, Verdana, sans-serif;outline:0 none;border:0 none;padding:0}
#contact_form .form_input{border-bottom:1px solid #DDD}
#contact_form .form_input:focus,#contact_form .form_input_error:focus{color:#777;border-bottom:1px solid #999}
#contact_form .form_input_error{color:#F69220;border-bottom:1px solid #F69220}
#contact_form .form_text{background:transparent url(images/form.gif) repeat left top scroll}
#contact_form .form_text:focus,#contact_form .form_text_error:focus{background:transparent url(images/form_focus.gif) repeat left top scroll;color:#777}
#contact_form .form_text_error{background:transparent url(images/form_error.gif) repeat left top scroll;color:#F69220}
#contact_name,#contact_email{width:310px}
#contact_subject,#contact_content{width:630px}
#contact_form .form_input,#contact_form .form_input_error{height:24px}
#contact_form .form_text,#contact_form .form_text_error{height:175px}
.form_section_message{position:relative;padding:0 0 10px}
.form_response{position:absolute;width:375px;height:30px;font:93.75% Helvetica, Arial, Verdana, sans-serif;left:80px;top:290px}
#form_submit{background:none;position:absolute;color:#DDD;font:bold 131.25% Helvetica, Arial, Verdana, sans-serif;text-align:left;left:0;top:285px;border:0 none;outline:0 none;cursor:pointer;margin:0;padding:0}
#thank_you{color:#F69220;font:bold 375%/100% Helvetica, Arial, Verdana, sans-serif}
#projects_box #project_slideshow_wrapper{position:relative;float:left;width:620px;height:420px;padding:20px 20px 20px 0}
#projects_box #project_slideshow{position:relative;width:620px;height:420px}
#projects_box #project_slideshow .slides,#projects_box #project_slideshow .navigation{position:absolute;width:620px;height:420px;left:0;top:0}
#projects_box #project_slideshow .navigation{z-index:1000}
#projects_box #project_slideshow img{position:absolute;display:none;width:618px;height:418px;left:0;top:0;border:1px solid #EEE}
#projects_box #project_slideshow .navigation a{background:url(images/slideshow.png) no-repeat 0 -420px;position:absolute;display:block;width:310px;height:420px;top:0}
#projects_box #project_slideshow .navigation #slideshow_previous{left:0}
#projects_box #project_slideshow .navigation #slideshow_next{left:310px}
#projects_box #project_slideshow .navigation #slideshow_previous:hover{background:url(images/slideshow.png) no-repeat -122px 90px}
#projects_box #project_slideshow .navigation #slideshow_next:hover{background:url(images/slideshow.png) no-repeat 152px 90px}
#projects_box .project_title{position:relative;float:left;width:290px;}
#projects_box .project_title{display:block;color:#AAA;font:281.25%/100% Helvetica, Arial, Verdana, sans-serif;text-transform:lowercase;margin:0;padding:20px 0 0}
#projects_box .project_info{font:75%/125% Helvetica, Arial, Verdana, sans-serif}
#loading{position:absolute;color:#CCC;font:bold 375%/100% Helvetica, Arial, Verdana, sans-serif;left:150px;top:380px}
.blog_scrollbar{position:absolute;width:5px;height:420px;left:135px;top:20px}
.blog_scrollbar .track{background:#EEE;position:absolute;width:5px;height:420px;left:0;top:0}
.blog_scrollbar .limits{background:#DDD;position:relative;height:320px;cursor:pointer;border-top:1px solid #FFF;border-bottom:1px solid #FFF;margin:49px 0}
.jScrollPaneContainer{width:680px}
.jScrollPaneTrack{position:absolute;left:0;top:0;cursor:pointer}
.jScrollPaneDrag{background:#F69220;position:absolute}
#blog_box .post .title{color:#AAA;font:281.25%/100% Helvetica, Arial, Verdana, sans-serif;text-transform:lowercase}
#blog_box .post .categories{color:#999;font:75%/100% Helvetica, Arial, Verdana, sans-serif;text-transform:lowercase}
#blog_box .post .copy{font:75%/150% Helvetica, Arial, Verdana, sans-serif;padding:30px 0 0}
.archive_sort .active{color:#CCC;cursor:text}
#blog_box .archive .archive_head{color:#666;font:125%/100% Helvetica, Arial, Verdana, sans-serif;padding:0 0 10px}
#blog_box .archive li{padding:0 0 20px}
#blog_box .archive a{display:block;color:#AAA}
#blog_box .archive .title{font:281.25%/100% Helvetica, Arial, Verdana, sans-serif;text-transform:lowercase}
#blog_box .archive .count{display:block;color:#999;font:26.67%/100% Helvetica, Arial, Verdana, sans-serif}
#blog_box .archive .date{color:#999;font:75%/100% Helvetica, Arial, Verdana, sans-serif}
#blog_box .archive .sub{color:#999;font:75%/100% Helvetica, Arial, Verdana, sans-serif;padding:0 0 20px}
#page_bar{position:absolute;display:block;width:100%;left:0;top:0}
#home_bar .bar{position:relative;display:block;height:8px;border-top:2px solid #CCC;margin:20px 20px 0}
#scrollbar{position:relative;display:none;height:30px;overflow:hidden;padding:0 70px 0 20px}
#scrollbar .width{position:relative;width:860px;height:20px}
#scrollbar .track{background:#EEE;position:relative;height:10px}
#scrollbar .limits{background:#DDD;position:relative;height:10px;cursor:pointer;border-right:1px solid #FFF;border-left:1px solid #FFF;margin:0 49px}
#scrollbar .ui-slider-handle{background:#F69220;position:absolute;height:10px;width:100px;color:#999;outline:0 none;cursor:pointer;margin:0 0 0 -50px}
#scrollbar .timeline{position:absolute;width:6000px;display:none;color:#999;font:75%/100% Helvetica, Arial, Verdana, sans-serif;left:0;top:-15px}
#scrollbar .label{position:absolute;color:#DDD;font:93.75%/100% Helvetica, Arial, Verdana, sans-serif;text-align:right;right:20px;top:17px}
#scroll_box .projects_title{position:absolute;width:630px;left:170px;top:62px;padding:0 0 100px}
#scroll_frame{position:relative;width:100%;height:560px;overflow:auto;z-index:8000}
#scroll{position:absolute;height:540px;left:0;top:0;z-index:1000;padding:0 100% 0 20px}
#scroll .intro{position:relative;float:left;width:630px;height:342px;margin:0;padding:110px 0 0}
#scroll .intro .blurb{position:relative;width:620px;height:340px;color:#AAA;border-bottom:2px solid #CCC}
#scroll .intro .blurb h2{font:bold 375%/100% Helvetica, Arial, Verdana, sans-serif}
#scroll .project{position:relative;display:block;float:left;width:470px;height:342px;font:112.5%/100% Helvetica, Arial, Verdana, sans-serif;border-bottom:0 none;margin:0;padding:110px 10px 0 0}
#scroll .project a{position:relative;display:block;width:470px;height:340px;color:#CCC;border-bottom:2px solid #CCC;margin:0;padding:0}
#scroll .project a:hover{color:#999;border-bottom:2px solid #999}
#scroll .project img{position:relative;display:block;border:1px solid #EEE;margin:0 0 7px}
#scroll .project .bar{background:url(images/bar.png) no-repeat 0 0;position:absolute;display:block;width:470px;height:310px;left:0;top:0}
#scroll .project a:hover .bar{background:url(images/bar.png) no-repeat -470px 0}
#scroll .project .type{color:#DEDEDE;font:66.67%/100% Helvetica, Arial, Verdana, sans-serif;padding:4px 0 0}
#error_box{background:#F69220;position:absolute;display:none;width:100%;height:100%;color:#FFF;left:0;top:0;z-index:30000}
#error_box .table{background:#F69220 url(images/error_logo.png) no-repeat 170px 492px;position:absolute;display:table;width:100%;height:100%;overflow:hidden;left:0;top:0;z-index:2000}
#error_box .bar{position:relative;display:block;height:458px;border-top:2px solid #FFF;border-bottom:2px solid #FFF;margin:20px 20px 120px}
#error_box .main_title{color:#F9A442}
#error_box .content{position:relative;width:550px;padding:40px 230px 0 150px}
#error_box p{font:100%/125% Helvetica, Arial, Verdana, sans-serif}
#error_box .error_close{background:url(images/close.png) no-repeat 0 -100px}
#error_box .error_close:hover{background:url(images/close.png) repeat 0 -150px}
.copy h1,.project_info h1{color:#AAA;font:200% Helvetica, Arial, Verdana, sans-serif;padding:0 0 10px}
.copy h2,.project_info h2{color:#AAA;font:175% Helvetica, Arial, Verdana, sans-serif;padding:0 0 10px}
.copy h3,.project_info h3{color:#AAA;font:150% Helvetica, Arial, Verdana, sans-serif;padding:0 0 10px}
.copy h4,.project_info h4{color:#AAA;font:125% Helvetica, Arial, Verdana, sans-serif;padding:0 0 10px}
.copy h5,.project_info h5{color:#AAA;font:bold 100% Helvetica, Arial, Verdana, sans-serif;padding:0 0 10px}
.copy blockquote,.project_info blockquote{color:#999;margin:0;padding:10px 15px}
.copy img,.copy object,.project_info img,.project_info object{clear:right}
.alignleft{float:left;margin:0 20px 10px 0}
.alignright{float:right;margin:0 0 10px 20px}
.aligncenter{margin:0 auto 10px}
.copy ul,.project_info ul{list-style:inside;list-style-type:disc;margins:0 0 0 0;padding:0 0 10px}
.copy ol,.project_info ol{list-style:inside;list-style-type:decimal;margins:0 0 0 0;padding:0 0 10px}
.copy li,project_info li{margin:0;padding:0 0 5px 15px}
.blog_content li{margins:0 0 0 0;padding:0 0 5px 40px}
.copy a:hover,.project_info a:hover{color:#000}
ul,ol{list-style:none;margin:0;padding:0}
a:hover,#menu .active,#menu .move .disabled,#us_box .sub_menu .active,#projects_box .previous a:hover,#projects_box .next a:hover,#projects_box .blank_link,#blog_box .previous a:hover,#blog_box .next a:hover,#blog_box .archives a:hover,#blog_box .blank_link{color:#CCC}
.hide,.form_label,#blog_archive,#blog_archive_load{display:none}
#us_box .sub_menu,#blog_box .sub_menu,.archive_sort{position:absolute;color:#CCC;font:93.75%/100% Helvetica, Arial, Verdana, sans-serif;left:0;top:40px}
#us_box .sub_menu li,#blog_box .sub_menu li,.archive_sort li{padding:0 0 5px}
#us_box .current,#projects_box #project_slideshow .main{display:block}
#contact_box .physical p,#projects_box .previous,#projects_box .next{padding:0 0 10px}
#contact_box .physical a,.form_response .form_message{color:#DDD}
#contact_box .physical a:hover,#projects_box .previous a,#projects_box .next a,#blog_box .previous a,#blog_box .next a,#blog_box .archives a,#scrollbar .ui-slider-handle:hover,#scroll .project a:hover .type{color:#999}
.form_response .error_message,#form_submit:hover{color:#F69220}
.form_response .thanks_message,#blog_box .archive a:hover,#blog_box .archive a:hover .count{color:#666}
#blog_box .post_content,#blog_box .archive_content{position:absolute;width:685px;height:420px;left:135px;top:20px;overflow:hidden;padding:0 0 0 10px}
.blog_scrollable,.archive_scrollable,.archive_load_scrollable{position:absolute;width:640px;height:420px;padding-left:10px;top:0;overflow:hidden}
#blog_box .post,#blog_box .archive{position:relative;width:630px;padding:0 0 350px}
#blog_box .sub_menu .archives,.archive_sort .back_post{padding:10px 0 5px}