html {
	margin: auto;
	width: 100%;
	height: 100%;
	background: #000;
}

body {
	margin: auto;
	width: 100%;
	height: 100%;
	position: relative;
	
	display: table;

	background: #000;

	-webkit-perspective: 700px;

}

#wall-container {
	display: block;
	
	position: relative;
	margin: auto;
	
	width: 800px;
	height: 100%;
				
	-webkit-transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 1.5s;
}

.wall {
	position: absolute;
	
	top: 50%;
	margin-top: -275px;
	
	-webkit-backface-visibility: hidden;
}

#wall-left, #wall-right {
	left: 125px;
}

#wall-front {
	-webkit-transform: translateZ(-275px);
}

#wall-left {
	-webkit-transform: rotateY(90deg) translateZ(-400px);
}

#wall-right {
	-webkit-transform: rotateY(-90deg) translateZ(-400px);
}

#wall-top {
	-webkit-transform: rotateX(-90deg) translateZ(-275px);
}

#wall-bottom {
	-webkit-transform: rotateX(90deg) translateZ(-275px);
}

#wall-sunset-door {
	-webkit-transform: rotateY(-25deg) rotateX(7deg) translateZ(-1000px) scale(1.5);
}

#wall-sunset-window {
	-webkit-transform: rotateY(-67deg) translateZ(-1000px) scale(1.3);
}