html,
body,
div#map {
	width: 100%;
	height: 100%;
}

div#map {
	z-index: 1;
}

div#title {
	z-index: 3;
	position: absolute;
	top: 5px;
	right: 290px;
	width: 450px;
	height: 150px;
}

div#info {
	z-index: 3;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 255px;
	height: 125px;
	padding: 12px;
	font: bold 11px/16px Arial, monospace;
	background: #90f;
	color: #caf;
}

div#info a {
	color: #fff;
	font-weight:bold;
	padding: 2px 3px;
	text-decoration: underline;
}

div#info a:hover {
	color: #000;
	border-bottom: none;
	background: #0fd;
	text-decoration: none;
}

div#info strong {
	color: #fff;
	background: #222;
	padding: 3px 4px;
	font-weight: bold;
}

div#info p {
	margin-bottom: 12px;
}

div#overlay {
	z-index: 4;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url("../images/overlay.gif");
	
}

div#vid {
	z-index: 5;
	position: absolute;
	top: 162px;
	right: 200px;
	width: 800px;
	height: 460px;
	background: #000;
	padding: 10px;
}