a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6, a.nav7, a.nav8{
width:100px;
height:200px;
display:block;
float:left;
background:url(../images/header_bg1.jpg) transparent;
text-align:center;
font-size:1em;
font-weight:bold;
color:#000;
text-decoration:none;
font-family:verdana, arial, sans-serif;
line-height:15px;
overflow:hidden;
}
#head a .button{
color:#fff;
display:block;
width:100px;
height:35px;
background-color:rgb(0, 0, 0);
}
#head a:hover .button{
background:#990000;
color:#fff;
display:block;
width:100px;
height:35px;
cursor:inherit;
}
a.nav1 {background-position:0 0;}
a.nav2 {background-position:-100px 0;}
a.nav3 {background-position:-200px 0;}
a.nav4 {background-position:-300px 0;}
a.nav5 {background-position:-400px 0;}
a.nav6 {background-position:-500px 0;}
a.nav7 {background-position:-600px 0;}
a.nav8 {background-position:-700px 0;}

a.nav1:hover {background-position:0 200px;}
a.nav2:hover {background-position:-100px 200px;}
a.nav3:hover {background-position:-200px 200px;}
a.nav4:hover {background-position:-300px 200px;}
a.nav5:hover {background-position:-400px 200px;}
a.nav6:hover {background-position:-500px 200px;}
a.nav7:hover {background-position:-600px 200px;}
a.nav8:hover {background-position:-700px 200px;}

a.nav1:hover .button, a.nav2:hover .button,
a.nav3:hover .button, a.nav4:hover .button,
a.nav5:hover .button, a.nav6:hover .button,
a.nav7:hover .button, a.nav8:hover .button{
background:#990000;
color:#fff;
display:block;
width:100px;
height:35px;
cursor:inherit;
}