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

body {
	margin:0 auto;
	padding:0;
}

#container { width:300px; height:250px;	overflow:hidden; top:0px; position:absolute; background-color:#fff; display:none; }

/* Global */
.adSize { position:absolute; top:0px; width:300px; height:250px; }
.gamePadConfig { position:absolute; width:92px; height:47px; }
.starConfig { position:absolute; width:37px; height:37px; }
.lightningConfig { position:absolute; width:39px; height:69px; }
.buttonConfig { background-color:#fff; cursor: pointer; opacity:0; }
.anchorCenter { -webkit-transform-origin: center center; transform-origin: center center; }
.anchor1 { -webkit-transform-origin: center 20%; transform-origin: center 20%; }
.anchor2 { -webkit-transform-origin: center 45%; transform-origin: center 45%; }

/* Animated BG1 */
#contentBG1 { background-color:#561786; }
#gamepad1 { top:-17px; left:104px; -webkit-transform: rotate(-13deg); transform: rotate(-13deg); }
#gamepad2 { top:40px; left:-13px; -webkit-transform: rotate(16deg); transform: rotate(16deg); }
#gamepad3 { top:40px; left:220px; -webkit-transform: rotate(16deg); transform: rotate(16deg); }
#gamepad4 { top:101px; left:104px; -webkit-transform: rotate(-13deg); transform: rotate(-13deg); }
#gamepad5 { top:159px; left:-13px; -webkit-transform: rotate(16deg); transform: rotate(16deg); }
#gamepad6 { top:159px; left:220px; -webkit-transform: rotate(16deg); transform: rotate(16deg); }
#gamepad7 { top:221px; left:104px; -webkit-transform: rotate(-13deg); transform: rotate(-13deg); }

#star1 { top:-12px; left:-18px; -webkit-transform: scale(0.5); transform: scale(0.5); }
#star2 { top:47px; left:164px; -webkit-transform: scale(0.5); transform: scale(0.5); }
#star3 { top:-11px; left:280px; }
#star4 { top:107px; left:42px; }
#star5 { top:107px; left:221px; -webkit-transform: scale(0.5); transform: scale(0.5); }
#star6 { top:166px; left:103px; }
#star7 { top:225px; left:-18px; -webkit-transform: scale(0.5); transform: scale(0.5); }
#star8 { top:225px; left:280px; }

/* txt1_frame */
#txtBG1 { background: url(images/txtBG1.jpg) no-repeat; }
#txt1a { background: url(images/txt1a.png) no-repeat; }
#txt1b { background: url(images/txt1b.png) no-repeat; }
#txt1c { background: url(images/txt1c.png) no-repeat; }
#txt1d { background: url(images/txt1d.png) no-repeat; }


/* Animated BG2 */
#contentBG2 { background-color:#ff6700; }
#lightning1 { top:-23px; left:3px; }
#lightning2 { top:6px; left:91px; }
#lightning3 { top:-20px; left:186px; }
#lightning4 { top:15px; left:256px; }
#lightning5 { top:46px; left:14px; }
#lightning6 { top:83px; left:96px; }
#lightning7 { top:54px; left:170px; }
#lightning8 { top:90px; left:254px; }
#lightning9 { top:133px; left:33px; }
#lightning10 { top:162px; left:113px; }
#lightning11 { top:131px; left:188px; }
#lightning12 { top:172px; left:280px; }
#lightning13 { top:203px; left:-4px; }
#lightning14 { top:200px; left:202px; }

/* txt2_frame */
#txtBG2 { background: url(images/txtBG2.jpg) no-repeat; }
#txt2a { background: url(images/txt2a.png) no-repeat; }
#txt2b { background: url(images/txt2b.png) no-repeat; }
#txt2c { background: url(images/txt2c.png) no-repeat; }
#txt2d { background: url(images/txt2d.png) no-repeat; }
#txt2e { background: url(images/txt2e.png) no-repeat; }

/* resolve_frame */
#contentBG3 { background-color:#011429; }
	#arrow1 { position:absolute; top:-23px; left:208px; }
	#arrow2 { position:absolute; top:-11px; left:221px; }
	#arrow3 { position:absolute; top:174px; left:220px; }
	#arrow4 { position:absolute; top:178px; left:158px; }
	#arrow5 { position:absolute; top:198px; left:17px; }
	#arrow6 { position:absolute; top:175px; left:-33px; }
	#arrow7 { position:absolute; top:-75px; left:14px; }
	#blocks { position:absolute; top:175px; left:88px; }
	#key { position:absolute; top:16px; left:15px; }
	#lock { position:absolute; top:203px; left:281px; }
#logo1 { background: url(images/logo1.png) no-repeat; }
#gamer { background: url(images/gamer.png) no-repeat; }
#logo2 { background: url(images/logo2.png) no-repeat; }
#credit { background: url(images/credit.png) no-repeat; }
#cta_out { background: url(images/cta_out.png) no-repeat; }
#cta_over { background: url(images/cta_over.png) no-repeat; }
#ctaMask { position:absolute; top:0px; width:300px; height:250px; overflow: hidden;}
#ctaCover { position:absolute; top:100px; width:300px; height:50px; background-color: #ff8600;}

/* _TEMP_ */
/*#animatedBG1 { display:none; }
#txt1_frame { display:none; }*/

/*  SPRITES  */
.arrow2, .arrow3, .arrow4, .arrow5, .arrow6, .arrow7, .blocks, .key, .lock, .arrow1{
	background: url(images/resolve_elements.png) no-repeat;
}

.arrow2{
	background-position: -56px -45px ;
	width: 76px;
	height: 61px;
}

.arrow3{
	background-position: 0 0;
	width: 89px;
	height: 44px;
}

.arrow4{
	background-position: 0 -186px ;
	width: 38px;
	height: 75px;
}

.arrow5{
	background-position: 0 -133px ;
	width: 61px;
	height: 52px;
}

.arrow6{
	background-position: -90px 0;
	width: 64px;
	height: 36px;
}

.arrow7{
	background-position: 0 -45px ;
	width: 55px;
	height: 87px;
}

.blocks{
	background-position: -62px -133px ;
	width: 51px;
	height: 52px;
}

.key{
	background-position: -114px -133px ;
	width: 55px;
	height: 31px;
}

.lock{
	background-position: -133px -45px ;
	width: 39px;
	height: 44px;
}

.arrow1{
	background-position: -39px -186px ;
	width: 35px;
	height: 37px;
}