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

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

#container { width:300px; height:250px;	overflow:hidden; top:0px; position:absolute; box-sizing: border-box; border: 1px solid #000; background-color:#fff;
	/*background: url(_guides/_GUIDE3.png) no-repeat;*/
	display:none;
}


/* Wrapper */
#resolve { position:absolute; top:0px; z-index:4; /*display:none;*/ }
#textFrame { position:absolute; top:0px; z-index:3; /*display:none;*/ }
#imageFrame { position:absolute; top:0px; z-index:2; /*display:none;*/ }
#initFrame { position:absolute; top:0px; z-index:1; /*display:none;*/ }

/* initFrame */
#nick_logo { position:absolute; top:47px; left:57px; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
#sc_logo { position:absolute; top:81px; left:18px; }

/* imageFrame */
#overlay { position:absolute; top:0px; width:300px; height:250px; background-color:#000; opacity:0.5; z-index:3; /*display:none;*/ }
#image3 { position:absolute; top:0px; width:300px; height:250px; background: url(images/image_3.jpg) no-repeat; z-index:2; /*display:none;*/ }
#image2 { position:absolute; top:-21px; left:-288px; width:875px; height:730px; background: url(images/image_2.png) no-repeat; background-color:#fff; z-index:1;
		-webkit-transform-origin: 50% 20%; transform-origin: 50% 20%; /*display:none;*/ }
#image1 { position:absolute; top:0px; width:300px; height:250px; background: url(images/image_1.jpg) no-repeat; z-index:0; /*display:none;*/ }
#credit { position:absolute; top:0px; width:300px; height:250px; background: url(images/credit.png) no-repeat; z-index:4; }

/* textFrame */
.centerAnchor { -webkit-transform-origin: center center; transform-origin: center center; }
.textLockup { position:absolute; top:85px; left:38px; }
#txt1b { position:absolute; top:114px; left:54px; /*display:none;*/ }
#txt2b { position:absolute; top:114px; left:33px; /*display:none;*/ }
#txt3b { position:absolute; top:114px; left:12px; /*display:none;*/ }

/* resolve */
#txt6 { position:absolute; top:130px; left:66px; z-index:3; /*display:none;*/ }
	#txt6a { position:absolute; top:0px; left:0px; }
	#txt6b { position:absolute; top:16px; left:-10px; }
	#txt6c { position:absolute; top:58px; left:6px; }
#txt5 { position:absolute; top:160px; left:94px; z-index:3; /*display:none;*/ }
#txt4 { position:absolute; top:142px; left:66px; z-index:3; /*display:none;*/ }
#logo { position:absolute; top:135px; left:70px; z-index:3; /*display:none;*/ }
/*#image4 { position:absolute; top:-284px; left:-248px; width:875px; height:730px; background: url(images/image_2.png) no-repeat; z-index:1;
		-webkit-transform-origin: 43% 59%; transform-origin: 43% 59%;
		-webkit-transform: scale(0.34); transform: scale(0.34); }*/
#image4 { position:absolute; top:-21px; left:-288px; width:875px; height:730px; background: url(images/image_2.png) no-repeat; z-index:2;
		-webkit-transform-origin: 43% 59%; transform-origin: 43% 59%; }
#burst { position:absolute; background: url(images/smoke.png) no-repeat; top:-140px; left:-130px; opacity:1; width:598px; height:550px; z-index:1;
		-webkit-transform-origin: 48% 50%; transform-origin: 48% 50%; /*display:none;*/ }
#whiteBG { position:absolute; top:0px; width:300px; height:250px; background-color:#fff; z-index:0; /*display:none;*/ }

/* Clickthrough */
#bg_clickthrough { position:absolute; width:300px; height:250px; background-color:#fff; cursor: pointer; opacity:0; z-index:5; }



/* SPRITES */
.txt_1b, .txt_2b, .txt_3b, .txt_4, .txt_5, .txt_6a, .txt_6b, .txt_6c, .txt_a, .logo, .nick_logo, .sc_logo{
	background: url(images/elements.png) no-repeat;
}

.txt_1b{
	background-position: -442px -85px ;
	width: 193px;
	height: 40px;
}

.txt_2b{
	background-position: 0 -208px ;
	width: 235px;
	height: 40px;
}

.txt_3b{
	background-position: 0 0;
	width: 276px;
	height: 84px;
}

.txt_4{
	background-position: -277px 0;
	width: 171px;
	height: 68px;
}

.txt_5{
	background-position: -449px 0;
	width: 118px;
	height: 66px;
}

.txt_6a{
	background-position: -568px 0;
	width: 49px;
	height: 10px;
}

.txt_6b{
	background-position: -442px -126px ;
	width: 202px;
	height: 29px;
}

.txt_6c{
	background-position: -277px -69px ;
	width: 167px;
	height: 12px;
}

.txt_a{
	background-position: -236px -208px ;
	width: 224px;
	height: 23px;
}

.logo{
	background-position: -264px -85px ;
	width: 177px;
	height: 104px;
}

.nick_logo{
	background-position: -442px -156px ;
	width: 196px;
	height: 29px;
}

.sc_logo{
	background-position: 0 -85px ;
	width: 263px;
	height: 122px;
}