html
{height: 100%}

*
{padding: 0px; border: 0px; margin: 0px}

#char
{
  display: block;
  display: table;
  position: absolute;
  background-color: blue;
  background: url("../img/Jessiesprite.png");
  height: 76px;
  width: 58px;
  left: 0px;
  top: 0px;
}
#room
{
  position: absolute;
  background-color: black;
  background: url("../img/grass.png");
  height: 400px;
  width: 400px;
}
#info
{
  position: absolute;
  background-color: grey;
  height: 20px;
  width: 100px;
  top: 370px;
  left: 290px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#DEBUG
{
  position:absolute; 
  background-color:grey; 
  height:20px;width:300px; 
  top:0px
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#floor
{
  position: absolute;
  background-color: green;
  height: 50px;
  width: 400px;
  top: 350px;
}



#CONTROLS
{
  position: absolute;
  background-color: grey;
  height: 60px;
  width: 60px;
  top:330px;
  left: 10px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

#left
{
  position: absolute;
  background-color:purple;
  height: 33%;
  width: 33%;
top:33%;
left:0%;
}

#up
{
  position: absolute;
  background-color:purple;
  height: 33%;
  width: 33%;
  top:0%;
  left:33%;
}
#right
{
  position: absolute;
  background-color:purple;
  height: 33%;
  width: 33%;
  top:33%;
  left:67%;
}
#down
{
  position: absolute;
  background-color:purple;
  height: 33%;
  width: 33%;
  top:67%;
  left:33%;
}

#description
{
	position:absolute;
	background-color:black;
	color: white;
	width: 400px;
	top: 400px;
	
}