ul.hmenu {
  margin: 0px;
	margin-left: 10px;
	border: none;
	height: 40px;
}
ul.hmenu li {
  list-style-type: none;
  text-decoration:none;
  float: left;
}

ul.hmenu li.hm1 a, ul.hmenu li.hm2 a, ul.hmenu li.hm3 a, ul.hmenu li.hm4 a {
  position: relative;
  display: block;
  height: 40px;
  overflow:hidden;
  text-decoration: none;
}
ul.hmenu li.hm1 a, ul.hmenu li.hm1 span {width: 150px;}
ul.hmenu li.hm2 a, ul.hmenu li.hm2 span {width: 215px;}
ul.hmenu li.hm3 a, ul.hmenu li.hm3 span {width: 190px;}
ul.hmenu li.hm4 a, ul.hmenu li.hm4 span {width: 203px;}

ul.hmenu li.hm1 span, ul.hmenu li.hm2 span, ul.hmenu li.hm3 span, ul.hmenu li.hm4 span {
  display: block;
  height: 40px;
  position:absolute; left: 0px; top:0;
  z-index:1;
}
ul.hmenu li.hm1 span {background: url("style/hmenu.png") -10px 0 no-repeat;}
ul.hmenu li.hm2 span {background: url("style/hmenu.png") -160px 0 no-repeat;}
ul.hmenu li.hm3 span {background: url("style/hmenu.png") -375px 0 no-repeat;}
ul.hmenu li.hm4 span {background: url("style/hmenu.png") -565px 0 no-repeat;}
ul.hmenu li.hm1 a:hover span, ul.hmenu li.hm1 a.active span {background: url("style/hmenu.png") -10px -41px no-repeat #eee;}
ul.hmenu li.hm2 a:hover span, ul.hmenu li.hm2 a.active span {background: url("style/hmenu.png") -160px -41px no-repeat #f3f3f3;}
ul.hmenu li.hm3 a:hover span, ul.hmenu li.hm3 a.active span {background: url("style/hmenu.png") -375px -41px no-repeat #f7f7f7;}
ul.hmenu li.hm4 a:hover span, ul.hmenu li.hm4 a.active span {background: url("style/hmenu.png") -565px -41px no-repeat #fafafa;}