Actualmente tienes las estructura de div en esta forma:
Cita: <div id="header">
<!-- etc etc etc -->
</div><!-- #header -->
<div id="nav">
<!-- etc etc etc -->
</div><!-- #nav -->
<div id="wrapper">
Entonces, debes mover el menu (id="nav") dentro del bloque id="wrapper"
te debe quedar organizado asi:
Cita: <div id="header">
<!-- etc etc etc -->
</div><!-- #header -->
<div id="wrapper">
<div id="nav">
<!-- etc etc etc -->
</div><!-- #nav -->
Ahora debes dar estilo en css:
1.- Buscar este codigo
Cita: #nav {
background: url(../../images/topnav.jpg) repeat-x bottom #322C2C;
min-width: 990px;
}
y reemplazar completo por este:
Cita: #nav {
margin: 0 auto;
background: url(../../images/topnav.jpg) repeat-x bottom #322C2C;
width: 990px;
}