body, html{
	text-align:center;
	background:URL(".././img/background.jpg") top center;
	width:100%;
	height:100%;
	float:left;
}
.menu{
	list-style: none;
	padding: 0px;
	width: 263px;
	display: inline-block;
	margin: auto;
	padding: 20px;
	background: #e8e6e6;
	border-radius: 3px;
	margin-top: 24px;
	
}
.menu li{
	margin: 4px;
	display: inline-block;
}
.menu li a{
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
background: -moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
background: -webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
background: -o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
background: -ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
background: linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
background-color: #63b8ee;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #3866a3;
display: inline-block;
color: #14396a;
font-family: arial;
font-size: 15px;
font-weight: bold;
padding: 4px;
text-decoration: none;
text-shadow: 0px 1px 0px #7cacde;
width: 29px;
-webkit-box-shadow: -1px 1px 10px rgba(0,0,0,0.35), inset -1px 1px 5px white;
-moz-box-shadow: -1px 1px 10px rgba(0,0,0,0.35), inset -1px 1px 5px white;
box-shadow: -1px 1px 10px rgba(0,0,0,0.35), inset -1px 1px 5px white;
 }
 .level-inactive{
 	opacity: .5;
 }