html{
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:#F5F5DC;
}

#rotator{
	width:200px;
	height:200px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

#circle{
  width: 100px;
  height: 100px;
  position: relative;
  top:100px;
  left:100px;
  perspective: 600px;
  -webkit-perspective: 600px;
  perspective-origin: 0% 0%;
  -webkit-perspective-origin: 0% 0%;
}

#room {
  position: absolute;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: translateZ( -800px );
  -webkit-transform: translateZ( -800px );
  width:100%;
  height:100%;
}

#room figure {
  display: block;
  position: absolute;
  width: 200px;
  height: 123px;
  background-color:rgba(0,0,0,0.1);
  z-index:10;
  cursor:pointer;
}

#floor{
	position:absolute;
	background-color:silver;
	width:250px;
	height:250px;
	margin-top:0px;
	margin-left:0px;
	left:-50%;
	z-index:0;
	border-radius:50% 50%;
}

.locker{
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	background-color:white;
	opacity:0;
	top:0px;
	left:0px;
}

.animation{
	width:100%;
	height:380px;
	position:relative;
}

.buttons{
	margin-left:auto;
	margin-right:auto;
	width:96px;
	height:32px;
	z-index:200;
	position:relative;
}

.buttons > div{
	width:32px;
	height:32px;
	float:left;
	cursor:pointer;
}

.buttons > div > img{
	width:100%;
	height:100%;
}

.play{
	display:none;
}