Menu horizontal

[Tecktonikrazy]

Tengo este menu vertical:

Código CSS:

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}
 
 
ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;  
    padding: 0;
}
 
 
ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}
 
 
ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }
 
 
ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}
 
ul.mainNav1 a.current { font-weight:bold; }
 

Que le agrego, cambio o quito para que sea horizontal?