* {
	margin: 0;
	padding: 0;
}


body{
	display: block;
	position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

	background-color: #ecf0f5;

	font-size: 16px;
	font-family: 'Aller', Lato, Verdana;
}

/* Content Wrapper */
#WRAPPER {
	display: block;
	position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

	background-color: #fff;

	overflow: hidden;
}

/* Page Header */
#HEADER{
	display: block;
	position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc( 4.5em - 1px );

	background: #3756b2;

	color: #fff;
	font-family: inherit;

	border-bottom: 1px solid #2a469c;

	overflow: hidden;
}

/* Page Menu */
#MENU{
	display: flex;
	position: absolute;
		top: 4.5em;
		left: 0;
		width: calc( 20em - 2px );
		height: calc( 100% - 5em );

	background-color: #fff;

	border-right: 2px solid #eee;

	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: nowrap;
}