body{
	background-color:#222;
}
#stage{
	width:1000px;
	height:500px;
	margin:auto;
	position:relative;
	overflow:hidden;
	background-color:black;
}
#textbox{
	position:absolute;
	width:50%;
	background-color:#222;
	opacity:70%;
	color:white;
	padding:20px;
	bottom:20px;
	left:250px;
	border:border-box;
	cursor:pointer;
}
#credits{
	position:absolute;
	width:350px;
	background-color:#222;
	opacity:70%;
	color:white;
	padding:20px;
	top:50px;
	left:50px;
	border:border-box;
}
h2{
	text-align:center;
}
p{
	text-align:right;
}
#button1{
	position:absolute;
	width:10%;
	background-color:#222;
	opacity:70%;
	color:white;
	padding:20px;
	bottom:20px;
	left:270px;
	cursor:pointer;
}
#button2{
	position:absolute;
	width:10%;
	background-color:#222;
	opacity:70%;
	color:white;
	padding:20px;
	bottom:20px;
	left:450px;
	cursor:pointer;
}
#button3{
	position:absolute;
	width:10%;
	background-color:#222;
	opacity:70%;
	color:white;
	padding:20px;
	bottom:20px;
	left:630px;
	cursor:pointer;
}
#button4{
	position:absolute;
	width:10%;
	background-color:#222;
	opacity:70%;
	color:white;
	padding:20px;
	bottom:20px;
	left:330px;
	cursor:pointer;
}
#button5{
	position:absolute;
	width:10%;
	background-color:#222;
	opacity:70%;
	color:white;
	padding:20px;
	bottom:20px;
	left:530px;
	cursor:pointer;
}
#nametag{
	position:absolute;
	font-family:"Verdana",sans-serif;
	color:white;
	font-size:16px;

	top:398px;
	left:250px;
	background-color:#222;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;

	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
img#introLand{
	position:absolute;
	right:0px;
}
img#Vday{
	position:absolute;
	right:0px;
}
img#Vnight{
	position:absolute;
	right:0px;
}
img#creekTrail{
	position:absolute;
	right:-1000px;
}
img#creekTrail1{
	position:absolute;
	right:0px;
}
img#creekTrail2{
	position:absolute;
	right:0px;
}
img#creekTrail3{
	position:absolute;
	right:0px;
}
img#forestBack{
	position:absolute;
	right:0px;
}
img#forestFront{
	position:absolute;
	right:0px;
}
img#clearingBack{
	position:absolute;
	right:0px;
}
img#clearingFront{
	position:absolute;
	right:0px;
}
img#blackout{
	position:absolute;
	left:0px;
}
img#cageDayBack{
	position:absolute;
}
img#cageDayFront{
	position:absolute;
}
img#cageDayFront1{
	position:absolute;
}
img#cageAfterBack{
	position:absolute;
}
img#cageAfterFront{
	position:absolute;
}
img#cageEvenBack{
	position:absolute;
}
img#cageEvenFront{
	position:absolute;
}
img#cageEvenFront1{
	position:absolute;
}
img#cageNightBack{
	position:absolute;
}
img#cagePos{
	position:absolute;
}
img#cagePos1{
	position:absolute;
}
img#cagePos2{
	position:absolute;
}
img#cagePos3{
	position:absolute;
	left:-500px;
	top:-250px;
	transform:scale(0.5,0.5);
}
img#cageNeg{
	position:absolute;
}
img#cageNeg1{
	position:absolute;
}
img#cageNeg2{
	position:absolute;
	left:-500px;
	top:-250px;
	transform:scale(0.5,0.5);
}
img#guardsDay{
	position:absolute;
}
img#pplDay{
	position:absolute;
}
img#pplDay1{
	position:absolute;
}
img#pplNight{
	position:absolute;
}
img#pplNight1{
	position:absolute;
}
img#pplDay2{
	position:absolute;
}
#creature{
	width:106px;
	height:55px;
	position:absolute;
	top:250px;
	left:20;
	display:none;
}
#lives{
	max-width:250px;
	position:absolute;
	top:10px;
	left:10px;
}
#maze{
	position:absolute;
}
#mazeGround{
	position:absolute;
}
#mazeRoofs{
	position:absolute;
}
#exit{
	width:10px;
	height:150px;
	background-color:white;
	position:absolute;
	top:230px;
	right:0;
	opacity:0;
}
#peoplePos{
	position:absolute;
	width:2000px;
	height:500px;
	right:0;
}
#peoplePos1{
	position:absolute;
	width:1000px;
	height:500px;
	left:0;
}
img#kidsPos{
	position:absolute;
}
#washingWoman1{
	position:absolute;
	left:900px;
	top:130px;
	background:url(images/washingWoman1.png);
	width:calc(2136px/4);
	height:458px;
	transform:scale(0.2,0.2);
	animation:washingWoman 0.8s steps(4);
	animation-iteration-count:infinite;
}
#washingWoman2{
	position:absolute;
	left:400px;
	top:130px;
	background:url(images/washingWoman2.png);
	width:calc(2136px/4);
	height:458px;
	transform:scale(-0.15,0.15);
	animation:washingWoman 0.8s steps(4);
	animation-iteration-count:infinite;
}
@keyframes washingWoman{
	from{
		background-position:0;
	}
	to{
		background-position:-2136px;
	}
}
#boyWalk1{
	position:absolute;
	background:url(images/boyWalk1.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#boyWalk2{
	position:absolute;
	background:url(images/boyWalk2.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#boyWalk3{
	position:absolute;
	background:url(images/boyWalk3.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#boyWalk4{
	position:absolute;
	background:url(images/boyWalk4.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#girlWalk1{
	position:absolute;
	background:url(images/girlWalk1.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#girlWalk2{
	position:absolute;
	background:url(images/girlWalk2.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#girlWalk3{
	position:absolute;
	background:url(images/girlWalk3.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#girlWalk4{
	position:absolute;
	background:url(images/girlWalk4.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#herfaWalk1{
	position:absolute;
	background:url(images/herfa_walk.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#herfaWalkEnd{
	position:absolute;
	background:url(images/herfaWalkEnd.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#janWalk1{
	position:absolute;
	background:url(images/jan_walk.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#clydeWalk1{
	position:absolute;
	background:url(images/clyde_walk.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#clydeWalkEnd{
	position:absolute;
	background:url(images/clydeWalkEnd.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#laraWalk1{
	position:absolute;
	background:url(images/lara_walk.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
#laraWalkEnd{
	position:absolute;
	background:url(images/laraWalkEnd.png);
	width:calc(967px/6);
	height:244px;
	animation:personWalk 0.6s steps(6);
	animation-iteration-count:infinite;
}
@keyframes personWalk{
	from{
		background-position:0;
	}
	to{
		background-position:-967px;
	}
}
#littleGirlWalk1{
	position:absolute;
	background:url(images/littleGirlWalk1.png);
	width:calc(1281px/4);
	height:522px;
	animation:girlWalk 0.8s steps(4);
	animation-iteration-count:infinite;
}
#littleGirlWalk2{
	position:absolute;
	background:url(images/littleGirlWalk2.png);
	width:calc(1281px/4);
	height:522px;
	animation:girlWalk 0.8s steps(4);
	animation-iteration-count:infinite;
}
#littleGirlWalk3{
	position:absolute;
	background:url(images/littleGirlWalk3.png);
	width:calc(1281px/4);
	height:522px;
	animation:girlWalk 0.8s steps(4);
	animation-iteration-count:infinite;
}
@keyframes girlWalk{
	from{
		background-position:0;
	}
	to{
		background-position:-1281px;
	}
}
img#girl1{
	position:absolute;
}
img#girl2{
	position:absolute;
}
img#girl3{
	position:absolute;
}
img#girl4{
	position:absolute;
}
img#girl5{
	position:absolute;
}
img#girl6{
	position:absolute;
}
#doll1{
	position:absolute;
}
#doll2{
	position:absolute;
}
img#foodWater{
	position:absolute;
}
#guards{
	position:absolute;
}
#herfa_jan{
	position:absolute;
	background:url(images/herfa_jan.png);
	width:calc(813px/2);
	height:430px;
	animation:herfaJan 0.5s steps(2);
	animation-iteration-count:infinite;
}
@keyframes herfaJan{
	from{
		background-position:0;
	}
	to{
		background-position:-813px;
	}
}
img#brickHouse{
	position:absolute;
}
img#herfaJan1{
	position:absolute;
	left:0;
}
img#herfaJan2{
	position:absolute;
	left:0;
	opacity:0;
}
img#herfaJan3{
	position:absolute;
	left:0;
	opacity:0;
}
img#herfaJan4{
	position:absolute;
	left:0;
	opacity:0;
}
img#herfaJan5{
	position:absolute;
	left:0;
	opacity:0;
}
img#herfaJan6{
	position:absolute;
	left:0;
	opacity:0;
}
img#groupPoint{
	position:absolute;
}
img#groupWatch{
	position:absolute;
}
img#herfaClyde1{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
img#herfaClyde2{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
img#herfaClyde3{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
img#herfaClyde4{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
img#herfaClyde5{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
img#herfaClyde6{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
img#herfaClyde7{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
img#herfaClyde8{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
img#herfaClyde9{
	position:absolute;
	transform:scale(-1,1);
	left:0;
}
#dogRun1{
	position:absolute;
	background:url(images/dogRun1.png);
	width:calc(3576px/12);
	height:154px;
	animation:animalRun 1s steps(12);
	animation-iteration-count:infinite;
}
#dogRun2{
	position:absolute;
	background:url(images/dogRun2.png);
	width:calc(3576px/12);
	height:154px;
	animation:animalRun 1s steps(12);
	animation-iteration-count:infinite;
}
#dogRun3{
	position:absolute;
	background:url(images/dogRun3.png);
	width:calc(3576px/12);
	height:154px;
	animation:animalRun 1s steps(12);
	animation-iteration-count:infinite;
}
#dogRun4{
	position:absolute;
	background:url(images/dogRun4.png);
	width:calc(3576px/12);
	height:154px;
	animation:animalRun 1s steps(12);
	animation-iteration-count:infinite;
}
#creatureRun{
	position:absolute;
	background:url(images/creature_run.png);
	width:calc(3576px/12);
	height:154px;
	animation:animalRun 1s steps(12);
	animation-iteration-count:infinite;
}
#creatureRunEnd{
	position:absolute;
	background:url(images/creatureRunEnd.png);
	width:calc(3576px/12);
	height:154px;
	animation:animalRun 1s steps(12);
	animation-iteration-count:infinite;
}
#creatureRunShot{
	position:absolute;
	background:url(images/creatureRunShot.png);
	width:calc(3576px/12);
	height:154px;
	animation:animalRun 1s steps(12);
	animation-iteration-count:infinite;
}
@keyframes animalRun{
	from{
		background-position:0;
	}
	to{
		background-position:-3576px;
	}
}
img#creatureStand{
	position:absolute;
}
img#creatureSit{
	position:absolute;
}
img#creatureDog{
	position:absolute;
}
img#creatureDog1{
	position:absolute;
}
img#creatureAngry{
	position:absolute;
}
img#dog1surprised{
	position:absolute;
}
img#dog2angry{
	position:absolute;
}
img#dog3angry{
	position:absolute;
}
img#dog4angry{
	position:absolute;
}
img#janAim{
	position:absolute;
}
img#herfaShock{
	position:absolute;
}
img#laraAttack{
	position:absolute;
}
img#laraAttack1{
	position:absolute;
}
img#clydeAttack{
	position:absolute;
}
img#clydeAttack1{
	position:absolute;
}
img#guardsBack{
	position:absolute;
}
img#guardsBackEnd{
	position:absolute;
}
#herfaWalk{
	position:absolute;
	background:url(images/herfa_walk_1.png);
	width:calc(372px/4);
	height:246px;
	animation:personWalkFront 1s steps(4);
	animation-iteration-count:infinite;
}
#laraWalk{
	position:absolute;
	background:url(images/lara_walk_1.png);
	width:calc(372px/4);
	height:246px;
	animation:personWalkFront 1s steps(4);
	animation-iteration-count:infinite;
}
#clydeWalk{
	position:absolute;
	background:url(images/clyde_walk_1.png);
	width:calc(372px/4);
	height:246px;
	animation:personWalkFront 1s steps(4);
	animation-iteration-count:infinite;
}
#janWalk{
	position:absolute;
	background:url(images/jan_walk_1.png);
	width:calc(372px/4);
	height:252px;
	animation:personWalkFront 1s steps(4);
	animation-iteration-count:infinite;
}
#herfaWalk2{
	position:absolute;
	background:url(images/herfa_walk_2.png);
	width:calc(372px/4);
	height:246px;
	animation:personWalkFront 1s steps(4);
	animation-iteration-count:infinite;
}
#laraWalk2{
	position:absolute;
	background:url(images/lara_walk_2.png);
	width:calc(372px/4);
	height:246px;
	animation:personWalkFront 1s steps(4);
	animation-iteration-count:infinite;
}
#clydeWalk2{
	position:absolute;
	background:url(images/clyde_walk_2.png);
	width:calc(372px/4);
	height:246px;
	animation:personWalkFront 1s steps(4);
	animation-iteration-count:infinite;
}
#janWalk2{
	position:absolute;
	background:url(images/jan_walk_2.png);
	width:calc(372px/4);
	height:252px;
	animation:personWalkFront 1s steps(4);
	animation-iteration-count:infinite;
}
@keyframes personWalkFront{
	from{
		background-position:0;
	}
	to{
		background-position:-372px;
	}
}
img#endPos{
	position:absolute;
}
img#arrow{
	position:absolute;
}
img#creatureShot{
	position:absolute;
}
img#creatureShot1{
	position:absolute;
}
img#endBack{
	position:absolute;
}
img#endFront{
	position:absolute;
}