@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/_GUIDE5.png) no-repeat;*/
		background: url(bg.jpg) no-repeat; display:none;
}


/* Wrapper */
#resolve { position:absolute; top:37px; left:36px; z-index:2; display:none;/**/ }
#pizzaBox { position:absolute; top:10px; left:10px;  z-index:1; /*display:none;*/ }


/* Floating */
#hand { position:absolute; top:44px; left:0px; -webkit-transform-origin: left center; transform-origin: left center; z-index:3; /*display:none;*/ }


/* Pizza Box */
#cover_close { position:absolute; background: url(pizza_box_cover.jpg) no-repeat; width:231px; height:231px; top:0px;
				-webkit-transform-origin: center top; transform-origin: center top; z-index:3; }
#cover_open { position:absolute; top:-98px; left:-78px; -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index:3; visibility:hidden; }
#pizza { position:absolute; top:11px; left:13px; z-index:2; -webkit-transform-origin: center center; transform-origin: center center; }
#logo { position:absolute; top:13px; left:-4px; -webkit-transform-origin: center center; transform-origin: center center; z-index:1; visibility:hidden; }
#box { position:absolute; background: url(pizza_box.jpg) no-repeat; width:231px; height:231px; top:0px; z-index:0; /*display:none;*/ }


/* Resolve */
#text1 { position:absolute; top:0px; left:0px; -webkit-transform-origin: center center; transform-origin: center center; }
#text2 { position:absolute; top:50px; left:3px; -webkit-transform-origin: center center; transform-origin: center center; }
#appIcon { position:absolute; top:47px; left:90px; -webkit-transform-origin: center center; transform-origin: center center; }
#text3 { position:absolute; top:136px; left:4px; -webkit-transform-origin: center center; transform-origin: center center; }

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




/* SPRITES */
.text_2, .text_3, .app_icon, .box_lid, .hand, .logo, .pizza, .text_1{
	background: url(elements.png) no-repeat;
}

.text_2{
	background-position: -432px -189px ;
	width: 89px;
	height: 85px;
}

.text_3{
	background-position: -388px 0;
	width: 173px;
	height: 51px;
}

.app_icon{
	background-position: -432px -99px ;
	width: 87px;
	height: 89px;
}

.box_lid{
	background-position: 0 0;
	width: 387px;
	height: 98px;
}

.hand{
	background-position: 0 -314px ;
	width: 245px;
	height: 137px;
}

.logo{
	background-position: 0 -99px ;
	width: 225px;
	height: 214px;
}

.pizza{
	background-position: -226px -99px ;
	width: 205px;
	height: 207px;
}

.text_1{
	background-position: -246px -314px ;
	width: 168px;
	height: 47px;
}