.overlay
{
	background-color: white;
	visibility: hidden;
	position: absolute;
	width: 400px;
	height: 550px;
	z-index: 9999;
}

.tens
{
	float: left;
	width:24px;
	height: 36px;
	background-image: url(../img/flappy-graphics.png);
	background-position: -992px -120px;
}

.singles
{
	float: left;
	width:24px;
	height: 36px;
	background-image: url(../img/flappy-graphics.png);
	background-position: -992px -910px;
}

.score
{
	position:relative;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	left: 120px;
	top:30px;
}

.replaybutton
{
	position:absolute;
	background-image: url(../img/flappy-graphics.png);
	width: 104px;
	height: 58px;
	background-position: -708px -236px;
	visibility: hidden;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top:150px;
}

body
{
	margin-top: 0px;
}

.top-overlay
{

	position: absolute;
	background-color: white;
	width: 490px;
	height: 10px;
	z-index: 100;
}

.bottom-overlay
{
	float: left;
	background-color: white;
	width: 490px;
	height: 200px;
	position: absolute;
	top: 520px;
	z-index: 100;
}

.free-pipe
{
	width: 52px;
	height: 150px;
}

.bottom-pipe
{
	width: 52px;
	height: 320px;
	background-image: url(../img/flappy-graphics.png);
	background-position: -168px -646px;
}

.top-pipe
{
	width: 52px;
	height: 320px;
	background-image: url(../img/flappy-graphics.png);
	background-position: -112px -646px;
}

.pipe-one
{
	position: relative;
	left: 300px;
	top: -200px;
}

.pipe-two
{
	visibility: hidden;
	position: relative;
	left: 500px;
	top: -1000px;
}

.game-area
{
	width: 289px;
	margin: auto;
}

.right-overlay
{
	margin-left: 388px;
	background-color: white;
	width: 100px;
	height: 530px;
	position: absolute;
	z-index: 99;
}

.left-overlay
{
	margin-left: 0px;
	background-color: white;
	width: 100px;
	height: 530px;
	position: absolute;
	z-index: 99;
}

.groundfloor
{
	background-image: url(../img/flappy-graphics.png);
	width: 289px;
	height: 112px;
	
	background-position: -584px 0px;
	
	position: absolute;
	top: 420px;	
	z-index: 98;
}

.background
{
	float: left;
	background-image: url(../img/flappy-graphics.png);
	width: 289px;
	height: 511px;
	overflow: hidden;
}

.flappybird
{
	background-image: url(../img/flappy-graphics.png);
	position: absolute;
	width: 34px;
	height: 24px;
	background-position: -174px -982px;
	
	margin-left: 100px;
	top: 250px;
	z-index: 99;
	
	-webkit-animation-duration: 0.7s;
	-webkit-animation-name: flap;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: step-end;
	
	-moz-animation-duration: 0.7s;
	-moz-animation-name: flap;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: step-end;
}

@-webkit-keyframes flap
{
	from
	{
		background-position: -174px -982px;
	}
	25%
	{
		background-position: -230px -658px;
	}
	50%
	{
		background-position: -230px -710px;
	}
	75%
	{
		background-position: -230px -658px;
	}
}

@-moz-keyframes flap
{
	from
	{
		background-position: -174px -982px;
	}
	25%
	{
		background-position: -230px -658px;
	}
	50%
	{
		background-position: -230px -710px;
	}
	75%
	{
		background-position: -230px -658px;
	}
}