#blog a  {
   background-repeat: no-repeat;
   display: block;
   height: 33px;
   background-position: 0% 0px;
   font-size: 137px;
   line-height: 137px;
}

#blog a:hover  {
   background-position: -164px 0%;
}

#blog a  {
   width: 164px;
   background-image: url(hplusart2media/theblog4.gif);
}

#blog  {
	visibility: visible;
	position: absolute;
	left: 45px;
	top: 113px;
	z-index: 11;
	width: 164px;
	height: 33px;
}

#about a  {
   background-repeat: no-repeat;
   display: block;
   height: 38px;
   background-position: 0% 0px;
   font-size: 137px;
   line-height: 137px;
}

#about a:hover  {
   background-position: -106px 0%;
}

#about a  {
   width: 106px;
   background-image: url(hplusart2media/about.gif);
}

#about  {
	visibility: visible;
	position: absolute;
	left: 395px;
	top: 112px;
	z-index: 11;
	width: 106px;
	height: 33px;
}


#what a  {
   background-repeat: no-repeat;
   display: block;
   height: 33px;
   background-position: 0% 0px;
   font-size: 137px;
   line-height: 137px;
}

#what a:hover  {
   background-position: -219px 0%;
}

#what a  {
   width: 219px;
   background-image: url(hplusart2media/what.gif);
}

#what  {
	visibility: visible;
	position: absolute;
	left: 700px;
	top: 112px;
	z-index: 11;
	width: 219px;
	height: 33px;
}

#test a  {
   background-repeat: no-repeat;
   display: block;
   height: 85px;
   background-position: 0% 0px;
   font-size: 137px;
   line-height: 137px;
}

#test a:hover  {
   background-position: -164px 0%;
}

#test a  {
   width: 164px;
}

#test  {
	visibility: visible;
	position: absolute;
	left: 49px;
	top: 12px;
	z-index: 11;
	width: 135px;
	height: 85px;
}