Olá, como centralizo meu menu?
 
	Estou tentando faz 1 dia, mas não vai de jeito nenhum...
 
	 
 
	<!DOCTYPE HTML> 
	<html lang="pt-br"> 
	<head> 
	  <meta charset="UTF-8"> 
	    <title>DevWeb</title> 
	     <!-- Aqui chamamos o nosso arquivo css externo --> 
	    <link rel="stylesheet" type="text/css"  href="estilo.css" /> 
	        <style> 
	            *{margin: 0; padding: 0;}
 
	            body{ font-family: arial, helvetica, sans-serif; font-size: 12px; background-image: url(estilo.css/diego.png); } 
	            .menu{list-style:none; border:1px solid #c0c0c0; float:center;}  
	            .menu{list-style:none; border:1px solid #c0c0c0; float:left; } 
	            .menu li{position:relative; float:left; border-right:1px solid #c0c0c0; } 
	            .menu li a{color:#333; text-decoration:none; padding:5px 10px; display:block;} 
	            .menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; } 
	            .menu li  ul{position:absolute; top:25px; left:0; background-color:#fff; display:none; } 
	            .menu li:hover ul, .menu li.over ul{display:block;} 
	            .menu li ul li{border:1px solid #c0c0c0; display:block; width:150px; } 
	            nav {position: static; }
 
	        </style>
 
	</head> 
	<body> <nav> 
	   
	  <ul class="menu"> 
	         
	        <li><a href="home.html">Home</a></li> 
	        <li><a href="sobre.html">Sobre</a></li> 
	              <li><a href="fazemos.html">O que fazemos?</a> 
	                 <ul> 
	                      <li><a href="fazemosdesign.html">Design</a></li> 
	                      <li><a href="fazemosdevsites.html">Desenvolvimento de Sites</a></li>              
	                   </ul> 
	            </li> 
	        <li><a href="links.html">Links</a></li> 
	        <li><a href="contatos.html">Contatos</a></li>                
	   </ul> 
	</nav> 
	</body> 
	</html>
 
	 
 
	 
 
	Grato.