* {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}

#banner {
	display: block;
	overflow: hidden;
	left: 50%;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#banner div,#banner div div {
	position: absolute;
}

#banner {
	background-color: #ffffff;
	border: 1px solid #808080;
}

#banner, .full {
	width: 300px;
	height: 250px;
}

#play {
	width: 227px;
	height: 102px;
	left: 36px;
	top: 34px;
}

#play div {
	background-image: url(sprite_play.png);
	background-repeat: no-repeat;
}

#play_P {
	background-position: 0 0;
	width: 69px;
	height: 92px;
	left: 35px;
	top: 47px;
	z-index: 13;
}

#play_L {
	background-position: -69px 0;
	width: 46px;
	height: 83px;
	left: 87px;
	top: 59px;
	z-index: 12;
}

#play_A {
	background-position: -115px 0;
	width: 66px;
	height: 77px;
	left: 134px;
	top: 59px;
	z-index: 11;
}

#play_Y {
	background-position: -181px 0;
	width: 76px;
	height: 86px;
	left: 188px;
	top: 53px;
	z-index: 10;
}

#easy {
	background-image: url(theway.png);
	width: 227px;
	height: 243px;
	left: 300px;
	top: 3px;
}

#easy div {
	background-image: url(sprite_easy.png);
	background-repeat: no-repeat;
}

#easy_E {
	background-position: 0 0;
	width: 47px;
	height: 81px;
	left: 21px;
	top: 112px;
	z-index: 13;
}

#easy_A {
	background-position: -47px 0;
	width: 66px;
	height: 74px;
	left: 76px;
	top: 118px;
	z-index: 12;
}

#easy_S {
	background-position: -113px 0;
	width: 59px;
	height: 77px;
	left: 136px;
	top: 116px;
	z-index: 11;
}

#easy_Y {
	background-position: -172px 0;
	width: 65px;
	height: 76px;
	left: 194px;
	top: 116px;
	z-index: 10;
}

#tohelp {
	background-image: url(tohelp.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
	width: 240px;
	height: 320px;
	left: 320px;
	top: 30px;
}

#learn {
	width: 240px;
	height: 320px;
	left: 30px;
	top: -100px;
}

#learn div {
	background-image: url(sprite_learn.png);
	background-repeat: no-repeat;
}

#learn_L {
	background-position: 0 0;
	width: 49px;
	height: 83px;
	left: 24px;
	top: 277px;
	z-index: 11;
}

#learn_E {
	background-position: -49px 0;
	width: 40px;
	height: 67px;
	left: 62px;
	top: 274px;
	z-index: 10;
}

#learn_A {
	background-position: -89px 0;
	width: 63px;
	height: 70px;
	left: 109px;
	top: 272px;
	z-index: 11;
}

#learn_R {
	background-position: -152px 0;
	width: 59px;
	height: 80px;
	left: 162px;
	top: 276px;
	z-index: 12;
}

#learn_N {
	background-position: -211px 0;
	width: 50px;
	height: 67px;
	left: 214px;
	top: 270px;
	z-index: 10;
}

#grow {
	width: 245px;
	height: 73px;
	left: 27px;
	top: 155px;
}

#grow div {
	background-image: url(sprite_grow.png);
	background-repeat: no-repeat;
}

#grow_G {
	background-position: 0 0;
	width: 57px;
	height: 71px;
	left: 28px;
	top: 36px;
	z-index: 10;
}

#grow_R {
	background-position: -57px 0;
	width: 47px;
	height: 61px;
	left: 84px;
	top: 36px;
	z-index: 11;
}

#grow_O {
	background-position: -104px 0;
	width: 64px;
	height: 73px;
	left: 135px;
	top: 36px;
	z-index: 12;
}

#grow_W {
	background-position: -168px 0;
	width: 77px;
	height: 61px;
	left: 206px;
	top: 36px;
	z-index: 10;
}

.letters {
	opacity: 0;
	-webkit-transform: translate(-50%,-50%) scale(0.25);
	-moz-transform: translate(-50%,-50%) scale(0.25);
	-ms-transform: translate(-50%,-50%) scale(0.25);
	-o-transform: translate(-50%,-50%) scale(0.25);
	transform: translate(-50%,-50%) scale(0.25);
}

#and {
	background: url(and.png) no-repeat center center;
	width: 300px;
	height: 27px;
	left: 300px;
	top: 112px;
}

#ball {
	width: 140px;
	height: 1200px;
	left: -200px;
	bottom: 10px;
	z-index: 20;
}

#bounce {
	width: 140px;
	height: 140px;
	left: 0;
	bottom: 300px;
	z-index: 2;
}

#rotate {
	position: absolute;
	width: 140px;
	height: 140px;
	top: 50%;
	left: 50%;
	background: url(ball.png) center center no-repeat;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#shadow {
	background-image: url(shadow.png);
	width: 135px;
	height: 22px;
	left: 50%;
	bottom: 11px;
	opacity: 0;
	z-index: 1;
	-webkit-transform: translateX(-50%) scale(0.33);
	-moz-transform: translateX(-50%) scale(0.33);
	-ms-transform: translateX(-50%) scale(0.33);
	-o-transform: translateX(-50%) scale(0.33);
	transform: translateX(-50%) scale(0.33);
}

#logos {
	background: url(logos.png) center center no-repeat;
	width: 258px;
	height: 29px;
	left: 21px;
	top: 206px;
	opacity: 0;
	z-index: 1;
}

#end {
	background-image: url(end.png);
	width: 253px;
	height: 171px;
	left: -279px;
	top: 41px;
}

#cta {
	background: url(cta.png) center center no-repeat;
	width: 300px;
	height: 61px;
	left: 0;
	bottom: 57px;
	opacity: 0;
	z-index: 2;
}

#auth {
	background: url(auth.png) center center no-repeat;
	width: 300px;
	height: 250px;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 99;
}