/** general classes
  * -----------------------------------------*/
	.clear{clear:both;}
	.not-scrollable{overflow:hidden;}

/** main divs
  * -----------------------------------------*/
	#container{
		width:100%;
		min-height:100%;
		position: relative;
	}

	#header{
		width:100%;
		height:80px;
		position: absolute;
		z-index: 1000;
		left:0;
		top:0;
	}

	#header #title{
		margin:0 auto;
		width:148px;
		padding-top:20px;
	}
	
	#header #release-date{
		text-align: center;
		padding-top:6px;
		cursor:default;
	}

	#header #ticketing{
		width:172px;
		height:25px;
		background-color: #d9d9d9;
		position: absolute;
		left:20px;
		top:32px;
		line-height: 25px;
		cursor:pointer;
	}

	#header #ticketing #go{
		width:37px;
		height:25px;
		position: absolute;
		right:0px;
		top:0px;
		cursor: pointer;
		background-color: #bfbfbf;
		padding:0 6px;
		color:white;
	}

	#header #ticketing #go:hover{
		background-color:#999999;
	}

	#header #ticketing #zip{
		width:135px;
		height:25px;
		position: absolute;
		left:0px;
		top:0px;
		padding:0 6px;
		
	}

	#header #ticketing #zip{
		border: 1px solid #d9d9d9;
		background-color: #d9d9d9;
		font:inherit;
		color:inherit;
	}

	#header #ticketing #zip:focus{
		border: 1px solid #d9d9d9;
		background-color: #d9d9d9;
	}

	#content{
		width:100%;
		position: relative;
		z-index: 800;
		overflow:hidden;
	}

	#footer{
		width:100%;
		height:80px;
		position: absolute;
		bottom:0;
		left:0;
		z-index: 900;
		text-align:center;
		background: url(../img/footer_gradient.png) repeat-x;
		background-position:center top;
	}
	
	#unsupported{
		width:100%;
		height:100%;
		position:relative;
		z-index:850;
		overflow:hidden;
		display:none;
	}
	
	#unsupported-message{
		width:600px;
		height:200px;
		position:absolute;
		margin:auto;
		padding:30px 20px;
		/*left:0; top:-300px; right:0; bottom:0;*/
		background:url(../img/white_50.png) repeat;
	}
	
	#unsupported-message h1{
		line-height:50px;
	}
	
	#unsupported-message p{
		line-height:26px;
	}
	
/** sound
  * -----------------------------------------*/
	#sound-toggle{
		width:20px;
		height:20px;
		position:absolute;
		right:70px;
		top:32px;
		display:none;
	}
	
	.sound-button{
		width:20px;
		height:20px;
		cursor:pointer;
		background-position:left;
	}
	
	#sound-mute-button{
		background:url(../img/sound_mute.png);
	}
	
	.no-touch #sound-mute-button:hover{
		background-position:20px;
	}
	
	#sound-unmute-button{
		background:url(../img/sound_unmute.png);
		display:none;
	}
	
	.no-touch #sound-unmute-button:hover{
		background-position:20px;
	}

/** navigation
  * -----------------------------------------*/
    #header-navigation{
		display: none;
		width:200px;
		float:right;
		margin-right:20px;
		text-align:right;
		padding:0 10px;
		background-color:rgba(255, 255, 255, 0.8);
	}

    #header-menu{
    	width:40px;
    	height:40px;
    	position: absolute;
    	right:20px;
    	top:20px;
    	cursor: pointer;
    	background:url(../img/menu.png) no-repeat;
    }
	
    nav ul li{
     font-size:18px;
	 line-height:26px;
	 padding:10px;
	 cursor:pointer;
	 border-bottom:1px solid #cccccc;
    }
	
	nav ul li:nth-child(6){
		border-bottom:none;
	}
	
/** sections
  * -----------------------------------------*/
	section{
		position:absolute;
		text-align:center;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:-1;
	}
	
	.active-section{
		z-index:100;
	}
	
	.inactive-section{
		z-index:-1;
		top:0;
	}
	
	.section-background{
		position:absolute;
		width:100%;
		top:0;
		left:0;
	}
	
	.section-wrapper{
		position:relative;
		text-align:left;
	}
	
	.section-content{
		width:633px;
		height:100%;
		background-color:rgba(255, 255, 255, 0.5);
	}
	
	.section-box{
		padding-top:80px;
		padding-bottom:80px;
		display:block;
		text-align:center;
	}
		
	.section-title{
		padding-left:120px;
		text-align:left;
		cursor:default;
	}
	
	.section-thumbs-container{
		width:583px;
		padding-top:20px;
	}
	
	.section-thumb{
		width:142px;
		height:94px;
		float:left;
		margin-right:5px;
		background-color:#333333;
		cursor: pointer;
		opacity:0.7;
	}
	
	.section-thumb:nth-child(4){
		margin-right:0px;
	}
	
	.no-touch .section-thumb:hover{
		opacity:1;
	}
	
	.section-text{
		width:403px;
		height:252px;
		margin-left:120px;
		margin-top:10px;
		overflow:hidden;
		position:relative;
		line-height:28px;
		font-size:16px;
		text-align:justify;
		cursor:default;
	}
	
	.section-text-page-container{
		width:5000px;
		height:252px;
		position:absolute;
		left:0px;
		top:0px;
	}
	
	.section-text-page{
		width:403px;
		height:252px;
		margin-right:10px;
		float:left;
	}
	
	.section-text-navigation{
		display:inline-block;
		padding:20px 0;
	}
	
	.section-text-navigation-item{
		width: 24px;
		height: 24px; 
		float:left;
		margin-right:5px;
		margin-top:3px;
		background:url(../img/text_nav_button.png);
		
	}
	
	.scroll-text-left{
		width:17px;
		height:30px;
		float:left;
		margin-right:5px;
		background:url(../img/pagination_arrow_left.png);
		cursor:pointer;
	}
	
	.scroll-text-right{
		width:17px;
		height:30px;
		float:left;
		background:url(../img/pagination_arrow_right.png);
		cursor:pointer;
	}
	
	.section-text-author{
		text-align:left;
		padding-left:120px;
		padding-top:40px;
		font-size:30px;
		cursor:default;
	}

	.video-background{
		display:block;
		position:absolute;
		left:0;
		top:0;
	}

	.video-wrapper{
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:auto;
	}
	
	.navigation-active{
		background-position:24px;
		cursor:default;
	}
	
	.navigation-inactive{
		background-position:0px;
		cursor:pointer;
	}
	
/** home-section
  * -----------------------------------------*/
  	#section-home{
  		background-color:white;
  	}
	#section-home .section-content{
		width:100%;
		height:100%;
		background-color:transparent;
		/*padding-top:104px;*/
		padding-top:80px;
		padding-bottom:80px;
		text-align:center;
	}
	
	#home-text-image{
		width:100%;
	}
	
	#home-text{
		position:relative;
		width:100%;
		text-align:center;
		font-size:50px;
		line-height:80px;
		
		font-size:4.8vh;
		line-height:8vh;
		cursor:default;
	}
	
	#trailer-button{
		width:190px;
		height:40px;
		padding:12px 28px;
		background-color:#d9d9d9;
		color:#858586;
		cursor:pointer;
		text-align:center;
		margin:20px auto;
		font-size:16px;
		line-height:16px;
	}
	
	.no-touch #trailer-button:hover{
		color:#343434;
	}
	
/** mike-section
  * -----------------------------------------*/
	#section-mike .section-content{
		/*padding-top:172px;*/
	}
	
	#section-mike .section-text{
		margin-top:20px;
	}
	
/** about-section
  * -----------------------------------------*/
	#section-about .section-title{
		font-size:48px;
	}
	
	#section-about .section-text{
		/*padding-right:64px;*/
	}
	
/** footer
  * -----------------------------------------*/
	#footer-left{
		width:33.33%;
		height:80px;
		position:absolute;
		left:0px;
		bottom:0px;
	}
	
	#footer-right{
		width:33.33%;
		height:80px;
		position:absolute;
		right:0px;
		bottom:0px;
	}
	
	#footer-center{
		width:33.34%;
		height:80px;
		display:inline-block;
		
	}	
	
/** legal
  * -----------------------------------------*/
	#legal{
		position:absolute;
		left:20px;
		bottom:20px;
		text-align:left;
		cursor:default;
	}
	
	/** text-buttons
	  * -----------------------------------------*/
		#text-buttons{
			position:absolute;
			left:20px;
			bottom:50px;
		}
	
		.text-button{
			display:inline-block;
			cursor:pointer;
		}
	
		.no-touch .text-button:hover{
			color:#343434;
		}
	
		.spacer{
			padding:0 5px;
		}
	
/** scroll-cta
  * -----------------------------------------*/
	#scroll-cta{
		text-align:center;
		display:inline-block;
		padding-top:20px;
	}
	
	#scroll-cta-up{
		width:40px;
		height:40px;
		cursor:pointer;
		background:url(../img/scroll_up.png);
		background-position:left;
		float:left;
	}
	
	.no-touch #scroll-cta-up:hover{
		background-position:40px;
	}
	
	#scroll-cta-down{
		width:40px;
		height:40px;
		cursor:pointer;
		background:url(../img/scroll_down.png);
		background-position:left;
		float:left;
	}
	
	.no-touch #scroll-cta-down:hover{
		background-position:40px;
	}
	
	#scroll-cta-text{
		display:inline-block;
		float:left;
		padding:0 20px;
		line-height:40px;
		cursor:default;
	}
	
/** social
  * -----------------------------------------*/
	#social{
		position:absolute;
		right:20px;
		bottom:20px;
	}
	
	#learn-more-button{
		padding:4px 8px;
		background-color:#d9d9d9;
		color:#858586;
		cursor:pointer;
		float:left;
	}
	
	.no-touch #learn-more-button:hover{
		color:#343434;
	}
	
	.social-button{
		width:20px;
		height:20px;
		float:left;
		cursor:pointer;
		margin:0 5px;
		background-position:left;
	}
	
	.social-button:nth-child(4){
		margin-right:0px;
	}
	
	#social-facebook-button{
		background:url(../img/social_facebook.png);
	}
	
	.no-touch #social-facebook-button:hover{
		background-position:-21px;
	}
		
	#social-twitter-button{
		background:url(../img/social_twitter.png);
	}
	
	.no-touch #social-twitter-button:hover{
		background-position:-20px;
	}
	
	#social-tumblr-button{
		background:url(../img/social_tumblr.png);
	}
	
	.no-touch #social-tumblr-button:hover{
		background-position:-20px;
	}
	
/** intro
  * -----------------------------------------*/
	#intro-container{
		position:absolute;
		right:0;
		top:0;
		z-index:2000;
		width:100%;
		height:100%;
		overflow:hidden;
		background-color:#ffffff;
		text-align:center;
	}
	
	#intro-text{
		position:absolute;
		color:#d1d1d1;
		padding:2px 0;
		cursor:default;
	}
	
	.intro-text-mobile{
		left:50%;
		bottom:50%;
	}
	
	.intro-text-desktop{
		left:120px;
		bottom:60%;
		text-align:left;
	}
	
	#intro-text p{
		display:none;
		line-height:30px;
		font-size:22px;
		font-weight:400;
		font-family: "bebas-neue";
		color:#999999;
	}
	
	#intro-video{
		position:absolute;
		right:0;
		top:0;
		display:none;
	}
	
	#intro-video-player{
		display:none;
	}
	
	#intro-video-background{
		display:none;
	}
	
/** background music
  * -----------------------------------------*/
    #backgroundmusic{
      width:100px;
      height:100px;
      position: absolute;
      left:-99999px;
      top:0px;
    }
	
/** overlay
  * -----------------------------------------*/	
	.close-button{
		width:32px;
		height:31px;
		cursor:pointer;
		position:absolute;
		background:url(../img/overlay_close.png);
		background-position:0px;
	}
	
	.no-touch .close-button:hover{
		background-position:32px;
	}
	
	.arrow-button{
		width:75px;
		height:75px;
		cursor:pointer;
		position:absolute;
		background-position:0px;
	}

	.mobile .arrow-button{
		width:40px;
		height:40px;
	}
	
	.no-touch .arrow-button:hover{
		background-position:75px;
	}
	
	.overlay-image{
		position:absolute;
		left:0;
		top:0;
		display:block;
		padding-left:95px;
		padding-right:95px;
		padding-top:60px;
		padding-bottom:60px;
	}
	
	.overlay-image img{
		width:100%;
		padding:2px;
		background-color:#999999;
	}

	.mobile .overlay-image{
		padding-left:60px;
		padding-right:60px;
		padding-top:42.5px;
		padding-bottom:42.5px;
	}
	
	#overlay{
		position:fixed;
		right:0;
		top:0;
		z-index:3000;
		width:100%;
		height:100%;
		overflow:hidden;
		background-color:rgba(255, 255, 255, 0.8);
		display:none;
	}
		
	#overlay-gallery{		
		width:100%;
		height:100%;
		position:absolute;
		left:0px;
		top:0px;
		z-index:3002;
	}
	
	#overlay-gallery-images-container{
		width:100%;
		height:auto;
		max-width:1319px;
	    position: relative;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
		margin:0 auto;
	}
	
	#overlay-gallery-images{
		width:100%;
		height:100%;
		position:absolute;
		left:0px;
		top:0px;
	}
		
	#overlay-video{
		width:80%;
		height:auto;
		max-width:1319px;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
		margin:0 auto;
		position:relative;
	}
		
	#overlay-youtube-container{
		position:relative;
		/*padding-bottom:56.25%;
		padding-top:30px;*/
		padding-bottom:42.25%;
		height:0;
		overflow:hidden;
	}
		
	#overlay-youtube-container iframe,
	#overlay-youtube-container object,
	#overlay-youtube-container embed {
	    position: absolute;
		border:none;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	#overlay-gallery-close{
		top:15px;
		right:95px;
	}

	.mobile #overlay-gallery-close{
		right:60px;
		top:0px;
	}
	
	#overlay-gallery-left{
		background-image:url(../img/overlay_left.png);
		left:10px;
		top:50%;
		margin-top:-37.5px;
	}

	.mobile #overlay-gallery-left{
		background-image:url(../img/overlay_left_mobile.png);
		left:10px;
		top:50%;
		margin-top:-20px;
	}
	
	#overlay-gallery-right{
		background-image:url(../img/overlay_right.png);
		right:10px;
		top:50%;
		margin-top:-37.5px;
	}

	.mobile #overlay-gallery-right{
		background-image:url(../img/overlay_right_mobile.png);
		right:10px;
		top:50%;
		margin-top:-20px;
	}
	
	#overlay-video-close{
		top:-42px;
		right:0px;
	}
	
	#overlay-gallery-placeholder{
		visibility:hidden;
	}