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{
	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,
.s2 #footer,.s3 #footer,.s4 #footer,.s5 #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:-6px;left:0;
	width:768px;
}

#btnWalktrough2{
	left:452px;	top:4px;
	width:185px;	height:49px;
}
.s15 #footer{display:none}
#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:233px;	top:210px;
	width:175px;	height:46px;
}
#btnNewGame{	top:258px}
#btnMoreGames{	top:306px}
#btnWalktrough{	top:353px}
#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:318px}
#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;
}

.s14 #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:270px;
	width:46px;	height:79px;
	-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:180px;	top:36px;
	width:300px;	height:196px;
}
#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:244px;
	width:226px;	height:59px;
}

/* scene 2 */
#door2{
	left:281px;	top:75px;
	width:93px;	height:129px;
}

#door2b{
	left:297px;	top:88px;
	width:61px;	height:106px;
}

#cover2,#cover2b{
	cursor:pointer;
	left:374px;	top:121px;
	width:32px;	height:41px;
}

#cover2c{
	display:none;
	left:382px;	top:127px;
	width:18px;	height:31px;
}

#coffer2{
	cursor:pointer;
	left:427px;	top:173px;
	width:84px;	height:36px;
}

#coffer2b{
	display:none;
	left:423px;	top:159px;
	width:91px;	height:50px;
}

#screwdriver{
	cursor:pointer;
	display:none;
	left:446px;	top:183px;
	width:40px;	height:12px;
}

#area2{
	left:183px;	top:142px;
	width:30px;	height:46px;
}

#baril{
	cursor:pointer;
	left:160px;	top:157px;
	width:63px;	height:92px;
}
#baril.on{
	left:117px;	top:172px;
}

#baril2{
	cursor:pointer;
	left:198px;	top:139px;
	width:63px;	height:92px;
}
#baril2.on{
	left:221px;	top:149px;
}

#door2c{
	display:none;
	left:9px;		top:178px;
	width:28px;	height:66px;
}

#switch2{
	display:none;
	left:39px;		top:179px;
	width:20px;	height:42px;
}

#area3{
	left:39px;		top:198px;
	width:20px;	height:23px;
}

#_door2d,#door2d{
	cursor:pointer;
	left:25px;		top:173px;
	width:43px;	height:58px;
}

/* scene 3 */
#cover3,#_cover3{
	cursor:pointer;
	left:1px;		top:234px;
	width:107px;	height:45px;
}

#cover3b{
	display:none;
	left:0;		top:216px;
	width:108px;	height:63px;
}

#lamp3,#_lamp3{
	cursor:pointer;
	display:none;
	left:31px;		top:254px;
	width:38px;	height:17px;
}

#pillow{
	cursor:pointer;
	left:131px;	top:170px;
	width:57px;	height:29px;
}

#pillow2{
	display:none;
	left:133px;	top:155px;
	width:57px;	height:20px;
}

#key3{
	cursor:pointer;
	left:150px;	top:184px;
	width:19px;	height:11px;
}

#hole{
	left:597px;	top:61px;
	width:30px;	height:20px;
}

#garbage{
	display:none;
	left:510px;	top:269px;
	width:97px;	height:63px;
}

#fuse3{
	cursor:pointer;
	display:none;
	left:544px;	top:274px;
	width:20px;	height:28px;
}

#candle{
	left:293px;	top:132px;
	width:13px;	height:24px;
}

#candle2{
	cursor:pointer;
	display:none;
	left:279px;	top:100px;
	width:44px;	height:42px;
}

#drawler3{
	left:262px;	top:167px;
	width:60px;	height:36px;
}

/* scene 4 */
#paper,#_paper{
	cursor:pointer;
	left:533px;	top:237px;
	width:33px;	height:19px;
}

#door4a{
	cursor:pointer;
	left:164px;	top:163px;
	width:59px;	height:55px;
}

#door4a2{
	display:none;
	left:153px;	top:166px;
	width:29px;	height:60px;
}

#door4b{
	cursor:pointer;
	left:215px;	top:161px;
	width:54px;	height:60px;
}

#door4b2{
	cursor:pointer;
	left:223px;	top:187px;
	width:38px;	height:18px;
}

#door4c{
	cursor:pointer;
	left:263px;	top:160px;
	width:52px;	height:61px;
}

#door4c2{
	display:none;
	left:248px;	top:161px;
	width:22px;	height:67px;
}

#door4d{
	cursor:pointer;
	left:310px;	top:160px;
	width:53px;	height:61px;
}

#door4d2{
	display:none;
	left:294px;	top:158px;
	width:22px;	height:72px;
}

#door4e{
	cursor:pointer;
	left:358px;	top:160px;
	width:52px;	height:61px;
}

#door4e2{
	display:none;
	left:404px;	top:161px;
	width:22px;	height:67px;
}

#door4f{
	cursor:pointer;
	left:405px;	top:161px;
	width:54px;	height:60px;
}

#bottle{
	cursor:pointer;
	left:469px;	top:182px;
	width:13px;	height:27px;
}

#door4g{
	cursor:pointer;
	left:451px;	top:163px;
	width:59px;	height:55px;
}

#door4g2{
	display:none;
	left:491px;	top:166px;
	width:29px;	height:60px;
}

#pipe{
	left:314px;	top:162px;
	width:40px;	height:42px;
}

#faucet{
	left:311px;	top:136px;
	width:43px;	height:14px;
}

#water{
	cursor:pointer;
	display:none;
	left:324px;	top:132px;
	width:18px;	height:18px;
}

#box4{
	left:48px;		top:227px;
	width:39px;	height:21px;
}

/* scene 5 */
#oil{
	cursor:pointer;
	left:148px;	top:194px;
	width:24px;	height:25px;
}

#box5{
	left:166px;	top:56px;
	width:28px;	height:14px;
}

#door5a{
	cursor:pointer;
	left:392px;	top:71px;
	width:97px;	height:52px;
}

#door5a2{
	display:none;
	left:480px;	top:60px;
	width:57px;	height:72px;
}

#cutters{
	cursor:pointer;
	left:417px;	top:109px;
	width:31px;	height:14px;
}

#key5{
	cursor:pointer;
	left:439px;	top:162px;
	width:21px;	height:13px;
}

#ice{
	cursor:pointer;
	display:none;
	left:395px;	top:121px;
	width:75px;	height:94px;
}

#door5b{
	cursor:pointer;
	left:389px;	top:125px;
	width:94px;	height:94px;
}

#door5b2{
	cursor:pointer;
	left:395px;	top:125px;
	width:88px;	height:94px;
}

#door5b3{
	display:none;
	left:467px;	top:122px;
	width:70px;	height:106px;
}

#dark{
	background:-webkit-linear-gradient(rgba(0,0,0,1) 60%,rgba(0,0,0,0) );
	background:linear-gradient(rgba(0,0,0,1) 60%,rgba(0,0,0,0) );
	height:350px!important;;
}

.s2 #dark,.s3 #dark,.s4 #dark,.s5 #dark{display:block}
#_door2d,#_paper,#_cover3,#dark.off{display:none}
#_paper.off,#_cover3.off,#_lamp3.on,#_door2d.off{display:none!important}
.s2 #_door2d,.s3 #_cover3,.s4 #_paper{display:block}
.s3 #_lamp3.on{display:block!important}
#lamp{
	pointer-events:none;
	display:none;
	width:1330px!important;	height:717px!important;
}

/* popups */
#p1Lock{
	left:244px;	top:24px;
	width:147px;	height:254px;
}

#p1Fuses{
	left:280px;	top:173px;
	width:77px;	height:43px;
}

#p1Fuse1,#p1Fuse2,#p1Fuse3{
	display:none;
	left:283px;	top:174px;
	width:17px;	height:39px;
}
#p1Fuse2{left:311px}
#p1Fuse3{left:337px}

#p1Btn{
	left:291px;	top:64px;
	width:54px;	height:54px;
}

#p2Lock{
	left:225px;	top:73px;
	width:199px;	height:186px;
}

#N0,#N1,#N2,#N3,#N4,#N5,#N6,#N7,#N8,#N9,#N10,#N11{
	background:url(img/numbers14.png) no-repeat 2px 5px;
	left:302px;	top:96px;
	width:24px;	height:24px;
}
#N1{left:275px;	top:123px}
#N2{left:301px;	top:123px}
#N3{left:328px;	top:123px}
#N4{left:249px;	top:149px}
#N5{left:275px;	top:149px}
#N6{left:328px;	top:149px}
#N7{left:355px;	top:149px}
#N8{left:275px;	top:177px}
#N9{left:301px;	top:177px}
#N10{left:328px;	top:177px}
#N11{left:301px;	top:203px}

#ui .N1{background-position:-18px 5px}
#ui .N2{background-position:-38px 5px}
#ui .N3{background-position:-58px 5px}
#ui .N4{background-position:-78px 5px}
#ui .N5{background-position:-98px 5px}

#p2Btn{
	left:393px;	top:142px;
	width:20px;	height:36px;
}

#p3Numbers{
	left:251px;	top:81px;
	width:153px;	height:153px;
}

#p4Lock{
	left:167px;	top:67px;
	width:305px;	height:184px;
}

#u0,#u1,#u2,#u3,#u4,#u5,
#d0,#d1,#d2,#d3,#d4,#d5{
	left:185px;	top:126px;
	width:31px;	height:25px;
}
#u1,#d1{left:232px}
#u2,#d2{left:278px}
#u3,#d3{left:327px}
#u4,#d4{left:375px}
#u5,#d5{left:422px}
#d0,#d1,#d2,#d3,#d4,#d5{top:214px}

#l0,#l1,#l2,#l3,#l4,#l5{
	background:	url(img/letters30.png) no-repeat 0 0;
	cursor:default;
	left:180px;	top:158px;
	width:36px;	height:50px;
}
#l1{left:228px}
#l2{left:275px}
#l3{left:323px}
#l4{left:371px}
#l5{left:419px}

.l0,.l1,.l2,.l3,.l4,.l5,.l6,.l7,.l8,.l9,.l10,.l11,.l12,.l13,.l14,.l15,.l16,.l17,.l18,.l19,.l20,.l21,.l22,.l23,.l24,.l25{display:block!important}
#ui .l1{background-position:-40px 0}
#ui .l2{background-position:-80px 0}
#ui .l3{background-position:-120px 0}
#ui .l4{background-position:-160px 0}
#ui .l5{background-position:-200px 0}
#ui .l6{background-position:-240px 0}
#ui .l7{background-position:-280px 0}
#ui .l8{background-position:-320px 0}
#ui .l9{background-position:-360px 0}
#ui .l10{background-position:-400px 0}
#ui .l11{background-position:-440px 0}
#ui .l12{background-position:-480px 0}
#ui .l13{background-position:-520px 0}
#ui .l14{background-position:-560px 0}
#ui .l15{background-position:-600px 0}
#ui .l16{background-position:-640px 0}
#ui .l17{background-position:-680px 0}
#ui .l18{background-position:-720px 0}
#ui .l19{background-position:-760px 0}
#ui .l20{background-position:-800px 0}
#ui .l21{background-position:-840px 0}
#ui .l22{background-position:-880px 0}
#ui .l23{background-position:-920px 0}
#ui .l24{background-position:-960px 0}
#ui .l25{background-position:-1000px 0}

#p4Btn{
	left:299px;	top:86px;
	width:39px;	height:23px;
}

#p5Wall{
	left:110px;	top:15px;
	width:417px;	height:267px;
}

#p6Lock{
	left:97px;	top:125px;
	width:446px;	height:122px;
}

#n0,#n1,#n2,#n3{
	background:url(img/numbers18.png) no-repeat -2px 0;
	left:238px;	top:167px;
	width:24px;	height:28px;
}
#n1{left:276px}
#n2{left:313px}
#n3{left:349px}

#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:-152px 0}
#ui .n6{background-position:-182px 0}
#ui .n7{background-position:-212px 0}
#ui .n8{background-position:-242px 0}
#ui .n9{background-position:-272px 0}

#p6Btn{
	left:384px;	top:166px;
	width:17px;	height:30px;
}

#p6Lock2{
	display:none;
	left:250px;	top:98px;
	width:146px;	height:183px;
}

#p6Wrench{
	cursor:pointer;
	display:none;
	left:296px;	top:227px;
	width:51px;	height:24px;
}

#p7Paper{
	left:190px;	top:20px;
	width:231px;	height:269px;
}

#p8Lock{
	left:146px;	top:93px;
	width:354px;	height:167px;
}

#c0,#c1,#c2,#c3,#c4,#c5,#c6,#c7{
	background:url(img/colors.png) no-repeat 0 0;
	left:235px;	top:132px;
	width:45px;	height:45px;
	-webkit-transform:scale(0.82);
	transform:scale(0.82);
}
#c1,#c5{left:273px}
#c2,#c6{left:311px}
#c3,#c7{left:350px}

#c4,#c5,#c6,#c7{top:169px}

#ui .c1{background-position:-50px 0}
#ui .c2{background-position:-100px 0}
#ui .c3{background-position:-150px 0}
#ui .c4{background-position:-200px 0}
#ui .c5{background-position:-250px 0}

#p8Btn{
	left:396px;	top:155px;
	width:16px;	height:26px;
}

#p8Lock2{
	display:none;
	left:194px;	top:15px;
	width:270px;	height:250px;
}

#p8Lighter{
	cursor:pointer;
	display:none;
	left:292px;	top:119px;
	width:43px;	height:74px;
}

#p9Lock{
	left:175px;	top:146px;
	width:281px;	height:103px;
}

#m0,#m1,#m2,#m3{
	background:url(img/numbers18y.png) no-repeat 0 2px;
	left:226px;	top:171px;
	width:30px;	height:35px;
}
#m1{left:269px;	background:url(img/numbers18r.png) no-repeat 0 2px;}
#m2{left:311px;	background:url(img/numbers18g.png) no-repeat 0 2px;}
#m3{left:354px;	background:url(img/numbers18b.png) no-repeat 0 2px;}

#ui .m1{background-position:-30px 2px}
#ui .m2{background-position:-60px 2px}
#ui .m3{background-position:-90px 2px}
#ui .m4{background-position:-120px 2px}
#ui .m5{background-position:-150px 2px}
#ui .m6{background-position:-180px 2px}
#ui .m7{background-position:-210px 2px}
#ui .m8{background-position:-240px 2px}
#ui .m9{background-position:-270px 2px}

#p9Btn{
	left:393px;	top:172px;
	width:21px;	height:30px;
}

#p9Lock2{
	display:none;
	left:176px;	top:79px;
	width:288px;	height:199px;
}

#p9Fuse{
	cursor:pointer;
	display:none;
	left:293px;	top:131px;
	width:51px;	height:49px;
}

#p10Lock{
	left:122px;	top:73px;
	width:407px;	height:149px;
}

#S0,#S1,#S2,#S3,#S4{
	background:url(img/signs.png) no-repeat 0 0;
	left:196px;	top:127px;
	width:41px;	height:41px;
}
#S1{left:241px}
#S2{left:287px}
#S3{left:332px}
#S4{left:377px}

#ui .S1{background-position:-41px 0}
#ui .S2{background-position:-82px 0}
#ui .S3{background-position:-123px 0}

#p10Btn{
	left:428px;	top:133px;
	width:18px;	height:30px;
}

#p10Lock2{
	display:none;
	left:122px;	top:0;
	width:407px;	height:278px;
}

#p10Fuse{
	cursor:pointer;
	display:none;
	left:303px;	top:106px;
	width:34px;	height:34px;
}
