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

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

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

.exitBtn{
    position: absolute;
    width: 618px;
    height: 248px;
    cursor: pointer;
    z-index: 900;
}

/* === RESOLVE SECTION === */

#resolve {
    position: absolute;
    width: 620px;
    height: 250px;
    left: 0;
    top: 0;
    z-index: 200;
    overflow: hidden;
    opacity: 0;
}

#resolve_bg {
    position: absolute;
    width: 620px;
    height: 250px;
    left: 0px;
    top: 0px;
    z-index: 200;
    opacity:1;
}

#resolve_anim_bg {
    position: absolute;
    width: 620px;
    height: 600px;
    top: 0;
    left: 0;
    background: url('img_resolve_anim_bg.jpg');
    z-index: 99;
    opacity: 1;
}

#resolve_purple {
    position: absolute;
    width: 620px;
    height: 250px;
    top: 0px;
    left: 0px;
    background: url('img_resolve_purple_sky.png');
    opacity: 0.7;
    z-index: 100;
}

#resolve_fg {
    position: absolute;
    width: 620px;
    height: 250px;
    top: 0px;
    left: 0px;
    background: url('img_resolve_fg.png');
    opacity: 1;
    z-index: 100;
}

#resolve_birds {
    position: absolute;
    width: 620px;
    height: 170px;
    top: 0px;
    z-index: 150;
    background-image: url('birds01_620.png');
    animation: birds 4.5s steps(65) 1;
    -webkit-animation: birds 4.5s steps(65) 1;
}
@keyframes birds {
    0% {background-position: left 0px;}
  100% {background-position: left -11050px;}
}

@-webkit-keyframes birds {
    0% {background-position: left 0px;}
  100% {background-position: left -11050px;}
}

#resolve_lockup {
    position: absolute;
    bottom:0;
    left:0;
    width:620px;
    height:250px;
    z-index:810;
    cursor: pointer;
}

#resolve_netflix {
    position:absolute;
    width: 620px;
    height: 250px;
    left:0;
    top:0;
    background: url('img_resolve_netflix.png');
    z-index: 400;
}

#resolve_tt {
    position:absolute;
    width: 620px;
    height: 250px;
    left:0;
    top: 0;
    background: url('img_resolve_tt.png');
    z-index: 400;
}

#resolve_date {
    position:absolute;
    width: 620px;
    height: 250px;
    left:0;
    top: 0;
    background: url('img_resolve_date.png');
    z-index: 400;
}

#btn_resolve_cta {
    position: absolute;
    width: 192px;
    height: 30px;
    right: 55px;
    bottom: 15px;
    background: url('btn_resolve_cta.png') top;
    cursor: pointer;
    z-index: 5000;
    opacity: 0;
}

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

#resolve_stars {
    position:absolute;
    width: 300px;
    height: 250px;
    right: 0;
    top: 0;
    z-index: 200;
}

#star01_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 1px;
    top: 24px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star01_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 1px;
    top: 24px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}

#star02_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10px;
    top: 102px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star02_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10px;
    top: 102px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}

#star03_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 25px;
    top: 51px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star03_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 25px;
    top: 51px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}

#star04_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 33px;
    top: 15px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star04_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 33px;
    top: 15px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}

#star05_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 45px;
    top: 78px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star05_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 45px;
    top: 78px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}

#star06_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 61px;
    top: 37px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star06_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 61px;
    top: 37px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}

#star07_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 70px;
    top: 3px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star07_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 70px;
    top: 3px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}

#star08_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 85px;
    top: 22px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star08_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 85px;
    top: 22px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}

#star09_off {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 127px;
    top: 67px;
    background: url('img_star_off.png');
    z-index: 199;
    opacity: 0.6;
}

#star09_on {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 127px;
    top: 67px;
    background: url('img_star_on.png');
    z-index: 200;
    opacity: 0;
}
