<style>
/*fonts*/
@font-face {font-family: "bero"; src:url('http://geoload.in/fonts/bpg_nino_medium_caps.otf');}
ul, li{margin:0; padding:0; list-style:none; float:left;}  
   
  #bero{height:40px; display:table; font-family: bero;}  
  #bero ul li{background: -moz-linear-gradient(top, rgba(83,107,146,1) 0%, rgba(69,88,120,1) 100%); background: -webkit-linear-gradient(top, rgba(83,107,146,1) 0%,rgba(69,88,120,1) 100%); background: -o-linear-gradient(top, rgba(83,107,146,1) 0%,rgba(69,88,120,1) 100%); box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2);}  
  #bero ul li:hover{background:rgba(64,64,64,1);}  
  #bero ul li:first-child{border-top-left-radius:2px; border-bottom-left-radius:2px;}  
  #bero ul li:last-child{border-top-right-radius:2px; border-bottom-right-radius:2px;}  
  #bero ul li a{line-height:40px; display:block; padding:0 25px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:rgba(255,255,255,1); text-shadow:0 1px 0 rgba(0,0,0,0.2);}
</style>

<div id="bero">  
  <ul>  
  <li><a href="">მთავარი</a></li>  
  <li><a href="">ფორუმი</a></li>  
  <li><a href="">ფაილები</a></li>  
  <li><a href="">სტატიები</a></li>  
  <li><a href="">კონტაქტი</a></li>  
  <li><a href="">GeoLoad.In</a></li>  
  </ul>  
  </div>