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,
.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,
.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,.s3 #btnRight,.s4 #btnLeft,.s4 #btnRight,.s5 #btnLeft,.s5 #btnRight,.s6 #btnLeft,.s6 #btnRight,.s7 #btnLeft,.s7 #btnRight,.s8 #btnLeft,.s8 #btnRight,.s9 #btnLeft,.s9 #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:199px;
}
#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;
	display:none;
	left:320px;	top:160px;
	width:34px;	height:55px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

#snow{
	cursor:pointer;
	left:243px;	top:158px;
	width:201px;	height:103px;
}

#snow2{
	display:none;
	left:243px;	top:158px;
	width:206px;	height:103px;
	-webkit-transition:left 1s linear;
	transition:left 1s linear;
}
#snow2.f1{display:block}
#snow2.on{left:99px}

#door2{
	display:none;
	left:307px;	top:119px;
	width:55px;	height:90px;
}

#window2{
	display:none;
	left:404px;	top:109px;
	width:54px;	height:49px;
}

#stick{
	cursor:pointer;
	left:378px;	top:208px;
	width:39px;	height:11px;
}

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

#bush3{
	cursor:pointer;
	left:465px;	top:219px;
	width:77px;	height:55px;
}
#bush3.on{
	pointer-events:none;
	left:433px;
}

#shovel{
	cursor:pointer;
	display:none;
	left:493px;	top:209px;
	width:40px;	height:51px;
}

#bar3{
	cursor:pointer;
	left:210px;	top:188px;
	width:17px;	height:83px;
}

#bar3b{
	cursor:pointer;
	display:none;
	left:210px;	top:224px;
	width:46px;	height:44px;
}

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

#fire{
	background:url(img/fire.png) no-repeat 0 0;
	cursor:pointer;
	left:535px;	top:100px;
	width:70px;	height:132px;
}
#fire.f1{background-position:-70px 0}
#fire.f2{background-position:-140px 0}
#fire.f3{background-position:-210px 0}
#fire.f4{background-position:-280px 0}

#cover4{
	left:525px;	top:113px;
	width:77px;	height:47px;
}

#book{
	left:304px;	top:190px;
	width:41px;	height:29px;
}

#box4{
	left:280px;	top:83px;
	width:48px;	height:23px;
}

#door4{
	cursor:pointer;
	left:0px;		top:62px;
	width:140px;	height:255px;
}

#door4b{
	display:none;
	left:0;		top:61px;
	width:180px;	height:204px;
}

#axe4{
	cursor:pointer;
	left:30px;		top:120px;
	width:52px;	height:37px;
}

/* scene 5 */
#btnUp5{
	cursor:pointer;
	left:270px;	top:170px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

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

#btn5{
	left:30px;		top:248px;
	width:48px;	height:30px;
}

#barrels{
	cursor:pointer;
	left:0;		top:214px;
	width:126px;	height:90px;
}

#barrels2{
	display:none;
	pointer-events:none;
	left:0;		top:214px;
	width:178px;	height:90px;
}

#Btn5{
	left:208px;	top:134px;
	width:181px;	height:132px;
}

#stone5{
	background:url(img/stone5.png);
	pointer-events:none;
	left:120px;	top:134px;
	width:454px;	height:200px;
}
#stone5.f1{background-position:0 -200px}
#stone5.f2{background-position:0 -400px}
#stone5.f3{background-position:0 -600px}
#stone5.f4{background-position:0 -800px;left:150px}
#stone5.f5{background-position:0 -1000px;left:200px}
#stone5.f6{background-position:0 -1200px;left:250px}
#stone5.f7{background-position:0 -1400px;left:300px}

/* scene 6 */
#btnUp6{
	cursor:pointer;
	left:300px;	top:190px;
	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);
}

#btn6{
	left:474px;	top:158px;
	width:72px;	height:26px;
}

#berries{
	cursor:pointer;
	left:29px;		top:226px;
	width:28px;	height:22px;
}

#stone{
	cursor:pointer;
	left:4px;		top:207px;
	width:78px;	height:70px;
}
#stone.on{
	pointer-events:none;
	left:86px;		top:248px;
}

/* scene 7 */
#btnUp7{
	cursor:pointer;
	display:none;
	left:300px;	top:0px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

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

#tree{
	background:url(img/tree.png);
	pointer-events:none;
	left:180px;		top:23px;
	width:150px;	height:324px;

}
#tree.f1{background-position:-150px 0}
#tree.f2{background-position:-300px 0}
#tree.f3{background-position:-450px 0}
#tree.f4{background-position:-600px 0}
#tree.f5{background-position:-750px 0}
#tree.f6{background-position:-900px 0}
#tree.f7{background-position:-1050px 0}
#tree.f8{background-position:-1200px 0}
#tree.f9{background-position:-1350px 0}
#tree.f10{background-position:-1500px 0}
#tree.f11{background-position:-1650px 0}
#tree.f12{background-position:-1800px 0}
#tree.f13{background-position:-1950px 0;width:250px}
#tree.on{background-position:-2200px 0;width:400px}

#btn7{
	left:235px;	top:24px;
	width:56px;	height:300px;
}

#wave7{
	left:-1052px;	top:260px;
	width:1692px;	height:61px;
	-webkit-transition: all 5s linear;
	transition: all 5s linear;
}

#wave7b{
	left:-2035px;	top:265px;
	width:2675px;	height:43px;
	-webkit-transition: all 5s linear;
	transition: all 5s linear;
}

#wave7c{
	display:none;
	left:-952px;	top:200px;
	width:1692px;	height:61px;
	-webkit-transition: all 3s linear;
	transition: all 3s linear;
}

#wave7d{
	display:none;
	left:-1935px;	top:200px;
	width:2675px;	height:43px;
	-webkit-transition: all 3s linear;
	transition: all 3s linear;
}

#wave7.f0{left:-1052px;	-webkit-transition:none;transition:none}
#wave7.f1{left:-240px}

#wave7b.f0{left:-2035px;	-webkit-transition:none;transition:none}
#wave7b.f1{left:-615px}

#wave7c.f0{left:-952px;	-webkit-transition:none;transition:none}
#wave7c.f1{left:-140px}

#wave7d.f0{left:-1935px;	-webkit-transition:none;transition:none}
#wave7d.f1{left:-515px}

#hills7{
	pointer-events:none;
	left:0px;		top:256px;
	width:640px;	height:95px;
}

/* scene 8 */
#btnUp8{
	cursor:pointer;
	display:none;
	left:300px;	top:0px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

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

#moose{
	cursor:pointer;
	left:226px;	top:121px;
	width:153px;	height:158px;
}

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

#btn9{
	left:73px;		top:124px;
	width:197px;	height:119px;
}

/* popups */
#p1Lock{
	left:204px;	top:21px;
	width:234px;	height:209px;
}

#p1Snow{
	cursor:pointer;
	left:231px;	top:172px;
	width:190px;	height:41px;
	-webkit-transition:left 0.5s linear;
	transition:left 0.5s linear;
}
#p1Snow.f1{left:30px}

#p1Key{
	cursor:pointer;
	left:284px;	top:174px;
	width:68px;	height:38px;
}

#p2Lock{
	left:70px;		top:28px;
	width:464px;	height:223px;
}

#p3Lock{
	left:135px;	top:24px;
	width:373px;	height:257px;
}

#p4Lock{
	left:116px;	top:76px;
	width:414px;	height:179px;
}

#N0,#N1,#N2,#N3,#N4{
	background:url(img/numbers24.png) no-repeat -1px 0px;
	left:184px;	top:141px;
	width:37px;	height:42px;
}
#N1{left:234px}
#N2{left:285px}
#N3{left:335px}
#N4{left:386px}

#ui .N1{background-position:-36px 0px}
#ui .N2{background-position:-70px 0px}
#ui .N3{background-position:-105px 0px}
#ui .N4{background-position:-140px 0px}
#ui .N5{background-position:-174px 0px}
#ui .N6{background-position:-211px 0px}
#ui .N7{background-position:-245px 0px}
#ui .N8{background-position:-281px 0px}
#ui .N9{background-position:-316px 0px}

#p4Btn{
	left:432px;	top:137px;
	width:27px;	height:49px;
}

#p4Lock2{
	display:none;
	left:169px;	top:45px;
	width:322px;	height:236px;
}

#p4Key{
	cursor:pointer;
	display:none;
	left:304px;	top:146px;
	width:54px;	height:34px;
}

#p5Lock{
	left:129px;	top:90px;
	width:458px;	height:114px;
}

#S0,#S1,#S2,#S3{
	background:url(img/signs.png) no-repeat 0 0;
	left:153px;	top:106px;
	width:72px;	height:72px;
}
#S1{left:233px}
#S2{left:313px}
#S3{left:393px}

#ui .S1{background-position:-80px 0}
#ui .S2{background-position:-160px 0}
#ui .S3{background-position:-240px 0}
#ui .S4{background-position:-320px 0}
#ui .S5{background-position:-400px 0}
#ui .S6{background-position:-480px 0}
#ui .S7{background-position:-560px 0}

#p5Btn{
	left:485px;	top:114px;
	width:33px;	height:60px;
}

#p6Lock{
	left:155px;	top:87px;
	width:331px;	height:157px;
}

#n0,#n1,#n2,#n3,#n4,#n5,#n6,#n7{
	background:url(img/numbers09.png) no-repeat 0 1px;
	left:297px;	top:118px;
	width:20px;	height:20px;
}
#n1,#n7{left:317px}
#n2,#n4{left:279px}
#n3,#n5{left:336px}
#n2,#n3{top:136px}
#n4,#n5{top:155px}
#n6,#n7{top:174px}

#ui .n1{background-position:-20px 1px}
#ui .n2{background-position:-40px 1px}
#ui .n3{background-position:-60px 1px}
#ui .n4{background-position:-80px 1px}
#ui .n5{background-position:-100px 1px}
#ui .n6{background-position:-120px 1px}
#ui .n7{background-position:-140px 1px}
#ui .n8{background-position:-160px 1px}
#ui .n9{background-position:-180px 1px}

#p6Btn{
	left:371px;	top:141px;
	width:14px;	height:27px;
}

#p6Lock2{
	display:none;
	left:155px;	top:18px;
	width:331px;	height:252px;
}

#p6Wrench{
	cursor:pointer;
	display:none;
	left:276px;	top:109px;
	width:97px;	height:46px;
}
