<div id="main">   
   <ul id="navigationMenu">   
   <li>   
   <a class="m_home " href="$HOME_PAGE_LINK$"><span>Sākumlapa</span></a>   
   </li>   
     
   <li>   
   <a class="m_gost" href="/gb"><span>Viesene</span></a>   
   </li>   
     
   <li>   
   <a class="m_forum" href="/forum"><span>Forums</span></a>   
   </li>   
     
   <li>   
   <a class="m_pochta" href="/index/0-3"><span>Kontakti</span></a>   
   </li>   
     
   <?if($USER_LOGGED_IN$)?>   
   <li>   
   <a class="m_vixod" href="$LOGOUT_LINK$"><span>Iziet</span></a>   
   </li>   
   <?else?>   
   <li>   
   <a class="m_vxod" href="$LOGIN_LINK$"><span>Ienākt</span></a>   
   </li>   
   <?endif?>   

   </ul>   
   </div>   
   <!-- /uCoz-Skript.do.am -->

#main{   
   position:fixed;   
   top: 150px;   
   left: 0px;   
   padding:0;   
   }   

   #main ul{   
   padding:0;   
   }   

   #navigationMenu li{   
   list-style:none;   
   height:35px;   
   width:35px;   
   }   

   #navigationMenu span{   
   position:absolute;   
   overflow:hidden;   
   width:0;   
   left:35px;   
   padding:0;   
   font:12px Verdana,Arial,Helvetica,sans-serif;   
   font-weight:bold;   
   line-height:35px;   
   white-space:nowrap;   
   -webkit-transition: 0.25s;   
   -moz-transition: 0.25s;   
   transition: 0.25s;   
   }   

   #navigationMenu a{   
   display:block;   
   position:relative;   
   background:url(http://ucoz-script.do.am/skripti/navigation_1.png) no-repeat;   
   height:35px;   
   width:35px;   
   }   

   #navigationMenu a:hover span{   
   overflow:hidden;   
   text-align:center;   
   width:110px;   
   padding:0px 10px;   
   }   

   #navigationMenu a:hover{   
   text-decoration:none;   
   }   

   #navigationMenu .m_home {background-position:0 0;}   
   #navigationMenu .m_home :hover {background-position:0 -35px;}   
   #navigationMenu .m_home span{   
   background:#7da315;   
   color:#3d4f0c;   
   text-shadow:1px 1px 0 #99bf31;   
   }   

   #navigationMenu .m_gost {background-position:-35px 0;}   
   #navigationMenu .m_gost:hover {background-position:-35px -35px;}   
   #navigationMenu .m_gost span{   
   background:#1e8bb4;   
   color:#223a44;   
   text-shadow:1px 1px 0 #44a8d0;   
   }   

   #navigationMenu .m_forum {background-position:-70px 0;}   
   #navigationMenu .m_forum:hover {background-position:-70px -35px;}   
   #navigationMenu .m_forum span{   
   background:#c86c1f;   
   color:#5a3517;   
   text-shadow:1px 1px 0 #d28344;   
   }   

   #navigationMenu .m_pochta { background-position:-105px 0;}   
   #navigationMenu .m_pochta:hover{ background-position:-105px -35px;}   
   #navigationMenu .m_pochta span{   
   background-color:#d0a525;   
   color:#604e18;   
   text-shadow:1px 1px 0 #d8b54b;   
   }   

   #navigationMenu .m_vxod { background-position:-140px 0;}   
   #navigationMenu .m_vxod:hover { background-position:-140px -35px;}   
   #navigationMenu .m_vxod span{   
   background-color:#af1e83;   
   color:#460f35;   
   text-shadow:1px 1px 0 #d244a6;   
   }   

   #navigationMenu .m_vixod { background-position:-175px 0;}   
   #navigationMenu .m_vixod:hover { background-position:-175px -35px;}   
   #navigationMenu .m_vixod span{   
   background-color:#27ddbf;   
   color:#097863;   
   text-shadow:1px 1px 0 #87ffe7;   
   }