<ul id="navigation">
<li class="active">
<a href="http://Gelesson.in/" class="nav-lvl1" title="">ლამაზი მენიუ</a>
</li>
<li> <a href="http://Gelesson.in/" class="nav-lvl1" title="">Gelesson.in</a>
</li>
<li> <a href="http://Gelesson.in/" class="nav-lvl1" title="">Gelesson.in</a>
</li>
<li> <a href="http://Gelesson.in/" class="nav-lvl1" title="">Gelesson.in</a>
</li>
<li> <a href="http://Gelesson.in/" class="nav-lvl1" title="">Gelesson.in</a>
</li>
<li> <a href="http://Gelesson.in/" class="nav-lvl1" title="">Gelesson.in</a>
</li>
<li> <a href="http://Gelesson.in/" class="nav-lvl1" title="">Gelesson.in</a>
</li>
<li> <a href="http://Gelesson.in/" class="nav-lvl1" title="">Gelesson.in</a>
</li>
<li> <a href="http://Gelesson.in/" class="nav-lvl1" title="">Gelesson.in</a>
</li>
</ul>

<style>#navigation {
display:block;
list-style:none;

}

.nav-lvl1 {
display:block;
width:229px;
height:28px;
line-height:28px;
text-indent:9px;
background:url(http://webo4ka.3dn.ru/Ucoz/nav-lvl1-bg.gif) no-repeat;
font-size:1.2em;
font-weight:bold;
color:#fff;
text-decoration:none;
}

.nav-lvl1:hover {
color:#d5efff;
background-position:0 -28px;
}
span.invitext {
font-size: 1px;
letter-spacing: -1px;
visibility: hidden;
}
#navigation ul {
display:block;
list-style:none;
margin:4px 25px 7px 15px;
}
#navigation ul li {
display:block;
padding:1px 0 4px 12px;
background:url(http://webo4ka.3dn.ru/Ucoz/navigation-ul-li.gif) 0 100% repeat-x;
}
#navigation ul li a {
display:block;
color:#fff;
text-decoration:none;
}
#navigation ul li a:hover {
color:#ffe199;
text-indent:4px;
}</style>