body {
  background: url(background.jpg) repeat-x top center;
}

#container {
  background: url(container.jpg) no-repeat;
  width: 868px;
  height: 526px;
  margin: 0 auto 0px auto;
  position: relative;
}

#menu {
  padding: 0;
  margin: 0;
}

#menu li {
  list-style-type: none;
  display: block;
  float: left;
  display: block;
  width: 100px;
  height: 60px;
  overflow: hidden;
  position: absolute;
}

#menu a {
  text-indent: -666em;
  display: block;
  width: 100px;
  height: 120px;
  cursor: pointer !important;
}


#menu .img1 a {background: url(img1.png) no-repeat;}
#menu .img2 a {background: url(img2.png) no-repeat;}
#menu .img3 a {background: url(img3.png) no-repeat;}
#menu .img4 a {background: url(img4.png) no-repeat;}

#menu .img1{top: 200px; left:13px;}
#menu .img2{top: 187px; left:125px;}
#menu .img3{top: 219px; left:226px;}
#menu .img4{top: 240px; left:343px;}

#menu a:hover {
  margin-top: -60px; 
}

#png_container {
  width: 455px;
  height: 73px;
  position: absolute;
  top: 228px;
  left: 30px;
  overflow: hidden;
}

#png_background {
  width: 150px;
  height: 73px;
  background: url(png_background.png);
  position: absolute;
  top: 0;
  left: -60px;
}

#png_img {
  width: 455px;
  height: 73px;
  background: url(png_img.png);
  position: absolute;
  top: 0;
  left: 0;
}