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


/* === MAIN ELEMENTS === */ 

body, body * {
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
}

.exitBtn {
	position: absolute;
	top: 0px;
	left:0px;
	width:726px;
	height:88px;
	z-index:700;
	cursor: pointer;
}

#container{
	position:absolute;
	width:726px;
	height:88px;
	top:0;
	left:0;
	border:1px solid #000;
	margin:auto;
	background: #000;
	overflow:hidden;
}

#intro {
	position:absolute;
	width:726px;
	height:88px;
	top:0;
	left:0;
	margin:auto;
	background: #000;
	overflow:hidden;
}

#resolve {
	position: absolute;
	top: 0px;
	left: 0px;
	width:728px;
	height:90px;
	z-index:10;
    background: #000;
	display:none;
}

/* === INTRO ELEMENTS === */

#intro_bg {
	position: absolute;
	width: 728px;
	height: 90px;
	left: 0px;
	top: 0px;
	background: url('img_resolve_bg.jpg');
	z-index: 99;
	opacity: 0;
}

#intro_text_01 {
	position: absolute;
	width: 728px;
	height: 90px;
	left: 0px;
	top: 0px;
	background: url('img_intro_text_01.png');
	z-index: 100;
	opacity: 0;
}

/* === RESOLVE ELEMENTS === */ 

#resolve_bg {
	position: absolute;
	width: 728px;
	height: 90px;
	left: 0px;
	top: 0px;
	background: url('img_resolve_bg.jpg');
	z-index: 99;
	opacity: 1;
}

#resolve_tt {
	position: absolute;
	width: 354px;
	height: 90px;
	left: 0px;
	bottom: 0px;
	z-index: 100;
	background: url('img_resolve_tt.png');
	clip: rect(0px,0px,90px,0px);
}

#resolve_jo {
	position: absolute;
	width: 238px;
	height: 40px;
	right: 0;
	top: 0;
	background-image: url('img_resolve_jo.png');
	z-index: 100;
	opacity: 0;
}

#resolve_desk {
	position: absolute;
	width: 337px;
	height: 90px;
	bottom: 0px;
	right: 32px;
	background-image: url('img_resolve_desk.png');
	z-index: 101;
}

#resolve_shadow {
	position: absolute;
	width: 238px;
	height: 90px;
	top: 0;
	right: 0;
	background-image: url('img_resolve_shadow.png');
	z-index: 102;
}

#resolve_tagline {
	position: absolute;
	width: 312px;
	height: 34px;
	left: 0px;
	top: 0px;
	z-index: 100;
	background: url('img_resolve_tagline.png');
	clip: rect(0px,0px,90px,0px);
}

#resolve_date {
	position:absolute;
	width: 728px;
	height:	90px;
	top: 0px;
	right: 0px;
	opacity:0;
	cursor:pointer;
	z-index:101;
}

#btn_resolve_cta {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 18px;
    height: 18px;
    background-image: url('btn_resolve_cta_play.png'); 
    cursor: pointer; 
    opacity:0;
    z-index: 800; 
}

#btn_resolve_cta:hover{
    background-position: bottom;
}