@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	min-height: 745px; /* 25px space to top and bottom */
	min-width: 995px;
	position: relative; /* We want #center to be positioned with respect to the body element (and not to the initial containig block), so the min-height and min-width values take effect */
	/* initial containig block => http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#initial-containing-block */
	background: #012363;
}

/* Centered Layout box*/
#center {
	width: 995px;
	height: 665px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -332px 0 0 -497px; /* top: 50% causes a minimum offset of 275px with respect to the 550px min-height of the body tag. So #center cannot lap over the body tag   */

	border: none;
}