#top-menu {
  list-style: none;
  clear: both;
  margin: 5px 0 0 12px;
}
#top-menu li {
  color: #6f5936;
  display: inline;
  float: left;
  position: relative;
  height: 30px;
}
    #top-menu li.about-us a {
      background: url(../images/hakkimizda.gif) no-repeat top left;
      width: 94px;
    }
    #top-menu li.ouds a {
      background: url(../images/udlarimiz.gif) no-repeat top left;
      width: 89px;
    }
    #top-menu li.articles a {
      background: url(../images/makaleler.gif) no-repeat top left;
      width: 86px;
    }
    #top-menu li.videos a {
      background: url(../images/videolar.gif) no-repeat top left;
      width: 84px;
    }
    #top-menu li.gallery a {
      background: url(../images/galeri.gif) no-repeat top left;
      width: 64px;
    }
    #top-menu li.forum a {
      background: url(../images/forum.gif) no-repeat top left;
      width: 65px;
    }
    #top-menu li.contact-us a {
      background: url(../images/iletisim.gif) no-repeat top left;
      width: 74px;
		}
    #top-menu li.about-us a:hover {
			background-position: -94px 0;
    }
    #top-menu li.ouds a:hover {
			background-position: -89px 0;
    }
    #top-menu li.articles a:hover {
			background-position: -86px 0;
    }    
		#top-menu li.videos a:hover {
			background-position: -84px 0;
    }
    #top-menu li.gallery a:hover {
			background-position: -64px 0;
    }
    #top-menu li.forum a:hover {
			background-position: -65px 0;
    }
    #top-menu li.contact-us a:hover {
			background-position: -74px 0;
    }
      #top-menu li a {
        cursor: pointer;
        display: block;
        height: 30px;
        text-decoration: none;
        text-indent: -9000px;
      }