/* ===================== */ 
/* === Z-INDEX 'KEY' === */ 
/*- BUTTONS	: 800	-->
<!-- EXITS		: 700	-->
<!-- VIDEOS		: 600	-->
<!-- CONTAINERS	: 500	-->
<!-- CONTENT	: 1-400	-->
*/
/* ===================== */ 

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

/* Default style, feel free to remove if not needed. */
body {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	-webkit-touch-callout: none;
	 -webkit-user-select: none;
	 -khtml-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 color: #000000;
}


#border {
	position: absolute;
	top: 			0px;
	left: 			0px;	
	z-index: 		560;
	background: 	transparent;
	background: 	url('img_border.png') no-repeat top;
	pointer-events: none;
	display: 		block;
}

#background_exit {
	position: 	absolute;
	top: 		0px;
	left: 		0px;
	cursor: 	pointer; 
	opacity: 	0;
	background: transparent;
	display: 	block;
	z-index: 	2000;
}



/*------------------------------------*/



#tunein {

	position:	absolute;
	left: 		0px;
	top: 		0px;

	background: transparent;
	cursor:		pointer;
	display: 	block;
	visibility: visible;
	opacity: 	0;
	overflow:	hidden;

}

#tunein_img{
	z-index: 	1450;


}

#animation {
	position:	absolute;
	left: 		0px;
	top: 		0px;
	opacity:	1;
	
	cursor:		pointer;
	display: 	block;
	overflow:	hidden;
	z-index: 	300;
	/*background-color: #cc0000;*/
	/*background: transparent;*/
	
}

#frame_1 {
	position: 		absolute;
	top: 			0px;
	left: 			0px;	
	background: 	url('img_frame1.png') no-repeat top;
	pointer-events: none;
	display: 		block;
	visibility: 	visible;
	opacity: 		1;
}

.titleAnimation{
	position: 		absolute;
	width: 			300px;
	height: 		250px;
	top: 			0px;
	left: 			0px;	
	pointer-events: none;
	display: 		block;
	visibility: 	visible;
	opacity: 		0;
}

#frame_2{
	background: 	url('img_frame2.png') no-repeat top;
}

#frame_3{
	background: 	url('img_frame3.png') no-repeat top;
}


#frame_4{
	background: 	url('img_frame4.png') no-repeat top;
}

#face_1{
	background: 	url('img_face1.png') no-repeat top;
}
#face_2{
	background: 	url('img_face2.png') no-repeat top;
}
#face_3{
	background: 	url('img_face3.png') no-repeat top;
}


#pedigree {
	position: 		absolute;
	top: 			0px;
	left: 			0px;	
	background: 	url('img_pedigree.png') no-repeat top;
	pointer-events: none;
	display: 		block;
	visibility: 	visible;
	opacity: 		0;
}


#cover {	
	display: none;
}