/* Global Classes - Structure */

#container {
	margin:1em;
	font-size:$size_med;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

/* Template - Header */

#container #header {
	position:absolute;
	left:0;
	right:0;
	text-align: center;
	height:calc(5em + 122px);
	background:url(../images/logo_small_centered.png) 50% 2em no-repeat;
	
	#exit {
		position:absolute;
		top:0;
		right:0;
	}
}

/* template - Menu */

#container #menu {
	position:absolute;
	top:calc(5em + 122px);
	left:0;
	right:0;
	
	ul {
		text-align:center;
		list-style: none;
		padding-left:0;
		margin:0;
		
		li {
			display: inline-block;
			
			a {
				text-decoration: none;
				text-transform: capitalize;
				padding:1em;
				font-size:$size_med;
			}
		}
	}
}

/* template - Main */

#container #main {
	position:absolute;
	top:calc(7em + 122px);
	left:0;
	right:0;
	bottom:1em;
	overflow:auto;
}

/* Template - Footer */

#container #footer {
	font-size:$size_small;
	position:absolute;
	bottom:0;
}