#container {
  width: 455px;
  margin: 0;
  position: relative;
}

#menu {              
  padding: 0;
  margin: 0;
}

#menu li {
  list-style-type: none;
  display: block;
  float: left;
  display: block;           
  width: 70px;
  height: 25px;                      
  overflow: hidden;
  position: absolute;
  margin-left:5px;
}

#menu a {
  text-indent: -666em;
  display: block;
  width: 70px;
  height: 50px;
  cursor: pointer !important;
}



#menu .img1 a {background: url(menu/img1z.png) no-repeat;}
#menu .img2 a {background: url(menu/img2z.png) no-repeat;}
#menu .img3 a {background: url(menu/img3z.png) no-repeat;}
#menu .img4 a {background: url(menu/img4z.png) no-repeat;}
#menu .img5 a {background: url(menu/img5z.png) no-repeat;}
#menu .img6 a {background: url(menu/img6z.png) no-repeat;}

#menu .img1{top: 0px; left:0px;}
#menu .img2{top: 0px; left:75px;}
#menu .img3{top: 0px; left:150px;}
#menu .img4{top: 0px; left:225px;}
#menu .img5{top: 0px; left:300px;}
#menu .img6{top: 0px; left:375px;}

#menu a:hover {
  margin-top: -25px;
}

#png_container {
  width: 455px;
  height: 9px;
  position: absolute;
  top: 20px;
  left: 0px;
  overflow: hidden;
}

#png_background {
  width: 75px;
  height: 9px;
  background: url(menu/png_background2.png);
  position: absolute;
  top: 0px;
  left: 0px;  
}

#png_img {
  width: 455px;
  height: 9px;
  background: url(menu/png_img2.png);
  position: absolute;
  top: 0px;
  left: 0px;   
}

