body{margin:0;font-family:Calibri, Verdana, Arial;font-size:100%;color:#444;background-color:#FCFCFC;background-image:none;background-repeat:repeat;background-position:top left;direction:ltr;}

p {
   font-family:"Arial";
   font-size:11pt;
   margin:0px 0px 5px 0px;
}
h11 {
	padding: 0px;
	font-family: "Arial";
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0;
}
h21 {
	padding: 0px;
	font-family: "Arial";
	font-size: 14pt;
	font-style: bold;
	margin-bottom: 0;
	margin-top: 0;
}
h31 {
	padding: 0px;
	font-family: "Arial";
	font-size: 11pt;
	font-style: bold;
	margin-top: 0;
	margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6{font-style:bold;line-height:110%;margin:0px 0px 5px 0px;}

#content {
	font-family: arial;
	font-size: 10pt;
	background-color: #000;
	color: #CCC;
}
#holder {
	position: relative;
	width: 400px;
	height:300px;
	top: 10px;
	left: 120px;
	border: 2px solid #333;
}
#sky {
	position: absolute;
	left: 0;
	top: 0;
	height: 150px;
	width: 400px;
	background-color: #CCD;
	background-image: url(sky.jpg);

}
#floor {
	position: absolute;
	left: 0;
	top: 150px;
	height: 150px;
	width: 400px;
	background-color: #565;
	background-image: url(floor.png);

}
#canvas {
	position: absolute;
	top: 0;
	left: 0;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 300px;
	background-image: url(overlay.gif);
}
#map, #underMap {
	top: 70px;
	left: 20px;
	position: absolute;
}
#code {
	position: absolute;
	top: 160px;
	margin-left: 5px;
}
#content A {
	color: #66AACC;
}
#content A:hover {
	color: lime;
}