body, body * {
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;

}


#main-container {
  position: absolute;
  width: 300px;
  height: 600px;
  box-sizing: border-box;
  border: 1px black solid;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #FFF;
}


#bkg{
	position: absolute;  
	background:url('bkg.jpg');
	left: 0px; 
	bottom: 0px;
	width: 298px;
	height: 248px;
	/*opacity: 0;*/

}

#card{
	position: absolute;  
	background:url('card.gif');
	
	width:300px;
	height: 463px;
	top:370px;
	left:0px;
}



#squish1{
	position: absolute;  
	background:url('squish1.png');
	width: 300px;
	height: 36px;	
	left: 0px; 
	top: 0px;
	/*display: none;*/
}
#squish2{
	position: absolute;  
	background:url('squish1.png') 0px -36px;
	width: 300px;
	height: 55px;
	left: 0px; 
	top: 17px;
	/*display: none;*/
}
#squish3{
	position: absolute;  
	background: url(squish1.png) 0px -90px;
	width: 300px;
	height: 54px;
	left: 0px;
	top: 50px;
	transform-origin: top left;
	/*display: none;*/
}
#squish4{
	position: absolute;  
	background: url(squish1.png) 0px -145px;
	width: 300px;
	height: 61px;
	left: 0px;
	top: 78px;
	/*display: none;*/
}
#squish5{
	position: absolute;  
	background: url(squish1.png) 0px -206px;
	width: 300px;
	height: 47px;
	left: 0px;
	top: 118px;
	/*display: none;*/
}
#squish6{
	position: absolute;  
	background: url(squish1.png) 0px -254px;
	width: 300px;
	height: 55px;
	left: 0px;
	top: 158px;
	/*display: none;*/
}
#squish7{
	position: absolute;  
	background: url(squish1.png) 0px -307px;
	width: 300px;
	height: 60px;
	left: 0px;
	top: 187px;
	/*display: none;*/
}




#squish1grad{
	position: absolute;  
	background:url('squish1.png');
	width: 300px;
	height: 36px;	
	left: 0px; 
	top: 0px;
	opacity: 0;
}
#squish2grad{
	position: absolute;  
	background:url('squish2.png') 0px -36px;
	width: 300px;
	height: 55px;
	left: 0px; 
	top: 17px;
	opacity: 0;
}
#squish3grad{
	position: absolute;  
	background: url(squish2.png) 0px -90px;
	width: 300px;
	height: 54px;
	left: 0px;
	top: 50px;
	transform-origin: top left;
	opacity: 0;
}
#squish4grad{
	position: absolute;  
	background: url(squish2.png) 0px -145px;
	width: 300px;
	height: 61px;
	left: 0px;
	top: 78px;
	opacity: 0;
}
#squish5grad{
	position: absolute;  
	background: url(squish2.png) 0px -206px;
	width: 300px;
	height: 47px;
	left: 0px;
	top: 118px;
	opacity: 0;
}
#squish6grad{
	position: absolute;  
	background: url(squish2.png) 0px -254px;
	width: 300px;
	height: 55px;
	left: 0px;
	top: 158px;
	opacity: 0;
}
#squish7grad{
	position: absolute;  
	background: url(squish2.png) 0px -307px;
	width: 300px;
	height: 60px;
	left: 0px;
	top: 187px;
	opacity: 0;
}




#fakeborder{
	position: absolute;  
	background-color:black;
    width: 300px;
    height: 2px;
	left: 0px; 
	top: 247px;
}


#fakeborder2{
	position: absolute;  
	background-color:black;
    width: 300px;
    height: 2px;
	left: 0px; 
	top: 350px;
}



#logo{
	position: absolute;  
	background:url('logo.png');
	left: 95px;
    top: 567px;
	width: 101px;
	height: 21px;
	opacity: 1;
}


#endsign{
	position: absolute;  
	background:url('end.png');
	left: -3px; 
	top: 510px;
	width: 300px;
	height: 69px;
	opacity: 0;
}
#endsign2{
	position: absolute;  
	background:url('biggestbright.png');
    left: 32px;
    top: 500px;
    width: 142px;
    height: 89px;
	opacity: 0;

}

#legalbutton{
	position: absolute;  
	background:url('legal.png');
	right: 0px; 
	top: 575px;
	width: 40px;
	height: 25px;
	/*opacity: 0;*/
	cursor:pointer;
}

#legal{
	position: absolute;  
	background:url('legaloverlay.png');
	left: -1px;
    top: 600px;
    /*top: 187px;*/
	width: 300px;
	height: 63px;
	/*opacity: 0;*/
	pointer-events: none;
	cursor:pointer;
}

#clickarea1{
	position: absolute;
	width: 300px;
	height: 600px;
	top: 0;
	left: 0;
	background-color:rgba(0,0,0,0.01);
	cursor:pointer;
}