/* CSS Document */

html, body { /* CENTERING: must include definition for html margin, padding, height and overflow */
	margin:0px;
	padding:0px;
	height:100%; /* CENTERING: defines the html AND body height as 100% of the browser window */
	overflow:hidden; /* CENTERING: gets rid of left/right and top/bottom scrollbars; see also #wrapper display:table; both are necessary */
	background:#666666 url(../images/bg_wrapper.jpg) center fixed no-repeat;
}
#wrapper {
	position:relative;
	display:table; /* CENTERING: gets rid of left/right and top/bottom scrollbars; see also html, body overflow:hidden; both are necessary */
	width:100%; /* CENTERING: must be width:100% for horizontal centering */
	height:100%; /* CENTERING: must be height:100% for vertical centering */
}
#livearea {
	position:absolute;
	top:50%; /* CENTERING: must be top:50% for vertical centering */
	left:50%; /* CENTERING: must be left:50% for horizontal centering */
	height:550px;
	margin-top:-275px; /* CENTERING: one half of height px */
	width:850px;
	margin-left:-425px; /* CENTERING: one half of width px */
	background:#666666 url(../images/bg_livearea.jpg) center fixed no-repeat;
}
#opener {
	position:absolute;
	top:50%; /* CENTERING: must be top:50% for vertical centering */
	left:50%; /* CENTERING: must be left:50% for horizontal centering */
	height:550px;
	margin-top:-275px; /* CENTERING: one half of height px */
	width:850px;
	margin-left:-425px; /* CENTERING: one half of width px */
	background:#666666 url(../images/bg_opener.jpg) center fixed no-repeat;
}
#splash {
	position:absolute;
	top:50%; /* CENTERING: must be top:50% for vertical centering */
	left:50%; /* CENTERING: must be left:50% for horizontal centering */
	height:550px;
	margin-top:-275px; /* CENTERING: one half of height px */
	width:850px;
	margin-left:-425px; /* CENTERING: one half of width px */
	background:#000000;
}
#masthead {
	position:absolute;
	top:0px;
	left:0px;
	width:850px;
	height:200px;
}
#navigation {
	position:absolute;
	top:166px;
	left:0px;
	width:270px;
	height:324px;
	padding:30px 0px 0px 20px;
}
#content {
	position:absolute;
	top:166px;
	left:305px;
	width:455px;
	height:324px;
	padding:15px;
	overflow:auto;
}
#foot {
	position:absolute;
	top:520px;
	left:0px;
	width:850px;
	height:30px;
}