body {
	

	margin: 0;
	padding: 0;


	font-size:0.8em;
	text-align: center;
	line-height:18px;
	height: 100%;
	
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	background-color:#666666;
	
}




#container{
	
	width: 100%;
	height: 100%;
}

#page {
	margin: 0 auto;
	
	width:auto;
	
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


	
}






#nav {
	
	padding: 0 30px;
	height: auto;
	margin:0 0 0 0;
	width: auto;
	display:block;
	position:relative;
	
}
#nav div {
	margin:10px 0;
	padding:15px 0px 15px 0px;
	height: auto;
	display:block;
	position:relative;
}


#nav a{
	font-size:1em;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	
	text-decoration: none;	
	outline:none;
	border:none;
	
	color: white;
	padding: 16px 0;
	
	border-radius: 5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#999999;
	/*padding-bottom:18px;*/
	
	
}

#nav a:hover {
	color:#666666;
	background-color:#cccccc;
	
	transition: all ease-out .3s;
	transform: scale(1, 1);
	transform-origin:50% 50%;

	border-radius: 5px;
	
	/*padding-bottom:18px;*/
	
}




	

@media only screen and (orientation: landscape) {
	
	
	#page {

		min-width: 520px;
		width:520px;



		
	}
	
	
	
	
	

}