No logro centrar menu horizontal

[iorio]

Hola, no logro centrar el menu, intente de todo, pero nada, soy nuevo en css, esto es una prueba que estoy haciendo leyendo el libro.

Url: http://fw.nixiweb.com/indice.html

Código CSS:

#tabs {
      float:left;
      width:100%;
      background: #333;
      font-size:93%;
      line-height:normal;
      padding-top: 0px;
      }
      
    #tabs ul {
      margin:0;
      padding:20px 20px 0 100px;
      list-style:none;
      }
      
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:#333;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:#444;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background:#333;
      }
    #tabs a:hover span {
      background:#222;
      }
 

Código HTML:

<div id="tabs">
  <ul>
   <li><a href="indice.html" title="Pagina principal"><span>Inicio</span></a></li>
   <li><a href="portafolio/proyecto1.html" title="Proyecto 1 de Mi Sitio"><span>Proyecto 1</span></a></li>
   <li><a href="portafolio/proyecto2.html" title="Proyecto 2 de Mi Sitio"><span>Proyecto 2</span></a></li>
   <li><a href="portafolio/proyecto3.html" title="Proyecto 3 de Mi Sitio"><span>Proyecto 3</span></a></li>
   <li><a href="portafolio/proyecto4.html" title="Proyecto 4 de Mi Sitio"><span>Proyecto 4</span></a></li>
   <li><a href="portafolio/proyecto5.html" title="Proyecto 5 de Mi Sitio"><span>Proyecto 5</span></a></li>
  </ul>
 </div>