/* fix for clearing height of floated elements */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;} .clearfix {display: block;}
/* close commented backslash hack */
body, html{height:100%; width:100%;}
body {margin:0px; padding:0; font-family:"Helvetica", Arial, sans-serif; color:#000; font-size:12px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; min-height:525px; position:relative;}
body.homepage{min-height:525px;}
a{outline:none;}
ul{list-style:none;}
img{border:0;}

#bg,
#bgvideo{position:fixed; z-index:-1; top:0; left:0;}
#bgvideo{width:100%; height:100%;}
#loading{position:absolute; left:48%; top:48%; display:none; z-index:-10000;}
#video{width:100%; height:100%;}
#videoplayer{position:absolute; width:100%; height:100%; top:0; left:0; display:none}
	#videoplayerembed{width:100%; height:100%;}
/* HOMEPAGE */
#titles{position:absolute; top:50%; left:0; height:1px; width:100%;}
	#titles #studio-logo,
	#titles #photography-logo{position:absolute; left:20px;}
	#titles #studio-logo{bottom:35px;}
	#titles #photography-logo{top:35px;}
/* END HOMEPAGE */

#logo{position:absolute; top:20px; left:10px;}
body.photography #logo{left:20px;}
	/* STUDIO NAVIGATION */
	body.studio #nav,
	body.films #nav{position:absolute; bottom:80px; left:30px; margin:0; padding:0; font-weight:bold;}
	body.photography #nav{position:absolute; top:160px; left:20px; margin:0; padding:0; font-weight:bold;}
		#nav span{cursor:pointer;}
		#nav a{text-decoration:none;}
		#nav a:hover{color:#F4FD01; font-size:14pt;}
		#nav .heading a:hover{font-size:19pt;}
		#nav li{font-size:22px;}
		body.studio #nav li.tier1,
		body.films #nav li.tier1{margin-top:20px;}
		body.photography #nav li.tier1{}
			#nav li span.selected{color:#F4FD01;}
			#nav li ul{padding:0; margin:0; display:none;}
			#nav li ul.selected{display:block;}
				#nav li ul li.selected a.selected{color:#F4FD01;}
				#nav li ul li{font-size:12px;}
					#nav li ul li ul{margin:0 0 0 30px;}
						
	/* END STUDIO NAVIGATION */

#backdrop{position:absolute; left:0; top:0; width:300px; height:100%; display:none;}
	#backdrop.white{background:rgba(250, 250, 250, 0.5); display:block;}
	#backdrop.black{background:rgba(0, 0, 0, 0.5); display:block;}

/* BASIC NAVIGATION */
#basic{height:100%; text-align:center;}
	body.studio #basic img.tall,
	body.films #basic img.tall{padding:23px 0 0;}
	body.studio #basic img.wide,
	body.films #basic img.wide{padding:23px 0 0;}
	body.photography #basic img.tall{padding:23px 0 0;}
	body.photography #basic img.wide{padding:133px 0 0;}
	#basic .caption{padding:10px 0 0 0; display:block;}
body.studio #basicnav,
body.studio #fullscreenthumbs,
body.films #basicnav,
body.films #fullscreenthumbs{position:absolute; left:30px; top:210px; padding:0; margin:0;}
body.photography #basicnav{position:absolute; left:30px; top:400px; padding:0; margin:0;}
body.photography #fullscreenthumbs{position:absolute; left:30px; bottom:40px; padding:0; margin:0;}
	#basicnav a{ font-weight:normal; text-decoration:none;}
	#fullscreenthumbs a{text-decoration:none; font-weight:bold;}
	#basicnav a:hover,
	#fullscreenthumbs a:hover,
	#fullscreenthumbs a.selected{color:#F4FD01;}
/* END BASIC NAVIGATION */

/* MP3 NAVIGATION */
#mp3{position:absolute; top:50%; left:50%; width:1px; height:1px;}
	#mp3player{position:absolute; left:-300px; top:-25px; width:600px; height:50px;}
	#mp3 .download{position:absolute; left:-300px; top:25px; width:600px; height:50px;}
		#mp3 .download a{text-decoration:none;}
		#mp3 .download a:hover{text-decoration:underline;}
/* END MP3 NAVIGATION */

#columns-wrapper{position:absolute; top:50%; left:50%; width:1px; height:1px;}
	#columns{position:absolute; margin:0; padding:0; list-style:none;}
		#columns li{float:left; width:165px; margin:0 8px;}
		
#contact-wrapper{position:absolute; top:50%; left:50%; width:1px; height:1px;}
	#contact{position:absolute; margin:0; padding:0; list-style:none;}
		#contact li{float:left; width:165px; height:200px; margin:0 8px;}
			
			#contact li div.form{}
			#contact li .required{display:none;}
				#contact li div.form .label{height:16px;}
				#contact li div.form .field{position:relative; -moz-opacity:.5; filter:alpha(opacity=50); opacity:.5;}
					#contact li div.form .field label.error{display:block; position:absolute; color:#EC2426; text-align:right; top:-18px; white-space:nowrap; width:165px;}

				#contact li div.form div{margin:2px 0;}
					#contact li div.form .field input, #contact li div.form .field select{border:none; border-color:transparent; width:155px; height:20px; padding:0 5px; margin:0;}
					#contact li div.form .field select{ padding:0; width:100%;}
					#contact li div.form .field textarea{border:none; border-color:transparent; width:155px; height:50px; padding:5px; font-family:"Helvetica", Arial, sans-serif; color:#000; font-size:12px;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto; background:none; background-color:transparent;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0; background:none; background-color:transparent;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{}
        #cboxLoadedContent{padding:5px;}
        /*#cboxLoadingOverlay{background:#000;}*/
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/close.png) top left no-repeat; width:45px; height:45px; text-indent:-9999px;}
        #cboxClose.hover{background-position:top right;}
		
/*-- PHOTO ZOOM --*/
.media-container{position: relative; z-index: 1;}

	  #overlay-div { display:none; /*position:absolute; top:0; left:0; width:100%; z-index:999999; background:#fff;*/}
	  body.white #overlay-div {background:#fff;}
	  body.black #overlay-div {background:#000;}
      #main-photo-wrapper-div{position:fixed; left:0; top:0; width:100%;  overflow:hidden;}
	  	  body.white #loading-zoom-photo {background:url(../images/loader-white.gif) no-repeat center; width:32px; height:32px; position:absolute;}
		  body.black #loading-zoom-photo {background:url(../images/loader-black.gif) no-repeat center; width:32px; height:32px; position:absolute;}
		  #zoom-photo {text-align:center; display:none; /*padding:40px 0 0;*/}
				#zoom-photo img{width:100%; height:100%;}
		  #zoom-photo-description {position:absolute; top:21px; right:40px;}
		  #zoom-carousel-wrapper{ position:fixed; bottom:0; padding:10px 0; left:0; height:50px; width:100%; }
			  #zoom-arrow-wrapper{width:700px; position:relative; height:50px; margin:0 auto;}
			  		#zoom-arrow-wrapper .arrow { position:absolute; cursor:pointer;}
					#left-arrow, #right-arrow{height:50px; width:50px;}
					#left-arrow {left:0; background: url(../images/arrow-left-white.png) no-repeat center;}
					#right-arrow { right:0; background: url(../images/arrow-right-white.png) no-repeat center;}
				
			  #zoom-carousel {width:600px; position:relative; height:70px; margin:-60px auto 0; white-space:nowrap; overflow:hidden;}
					#zoom-carousel #film-strip { position:absolute; left:0; padding:10px 0;}
								#zoom-carousel img {-moz-opacity:.5; filter:alpha(opacity=50); opacity:.5; cursor:pointer; width:50px; height:50px; margin:0 7px; -moz-box-shadow:0 0 8px #000000; -webkit-box-shadow:0 0 8px #000000; box-shadow:0 0 8px #000000;}
								#zoom-carousel img.selected{}
								#zoom-carousel img.selected,
								#zoom-carousel img.hover{-moz-opacity:1; filter:alpha(opacity=100); opacity:1; }
				
			  #selected-viewport { background:transparent; position:absolute; }
.post_text { width: 50%; margin: 0 auto;}

/* CUSTOM CSS START */

.post_text{text-align: left;font-size: 13px;}
.post_text img {    margin: 0px auto;    display: block;}

/* CUSTOM CSS END */