@charset "utf-8";
/* CSS Document */



body {
	 overflow-x: hidden;
}


.background_video {
position:absolute; 
top:6%; 
left:4.5%; 
bottom:5%; 
right:5%;
width:92%; 
/*height:90%;*/
/*max-height:100%;*/
/*border:none; */
 
/*padding:0; */
overflow:hidden; 
z-index:0;	
}

.background_video_2 {
position:absolute; 
top:0%; 
left:4.5%; 
bottom:0%; 
right:5%;
width:92%; 
/*height:90%;*/
/*max-height:100%;*/
/*border:none; */
 
/*padding:0; */
overflow:hidden; 
z-index:0;	
}

.dashb_png {
	
position:absolute; 
width:96%;
/*max-height:94%;*/
margin-left:2%;
margin-right:2%;
padding-top:1%;
border:none; 
overflow:hidden; 
z-index:2;	
	
}

 /*.sturt {
	position:fixed; 
	top:0px; 
	left:0px; 
	bottom:0px; 
	right:0px; 
	width:100%; 
	height:100%; 
	border:none; 
	margin:0; 
	padding:0; 
	overflow:hidden; 
	z-index:999;
	
}*/

 .index {
	position:fixed; 
	width:84%; 
	height:100%; 
	border:none; 
	/*margin:0; 
	padding:0; */
	overflow:hidden; 
	 overflow-y: hidden;
	z-index:999;
	
}

 .index_full {
	position:fixed; 
	width:100%; 
	height:100%; 
	border:none; 
	margin:0; 
	padding:0;
	overflow:hidden; 
	 overflow-y: hidden;
	z-index:999;
	
}


dashboard_link:active {
	cursor:	;

}



.about {
	position:absolute;
	z-index:1000;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);

	width:13%;
	/*padding:0.09%;
	*/
	font-size:0.9vw;
	margin-top:9%;
	margin-bottom:-11%;

	margin-left:10%;
}


/*BUTTON DIV's*/
.ami, .karen, .tom_clark, .ruth, .ben, .tom_pearson, .alessandro, .surfatial, .paul, .ramon {
	display: inline-block;
	-webkit-display: inline-block;
	z-index:999;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	margin-top:49.5%;
	margin-right:-13%;
	width:9.7%;
		position:absolute;

	/*padding:0.09%;
	*/opacity:1;
	font-size:0.9vw;
	padding:0%;

	

	
}

.b_img{
	width:183.5%;

}

.a_img{
	width:45%;

}

.ami:hover, .karen:hover, .tom_clark:hover, .ruth:hover, .ben:hover, .tom_pearson:hover, .alessandro:hover, .surfatial:hover, .paul:hover, .ramon:hover {
	opacity:0.5;

}

.a_img:hover{
		opacity:0.5;

}

.ami { 
	margin-left:61%;


}

.karen {
		margin-left:64%;


}

.tom_clark {
		margin-left:67%;

}

.ruth {
		margin-left:70%;
}

.ben {
		margin-left:72.5%;
}

.tom_pearson {
	margin-left:76%;
}

.alessandro {
		margin-left:78.5%;
	
}

.surfatial {
		margin-left:81%;
}

.paul {
		margin-left:83.5%;
	}

.ramon {
		margin-left:86%;
}