/* 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; font-family:"Helvetica",Arial,sans-serif; -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{position:fixed; z-index:-1; top:0; left:0;}
#loading{position:absolute; left:48%; top:48%; display:none; z-index:-1;}

/* 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{position:absolute; bottom:40px; 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{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{position:absolute; left:325px; top:24px;}
	#basic .caption{padding:10px 0 0 0; display:block;}
body.studio #basicnav,
body.studio #fullscreenthumbs{position:absolute; left:30px; top:210px; padding:0; margin:0;}
body.photography #basicnav,
body.photography #fullscreenthumbs{position:absolute; left:30px; bottom:40px; padding:0; margin:0;}
	#basicnav a,
	#fullscreenthumbs a{text-decoration:none; font-weight:bold;}
	#basicnav a:hover,
	#basicnav a.selected,
	#fullscreenthumbs a:hover,
	#fullscreenthumbs a.selected{color:#F4FD01;}
/* END BASIC NAVIGATION */

/*-- 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:5px; right:5px;}
		  #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; }