<div class="menu">
  <ul>  
  <li class="home" id="sout2"><a href="/"></a></li>
  <li id="submid"><a href="http://geoload.in/load/">ფაილების კატალოგი</a></li>
  <li id="sout3"><a href="http://geoload.in/news/">საიტის სიახლეები</a></li>
  <li><a href="http://geoload.in/photos/">ფოტო ალბომი</a></li>
  <li><a href="/publ/">განცხადებები</a></li>
  <!-- <li><a href="http://geoload.in/gb/">სტუმართა სია</a></li> -->
  <li><a href="/forum/">ფორუმი</a></li>
  <li><a href="/">კონტაქტი!</a></li>
  <li><a href="http://geoload.in/">Geoload.In</a></li>
  <li><a href="http://geoload.in/">B3r(o_0)a/A/ Old </3</a></li>
  </ul>
  <div class="clear"></div>
  </div>

/*HEAD ->MENU*/
.clear { clear: both; }
.menu {
width:1000px;
/* background: url("http://geoload.in/html-2/hor-menu-yellow/images/menu.png") repeat-x scroll 0 0 transparent;*/
  background: url("http://geoload.in/html-2/hor-menu-yellow/images/menu.png") repeat-x scroll center top transparent;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 47px;
  font-size: 12px;
  -webkit-box-shadow: -0px 2px 3px 1px #dfdfdf;
  box-shadow: -0px 2px 3px 1px #dfdfdf;
}
.menu ul {  
  padding: 0 0 0 4px;
  margin: 0;
}
.menu ul li.home {
  background: url("http://geoload.in/html-2/hor-menu-yellow/images/menuHome.png") repeat-x scroll 0 0 transparent;
  margin-left: 4px
}
.menu ul li.home a {
  background: url("http://geoload.in/html-2/hor-menu-yellow/images/home.png") no-repeat scroll 50% 50% transparent;
  padding: 23px 27px;
  height: 0;
}
.menu ul li.home:hover {  
  transition:all 0.5s;
  background: url("http://geoload.in/html-2/hor-menu-yellow/images/liHome.png") repeat-x scroll 0 0 transparent;
}
.menu ul li.home:hover a {  
  background: url("http://geoload.in/html-2/hor-menu-yellow/images/homeHover.png") no-repeat scroll 50% 50% transparent;
}
.menu ul li {
  float: left;
  list-style: none outside none;
  margin: 1px 0 0;
}
.menu ul li:hover,.menu ul li.active {
  background: url("http://geoload.in/html-2/hor-menu-yellow/images/liHover.png") repeat-x scroll 0 0 transparent;
}
.menu ul li:hover a,.menu ul li.active a {  
  background: url("http://geoload.in/html-2/hor-menu-yellow/images/aHover.png") repeat-y scroll 0 0 transparent;
}
.menu ul li.Nbg a {
  background: none;
}
.menu ul li a {  
  padding: 15px 8px 15px 8px;
  background: url("http://geoload.in/html-2/hor-menu-yellow/images/a.png") repeat-y scroll 0 0 transparent;
  text-decoration: none;
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  height: 16px;
}