body {
	margin: 0px;
	background-color:#000000;
}

#stage {
	position: relative;
	width: 900px;
	height: 500px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}

#backgroundImage{
	position:absolute;
}

#audioPause {
	position:absolute;
	bottom:10px;
	right: 10px;
	z-index:1000;
	cursor:pointer;
}

#audioPlay {
	position:absolute;
	bottom:10px;
	right: 10px;
	z-index:999;
	cursor:pointer;
}

#nextText{
	position:absolute;
	bottom:30px;
	left:200px;
	width:400px;
	height:auto;
	padding:10px;
	border-radius:10px;
	background-color:#ffffff;
	color:#000000;	
	font-family: 'Open Sans', sans-serif;
    font-size:14px;
    text-align:center;
    line-height:2;
    opacity:0.9;
    z-index:100;
}

#nextButton{
	position:absolute;
	width:30px;
	height:30px;
	right:230px;
	bottom:35px;
	cursor:pointer;
	z-index:100;
}

/* INDEX */

#betty1{
	position: absolute;
	height: 300px;
	top: 120px;
	right: 140px;
	z-index:2;
}

#title{
	position:absolute;
	top: -200px;
	left: 140px;
	z-index:2;
}

.button{
	position:absolute;
	bottom:-200px;
	width:100px;
	padding:10px;
	border-radius:10px;
	background-color:#838383;
	color:#ffffff;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	cursor:pointer;
	z-index:2;
}

.button:hover{
	background-color:#fcd9ea;
}

#start{
	position:absolute;
	left:330px;
	cursor:pointer;
	z-index:2;
}

#openStory{
	position:absolute;
	left:170px;
	cursor:pointer;
	z-index:2;
}

h2{
	text-align:center;
	color:#fcd9ea;
}

#story{
	position:absolute;
	top:50px;
	left:150px;
	width: 550px;
	height: 300px;
	padding: 25px;
	border-radius:10px;
	background-color:#838383;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	text-align:justify;
	line-height:30px;
	z-index:3;
	cursor:pointer;
}

#closeStory{
	position:absolute;
	right:10px;
	bottom:0px;
	padding:10px;
	color:#000000;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-align:center;
	line-height:14px;
	cursor:pointer;
	z-index:3;
}

/* SOLDIERS */

#introText{
	position:absolute;
	top:100px;
	left:200px;
	width:400px;
	height:auto;
	padding:15px;
	border-radius:10px;
	background-color:#000000;
	opacity:0.8;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-align:justify;
	line-height:2;
	z-index:11;
}

#nextIntro{
	position:absolute;
	right:220px;
	top:115px;
	width:30px;
	height:30px;
	border-radius:50px;
	cursor:pointer;
	z-index:11;
}

#blackBox{
	position:absolute;
	width:900px;
	height:500px;
	background-color:#000000;
	opacity:0.9;
	z-index:10;
}

#betty2{
	position:absolute;
	height:100px;
	bottom:105px;
	left:370px;
	cursor:pointer;
	z-index:2;
}

#solider1{
	position:absolute;
	height:300px;
	bottom:0px;
	left:0px;
	cursor:move;
	z-index:4;
}

#solider2{
	position:absolute;
	height:300px;
	bottom:0px;
	left:70px;
	cursor:move;
	z-index:4;
}

#solider3{
	position:absolute;
	height:300px;
	bottom:0px;
	left:140px;
	cursor:move;
	z-index:4;
}

#solider4{
	position:absolute;
	height:300px;
	bottom:0px;
	left:210px;
	cursor:move;
	z-index:4;
}

#solider5{
	position:absolute;
	height:300px;
	bottom:0px;
	left:280px;
	cursor:move;
	z-index:4;
}

#solider6{
	position:absolute;
	height:300px;
	bottom:0px;
	left:335px;
	cursor:move;
	z-index:4;
}

#solider7{
	position:absolute;
	height:300px;
	bottom:0px;
	left:380px;
	cursor:move;
	z-index:4;
}

#solider8{
	position:absolute;
	height:300px;
	bottom:0px;
	left:430px;
	cursor:move;
	z-index:4;
}

#solider9{
	position:absolute;
	height:300px;
	bottom:0px;
	left:490px;
	cursor:move;
	z-index:4;
}

#solider10{
	position:absolute;
	height:300px;
	bottom:0px;
	left:560px;
	cursor:move;
	z-index:4;
}

#sam{
	position:absolute;
	height:300px;
	bottom:0px;
	right:140px;
	z-index:3;
}

#solider12{
	position:absolute;
	height:300px;
	bottom:0px;
	left:700px;
	cursor:move;
	z-index:4;
}

#solider13{
	position:absolute;
	height:300px;
	bottom:0px;
	left:770px;
	cursor:move;
	z-index:4;
}

/* ESCAPE SOLDIERS */
#player {
	position: absolute;
	height: 100px;
	top: 150px;
	left: 100px;
}

#gameTimerContainer {
	position: absolute;
	top: 10px;
	right: 60px;
	width: 300px;
	height: 30px;
	border: 2px solid;
	border-color: #336644;
	z-index:100;
}

#gameTimer {
	position: absolute;
	width: 300px;
	height: 30px;
	background-color: #336644;
	opacity:0.6;
	z-index:100;
}

#lives {
	position: absolute;
	top: 10px;
	right: 30px;
	margin: 0;
	color: #336644;
	font-family: 'Open Sans', sans-serif;
	z-index:100;
}

#startGame{
	position:absolute;
	top:100px;
	left:300px;
	width:300px;
	height:auto;
	padding:10px;
	border-radius:10px;
	background-color:#000000;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
    font-size:20px;
    text-align:center;
	line-height:2;
	cursor:pointer;
}

.enemies {
	position: absolute;
	height:80px;
	z-index: 9999;
}

/* PLAYROOM */

#nextStory{
	position:absolute;
	top:130px;
	left:200px;
	width:400px;
	height:auto;
	padding:10px;
	border-radius:10px;
	background-color:#ffffff;
	color:#000000;	
	opacity:0.9;
	font-family: 'Open Sans', sans-serif;
    font-size:14px;
    text-align:center;
    line-height:2;
    z-index:1000;
}

#next{
	position:absolute;
	width:30px;
	height:30px;
	right:220px;
	top:135px;
	cursor:pointer;
	z-index:1000;
}

#playroom{
	position:absolute;
	z-index:6;
}

#playroom1{
	position:absolute;
	z-index:5;
}

#playroom2{
	position:absolute;
	z-index:4;
}

#playroom3{
	position:absolute;
	z-index:3;
}

#playroom4{
	position:absolute;
	z-index:2;
}

#legoBox{
	position:absolute;
	bottom:100px;
	left:40px;
	cursor:pointer;
	z-index:10;
}

#legoboxC{
	position:absolute;
	bottom:100px;
	left:40px;
	z-index:9;
}

#dollHouse{
	position:absolute;
	bottom:100px;
	right:40px;
	cursor:pointer;
	z-index:10;
}

#dollhouseC{
	position:absolute;
	bottom:100px;
	right:40px;
	z-index:9;
}

#chalkHouse{
	position:absolute;
	top:80px;
	left:270px;
	cursor:pointer;
	z-index:10;
}

#chalkhouseC{
	position:absolute;
	top:80px;
	left:270px;
	z-index:9;
}

#desk{
	position:absolute;
	bottom:0px;
	left:277px;
	cursor:pointer;
	z-index:10;
}

#deskC{
	position:absolute;
	bottom:0px;
	left:277px;
	z-index:9;
}

#jackbox{
	position:absolute;
	bottom:275px;
	right:360px;
	width:30px;
	z-index:10;
	cursor:pointer;
}

/* BARBIE */

#betty3{
	position:absolute;
	height:120px;
	bottom:70px;
	left:350px;
}

#ashley{
	position:absolute;
	height:300px;
	top:40px;
	right:120px;
	cursor:pointer;
}

#stella{
	position:absolute;
	height:350px;
	bottom:0px;
	left:30px;
	cursor:pointer;
}

#betty4{
	position:absolute;
	height:150px;
	bottom:10px;
	left:40px;
	z-index:2;
}

#ashley1{
	position:absolute;
	height:400px;
	bottom:10px;
	right:60px;
	z-index:2;
}

#ashley2{
	position:absolute;
	height:400px;
	bottom:10px;
	right:50px;
	z-index:2;
}

#whiteBox{
	position:absolute;
	top:50px;
	left:200px;
	height:400px;
	width:500px;
	border-radius:30px;
	background-color:#ffffff;
	opacity:0.7;
	z-index:2;
}

#dress1{
	position:absolute;
	top:100px;
	left:220px;
	cursor:move;
	z-index:3;
}

#dress2{
	position:absolute;	
	top:100px;
	left:370px;
	cursor:move;
	z-index:3;
}

#dress3{
	position:absolute;	
	top:100px;
	left:560px;
	cursor:move;
	z-index:3;
}

#accessory1{
	position:absolute;	
	top:320px;
	left:220px;
	cursor:move;
	z-index:3;
}

#accessory2{
	position:absolute;	
	top:320px;
	left:320px;
	cursor:move;
	z-index:3;
}

#shoes1{
	position:absolute;	
	top:320px;
	left:420px;
	cursor:move;
	z-index:3;
}

#shoes2{
	position:absolute;	
	top:320px;
	left:550px;
	cursor:move;
	z-index:3;
}

#betty5{
	position:absolute;
	height:100px;
	bottom:0px;
	left:-100px;
	z-index:5;
}

#stella1{
	position:absolute;
	height:400px;
	bottom:0px;
	left:-200px;
	z-index:5;
}

#wardrobe{
	position:absolute;
	top:74px;
	right:329px;
}

#timelimitHolder{
	position:absolute;
	width:100px;
	top:20px;
	right:20px;
	z-index:4;
}

#clothesCountdown{
	position:absolute;
	top:45px;
	right:60px;
	font-family: 'Open Sans', sans-serif;
    font-size:20px;
    text-align:center;
	line-height:3;
	cursor:pointer;
	z-index:5;
}

#mess1{
	position:absolute;
	width:200px;
	bottom:0px;
	left:150px;
	cursor:move;
}

#mess2{
	position:absolute;
	width:80px;
	bottom:150px;
	left:280px;
	cursor:move;
}

#mess3{
	position:absolute;
	width:100px;
	bottom:80px;
	left:300px;
	cursor:move;
}

#mess4{
	position:absolute;
	width:100px;
	bottom:100px;
	left:150px;
	cursor:move;
}

#mess5{
	position:absolute;
	width:180px;
	bottom:-30px;
	left:220px;
	cursor:move;
}

#mess6{
	position:absolute;
	width:140px;
	bottom:100px;
	right:50px;
	cursor:move;
}

#mess7{
	position:absolute;
	width:170px;
	bottom:0px;
	right:250px;
	cursor:move;
}

#mess8{
	position:absolute;
	width:100px;
	bottom:150px;
	right:150px;
	cursor:move;
}

#mess9{
	position:absolute;
	width:100px;
	bottom:170px;
	right:280px;
	cursor:move;
}

#bettyStatic5{
	position:absolute;
	width:100px;
	left:600px;
	bottom:200px;
}

#stellaStatic1{
	position:absolute;
	height:400px;
	left:50px;
	bottom:0px;
}

#betty6{
	position:absolute;
	width:120px;
	right:730px;
	bottom:70px;
}

#stella2{
	position:absolute;
	height:300px;
	top:120px;
	right:550px;
	z-index:2;
}

#mess{
	position:absolute;
	width:200px;
	right:205px;
	bottom:10px;
	z-index:3;
	cursor:move;
}

#partyBackground{
	position:absolute;
	z-index:1;
}

#pinkKey{
	position:absolute;
	height:40px;
	bottom:40px;
	right:300px;
	z-index:2;
	cursor:move;
}

/* PUZZLE */

#betty7{
	position:absolute;
	height:120px;
	bottom:100px;
	right:-200px;
	z-index:2;
	cursor:pointer;
}

#pete{
	position:absolute;
	height:150px;
	bottom:180px;
	left:400px;
	z-index:2;
	cursor:pointer;
}

#betty8{
	position:absolute;
	height:80px;
	left:50px;
	bottom:-200px;
	z-index:3;
}

#pete1{
	position:absolute;
	height:100px;
	bottom:-200px;
	left:80px;
	z-index:3;
}

#pete2{
	position:absolute;
	height:150px;
	bottom:130px;
	left:80px;
	z-index:3;
}

#completePuzzle{
	position:absolute;
	top:30px;
	left:216px;
}

.puzzlePiece1{
	position:absolute;
	left:20px;
	top:100px;
	cursor:move;
}

.puzzlePiece2{
	position:absolute;
	right:20px;
	top:100px;
	cursor:move;
}

.gameBorder{
	position:absolute;
	width:156px;
	height:116px;
	border-top:solid black 1px;
	border-left:solid black 1px;
	z-index:2;
}

.gameBorder1{
	position:absolute;
	width:156px;
	height:114px;
	border-top:solid black 1px;
	border-left:solid black 1px;
	z-index:2;
}

#puzzle1{
	top:30px;
	left:216px;
}

#puzzle2{
	top:30px;
	left:372px;
}

#puzzle3{
	top:30px;
	right:216px;
	border-right:solid black 1px;
}

#puzzle4{
	top:146px;
	left:216px;
}

#puzzle5{
	top:146px;
	left:372px;
}

#puzzle6{
	top:146px;
	right:216px;
	border-right:solid black 1px;
}

#puzzle7{
	top:262px;
	left:216px;
	border-bottom:solid black 1px;
}

#puzzle8{
	top:262px;
	left:372px;
	border-bottom:solid black 1px;
}	

#puzzle9{
	top:262px;
	right:216px;
	border-right:solid black 1px;
	border-bottom:solid black 1px;
}

#betty9{
	position:absolute;
	height:120px;
	bottom:220px;
	right:430px;
	z-index:10;
}

#pete3{
	position:absolute;
	height:150px;
	bottom:220px;
	left:260px;
	z-index:10;
}

#displayPuzzle{
	position:absolute;
	width:260px;
	top:110px;
	left:210px;
}

#spot1{
	position:absolute;
	height:350px;
	top:30px;
	left:100px;
}

#spot2{
	position:absolute;
	height:350px;
	top:30px;
	right:100px;
}

#diff1{
	position:absolute;
	cursor:pointer;
	width:130px;
	right:287px;
	top:30px;
}

#diff2{
	position:absolute;
	cursor:pointer;
	width:80px;
	right:235px;
	top:180px;
}

#diff3{
	position:absolute;
	cursor:pointer;
	height:40px;
	top:40px;
	right:100px;
	width:40px;
}

#diff4{
	position:absolute;
	cursor:pointer;
	width:60px;
	right:190px;
	top:230px;
}

#diff5{
	position:absolute;
	cursor:pointer;
	width:80px;
	bottom:120px;
	right:200px;
}

#displaySpot{
	position:absolute;
	width:200px;
	left:250px;
	top:100px;
	z-index:2;
}

#orangeKey{
	position:absolute;
	height:40px;
	top:170px;
	right:360px;
	z-index:2;
	cursor:move;
}	
	
#orangeKey1{
	position:absolute;
	height:20px;
	top:160px;
	left:405px;
	z-index:3;
	cursor:pointer;	
}

/* FLASHCARDS */

#betty10{
	position:absolute;
	height:200px;
	right:-600px;
	top:120px;
	cursor:pointer;
}

#smug{
	position:absolute;
	height:200px;
	top:120px;
	left:240px;
	cursor:pointer;
	z-index:3;
}

#betty11{
	position:absolute;
	height:100px;
	top:-100px;
	left:-100px;
	z-index:3;
}

#betty12{
	position:absolute;
	height:100px;
	top:60px;
	left:140px;
	z-index:3;
}

#betty13{
	position:absolute;
	height:200px;
	right:200px;
	top:120px;
	z-index:3;
}

#betty14{
	position:absolute;
	height:100px;
	top:60px;
	left:140px;
	z-index:3;
}

#smug1{
	position:absolute;
	height:150px;
	top:30px;
	left:30px;
	z-index:5;
}

#smug2{
	position:absolute;
	height:150px;
	bottom:30px;
	left:-200px;
	z-index:5;
}

#smug3{
	position:absolute;
	height:150px;
	top:30px;
	left:-200px;
	z-index:5;
}

#dropEquations {
	position: absolute;
	top: 240px;
	left: 180px;

}

.drop { 
	margin-right: 5px;
	width: 100px;
	height: 50px;
	border: 1px solid white;
	float: left;
	background-color:#92e9ff;
}

#dragEquations {
	position: absolute;
	right:60px;
	top:30px;
}

.dragEquations {
	width: 100px;
	padding-top:15px;
	padding-bottom:15px;
	color:#ffffff;	
	font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:20px;
    text-align:center;
    cursor:move;
    z-index:5;
}

.math{
	position:absolute;
	width:100px;
	height:100px;
	background-color:#ffffff;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:20px;
    text-align:center;
	line-height:3;
	z-index:10;
}

#math1{
	position:absolute;
	top:200px;
	left:150px;
}

#math2{
	position:absolute;
	top:200px;
	left:300px;
}

#math3{
	position:absolute;
	top:200px;
	left:450px;
}

#math4{
	position:absolute;
	top:200px;
	left:600px;
}

.answer{
	position:absolute; 
	width: 30px; 
	height: 30px; 
	font-size:20px; 
	right:35px; 
	top: 50px;
}

#math5{
	position:absolute;
	bottom:50px;
	left:150px;
	width:250px;
	height:100px;
	background-color:#ffffff;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:20px;
    text-align:center;
	line-height:3;
	z-index:10;
}

#yellowKey{
	position:absolute;
	height:100px;
	top:170px;
	left:250px;
	z-index:2;
	cursor:pointer;
}

/* LEGO */
#blocky{
	position:absolute;
	height:120px;
	bottom:80px;
	left:250px;
	z-index:4;
	cursor:pointer;
}

#betty15{
	position:absolute;
	height:120px;
	bottom:30px;
	left:-200px;
	z-index:5;
	cursor:pointer;
}

#betty16{
	position:absolute;
	height:70px;
	bottom:270px;
	left:-200px;
	z-index:5;
}

#blocky1{
	position:absolute;
	height:70px;
	bottom:270px;
	left:-100px;
	z-index:5;
}

#betty17{
	position:absolute;
	height:70px;
	bottom:270px;
	left:20px;
	z-index:5;
}

#blocky2{
	position:absolute;
	height:70px;
	bottom:270px;
	left:80px;
	z-index:5;
}

#betty18{
	position:absolute;
	height:70px;
	bottom:0px;
	left:-200px;
	z-index:5;
}

#blocky3{
	position:absolute;
	height:70px;
	bottom:0px;
	left:-200px;
	z-index:5;
}

#cloud{
	position:absolute;
	top:10px;
	right:95px;
	z-index:4;
}

#timelimitContainer{
	position:absolute;
	width:100px;
	top:20px;
	right:20px;
	z-index:4;
}

#timeLimit{
	position:absolute;
	top:20px;
	right:60px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:20px;
    text-align:center;
	line-height:3;
	cursor:pointer;
	z-index:5;
}

.blocks{
	position:absolute;
	width:50px;
	cursor:move;
	z-index:100;
}

.towerPiece1{
	position:absolute;
	right:10px;
	bottom:100px;
	cursor:move;
	z-index:21;
}

.towerBorder{
	position:absolute;
	border:solid black 1px;
	z-index:10;
}

#tower1{
	position:absolute;
	border:solid black 1px;
	z-index:10;
	top:30px;
	left:216px;
}

#dropzone{
	position:absolute;
	z-index:20;
	top:145px;
	left:270px;
}

#puzzle2{
	top:30px;
	left:372px;
}

#puzzle3{
	top:30px;
	right:216px;
	border-right:solid black 1px;
}

#puzzle4{
	top:146px;
	left:216px;
}

#puzzle5{
	top:146px;
	left:372px;
}

#yellowBox{
	top:150px;
	right:30px;
	border: 3px solid yellow;
}

#betty19{
	position:absolute;
	height:100px;
	bottom:20px;
	left:-200px;
	z-index:5;
}

#blocky4{
	position:absolute;
	height:70px;
	bottom:-200px;
	left:250px;
	z-index:5;
}

#blueKey{
	position:absolute;
	height:20px;
	bottom:5px;
	right:155px;
	z-index:2;
	cursor:pointer;
}

/*JACK*/
#betty20{
	position:absolute;
	height:100px;
	bottom:90px;
	left:200px;
	z-index:10;
	cursor:pointer;
}

#jackCountdown{
	position:absolute;
	top:50px;
	right:95px;
	font-family: 'Open Sans', sans-serif;
    font-size:20px;
    text-align:center;
	line-height:3;
	cursor:pointer;
	z-index:5;
}

#bettyContainer{
	position:absolute;
	height:100px;
	top:20px;
	right:60px;
	font-family: 'Open Sans', sans-serif;
    font-size:20px;
    text-align:center;
	line-height:3;
	cursor:pointer;
	z-index:2;
}

#blueKey1{
	position:absolute;
	height:100px;
	bottom:90px;
	left:150px;
	z-index:5;
	cursor:move;
}

#pinkKey1{
	position:absolute;
	height:100px;
	bottom:90px;
	left:250px;	
	z-index:5;
	cursor:move;
}

#orangeKey2{
	position:absolute;
	height:100px;
	bottom:90px;
	right:250px;
	z-index:5;
	cursor:move;	
}

#yellowKey1{
	position:absolute;
	height:100px;
	bottom:90px;
	right:150px;
	z-index:5;
	cursor:move;
}

#failText{
	position:absolute;
	top:50px;
	left:150px;
	width:500px;
	height:auto;
	padding:10px;
	border-radius:10px;
	background-color:#44090a;
	color:#ffffff;	
	font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-align:center;
    line-height:2;
    opacity:0.8;
    z-index:100;
}

#failButton{
	position:absolute;
	width:30px;
	height:30px;
	right:180px;
	top:80px;
	cursor:pointer;
	z-index:100;
}

#successText{
	position:absolute;
	top:50px;
	left:100px;
	width:400px;
	height:auto;
	padding:10px;
	border-radius:10px;
	background-color:#44090a;
	color:#ffffff;	
	font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-align:center;
    line-height:2;
    opacity:0.8;
    z-index:100;
}

#successButton{
	position:absolute;
	width:30px;
	height:30px;
	left:530px;
	top:60px;
	cursor:pointer;
	z-index:100;
}

#jackbox1{
	position:absolute;
	width:200px;
	z-index:3;
	left:350px;
	cursor:move;
	bottom:70px;
}

#jackBox{
	position:absolute;
	width:175px;
	bottom:80px;
	right:210px;
	z-index:3;
	cursor:pointer;
}

#jack{
	position:absolute;
	top:120px;
	right:200px;
	z-index:4;
}

#betty21{
	position:absolute;
	height:150px;
	bottom:90px;
	left:200px;
	z-index:3;
}

#betty22{
	position:absolute;
	height:150px;
	bottom:90px;
	left:-200px;
	z-index:3;
}

#finalAshley{
	position:absolute;
	height:250px;
	bottom:90px;
	right:-200px;
	z-index:2;	
}

#finalStella{
	position:absolute;
	height:250px;
	bottom:90px;
	left:-200px;
	z-index:2;
}

#finalFinn{
	position:absolute;
	height:150px;
	bottom:100px;
	left:-200px;
	z-index:2;
}

#finalPete{
	position:absolute;
	height:150px;
	bottom:90px;
	right:-200px;
	z-index:5;
}

#finalBlocky{
	position:absolute;
	height:150px;
	bottom:90px;
	left:-200px;
	z-index:2;
}

#allKeys{
	position:absolute;
	height:150px;
	bottom:70px;
	right:200px;
	z-index:3;
}

#playagain{
	position:absolute;
	left:270px;
	cursor:pointer;
	z-index:2;
}