[Centralizar menu]

Boa tarde galera, sou novato aqui. Então, faz algum tempo que estou tendo problemas em centralizar o menu do meu blog, gostaria de pedir a ajuda de vocês...

Segue o codigo:

<!-- Start - Navigation

-->

<div class='nav'>

<ul class='menu' id='menu'>

<li><a expr:href='data:blog.homepageUrl'>home</a></li>

<li><a href='http://edgargd.blogspot.com.br/p/about.html'>Sobre</a></li>

<li><a href='http://edgargd.blogspot.com.br/p/servicos.html'>Serviços</a></li>

<li><a class='drop-ctg' href='#'>Galeria</a>

<ul>

<li><a href='http://edgargd.blogspot.com.br/search/label/masculino?max-results=6'>Masculinos</a></li>

<li><a href='http://edgargd.blogspot.com.br/search/label/feminino?max-results=6'>Femininos </a></li>

<li><a href='http://edgargd.blogspot.com.br/search/label/Casais?max-results=6'>Casamentos</a></li>

</ul>

</li>

<li><a href='http://edgargd.blogspot.com.br/p/contato_03.html'>Contato</a></li>

</ul>

</div>

<!-- End - Navigation Menu -->

CSS

/* =============================

Navigation

============================= */

*{

margin:0;

padding:0;

outline:0;

}

.nav {

width:940px;

height:0 auto;

border-bottom:1px solid #eee;

margin:10px auto 5px;

display:inline-block;

}

.menu {

width:auto;

list-style:none;

font:$lisnavifont;

text-align:center;

margin:0 auto;

}

.menu a {

position:relative;

float:center;

color:#999;

text-decoration:none;

text-transform:uppercase;

width:auto;

line-height:36px;

padding:0 60px;

}

.menu a:hover,li.menuhover a{

color:#111;

}

.menu li {

position:relative;

float:left;

width:auto;

}

.menu li:last-child {

background:none;

}

.menu ul{

display:none;

position:absolute;

top:36px;

left:0

;

background:#fbfbfb;

display:none;

list-style:none;

}

.menu ul li{

float:none;

border-top:1px solid #e3e3e3;

border-right:1px solid #e3e3e3;

border-left:1px solid #e3e3e3;

width:auto;

background:none;

}

.menu ul li:last-child {

border-bottom:1px solid #e3e3e3

}

.menu ul li a{

float:none;

display:block;

background:none;

line-height:36px;

min-width:137px;

width:auto;

text-align:center;

padding-left:10px;

color:#444;

}

.menu ul li a:hover{

background:#fdfdfd;

color:#777;

}

/* =============================

Wrapper

============================= */

#total-wrapper {

margin: 0 auto;

padding 0 10px;

background:#fff;

width:1000px;

}

#outer-wrapper{

width:940px;

margin:0;

padding:5px 20px 0;

text-align:$startSide;

font:$bodyfont;

}

#main-wrapper {

width:680px;

float:$endSide;

word-wrap:break-word;

overflow:hidden;

}

#sidebar-wrapper{

width:240px;

float:$startSide;

word-wrap:break-word;

overflow:hidden;

}