navbar - center

HTML

<div class="mainmenu">

  <ul id="nav">
  <li><a href="#">HOME</a></li>
  <li><a href="#">CAPABILITIES</a></li>
  <li><a href="#">ABOUT US</a></li>
  <li><a href="#">RFQ</a></li>
  <li><a href="#">CONTACT US</a></li>
</ul>
		


</div>

CSS

#nav {
   width:750px;
/* margin:0 auto; */
list-style:none;
}
#nav li {
float:left;
}
#nav a {
display:block;
text-align:center;
width:100px;// fixed width
text-decoration:none; 
}