body,html{
	margin:0;
	padding:0;
}

#ui{
	background:url(img/bg.jpg);
	font-family: Arial,font1;
	position:relative;
	overflow:hidden;
	width:640px;	height:480px;
}
#ui div{
	color:#fff;
	position:absolute;
}
#ui a{
	cursor:pointer;
	display:block;
	position:absolute;
}
#ui>div{
	display:none;
	width:640px;	height:480px;
	transition: opacity 0.5s linear;
	-webkit-transition: opacity 0.5s linear;
}

.s0 #s0,.s1 #s1,.s2 #s2,.s3 #s3,.s4 #s4,.s5 #s5,.s6 #s6,.s42 #s42,.s43 #s43,.s44 #s44,.s45 #s45{display:block}
.s0.start #s0,.s1.start #s1,.s2.start #s2,.s3.start #s3,.s4.start #s4,.s5.start #s5,.s6.start #s6,.s42.start #s42,.s43.start #s43,.s44.start #s44,.s45.start #s45{opacity:0}

#btnSettings{
	background:url(img/style.png) -72px -35px;
	left:5px;		top:5px;
}

#btnSounds,#btnSounds2{
	background:url(img/style.png) -25px -35px;
	right:5px;		top:5px;
}
#btnSounds.Off,#btnSounds2.Off{
	background-position:-48px -35px;
}

#btnBack,#btnBack2,#btnBack3,#btnBack4,#btnBack5,#btnBack42,#btnBack43,#btnBack44,#btnBack45{
	background:url(img/style.png) 0 -35px;
	right:5px;		top:5px;
}
#btnBack2{top:60px}

#btnSettings,#btnSounds,#btnSounds2,#btnBack,#btnBack2,#btnBack3,#btnBack4,#btnBack5,#btnBack42,#btnBack43,#btnBack44,#btnBack45{
	background-color:#0808d6;
	border-radius:10px;
	width:23px;	height:22px;
}
#btnSettings:hover,#btnSounds:hover,#btnPlay:hover,#btnSelect:hover,#btnInstructions:hover,#btnAchievements:hover,
#btnErase:hover,#btnSounds2:hover,
#btnBack:hover,#btnBack2:hover,#btnBack3:hover,#btnBack4:hover,#btnBack5:hover,#btnHelp:hover,#btnBack42:hover,#btnBack43:hover,#btnBack44:hover,#btnBack45:hover,
#btnMore:hover,#btnMenu:hover,
#btnNext1:hover,#btnNext2:hover,#btnNext3:hover,#btnNext4:hover,#btnNext5:hover,
#btnPrev2:hover,#btnPrev3:hover,#btnPrev4:hover,#btnPrev5:hover{
	background-color:#5ba4e6;
}

.header{
	top:15px;
	width:640px;	height:85px;
}
.header>b{
	background:url(img/style.png) 0 -275px;
	display:block;
	position:absolute;
	left:450px;	top:1px;
	width:150px;	height:83px;
}
.header>div{
	background:#5ba4e6;
	bottom:0;
	width:640px;	height:40px;
}
.s0 .header{top:50px}
.s0 .header>b{left:230px}
h2{
	color:#fff;
	font-size:24px;
	position:absolute;
	left:40px;	top:45px;
}

#btnAppStore{
	background:url(img/style.png) 0 -140px;
	border-radius:10px;
	left:	10px;	top:185px;
	width:198px;	height:64px;
}

#btnGooglePlay{
	background:url(img/style.png) 0 -208px;
	border-radius:10px;
	right:10px;	top:185px;
	width:198px;	height:64px;
}

#footer{
	background:#5ba4e6;
	top:438px;
	width:640px;	height:32px;
}
#btnFacebook{
	background:url(img/style.png) 0 -370px;
	left:162px;	top:4px;
	width:133px;	height:23px;
}
#btnTwitter{
	background:url(img/style.png) 0 -400px;
	left:330px;	top:2px;
	width:128px;	height:26px;
}
#btnHoodaMath{
	background:url(img/style.png) 0 -430px;
	left:490px;	top:2px;
	width:144px;	height:26px;
}

#btnPlay,#btnSelect{
	background:#999;
	border-radius:25px;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	line-height:50px;
	left:248px;	top:163px;
	width:147px;	height:50px;
	text-align:center;
	text-transform: uppercase;
}
#btnSelect{top:221px}

#btnInstructions,#btnAchievements,#btnErase,#btnMore,#btnMenu{
	background:#999;
	border-radius:14px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:28px;
	left:248px;	top:301px;
	width:147px;	height:28px;
	text-align:center;
	text-transform: uppercase;
}
#btnAchievements{top:361px}
#btnErase{top:230px}
#btnMore{text-decoration:none}
#btnMenu{top:350px}

#s6 p{
	font-size:21px;
	position:absolute;
	left:120px;top:120px;
	text-align:center;
	width:400px;
}

.s0.start #btnPlay,
.s0.start #btnInstructions,
.s0.start #btnAchievements,
.s0.start #btnSelect{
	margin-top:-10px;
	opacity:0;
}

.s0 #btnPlay,
.s0 #btnSelect,
.s0 #btnInstructions,
.s0 #btnAchievements{
	opacity:1;
	margin-top:0;
}

.s0 #btnPlay		{transition:opacity 1s linear 0.25s,margin 0.5s linear 0.25s;	-webkit-transition:opacity 1s linear 0.25s,margin 0.5s linear 0.25s;}
.s0 #btnSelect		{transition:opacity 1s linear 0.5s,margin 0.5s linear 0.5s;	-webkit-transition:opacity 1s linear 0.5s,margin 0.5s linear 0.5s;}
.s0 #btnInstructions	{transition:opacity 1s linear 0.75s,margin 0.5s linear 0.75s;	-webkit-transition:opacity 1s linear 0.75s,margin 0.5s linear 0.75s;}
.s0 #btnAchievements{transition:opacity 1s linear 1s,margin 0.5s linear 1s;	-webkit-transition:opacity 1s linear 1s,margin 0.5s linear 1s;}

#a1,#a2,#a3,#a4,#a5,#a6,#a7{
	font-size:11px;
	left:40px;		top:185px;
	width:260px;	height:35px;
}
#a1 i,#a2 i,#a3 i,#a4 i,#a5 i,#a6 i,#a7 i{
	background:url(img/style.png) 1px 4px no-repeat;
	background-color:#666666;
	display:block;
	width:37px;	height:38px;
}
#a2{top:245px}
#a2 i{background-position:-36px 4px}
#a3{top:305px}
#a3 i{background-position:-72px 3px}
#a4{left:335px;top:156px}
#a4 i{background-position:-142px 3px}
#a5{left:335px;top:216px}
#a5 i{background-position:-179px 3px}
#a6{left:335px;top:276px}
#a6 i{background-position:-214px 4px}
#a7{left:335px;top:336px}
#a7 i{background-position:-107px 4px}

#ui .earned i{background-color:#5ba4e6}
#a1 div,#a2 div,#a3 div,#a4 div,#a5 div,#a6 div,#a7 div{
	color:#a0a0a0;
	line-height:16px;
	margin:-35px 0 0 42px
}
#a1 b,#a2 b,#a3 b,#a4 b,#a5 b,#a6 b,#a7 b{
	border-bottom:solid 2px #8eaabd;
	color:#fff;
	font-size:12px;
	display:block;
	width:220px;
}
.a1,.a2,.a3,.a4,.a5,.a6,.a7{
	background:url(img/style.png) 1px 4px no-repeat;
	background-color:#5ba4e6;
	display:inline-block;
	margin:5px 5px 0 0;
	width:38px;	height:38px;
}
.a2{background-position:-36px 4px}
.a3{background-position:-72px 3px}
.a4{background-position:-142px 3px}
.a5{background-position:-179px 3px}
.a6{background-position:-214px 4px}
.a7{background-position:-107px 4px}

#select>b{
	background:url(img/style.png) -214px -200px no-repeat;
	display:block;
	position:absolute;
	width:36px;	height:38px;
}
#select span{
	background:url(img/style.png) -155px -78px;
	background-color:#999;
	border-radius:14px;
	display:block;
	margin-top:6px;
	width:30px;	height:28px;
}
#select a{
	background-color:#999;
	border-radius:15px;
	display:block;
	font-size:12px;
	font-weight:100;
	line-height:18px;
	overflow:hidden;
	margin-top:6px;
	text-align:center;
	width:30px;	height:28px;
}
#select a:hover{background-color:#5ba4e6}
#select i{
	border-top:solid 1px #000;
	color:#000;
	display:block;
	font-size:10px;
	font-style:normal;
	line-height:12px;
	margin:-3px 0 0 5px;
	width:20px;
}

#select .c0{background-position:-214px -40px}
#select .c1{background-position:-214px -80px}
#select .c2{background-position:-214px -120px}
#select .c3{background-position:-215px -160px}

#medal1,#medal2,#medal3,#medal4,#medal5{
	background:url(img/style.png) -214px -80px no-repeat;
	font-size:12px;
	font-weight:800;
	height:40px;
	left:10px;	top:15px;
	opacity:0;
	transition:opacity 1s linear,margin 1s linear;
	-webkit-transition:opacity 1s linear,margin 1s linear;
}
#medal2{
	background-position:-214px -120px;
	top:55px;
	transition:opacity 1s linear 1s,margin 2s linear;
	-webkit-transition:opacity 1s linear 1s,margin 2s linear;
}
#medal3{
	background-position:-214px -160px;
	top:95px;
	transition:opacity 1s linear 2s,margin 3s linear;
	-webkit-transition:opacity 1s linear 2s,margin 3s linear;
}
#medal4,#medal5{background:none}

#medal1>div,#medal2>div,#medal3>div,#medal4>div,#medal5>div{
	border-bottom:solid 1px #fff;
	margin-top:3px;
	margin-left:35px;
	padding-left:5px;
	position:static;
	width:235px;
}
#medal1>i,#medal2>i,#medal3>i,#medal4>i,#medal5>i{
	color:#ccc;
	font-weight:100;
	font-style:normal;
	margin-left:35px;
	padding-left:5px;
}
#medal1>b,#medal2>b,#medal3>b{
	background-color:#999;
	border-radius:14px;
	display:block;
	position:absolute;
	left:0px;		top:5px;
	width:30px;	height:28px;
}
#medal4>b,#medal5>b{
	background:#5ba4e6 url(img/style.png) 1px 2px no-repeat;;
	display:block;
	position:absolute;
	left:0px;		top:2px;
	width:35px;	height:34px;
}
#medal5>b{background-position:-36px 2px}
#ui [a="1"]{
	top:55px;
	transition:opacity 1s linear 1s,margin 2s linear;
	-webkit-transition:opacity 1s linear 1s,margin 2s linear;
}
#ui [a="2"]{
	top:95px;
	transition:opacity 1s linear 2s,margin 3s linear;
	-webkit-transition:opacity 1s linear 2s,margin 3s linear;
}
#ui [a="3"]{
	top:135px;
	transition:opacity 1s linear 3s,margin 4s linear;
	-webkit-transition:opacity 1s linear 3s,margin 4s linear;
}
#ui .on{opacity:1}
#medal1.off{opacity:0;margin-top:-40px}
#medal2.off{opacity:0;margin-top:-80px}
#medal3.off{opacity:0;margin-top:-120px}
#medal4.off,#medal5.off{opacity:0}
#ui [a="1"].off{margin-top:-80px}
#ui [a="2"].off{margin-top:-120px}
#ui [a="3"].off{margin-top:-160px}


#l1,#l2,#l3,#l4,#l5,#l6,#l7{top:120px}
#l8,#l9,#l10,#l11,#l12,#l13,#l14{top:170px}
#l15,#l16,#l17,#l18,#l19,#l20,#l21{top:220px}
#l22,#l23,#l24,#l25,#l26,#l27,#l28{top:270px}
#l29,#l30,#l31,#l32,#l33,#l34,#l35{top:320px}
#l36,#l37,#l38,#l39,#l40,#l41,#l42{top:370px}
#l43,#l44,#l45,#l46,#l47,#l48,#l49{top:420px}

#l1,#l8,#l15,#l22,#l29,#l36,#l43{left:155px}
#l2,#l9,#l16,#l23,#l30,#l37,#l44{left:205px}
#l3,#l10,#l17,#l24,#l31,#l38,#l45{left:255px}
#l4,#l11,#l18,#l25,#l32,#l39,#l46{left:305px}
#l5,#l12,#l19,#l26,#l33,#l40,#l47{left:355px}
#l6,#l13,#l20,#l27,#l34,#l41,#l48{left:405px}
#l7,#l14,#l21,#l28,#l35,#l42,#l49{left:455px}

#cells{
	overflow:hidden;
	width:640px;	height:480px;
	opacity:1;
}
#cells.off{
	opacity:0;
	transition:opacity 1s linear;
	-webkit-transition:opacity 1s linear;
}
#cells.Off{
	display:none;
}

#cells>b{
	background:	url(img/style.png) -190px -395px;
	display:block;
	position:absolute;
	width:33px;	height:40px;
	transition: opacity 0.3s linear,margin 0.3s linear;
	-webkit-transition: opacity 0.3s linear,margin 0.3s linear;
}
#ui .e1{background-position:-150px -275px}
#ui .e2{background-position:-150px -315px}
#ui .e3{background-position:-150px -355px}
#ui .e4{background-position:-190px -275px}
#ui .e5{background-position:-150px -395px}
#ui .e6{background-position:-150px -435px}
#ui .e7{background-position:-190px -435px}

#ui .e8{background-position:-190px -315px;transition:none;-webkit-transition:none}
#ui .e9{background-position:-190px -355px;transition:none;-webkit-transition:none}

b[f="0"]{
	opacity:0;
	margin-top:-20px;
}

#cInfo{
	background:rgba(255,255,255,0.25);
	font-size:13px;
	font-weight:bold;
	line-height:36px;
	padding-left:175px;
	text-transform: uppercase;
	top:433px;
	width:465px;	height:36px;
}

#cLeft,#cRight{
	background:url(img/style.png) 0 -57px;
	left:11px;		top:386px;
	width:154px;	height:80px;
}
#cRight{
	left:475px;
	transform:scale(-1,-1);
	-webkit-transform:scale(-1,-1);
}
#btnLeft,#btnRight{
	left:11px;		top:11px;
	width:61px;	height:61px;
}
#btnUp,#btnDown{
	left:80px;		top:11px;
	width:61px;	height:61px;
}
#btnHelp{
	background:	#0808d6;
	border-radius:10px;
	color:#fff;
	line-height:20px;
	left:420px;	top:8px;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	width:50px;	height:20px;
}

#cube{
	background:url(img/cube.png);
	left:64px;		top:118px;
	width:260px;	height:205px;
}
#cube.off{display:none}

#ui .S21{	background-position:-270px 0}
#ui .S22{	background-position:-527px 0}
#ui .S23{	background-position:-790px -1234px}
#ui .S24{	background-position:-1050px -1234px}

#ui .S25{	background-position:0 -200px}
#ui .S26{	background-position:-265px -200px}
#ui .S27{	background-position:-525px -200px}
#ui .S28{	background-position:-725px -200px}
#ui .S29{	background-position:-985px -200px}

#ui .S201{	background-position:2px -408px}
#ui .S202{	background-position:-260px -410px}
#ui .S203{	background-position:-520px -410px}
#ui .S204{	background-position:-780px -409px}
#ui .S205{	background-position:-1042px -409px}

#ui .S211{	background-position:-2px -615px}
#ui .S212{	background-position:-260px -615px}
#ui .S213{	background-position:-525px -615px}
#ui .S214{	background-position:-780px -615px}
#ui .S215{	background-position:-1040px -615px}

#ui .S221{	background-position:-2px -820px}
#ui .S222{	background-position:-260px -820px}
#ui .S223{	background-position:-520px -820px}
#ui .S224{	background-position:-780px -820px}
#ui .S225{	background-position:-1040px -820px}

#ui .S231{	background-position:4px -1025px}
#ui .S232{	background-position:-257px -1025px}
#ui .S233{	background-position:-520px -1025px}
#ui .S234{	background-position:-780px -1025px}
#ui .S235{	background-position:-1040px -1025px}

#ui .S0,#ui .S0A,#ui .S0B,#ui .S0C,#ui .S0D,#ui .S0E{	background-position:0 -1234px}
#ui .S01{	background-position:-270px -1234px}
#ui .S02{	background-position:-530px -1234px}
#ui .S03{	background-position:-790px -1234px}
#ui .S04{	background-position:-1050px -1234px}

#ui .S05{	background-position:0 -1435px}
#ui .S06{	background-position:-260px -1435px}
#ui .S07{	background-position:-520px -1435px}
#ui .S08{	background-position:-780px -1435px}
#ui .S09{	background-position:-1040px -1435px}

#ui .S0A,#ui .S1A,#ui .S2A{	opacity:0.8;	margin-top:20px}
#ui .S0B,#ui .S1B,#ui .S2B{	opacity:0.6;	margin-top:40px}
#ui .S0C,#ui .S1C,#ui .S2C{	opacity:0.4;	margin-top:60px}
#ui .S0D,#ui .S1D,#ui .S2D{	opacity:0.2;	margin-top:80px}
#ui .S0E,#ui .S1E,#ui .S2E{		opacity:0}

#ui .S001{	background-position:0 -1642px}
#ui .S002{	background-position:-260px -1642px}
#ui .S003{	background-position:-520px -1644px}
#ui .S004{	background-position:-780px -1644px}
#ui .S005{	background-position:-1040px -1644px}

#ui .S011{	background-position:0 -1848px}
#ui .S012{	background-position:-260px -1848px}
#ui .S013{	background-position:-520px -1848px}
#ui .S014{	background-position:-780px -1849px}
#ui .S015{	background-position:-1040px -1850px}

#ui .S021{	background-position:0 -2055px}
#ui .S022{	background-position:-260px -2054px}
#ui .S023{	background-position:-520px -2054px}
#ui .S024{	background-position:-771px -2054px}
#ui .S025{	background-position:-1030px -2054px}

#ui .S031{	background-position:0 -2259px}
#ui .S032{	background-position:-260px -2259px}
#ui .S033{	background-position:-520px -2259px}
#ui .S034{	background-position:-780px -2259px}
#ui .S035{	background-position:-1040px -2259px}

#ui .S1,#ui .S1A,#ui .S1B,#ui .S1C,#ui .S1D,#ui .S1E{	background-position:0 -2459px}
#ui .S11{	background-position:-270px -2459px}
#ui .S12{	background-position:-530px -2459px}
#ui .S13{	background-position:-790px -2459px}
#ui .S14{	background-position:-1050px -2459px}

#ui .S15{	background-position:1px -2665px}
#ui .S16{	background-position:-260px -2665px}
#ui .S17{	background-position:-520px -2665px}
#ui .S18{	background-position:-780px -2665px}
#ui .S19{	background-position:-1040px -2665px}

#ui .S101{	background-position:0 -3275px}
#ui .S102{	background-position:-260px -3280px}
#ui .S103{	background-position:-520px -3280px}
#ui .S104{	background-position:-780px -3280px}
#ui .S105{	background-position:-1040px -3280px}

#ui .S111{	background-position:0 -3075px}
#ui .S112{	background-position:-260px -3073px}
#ui .S113{	background-position:-520px -3073px}
#ui .S114{	background-position:-780px -3073px}
#ui .S115{	background-position:-1040px -3074px}

#ui .S121{	background-position:0 -3484px}
#ui .S122{	background-position:-260px -3484px}
#ui .S123{	background-position:-520px -3484px}
#ui .S124{	background-position:-780px -3484px}
#ui .S125{	background-position:-1040px -3484px}

#ui .S131{	background-position:0 -2870px}
#ui .S132{	background-position:-260px -2870px}
#ui .S133{	background-position:-520px -2868px}
#ui .S134{	background-position:-780px -2870px}
#ui .S135{	background-position:-1038px -2870px}

#ui .S3,#ui .S4{background-position:-1000px 0}

#hLevel{
	font-size:28px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	left:-140px;	top:190px;
	opacity:0;
	width:140px;
	transition:left 1s linear,opacity 1s linear;
	-webkit-transition:left 1s linear,opacity 1s linear;
}
#hLevel.start{left:-140px;opacity:0;transition:none;-webkit-transition:none}
#hLevel.in{left:250px;opacity:0.8}
#hLevel.out{left:640px;opacity:0}

#ins1{
	background:	url(img/instructions.png);
	left:130px;	top:160px;
	width:393px;	height:118px;
}
#ins2{
	background:	url(img/instructions.png) 0 -120px;
	left:130px;	top:155px;
	width:343px;	height:127px;
}
#ins3{
	background:	url(img/instructions.png) 0 -250px;
	left:100px;	top:150px;
	width:485px;	height:149px;
}
#ins4{
	background:	url(img/instructions.png) 0 -400px;
	left:80px;	top:160px;
	width:485px;	height:123px;
}
#ins5{
	background:	url(img/instructions.png) -393px 0;
	left:285px;	top:180px;
	width:69px;	height:62px;
}
p{
	font-size:18px;
	padding:0;
	position:absolute;
	left:70px;		top:280px;
	text-align:justify;
	text-indent:50px;
	width:500px;
}

#btnNext1,#btnNext2,#btnNext3,#btnNext4,#btnNext5,
#btnPrev2,#btnPrev3,#btnPrev4,#btnPrev5{
	background:url(img/style.png) -150px -34px;
	background-color:#0808d6;
	border-radius:20px;
	left:15px;	top:415px;
	width:40px;	height:40px;
}
#btnNext1,#btnNext2,#btnNext3,#btnNext4,#btnNext5{
	left:580px;
	transform:scale(-1,1);
	-webkit-transform:scale(-1,1);
}
@font-face {
    font-family: 'font1';
    src: url('img/1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}