/* CSS Document */
html, body{ 
	width:100%; height:100%; padding:0; margin:0; font-size:16px;
	-webkit-text-size-adjust: none !important; /* Prevent font scaling in landscape */
	position:absolute;
	overflow:hidden !important;
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center;
	min-height:300px;
	/* 
	background-image:url('/themes/site13/images/homepage/preloader.gif');
	*/
}
/* body{ background-color:#000000; position:absolute; top:0; left:0; } */

.homepage #body_holder{
	background-position: center;
	background-image: url('/themes/site13/images/homepage/preloader-000000.gif');
	background-repeat: no-repeat;
	height: 100%;
}

#transition_card{
	height:100%;
	width:100%;
	position:absolute;
	z-index:10002;	
	display:none;
	background-color:#F0EFEC;	
}

.copy_outer{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;  }
#crescentspur, #vanaqua, #tvan, #thoughtfarmer, #smashlabReel{
	width:100%; height:100%; 
	overflow:hidden;
	background-position:top left;
	position:absolute;
	top:0;
	left:0;
	background-repeat:			no-repeat; 
	background-repeat:no-repeat;
	text-align:center;
	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	/* background-attachment:fixed; */
	text-align:center;	
	top:-100%;
	left:0;
	overflow:hidden;
}


.blurred_image{
	position:absolute; top:0; left:0;
	width:100%; height:100%; 
	background-position:top left;
	background-repeat:			no-repeat; 
	background-repeat:no-repeat;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	background-color:#000000;	
}

.photo_credit{ 
	position:absolute; bottom:0; left:0; color:#FFFFFF; font-size:10px; padding:0 0 20px 20px; 
	opacity:0.5;
}

.body_copy, .page_title, .call_to_action{
	width:100%;
	display:block;
	float:left;	
}
/* 
.page_title{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

.body_copy{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;	
}
*/
.call_to_action{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.copy_holder{
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica', 'Arial', serif; /* 16px/24px */
	font-size:14px;
	color:#ffffff;
	text-align:center;	
	width:80%;
	max-width:535px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
}



.copy_holder a:link, .copy_holder a:active, .copy_holder a:visited{
	font-weight:normal;
	font-family:'HelveticaNeueW01-75Bold', Helvetica, 'Arial', sans-serif;
	text-decoration:none;
	background:none;
}

.call_to_action p{ text-align:center; width:100%; display:block; float:left; }
.call_to_action a:link, .call_to_action a:visited{  }
p{ text-align:center; }
p.body_copy{ text-shadow: 1px 1px 5px #000000; width:100%; display:block; float:left;}
p.call_to_action{
	display:block; 
	float:left;
	text-align:center;
	width:100%;
	
}


.call_to_action a:link, .call_to_action_link{
	color:#FFFFFF;
	display:inline-block;
	
	background:  rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.1) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";	
	
	
	-webkit-transition:background-color 0.25s ease-out;  
	-moz-transition:background-color 0.25s ease-out;  
	-o-transition:background-color 0.25s ease-out;  
	transition:background-color 0.25s ease-out;
	

	padding: 12px 18px 10px 18px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #FFFFFF;
	border:1px solid rgba(255, 255, 255, .8);
}
.call_to_action a:link:hover,  .call_to_action_link:hover{
	
	color:#FFFFFF;
	background:  rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.6) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";	
	border:1px solid #FFFFFF;
	border:1px solid rgba(255, 255, 255, 1);
}

/*********************
 *	Carousel Navigation
 ********************/
 
#carousel{ position:absolute; top:0; left:0; width:100%; height:100%; padding-bottom:1px; }
#carousel_prev_hitstate, #carousel_next_hitstate{
	position:absolute;
	top:0;
	width:20%;
	height:100%;
	overflow:hidden;
}



#carousel_prev_hitstate{ left:0; z-index:1001;}
#carousel_next_hitstate{ right:0; z-index:1002; }

#carousel_prev, #carousel_next{
	position:absolute;
	width:48px;
	height:86px;
	top:50%;
	bottom:50%;
	margin-top:-43px;
	margin-bottom:-43px;
	cursor:pointer;
	
	background-color:#000000;
	background:  rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.1) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";	
	-webkit-transition:background-color 0.25s ease-out;  
	-moz-transition:background-color 0.25s ease-out;  
	-o-transition:background-color 0.25s ease-out;  
	transition:background-color 0.25s ease-out;
	
}

#carousel_prev{
	-moz-border-radius-topright: 48px;
	border-top-right-radius: 48px;
	-moz-border-radius-bottomright: 48px;
	border-bottom-right-radius: 48px;	
}

#carousel_next{
	-moz-border-radius-topleft: 48px;
	border-top-left-radius: 48px;
	-moz-border-radius-bottomleft: 48px;
	border-bottom-left-radius: 48px;	
}

#carousel_prev, #carousel_next{
	background:  rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.1) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";	
}

#carousel_prev:hover, #carousel_next:hover{
	background:  rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.6) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";	
}

#carousel_prev img, #carousel_next img{
	width:100%;
	height:auto;
}

#carousel_prev{ left:-100%; z-index:1000;}
#carousel_next{ right:-100%; z-index:1001;}
#nav_buttons_wrapper{ 
	position:absolute; 
	bottom:10%; 
	z-index:1100;
	left:50%;	
}

#nav_buttons{
	margin-left: -50%;	
}

.nav_button{ 
/* 	display:block; */
	display:none;
	float:left;
	cursor:pointer;
	padding:10px;
}

.nav_button_inside{
	display:block; 
	float:left;
	width:10px; height:10px;  
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 3px #000000;
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
	
	
/* 	border:1px solid #202020; */
	-webkit-transition:background-color 0.25s ease-in;  
	-moz-transition:background-color 0.25s ease-in;  
	-o-transition:background-color 0.25s ease-in;  
	transition:background-color 0.25s ease-in;  
}
.inactive .nav_button_inside{	background:#858E93;	}
.inactive:hover .nav_button_inside{	background:#000000;	}
.active .nav_button_inside{ 	background:#FFFFFF; }

#status_window{ bottom:0; right:0; }
#triggered_events{ bottom:0; right:0px; }

/*********************
 *	Crescent Spur
 ********************/
#crescentspur{ 
	background-image:url('/themes/site13/images/homepage/c-spur-1600x900.jpg');
	background-position:bottom center;
}

#crescentspur_pain, #crescentspur_becomes, #crescentspur_pleasure{
	display:block;
	float:left;	
}

#crescentspur .bg_animations{
	position:absolute; top:0; left:0;
	width:100%; height:100%; 
	
}
#crescentspur img{ max-width:100%; height:auto; }
#crescentspur .copy_holder{
	position:relative;
/* 	width:100%; */
	max-width:535px;
	margin-left:auto;
	margin-right:auto;
}

#crescentspur .page_title, #crescentspur .body_copy, #crescentspur .call_to_action{ display:block; float:left; width:100%; max-width:535px; margin-left:auto; margin-right:auto;  } 
#crescentspur{
		
}
#crescentspur_pain{ width: 34.39%; height:50%; }
#crescentspur_becomes{ width: 65.61%; height:50%; }
#crescentspur_pleasure{ width: 100%; height:50%; }

/*********************
 *	VanAqua
 ********************/
#vanaqua{ 

	background-image:url('/themes/site13/images/homepage/vanaqua-1600x900.jpg');
}

#vanaqua_go, #vanaqua_deep{
	display:block;
	float:left;
	position:relative;	
}
.bubble{ position:absolute; }

#vanaqua .bg_animations{
	position:absolute; top:0; left:0;
	width:100%; height:100%; 
}
#vanaqua img{ max-width:100%; height:auto; }
#vanaqua .copy_holder{
	position:relative;
/* 	width:100%; */
	max-width:535px;
	margin-left:auto;
	margin-right:auto;
}

#vanaqua .page_title, #vanaqua .body_copy, #vanaqua .call_to_action{ display:block; float:left; width:100%; max-width:535px; margin-left:auto; margin-right:auto;  } 
#vanaqua .body_copy{ margin-top:-10px; }
#vanaqua_go{ float:left; width:37.09%; height:auto; }
#vanaqua_deep{ float:right; width:62.91%; height:auto;}
/*********************
 *	TVan
 ********************/
#tvan{ 
	background-image:url('/themes/site13/images/homepage/tvan-1600x900.jpg');
}

#tvan .bg_animations{
	width:100%; height:100%; 
	position:absolute;
	background-image:none;
	background-repeat:no-repeat; 
	background-position:top left;
	text-align:center;	
}

#tvan .bg_animations img{
	padding:0;
	margin:0;
	display:block;
	float:left;	
}

#tvan img{ max-width:100%; height:auto; }
#tvan .copy_holder{
	position:relative;
	max-width:535px;
	margin-left:auto;
	margin-right:auto;
}

#tvan .page_title, #tvan .body_copy, #tvan .call_to_action{ display:block; width:100%; max-width:535px; } 
#tvan .body_copy{ margin-top:-10px; }



/*********************
 *	ThoughtFarmer
 ********************/
#thoughtfarmer{ 
	background-image:url('/themes/site13/images/homepage/thoughtfarmer-1600x900.jpg');
}

#thoughtfarmer img{ max-width:100%; height:auto; }
#thoughtfarmer .copy_holder{
	position:relative;
	max-width:535px;
	margin-left:auto;
	margin-right:auto;
}
#thoughtfarmer .page_title, #tvan .body_copy{ display:block; width:100%; max-width:535px; } 
#thoughtfarmer .body_copy{ margin-top:-10px; }
.bumblebee{
	background: transparent url('/themes/site13/images/homepage/bumblebee.png') 0 0 no-repeat;
	position: absolute;
	width: 80px;
	height: 90px;
	cursor: pointer;	
}

/*********************
 *	smashLAB Reel
 ********************/
#smashlabReel{
	background-color:#578e92;
}

#smashlabReel .copy_outer{
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
}

#smashlabReel .copy_holder{
	position:relative;
	max-width:535px;
	margin-left:auto;
	margin-right:auto;
}

#smashlabReel .bgReel{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;	
	background-size:cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	overflow:hidden;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);	
}

#smashlabReel #reelLines{
	background-image:url('../../images/homepage/connect_dots-lines.png');
}

#smashlabReel #reelDots{
	background-image:url('../../images/homepage/connect_dots-dots.png');
}

@media only screen and (max-width: 768px) {
	.photo_credit{  display:none; }
}

@media only screen and (max-width: 640px) {
	/* 
	.copy_holder{
		font-size:12px;
	}
	*/
	
	.blurred_image{ background-image:none; }
	.copy_outer{ text-align:center; }
	/* 
		.copy_holder{ font-size:12px; line-height:12px; } 
		p{ margin:5px 0 5px 0; }
	*/
	#nav_buttons_wrapper{ position:absolute; bottom:10%; }
}


@media only screen and (max-height: 750px) and (max-width: 640px){
	.copy_holder{
		width:80%;
		/* font-size:12px; */
	}
}

@media only screen and (max-width: 480px) {
	html, body{ overflow:visible !important; }
	#carousel{ position:absolute; padding-top:58px; }
	
	#carousel_prev, #carousel_next{
		position:absolute;
		width:32px;
		height:58px;
		top:50%;
		bottom:50%;
		margin-top:-29px;
		margin-bottom:-29px;
		cursor:pointer;
	}
	
	#nav_buttons_wraper{
		bottom:5px;	
	}

}

@media only screen and (max-width: 325px) {
	#carousel_prev_hitstate, #carousel_next_hitstate{
		width:0% !important;
		overflow:hidden;
	}	
}

@media only screen and (max-height: 400px) {
	/* .body_copy{ display:none; } */
	.copy_holder{
		width:60%;
	}
	
}
/* 
@media only screen and (max-height: 500px) and (min-width: 640px){
*/
@media only screen and (max-height: 500px) and (min-width: 480px){
	#nav_buttons_wrapper{ display:none; }
}

@media only screen and (max-height: 380px) and (orientation:landscape){
	#nav_buttons_wrapper{ display:none; }
}
@media only screen and (max-width: 380px) and (orientation:portrait){
	#nav_buttons_wrapper{ display:block; }
}