body{
	border:0;
	margin:0;
	padding:0;
}
#ui{
	color:#fff;
	font:bold 16px Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	width:640px;	height:480px;
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
}
#ui>div,#ui>img{
	display:none;
	position:absolute;
	width:640px;	height:480px;
}
#ui>div>img,#ui>div>div,#popup div,#popup img,#popup a{position:absolute;}

a{
background:rgba(128,0,0,0.1);
	cursor:pointer;
	display:block;
	position:absolute;
}

.off,#popup>div{display:none;}

.on,.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9,.p10,.p11,.p12{display:block!important}

.s0 #s0,.s1 #s1,.s2 #s2,.s3 #s3,.s4 #s4,.s5 #s5,.s6 #s6,
.s7 #s7,.s8 #s8,.s9 #s9,.s10 #s10,.s11 #s11,
.s2 #footer,.s3 #footer,.s4 #footer,.s5 #footer,.s6 #footer,.s7 #footer,
.s8 #footer,.s9 #footer,.s10 #footer,
.p1 #p1,.p2 #p2,.p3 #p3,.p4 #p4,.p5 #p5,.p6 #p6,.p7 #p7,.p8 #p8,.p9 #p9,.p10 #p10,.p11 #p11,.p12 #p12{
	display:block;
}

#footer{
	height:136px!important;
	bottom:-5px;left:0;
	width:768px;
}

#btnWalktrough2{
	left:452px;	top:4px;
	width:185px;	height:49px;
}

#msg{
	color:#162740;
	top:5px;left:10px;
	width:440px;
}

#i0,#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8,#i9,#i10{
	background:url(img/icons.png) 100px 0 no-repeat;
	left:5px;	top:60px;
	width:64px;	height:64px;
}
#i0{left:900px;	background-position:0 0!important}
#i2{left:70px}
#i3{left:133px}
#i4{left:196px}
#i5{left:259px}
#i6{left:322px}
#i7{left:385px}
#i8{left:449px}
#i9{left:512px}
#i10{left:575px}

#ui .i1{	background-position:-64px 0}
#ui .i2{	background-position:-128px 0}
#ui .i3{	background-position:-192px 0}
#ui .i4{	background-position:-256px 0}
#ui .i5{	background-position:-320px 0}
#ui .i6{	background-position:-384px 0}
#ui .i7{	background-position:-448px 0}
#ui .i8{	background-position:-512px 0}
#ui .i9{	background-position:-576px 0}
#ui .i10{	background-position:-640px 0}
#ui .i11{	background-position:-704px 0}
#ui .i12{	background-position:-768px 0}
#ui .i13{	background-position:-832px 0}
#ui .i14{	background-position:-896px 0}

#btnPlay,#btnNewGame,#btnMoreGames,#btnWalktrough{
	left:220px;	top:190px;
	width:200px;	height:46px;
}
#btnNewGame{	top:244px}
#btnMoreGames{	top:298px}
#btnWalktrough{	top:355px}
#btnLogo,#btnLogo2{
	left:221px;	top:412px;
	width:203px;	height:68px;
}
#btnLogo2{top:405px}
#btnGame1,#btnGame2,#btnGame3,#btnGame4{
	left:16px;		top:298px;
	width:146px;	height:112px;
}
#btnGame2,#btnGame4{left:470px}
#btnGame3,#btnGame4{top:298px}
#btnLeft{
	cursor:pointer;
	top:-77px;left:15px;
	-webkit-transform:scale(-1,1);
	transform:scale(-1,1);
	width:44px;	height:68px;
}

#btnRight{
	cursor:pointer;
	right:13px;	top:-77px;
	width:44px;	height:68px;
}

.s2 #btnLeft,.s5 #btnRight,.s6 #btnLeft,.s6 #btnRight,.s7 #btnLeft,.s7 #btnRight,.s8 #btnLeft,.s9 #btnRight,.s10 #btnLeft,.s10 #btnRight{display:none}

#btnAgain,#btnMore{
	left:219px;	top:263px;
	width:220px;	height:58px;
}
#btnMore{top:330px}

#popup{
	background:rgba(0,0,0,0.75);
	left:0;		top:0;
	width:640px;	height:350px!important;
}
#btnDown{
	cursor:pointer;
	left:300px;	top:280px;
	width:44px;	height:68px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

#over{
	background:rgba(0,0,0,0);
	width:100%;
}
#over.On{display:block}
#start{
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	left:293px;	top:115px;
	width:50px;	height:38px;
}
.On #start{
	left:189px;	top:65px;
	width:282px;	height:198px;
}
#start2{
	cursor:pointer;
	-webkit-transition: all 0.25s linear 0.25s;
	transition: all 0.25s linear 0.25s;
	opacity:0;
	left:317px;	top:290px;
	width:29px;	height:7px;
}
.On #start2{
	opacity:1;
	left:220px;	top:262px;
	width:226px;	height:59px;
}

/* scene 2 */
#btnUp2{
	cursor:pointer;
	left:565px;	top:0px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

#btnDown2{
	cursor:pointer;
	left:300px;	top:278px;
	width:44px;	height:68px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

#fireplace{
	background:url('img/fireplace.png');
	opacity:0;
	left:268px;	top:108px;
	width:90px;	height:83px;
}
#ui #fireplace.f0,
#ui #fireplace.f1,
#ui #fireplace.f2,
#ui #fireplace.f3,
#ui #fireplace.f4{
	opacity: 1;
}

#ui #fireplace.f1 {background-position: -90px 0}
#ui #fireplace.f2 {background-position: -180px 0}
#ui #fireplace.f3 {background-position: -270px 0}
#ui #fireplace.f4 {background-position: -360px 0}

#btn2{
	left:263px;	top:114px;
	width:100px;	height:77px;
}

#btn2b{
	left:263px;	top:70px;
	width:100px;	height:40px;
}

#stocking2a,#stocking2b,#stocking2c{
	display:none;
	left:264px;	top:78px;
	width:29px;	height:50px;
}
#stocking2b{left:328px}
#stocking2c{left:295px}

#cat2{
	display:none;
	left:385px;	top:173px;
	width:34px;	height:57px;
}

#gift{
	cursor: pointer;
	display:none;
	left:294px;	top:50px;
	width:30px;	height:26px;
}

#gift2{
	display:none;
	left:287px;	top:42px;
	width:41px;	height:34px;
}

#key2{
	cursor: pointer;
	display:none;
	left:294px;	top:39px;
	width:29px;	height:18px;
}

/* scene 3 */
#door3,#door32{
	cursor: pointer;
	left:58px;	top:128px;
	width:99px;	height:66px;
}

#door3a,#door3a2,#door3b,#door3b2,#door3c,#door3c2,#door3d,#door3d2,#door3e,#door3e2,#door3f,#door3f2{
	cursor: pointer;
	left:187px;	top:135px;
	width:40px;	height:61px;
}
#door3b,#door3b2,#door3d,#door3d2,#door3f,#door3f2{
	left:233px;
	-webkit-transform:scale(-1,1);
	transform:scale(-1,1);
}

#door3c,#door3c2{left:278px}
#door3d,#door3d2{left:324px}
#door3e,#door3e2{left:369px}
#door3f,#door3f2{left:415px}

#btn3{
	left:496px;	top:0px;
	width:130px;	height:209px;
}

#btn3b{
	left:342px;	top:91px;
	width:70px;	height:309px;
}

/* scene 4 */
#btnUp4{
	cursor:pointer;
	left:295px;	top:90px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

#btn4{
	left:25px;	top:30px;
	width:88px;	height:117px;
}

#btn4b{
	left:22px;	top:161px;
	width:93px;	height:34px;
}

#btn4c{
	left:246px;	top:240px;
	width:52px;	height:31px;
}

/* scene 5 */
#door5a{
	cursor:pointer;
	left:42px;	top:125px;
	width:94px;	height:81px;
}

#door5a2{
	display:none;
	left:0px;	top:126px;
	width:45px;	height:102px;
}

#stocking5{
	cursor:pointer;
	display: none;
	left:84px;	top:214px;
	width:50px;	height:29px;
}

#door5b{
	cursor:pointer;
	left:303px;	top:33px;
	width:79px;	height:157px;
}

#door5b2{
	display:none;
	left:283px;	top:28px;
	width:29px;	height:165px;
}

#shovel{
	cursor:pointer;
	display:none;
	left:311px;	top:104px;
	width:64px;	height:84px;
}

/* scene 6 */
#btnUp6{
	cursor:pointer;
	left:300px;	top:100px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

#btnDown6{
	cursor:pointer;
	left:300px;	top:278px;
	width:44px;	height:68px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

#mattress{
	cursor:pointer;
	pointer-events: none;
	left:81px;	top:134px;
	width:62px;	height:26px;
}
#mattress.on{
	pointer-events: auto;
}
#mattress.On{top:91px}

#cat6{
	cursor:pointer;
	left:91px;	top:115px;
	width:29px;	height:37px;
}

#key6{
	cursor:pointer;
	left:97px;	top:139px;
	width:26px;	height:19px;
}

#btn6{
	left:554px;	top:60px;
	width:29px;	height:13px;
}

/* scene 7 */
#btnDown7{
	cursor:pointer;
	left:300px;	top:278px;
	width:44px;	height:68px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

#curtain7a,#curtain7a2{
	left:49px;	top:8px;
	width:33px;	height:105px;
}

#curtain7b,#curtain7b2{
	left:109px;	top:9px;
	width:33px;	height:105px;
}
#curtain7a,#curtain7b{cursor:pointer}

#btn7a,#btn7b,#btn7c{
	left:462px;	top:87px;
	width:75px;	height:24px;
}
#btn7b{top:116px}
#btn7c{top:146px}

#drawer7a,#drawer7b,#drawer7c{
	cursor:pointer;
	display:none;
	left:462px;	top:87px;
	width:75px;	height:37px;
}
#drawer7b{top:117px}
#drawer7c{top:147px}

#btn7{
	display:none;
	left:487px;	top:152px;
	width:29px;	height:8px
}

/* scene 8 */
#btnUp8{
	cursor:pointer;
	left:305px;	top:165px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}
.s8 #btnRight{left:420px}

#screwdriver{
	cursor:pointer;
	left:211px;	top:233px;
	width:46px;	height:13px;
	z-index:1;
}

#snow8b{
	cursor:pointer;
	left:141px;	top:222px;
	width:146px;	height:25px;
	z-index:1;
}

#snow8c{
	cursor:pointer;
	left:186px;	top:234px;
	width:363px;	height:115px;
	z-index:1;
}

/* scene 9 */
#btn9{
	left:286px;	top:138px;
	width:86px;	height:96px;
}

#door9{
	cursor:pointer;
	left:262px;	top:65px;
	width:116px;	height:188px;
}

#door9b{
	display:none;
	left:260px;	top:65px;
	width:229px;	height:189px;
}

/* scene 10 */
#btnDown10{
	cursor:pointer;
	left:300px;	top:278px;
	width:44px;	height:68px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

#btn10{
	left:5px;	top:209px;
	width:220px;	height:53px;
}


#btn10b{
	left:398px;	top:206px;
	width:34px;	height:18px;
}

/* popups */
#p1Lock{
	left:230px;	top:51px;
	width:181px;	height:228px;
}

#p1Matches{
	cursor:pointer;
	left:311px;	top:209px;
	width:39px;	height:34px;
}

#p2Lock{
	left:200px;	top:3px;
	width:226px;	height:288px;
}

#p3Lock{
	left:138px;	top:23px;
	width:355px;	height:272px;
}

#p3Key{
	cursor:pointer;
	left:138px;	top:39px;
	width:8px;	height:25px;
}

#p4Lock{
	left:85px;	top:91px;
	width:471px;	height:173px;
}

#n0,#n1,#n2{
	background:url(img/numbers16.png) no-repeat -2px 0;
	left:257px;	top:157px;
	width:28px;	height:35px;
}
#n1{left:302px}
#n2{left:347px}

#ui .n1{background-position:-32px 0}
#ui .n2{background-position:-62px 0}
#ui .n3{background-position:-92px 0}
#ui .n4{background-position:-122px 0}
#ui .n5{background-position:-151px 0}
#ui .n6{background-position:-182px 0}
#ui .n7{background-position:-211px 0}
#ui .n8{background-position:-242px 0}
#ui .n9{background-position:-272px 0}

#p4Btn{
	left:403px;	top:153px;
	width:23px;	height:40px;
}

#p4Lock2{
	display:none;
	left:85px;	top:0px;
	width:469px;	height:292px;
}

#p4Stocking{
	display:none;
	cursor:pointer;
	left:292px;	top:51px;
	width:52px;	height:90px;
}

#p5Lock{
	left:117px;	top:72px;
	width:385px;	height:182px;
}

#c0,#c1,#c2,#c3,#c4{
	background:url(img/colors.png) no-repeat 0 0;
	left:138px;	top:119px;
	width:56px;	height:56px;
}
#c1{left:194px}
#c2{left:250px}
#c3{left:306px}
#c4{left:362px}

#ui .c1{background-position:-60px 0}
#ui .c2{background-position:-120px 0}
#ui .c3{background-position:-180px 0}
#ui .c4{background-position:-240px 0}
#ui .c5{background-position:-300px 0}

#p5Btn{
	left:439px;	top:122px;
	width:32px;	height:55px;
}

#p5Lock2{
	display:none;
	left:128px;	top:0px;
	width:358px;	height:284px;
}

#p5Stocking{
	display:none;
	cursor:pointer;
	left:260px;	top:59px;
	width:84px;	height:143px;
}