#menu {
       width:900px;
       padding:0;
       margin:0 auto;
       list-style-type: none;  
       position:relative;
}


#menu li {
          width:140px;
          float:left;
          list-style-type: none; 
          text-align:center;

}
#menu li a {
            width:auto;  
            color:#fff;  
            font-size:82%;
            font-weight:bold;  
            text-shadow:0 -1px 0px #333,0 1px 0px #555;  
            padding:10px 0;  
            text-decoration:none;  
            display:block;  
            background:#666; 
            background-image: -ms-linear-gradient( top, #888 0%, #777 50%, #666 50%, #777 100%);
            background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);  
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));  
            border-left:1px solid #444;  
            box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,  
            -1px 0px 0px rgba(225,225,225,0.3) inset,  
            0px 1px 1px rgba(0,0,0,0.1) inset,  
            0px -1px 1px rgba(0,0,0,0.3) inset,  
            0px 1px 3px #666;  
}
#menu li a:hover {
              background:#555;  


}

#menu li:first-child a{  
                       border-radius:5px 0 0 5px;  
 }  

#menu li:last-child a{  
                      border-radius:0 5px 5px 0;  

} 


.clear { 
        clear:both;19 
}