#menu{	
	position:absolute;
	left:50%;
	z-index:2;
	}
	
#menu_bg{
	border-bottom:1px solid #777777;
	min-height:45px;
	width:100%;
	margin:0 auto;
	background-color:#FFF;
	background-image:url(../images/tracedbg.png);
	
	animation:menuload 1s 1s backwards;
	-webkit-animation:menuload 1s 1s backwards;
}

#menu ul{
	position:relative;
	left:-50%;
	margin:0 auto;
	min-width:388px;
	}

#menu li{
	border-top:3px solid #777777;
	opacity:1;
	float:left;
	line-height:30px;
	padding-right:10px;
	padding-left:10px;

	transition-duration:200ms;
	-webkit-transition-duration:200ms;
	
	animation:menuload 1s 2s backwards;
	-webkit-animation:menuload 1s 2s backwards;
	}
	
#menu li:hover{
	opacity:1;
	line-height:40px;
	color:#000;
	border-color:#000;
	
	transition-duration:200ms;
	-webkit-transition-duration:200ms;
	}
	
#menu li.active{
	opacity:1;
	line-height:40px;
	color:#000;
	border-color:#000;
	
	transition-duration:200ms;
	-webkit-transition-duration:200ms;
	}
	
#menu a{
	font-size:13px;
	font-family:calibri;
	color:#777777;
	}
	
@-webkit-keyframes menuload {
  from {-webkit-transform:translate(0, -100%); opacity:0;}
  to   {-webkit-transform:translate(0, 0); opacity:1;}
}
  
@keyframes menuload {
  from {transform:translate(0, -100%); opacity:0;}
  to   {transform:translate(0, 0); opacity:1;}
}