html,body {
	height:100%;
	margin:0;
	padding:0;
}
body {
	font-family: "Droid Serif", serif;
	font-size: 22pt;
	font-weight: bold;
	color: white;
/*	color: #43F2FD; */
	background: #64ade5; /* Old browsers */
	background: -moz-linear-gradient(top,  #64ade5 0%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64ade5), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #64ade5 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #64ade5 0%,#1e5799 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #64ade5 0%,#1e5799 100%); /* IE10+ */
	background: linear-gradient(top,  #64ade5 0%,#1e5799 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64ade5', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}
a, a:visited {
	color: #43F2FD;
	text-decoration:none;
}

#container {
	position:relative;
	min-height:98%;
}

#apt {
	position:absolute;
	top: 5%;
	left: 5%;
}
/*#apt label {
	display: block;
}
*/
#man {
	border:none;
	position:absolute;
	bottom:15%;
	right:80%;
	height:20%;
	width:auto;
	display:none;
}

#floor {
	position:absolute;
	left: 25%;
	top: 20%;
	bottom:15%;
	right:10%;
}
#surface {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	bottom:0;
	left:0;
	overflow:hidden;
}
.tile {
	display: block;
	position: absolute;
	border: none;
	width: auto;
	opacity: 0.8;
}
#ratio {
	position:absolute;
	width:100%;
	bottom:-10%;
	display:none;
}

#key {
	text-align: right;
	position:absolute;
	bottom:3%;
	right:5%;
	width:60%;
	vertical-align:middle;
}

#footer {
	position:absolute;
	bottom:0%;
	left:5%;
	width:35%;
	font-size:x-small;
}