Center menu help

hi,

i want to center menu and the code is given below. the menu is not moving to center https://www.aeos.ws

/********** Header **********/
#menu{
top:6px;
left:8px;
margin:0 0 0 0;
padding:0;
width:600px;
clear: both;
float: none;
height:33px;
z-index: 50;
position: relative;
text-align: center;

}
.menu{ text-align:center; }

#menu ul {
overflow:hidden;
margin:0;
padding:0;
height: 33px;
text-align: center;
}
#menu li {
display:inline;
font-size: 11px;
font-family:Arial,Verdana;
font-weight: bold;
height:33px;
margin:0px;
position:relative;
text-align: center;
float: none;
}

#menu ul li a {
float: left;
display: block;
height:23px; /*33*/
line-height:11px;
color: #667F87;
text-align:center;
padding:10px 20px 0px 20px;
margin:0 0px 0 -14px;
text-decoration:none;
background:url(images/bg_menu.gif) no-repeat top left;
text-align: center;

}
#menu ul li a:hover, #menu ul li.current_page_item a{
color:#3E4D52;
background:url(images/bg_menu_hover.gif) no-repeat top left;
}

#menu ul li:hover ul { display: block; }
#menu ul li:hover ul ul { display: none; }
#menu ul ul { position:absolute; top:33px; left:50px; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top: 1px solid #aaa; width:130px;}
#menu ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}
#menu ul ul li a {display:block; padding:0 7px 0 12px; color: #3E4D52; background-color:#fff; border-right: 0; font-size: 11px; font-family:Arial, Verdana; }
#menu ul ul li a:hover {background-color:#eee}
#menu ul ul li:hover ul { display: block; }
#menu ul ul ul { left:159px; top:-1px; display: none; }

#menu .lastmenu:hover{
background:url(images/bg_menu.gif) no-repeat top left;
}