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,.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,.s6 #btnRight,.s7 #btnLeft,.s7 #btnRight,.s8 #btnRight,
.s9 #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,#btnDown7,#btnDown9,#btnDown10{
	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:66px;
	width:281px;	height:197px;
}
#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 */
#waves{
	background:url(img/waves.png);
	left:140px;	top:220px;
	width:171px;	height:172px;
}
#waves.f1{background-position:-200px 0}
#waves.f2{background-position:-400px 0}
#waves.f3{background-position:-600px 0}
#waves.f4{background-position:-800px 0}
#waves.f5{background-position:-1000px 0}
#waves.f6{background-position:-1200px 0}
#waves.f7{background-position:-1400px 0}
#waves.f8{background-position:-1600px 0}
#waves.f9{background-position:-1800px 0}
#waves.f10{background-position:-2000px 0}
#waves.f11{background-position:-2200px 0}
#waves.f12{background-position:-2400px 0}


#waves2{
	background:url(img/waves2.png);
	left:120px;	top:200px;
	width:225px;	height:165px;
}
#waves2.f1{background-position:-225px 0}
#waves2.f2{background-position:-450px 0}
#waves2.f3{background-position:-675px 0}
#waves2.f4{background-position:-900px 0}
#waves2.f5{background-position:-1125px 0}
#waves2.f6{background-position:-1350px 0}
#waves2.f7{background-position:-1575px 0}

#btn2{
	left:419px;	top:166px;
	width:144px;	height:50px;
}

#machete{
	cursor:pointer;
	left:577px;	top:186px;
	width:53px;	height:21px;
}

#turquoise2{
	cursor:pointer;
	left:470px;	top:328px;
	width:15px;	height:17px;
}

/* scene 3 */
#msg3,#msg3b{
	left:152px;	top:62px;
	width:125px;	height:81px;
}

#turquoise3,#turquoise3b,#turquoise3c{
	left:180px;	top:102px;
	width:20px;	height:17px;
}
#turquoise3b{left:207px}
#turquoise3c{left:233px}

#woman{
	left:86px;		top:140px;
	width:70px;	height:142px;
}

#eyes{
	display:none;
	left:112px;	top:152px;
	width:16px;	height:9px;
}
#taxi{
	cursor:pointer;
	left:640px;	top:215px;
	width:394px;	height:139px;
	-webkit-transition:left 1s linear;
	transition:left 1s linear;
}
#taxi.on{left:180px}

#door3{
	cursor:pointer;
	left:340px;	top:77px;
	width:87px;	height:142px;
}

#rope3{
	cursor:pointer;
	left:369px;	top:181px;
	width:42px;	height:28px;
}

#door3b{
	display:none;
	left:298px;	top:78px;
	width:63px;	height:158px;
}

/* scene 4 */
#c0,#c1,#c2,#c3,#c4,#c5{
	background:url(img/colors.png);
	left:157px;	top:105px;
	width:33px;	height:33px;
}
#c1{left:130px;top:135px}
#c2{left:182px;top:135px}
#c3{left:140px;top:220px}
#c4{left:175px;top:220px}

#ui .c1{background-position:-33px 0}
#ui .c2{background-position:-66px 0}
#ui .c3{background-position:-99px 0}

#arrow4{
	cursor:pointer;
	left:163px;	top:158px;
	width:20px;	height:28px;
}

#stone4{
	left:159px;	top:157px;
	width:27px;	height:34px;
}

/* scene 5 */
#btnUp5{
	background:url(img/arrow.png);
	cursor:pointer;
	left:298px;	top:0px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

#bush{
	cursor:pointer;
	left:425px;	top:177px;
	width:215px;	height:84px;
}

#bush2{
	display:none;
	left:406px;	top:177px;
	width:234px;	height:84px;
}

#shovel{
	cursor:pointer;
	display:none;
	left:556px;	top:210px;
	width:21px;	height:33px;
}

/* scene 6 */
#barrel{
	cursor:pointer;
	left:10px;		top:164px;
	width:66px;	height:95px;
}

#barrel2{
	cursor:pointer;
	display:none;
	left:44px;		top:164px;
	width:66px;	height:95px;
}

#map{
	left:473px;	top:218px;
	width:57px;	height:36px;
}

#box6{
	left:539px;	top:291px;
	width:81px;	height:48px;
}

#box6b{
	display:none;
	left:543px;	top:268px;
	width:84px;	height:50px;
}

#carrots{
	cursor:pointer;
	display:none;
	left:559px;	top:277px;
	width:50px;	height:25px;
}

#fire{
	background:url(img/fire.png);
	cursor:pointer;
	left:293px;	top:168px;
	width:40px;	height:54px;
}
#fire.f1{background-position:-40px 0}
#fire.f2{background-position:-80px 0}
#fire.f3{background-position:-120px 0}
#fire.f4{background-position:-160px 0}

/* scene 7 */
#btnUp7{
	background:url(img/arrow.png);
	cursor:pointer;
	display:none;
	left:350px;	top:55px;
	width:44px;	height:68px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

#donkey{
	cursor:pointer;
	left:8px;		top:209px;
	width:126px;	height:102px;
}

#donkey.on{
	pointer-events:none;
	left:190px;	top:133px;
}

#box7{
	cursor:pointer;
	left:499px;	top:283px;
	width:79px;	height:67px;
}

#box7b{
	left:499px;	top:288px;
	width:79px;	height:62px;
}

#lantern{
	cursor:pointer;
	display:none;
	left:527px;	top:268px;
	width:19px;	height:42px;
}

/* scene 8 */
.s8 #btnLeft{
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}

#btnUp8{
	background:url(img/arrow.png);
	cursor:pointer;
	display:none;
	left:440px;	top:0px;
	width:44px;	height:68px;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

#mule{
	left:77px;		top:214px;
	width:127px;	height:106px;
}

#rock8{
	cursor:pointer;
	left:555px;	top:266px;
	width:52px;	height:51px;
}

#key8{
	cursor:pointer;
	left:576px;	top:284px;
	width:28px;	height:23px;
}

#hole{
	left:257px;	top:187px;
	width:68px;	height:124px;
}

#rope8{
	cursor:pointer;
	opacity:0;
	left:380px;	top:0px;
	width:100px;	height:269px;
}
#rope8.on{
	opacity:1;
	pointer-events:none;
	width:41px;
}

/* scene 9 */
#sand{
	background:url(img/sand.png);
	cursor:pointer;
	left:226px;	top:225px;
	width:137px;	height:50px;
}
#sand.f1{background-position:0 -50px}
#sand.f2{background-position:0 -100px}
#sand.f3{background-position:0 -150px}
#sand.f4{background-position:0 -200px}
#sand.on{pointer-events:none}

#turquoise9{
	cursor:pointer;
	display:none;
	left:290px;	top:248px;
	width:18px;	height:16px;
}

/* scene 10 */
#stone{
	cursor:pointer;
	left:253px;	top:199px;
	width:128px;	height:58px;
}

#arrowhead10{
	display:none;
	left:299px;	top:207px;
	width:36px;	height:42px;
}

#turquoise10{
	cursor:pointer;
	display:none;
	left:296px;	top:169px;
	width:37px;	height:31px;
}
/* popups */
#p1Paper{
	left:214px;	top:20px;
	width:228px;	height:228px;
}

#p2Paper{
	cursor:pointer;
	left:92px;		top:12px;
	width:461px;	height:270px;
}

#p3Lock{
	left:144px;	top:72px;
	width:373px;	height:166px;
}

#u0,#u1,#u2,#u3,
#d0,#d1,#d2,#d3{
	left:190px;	top:84px;
	width:41px;	height:31px;
}
#u1,#d1{left:253px}
#u2,#d2{left:318px}
#u3,#d3{left:379px}
#d0,#d1,#d2,#d3{top:191px}

#l0,#l1,#l2,#l3{
	background:	url(img/letters36.png) no-repeat 0 0;
	cursor:default;
	left:186px;	top:123px;
	width:45px;	height:65px;
}
#l1{left:250px}
#l2{left:314px}
#l3{left:375px}

.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:-50px 0}
#ui .l2{background-position:-100px 0}
#ui .l3{background-position:-150px 0}
#ui .l4{background-position:-200px 0}
#ui .l5{background-position:-250px 0}
#ui .l6{background-position:-300px 0}
#ui .l7{background-position:-350px 0}
#ui .l8{background-position:-400px 0}
#ui .l9{background-position:-450px 0}
#ui .l10{background-position:-500px 0}
#ui .l11{background-position:-550px 0}
#ui .l12{background-position:-600px 0}
#ui .l13{background-position:-650px 0}
#ui .l14{background-position:-700px 0}
#ui .l15{background-position:-750px 0}
#ui .l16{background-position:-800px 0}
#ui .l17{background-position:-850px 0}
#ui .l18{background-position:-900px 0}
#ui .l19{background-position:-950px 0}
#ui .l20{background-position:-1000px 0}
#ui .l21{background-position:-1050px 0}
#ui .l22{background-position:-1100px 0}
#ui .l23{background-position:-1150px 0}
#ui .l24{background-position:-1200px 0}
#ui .l25{background-position:-1250px 0}

#p3Btn{
	left:454px;	top:119px;
	width:35px;	height:68px;
}

#p4Lock{
	left:185px;	top:118px;
	width:252px;	height:62px;
}

#n0,#n1,#n2,#n3{
	background:url(img/numbers18.png) no-repeat -2px 2px;
	left:214px;	top:130px;
	width:31px;	height:37px;
}
#n1{left:262px}
#n2{left:311px}
#n3{left:359px}

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

#p4Btn{
	left:404px;	top:132px;
	width:19px;	height:34px;
}