*
{
	margin: 0;
	border: none;
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a  { text-decoration: none; color: #EEE}
a:hover {color: #FFCC33; }
h1 {
	font-size: 18px;
	line-height: 32px;
	color: #C93;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
}
h2 {
	font-size: 13px;
	line-height: 18px;
	color: #FC3;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
}
h3 {
	font-size: 16px;
	line-height: 18px;
	color: #FC3;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
}
p {
	margin: 5px 0;
	padding: 0 20px 0 0;
	color: #eee;
}
p2 {
	margin: 5px 0;
	padding: 0 20px 20px 0;
	text-align:justify;
	font-size: 13px;
	line-height: 17px;
	color: #eee;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0;
}

#about h1,
#services h1,
#contact h1
{
	margin-top: 20px;
	border-bottom: 1px solid #666633;
}

body { background: url("../img/bg.jpg") no-repeat top center #000; }
#body_inner { width: 936px; height: 100%; margin: 0 auto; overflow: hidden;  }
#body_background  
{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 756px;
	height: 100%;
	width: 100%;
	background: url("../img/header_bar.png") no-repeat center 64px;
	color: #CCC;
}

video 
{
    display: block;
    position: relative;
}

.hidden {display: none;}
.clear { clear: both; overflow: hidden; height: 0;}
.italic { font-style: italic; }
.bold {	font-weight: bold; }
.underline { text-decoration: underline; }


/* .mejs-container.mejs-video 
{    
    position: absolute;    
    left: 208;
    z-index: 10;   
}
*/

#content #video_js_container
{
    position: absolute;
    z-index: 20;
    width: 584px;
    height: 400px;
    left: 208px;
    top: 70px;
}

#content #video_js_container_large
{
	position: absolute;
	z-index: 20;
	width: 717px;
	height: 403px;
	left: 209px;
	top: 27px;
}

#content #video_js_container .video-js 
{
    display: none;

}

.middle_aligned home_aligned 
{
    width: 936px;
    position: relative;
    z-index: 1;
}

.middle_aligned_vert 
{
    width: 936px;
	height:	537px;
    position: relative;
    z-index: 1;
}


/*   DIALOG   */

#shade_box  
{
    background: url("../img/shade_bg.png");
    width: 100%;
    height: 100%;
    position:fixed;
    left: 0;
    top: 0;    
    display: none;
}

.inner_shade 
{ 
    width: 100%;
    height: 100%;   
    background: url("../img/shade_bg.png");
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 1;
}

.shade_it #shade_box,
.shade_it .inner_shade   
{
    display: block;    
}

.shade_it #header #jt_logo  
{
    background-position: 0 1px;   
}
.shade_it #footer .footer_info, 
.shade_it #footer .footer_info a
{
    color: #7a7a7a
}
/*  FORMS/ERRORS   */

form  label
{
    font-weight: normal;
}

.textarea_contact {
	background-color: #3C3D34;
	border: 1px inset #9FA289;
	width: 220px;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 4px;
	margin-bottom: 3px;
}
.textarea_comment 
{
    margin-top: 4px;
    margin-bottom: 3px;
	background-color: #3C3D34;
	border: 1px inset #2F1A08;
	width: 516px;
	float: none;
	margin-bottom: 5px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}
.textarea_send {
	background-color: #CDD0B1;
	border: 2px inset #B1B398;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3C3D34;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-right: 14px;
}
/*  HEADER   */

#header  
{
    height: 103px;
    margin-top: 32px;              
}

#header #jt_logo  
{    
    height: 76px;
    width: 278px;
    float: left;
    background: url("../img/jt_header.png") no-repeat 0 0;
    position: relative;
}

#header #jt_logo:hover 
{
    /*background-position: 0 -76px;   */
}

#header #jt_logo a
{
    display: inline-block;
    width: 100%;
    height: 100%;   
    text-indent: -99999px;
}

#header #nav
{
    float: right;    
    margin-top: 32px;
    overflow: visible;
}

#header #nav .nav_item > a
{
    text-transform: capitalize; 
    text-indent: -9999px;
}

#header #nav .nav_item
{
    height: 27px;
    padding: 0 9px 0 15px;    
    position: relative;
    overflow: visible;
}

#header #nav .nav_item:last-child 
{
    padding-right: 0;
    padding-left: 15px;
    
}

#header #nav #nav_home { width: 55px; }
#header #nav #nav_gallery { width: 83px; }
#header #nav #nav_about { width: 65px; }
#header #nav #nav_services { width: 90px; }
#header #nav #nav_contact { width: 88px; }

#header #nav .nav_item > a 
{
    display: block;   
    height: 100%;    
    width: 100%;       
    background-position: 0 6px;
    background-repeat: no-repeat;    
}

#header #nav #nav_home > a {  background-image: url("../img/nav_home.png"); }
#header #nav #nav_gallery > a {  background-image: url("../img/nav_gallery.png"); }
#header #nav #nav_about > a {  background-image: url("../img/nav_about.png"); }
#header #nav #nav_services > a {  background-image: url("../img/nav_services.png"); }
#header #nav #nav_contact > a {  background-image: url("../img/nav_contact.png"); }

#header #nav .nav_item
{
    float: left; 
}

#header #nav .nav_item  > a 
{
    line-height: 27px;  
}

#header #nav .nav_item.active, #header #nav .nav_item.active:hover  
{
    background: url("../img/nav_active_bg.png") repeat-x center left !important;
}

#header #nav .nav_item:hover, #header #nav .nav_item.active
{
    background: url("../img/nav_hover_bg.png") repeat-x center left;
}

#header #nav .nav_item.active .subnav
{
    display: block;
}

#header .subnav 
{
    display: none;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 27px;
}

#header .subnav a 
{   
    display: inline-block; 
    position: relative;
    padding: 0 9px;
    height: 23px;          
    background-image: url("../img/subnav_bg.png"); 
    background-position: top center;
    background-repeat: repeat-x;  
    text-transform: capitalize; 
    text-indent: -9999px;    
}

#header .subnav a:first-child  
{
    padding-left: 11px;
}


#header .subnav a span 
{
    display: block;
    width: 100%;
    height: 100%;
}

#header .subnav a#sub_g_com span { width: 132px; background: url("../img/subnav_gallery_com.png") no-repeat left 7px;}
#header .subnav a#sub_g_short span { width: 78px; background: url("../img/subnav_gallery_short.png") no-repeat left 7px;}
#header .subnav a#sub_g_film span { width: 130px; background: url("../img/subnav_gallery_film.png") no-repeat left 7px;}
#header .subnav a#sub_a_bio span { width: 24px; background: url("../img/subnav_about_bio.png") no-repeat left 7px;}
#header .subnav a#sub_a_gear span { width: 38px; background: url("../img/subnav_about_gear.png") no-repeat left 7px;}
#header .subnav a#sub_a_credits span { width: 135px; background: url("../img/subnav_about_credits.png") no-repeat left 7px;}

#header .subnav a:hover, #header .subnav a.active
{
    background-position: bottom center;
} 

/*   CONTENT     */

#content  
{
    width: 900px;
    padding: 11px 0 14px 36px;   
    height: 432px;
    background: url("../img/content_bg.jpg") no-repeat top left;  
    margin-bottom: 36px;
    position: relative;
    line-height: 16px;
}

#content.home{padding:0px;width:936px;height: 457px;background: url("../img/cameraman-on-cliff_bg.jpg") no-repeat top left;}

#content .home-nav{padding-top: 7px;}
#content .home-nav ul{list-style:none;width:100%;text-align:center;background:url("../img/home-nav-bg.png") 0 0 repeat;height: 22px;padding-top: 7px;}
#content .home-nav li{display:inline-block;line-height:14px;border-right: 1px solid #fff;padding: 0 6px 0 3px;}
#content .home-nav li:last-child{border:none;}
#content .home-nav li a{font-size: 16px;font-family: Times New Roman;letter-spacing: 1px;}

#gallery #content 
{
    width: 936px;
    height: 457px;
    padding: 0;   
}

/*   FOOTER    */

#footer{width:1008px;margin: 0 auto;background:url("../img/bottom-nav-bg.png") 0 0 repeat;text-align:center;}
#footer #social_links_wrapper{display: inline-block;vertical-align: middle;padding-left:40px;}
#footer .social_link{width: 30px;height: 28px;background-repeat: no-repeat;background-image: url("../img/social.png");float: left;margin-right: 6px;position: relative;}
#footer .social_link a{display: inline-block;width: 100%;height: 100%;}


#footer #twitter  { background-position: bottom left; }
#footer #twitter:hover  { background-position: top left; }
#footer #instagram  {background-position: -30px bottom; }
#footer #instagram:hover  {background-position: -30px top; }
#footer #in {background-position: -60px bottom; }
#footer #in:hover {background-position: -60px top; }
#footer #vimeo {background-position: -90px bottom; }
#footer #vimeo:hover {background-position: -90px top; }
#footer #tumblr {background-position: -120px bottom; }
#footer #tumblr:hover {background-position: -120px top; }
#footer #email {background-position: -150px bottom; }
#footer #email:hover {background-position: -150px top; }

#footer .footer_info{line-height: 28px;font-size: 16px;display: inline-block;vertical-align: middle;padding: 0 80px 0 120px;color:#b8ab59;}

#footer .footer_info span,
#footer .footer_info a{position: relative;font-size: 16px;color:#b8ab59;}

#footer .footer_info .vbar 
{
    padding: 0 10px;
	font-size: 16px;
}

.link 
{
	font-size: 10px;
	color: #CC9900;
	padding-top: 40px;
	line-height: 12px;
}



/*   HOME    */

#home  #updates_wrapper_outer 
{
    width: 404px;   
    background: url("../img/trans_bg.png");             
    position: absolute;
    bottom: 0;
    left: 16px;
}

#home #updates_wrapper 
{     
    padding-top: 10px;
    width: 376px;    
}

#home #updates_wrapper  #updates_header 
{
    color: #ff9900;
    font-size: 14px;   
    letter-spacing: 1px; 
    line-height: 24px;
    margin-left: 20px;
    width: 384px; 
    border-bottom: 1px solid #666633;   
}


#home #twitter_update_list 
{
    height: 160px;
    padding: 0 8px 0 20px;    
             
}

#home #twitter_update_list 
{
    list-style: none;
}

#home #twitter_update_list li, 
#home #twitter_update_list li span a
{
    color: #ccc;   
    margin-top: 17px;    
}

#home #twitter_update_list li:last-child 
{
    margin-bottom: 20px;   
}

#home #twitter_update_list li > a
{
    color: #ffcc33;
    white-space: nowrap;
}

#home #info{
	position: absolute;
	top: 228px;
	left: 71px;
	width: 380px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: right;
}
#home #info h2{
	color: #B0CDD3;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 1.5px;
	margin-bottom: 15px;
	text-align: left;
	line-height: 25px;
}
#home #info p{
	color:#fff;
	margin-bottom:20px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

#home #home_right{width:250px;height: 238px;position: absolute;right: 116px;bottom: 10px;text-align:right;}
#home #home_right {}
#home #home_right a{display:block;float:left;margin: 0px 6px 6px 0px;text-indent:-999999px;text-align:left;}
#home #home_right .inquire{background:url(../img/block-inquire.png) no-repeat;width:244px;height:90px;}
#home #home_right .inquire:hover{background-position:0 -90px;}
#home #home_right .view-work{background:url(../img/block-view-work.png) no-repeat;width:119px;height:80px;}
#home #home_right .view-work:hover{background-position:0 -80px;}
#home #home_right .read-blog{background:url(../img/block-read-blog.png) no-repeat;width:119px;height:80px;}
#home #home_right .read-blog:hover{background-position:0 -80px;}
#home #home_right .social{width:44px;height:44px;background-position:0px 0px;}
#home #home_right .social:hover{background-position:0 -44px;}
#home #home_right .twitter{background:url(../img/block-twitter.png) no-repeat;}
#home #home_right .instagram{background:url(../img/block-instagram.png) no-repeat;}
#home #home_right .linkedin{background:url(../img/block-linkedin.png) no-repeat;}
#home #home_right .google{background:url(../img/block-google.png) no-repeat;}
#home #home_right .vimeo{background:url(../img/block-vimeo.png) no-repeat;}

#home #home_mid_text{padding-right: 100px; margin-top: 30px;
    text-align: right;
    color: #fff;  
    font-weight: bold; 
}

#home #img_author 
{
	position: absolute;
	display: inline-block;
	bottom: -16px;
	right: -1px;
	color: #CCC;
	font-size: 9px;
}

/*   ABOUT/SERVICES    */

#about #content,
#services #content,
#contact  #content
{
    padding: 0;
    width: 936px;
    height: 457px;
    color: #eee;
}
 
#about .left,
#services .left,  
#contact .left  
{
    float: left;
    height: 457px;
    width: 341px;
}

#content .left.bio{background: url("../img/bio_left.jpg") no-repeat left center;}
#content .left.gear{background: url("../img/gear_left.jpg") no-repeat left center;}
#content .left.clients{background: url("../img/clients_left.jpg") no-repeat left center;}
#content .left.services{background: url("../img/services_left.jpg") no-repeat left center;}
#content .left.contact{background: url("../img/contact_left.jpg") no-repeat left center;}

#about .right,
#services .right,
#contact .right
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 596px;     
    height: 457px;       
    
}  

#about .right .scrollable,
#services .right .scrollable
{
	height: 374px;
	overflow: auto;
	padding-bottom: 20px;
	padding-top: 20px;
}

#contact .right .scrollable  
{
    height: 404px;
    overflow: auto;    
}


#contact_call 
{
	color: #fff;
	line-height: 40px;
	padding-top: 0;
	padding-right: 75px;
	padding-bottom: 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
}

.contact_phone
{
	color: #CC9933;
	line-height: 40px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
}



/*   GALLERY    */

.click_tooltip
{
    display: none;       
    padding-left: 10px;
    max-width: 111px;
    color: #ffff99;
}


#gallery .left 
{
    width: 174px;
    height: 100%;
    float: left;
    padding: 11px 0 14px 34px;       
}

#gallery .right 
{
    width: 728px;
    height: 446px;
    padding-top: 11px;
    float: left;
    position: relative;    
    background-position: right top;
    background-repeat: no-repeat;   
}

#gallery .left #section_header 
{
    font-size: 18px;
    line-height: 23px;
    color: #CC9933;   
}

#gallery .left #gallery_header  
{
    color: #FFCC33;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
}

#gallery .left #gallery_desc_iso 
{
	width: 174px;
	position: absolute;
	right: 728px;
	top: 186px;
	text-align: left;
}

#gallery .left #gallery_desc_iso .iso_text_big 
{
    color: #fff;    
    margin-bottom: 26px;
}

#gallery .left #gallery_desc_iso .iso_text_big div  
{
    font-size: 13px;
    line-height: 20px;
}

#gallery .left #gallery_desc_iso .iso_text_small 
{
    color: #ccc;   
}

#gallery .left #gallery_desc_iso .iso_text_small div
{
    font-size: 10px;    
    line-height: 14px;
}


#gallery .left .gallery_entry 
{
    height: 53px;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    background-position: left bottom;
    background-repeat: no-repeat;   
}

#gallery .left .gallery_entry a 
{
       display: inline-block;
       height: 100%;
       width: 53px;
}

#gallery .left .gallery_entry.hovered,
#gallery .left .gallery_entry.selected_gallery
{
    background-position: left top;
} 

#gallery .right .gallery_desc 
{
    width: 165px;    
    position: absolute;
    right: 13px;
    top: 50%;    
    text-align: right;       
}

#gallery .right .gallery_desc .text_big 
{
    color: #fff;    
    margin-bottom: 26px;
}

#gallery .right .gallery_desc .text_big div  
{
    font-size: 13px;
    line-height: 20px;
}

#gallery .right .gallery_desc .text_small 
{
    color: #ccc;   
}

#gallery .right .gallery_desc .text_small div
{
    font-size: 10px;    
    line-height: 14px;
}

#gallery #preload_graphic  
{
    display: none;   
}

#gallery #play_full 
{
    width: 100%;
    height: 100%;
    display: block;   
    background: url("../img/play.png") center center no-repeat #000; 
}

iframe, object { 
    background: url("../img/play.png") center center no-repeat #000; 
}

.vjs-tech 
{
    display: block !important;
#footer div {
	color: #CCC;
}