Centralizar Menu CSS

<div id="wrapper">
<ul id="menu">
<li><a href="#servicos" class="tab">Serviços</a></li>
<li><a href="#clientes" class="tab">Clientes</a></li>

<li class="logo_centro">
<img src="img/logo_res.png" />
</li>

<li><a href="#intranet" class="tab">Intranet</a></li>
<li><a href="#contato" class="tab">Contato</a></li>
</ul>
</div>

Bom dia.
Eu não consigo centralizar o menu. Sempre apanho com isso.

Outra coisa, eu gostaria que quando eu descesse a barra de rolagem, queria que o menu parasse em cima no topo... igual o do Facebook. Obriggado.

#wrapper{
background: #202020;
width: 100%;
display: block;
height:40px;
position: relative;
}

#menu{
padding:0;
list-style: none;
width: auto;
color: #FFF;
float: left;
margin: 0 auto;
line-height:40px;
display: block;
}

#menu li{

float:left;
padding:0;
width:130px;
text-align: center;
border-left:1px dashed #FFF;
}

#menu li a{

text-align: center;
text-decoration: none;
color: #FFF;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-khtml-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: .7;
font-family: 'Ruda', sans-serif;
font-weight: bold;
font-size:14px;
}