html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}


#header {
	width: 100%;
	height: 150px;
}

#header h3 {
	font-family: "Arial" Helvetica sans-serif;
	font-size: 28px;
}

#game {
	background: #45a8de; /* Old browsers */
	background: -moz-linear-gradient(top,  #45a8de 0%, #c5e9fb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45a8de), color-stop(100%,#c5e9fb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45a8de 0%,#c5e9fb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45a8de 0%,#c5e9fb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45a8de 0%,#c5e9fb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45a8de 0%,#c5e9fb 100%); /* W3C */
	filter: alpha(opacity=80) progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a8de', endColorstr='#c5e9fb',GradientType=0 ); /* IE6-9 */
	width: 100%;
	height: 100%;
	min-width: 1000px;
	min-height: 600px;
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}


#game #instructions {
	background: url(img/help.png) top left no-repeat;
	width: 575px;
	height: 339px;
	float: left;
	position: absolute;
	top: 100px;
	z-index: 100;
	display: none;
}

#game #instructions #start_btn {
	background: url(img/start_btn.png) top left no-repeat;
	width: 259px;
	height: 74px;
	float: left;
	text-indent: -30000px;
	position: absolute;
	bottom: 30px;
	left: 165px;
	z-index: 100;
}


#game #message {
	background: url(img/message.png) top left no-repeat;
	width: 575px;
	height: 339px;
	float: left;
	position: absolute;
	top: 100px;
	z-index: 100;
	display: none;
}

#game #house {
	background: url(img/house.png) top left no-repeat;
	width: 220px;
	height: 190px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 100%;
}

#game #meter {
	width: 90%;
	height: 54px;
	float: left;
	position: absolute;
	top: 5px;
	left: 5%;
	z-index: 50;
}

#game #meter #start {
	background: url(img/meter_left.png) top left no-repeat;
	width: 100px;
	height: 42px;
	float: left;
	position: absolute;
	top: 6px;
	left: 0px;
	z-index: 5;
}

#game #meter #end {
	background: url(img/meter_right.png) top left no-repeat;
	width: 55px;
	height: 54px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5;
}

#game #meter #bg {
	background: #FFFFFF;
	width: 0px;
	height: 35px;
	float: left;
	position: absolute;
	top: 10px;
	left: 50px;
	z-index: 2;
}

#game #meter #bar {
	background: #d81f26;
	width: 90%;
	height: 15px;
	float: left;
	position: absolute;
	top: 20px;
	left: 90px;
	z-index: 10;
}

#game #land {
	width: 100%;
	height: 338px;
	overflow: hidden;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#game #land #back {
	background: url(img/land_back.png) top left repeat-x;
	width: 5000px;
	height: 338px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#game #land #mid {
	background: url(img/land_mid.png) top left repeat-x;
	width: 5000px;
	height: 289px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#game #land #front {
	background: url(img/land_front.png) top left repeat-x;
	width: 5000px;
	height: 113px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#game .cloud {
	background: url(img/clouds.png) no-repeat;
	float: left;
	position: absolute;
	left: 100%;
}

#game .cloud.c1 {
	background-position: 0px 0px;
	width: 263px;
	height: 146px;
}
#game .cloud.c2 {
	background-position: 0px -146px;
	width: 183px;
	height: 61px;
}
#game .cloud.c3 {
	background-position: 0px -207px;
	width: 124px;
	height: 77px;
}



#game .bird {
	background: url(img/birds.png) no-repeat;
	float: left;
	position: absolute;
	z-index: 16;
	left: 100%;
}

#game .bird.b1 {
	background-position: 0px 0px;
	width: 207px;
	height: 230px;
}
#game .bird.b1.f0 { background-position: 0px 0px; }
#game .bird.b1.f1 { background-position: 0px -230px; }
#game .bird.b1.f2 { background-position: 0px -460px; }
#game .bird.b1.f3 { background-position: 0px -690px; }
#game .bird.b1.f4 { background-position: 0px -920px; }
#game .bird.b1.f5 { background-position: 0px -1150px; }
#game .bird.b1.f6 { background-position: 0px -1380px; }

#game .bird.b2 {
	background-position: -207px 0px;
	width: 97px;
	height: 102px;
}
#game .bird.b2.f0 { background-position: -207px 0px; }
#game .bird.b2.f1 { background-position: -207px -102px; }
#game .bird.b2.f2 { background-position: -207px -204px; }
#game .bird.b2.f3 { background-position: -207px -306px; }
#game .bird.b2.f4 { background-position: -207px -408px; }
#game .bird.b2.f5 { background-position: -207px -510px; }
#game .bird.b2.f6 { background-position: -207px -612px; }


#game #stork {
	width: 221px;
	height: 143px;
	float: left;
	position: absolute;
	top: 250px;
	left: -230px;
	z-index: 15;
}

#game #stork #bird {
	background: url(img/stork.png);
	width: 221px;
	height: 93px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}
#game #stork #bag {
	background: url(img/bag.png);
	width: 48px;
	height: 87px;
	float: left;
	position: absolute;
	top: 53px;
	left: 170px;
}