.menu {
display: block;
}
img {
border: 0;
padding: 0;
margin: 0;
}
.menu0, .menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7 {
display: inline;
float: left;
}

.menu0 a, .menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menu7 a{
display: block;
}


.menu1 {
width: 146px;
height: 44px;
overflow: hidden;
background: url(nav.jpg) no-repeat  ;
}
.menu1:hover, .menu1 a:hover {
width: 146px;
height: 44px;
overflow: hidden;
background: url(nav.jpg) no-repeat  0  -44px;
}
.menu2 {
width: 142px;
height: 44px;
overflow: hidden;
background: url(nav.jpg) no-repeat -146px 0;
}
.menu2:hover, .menu2 a:hover {
overflow: hidden;
background: url(nav.jpg) no-repeat  -146px  -44px;
}
.menu3 {
width: 111px;
height: 44px;
overflow: hidden;
background: url(nav.jpg) no-repeat -288px 0;
}
.menu3:hover, .menu3 a:hover {
overflow: hidden;
background: url(nav.jpg) no-repeat  -288px  -44px;
}
.menu4 {
width: 87px;
height: 44px;
overflow: hidden;
background: url(nav.jpg) no-repeat -399px 0;
}
.menu4:hover, .menu4 a:hover {
overflow: hidden;
background: url(nav.jpg) no-repeat  -399px  -44px;
}

.menu5 {
width: 131px;
height: 44px;
overflow: hidden;
background: url(nav.jpg) no-repeat -486px 0;
}
.menu5:hover, .menu5 a:hover {
overflow: hidden;
background: url(nav.jpg) no-repeat  -486px  -44px;
}

.menu6 {
width: 99px;
height: 44px;
overflow: hidden;
background: url(nav.jpg) no-repeat -617px 0;
}
.menu6:hover, .menu6 a:hover {
overflow: hidden;
background: url(nav.jpg) no-repeat  -617px  -44px;
}

.menu7, .menu7 a {
width: 118px;
height: 44px;
overflow: hidden;
background: url(nav.jpg) no-repeat -716px 0;
display: block;
}

.menu7:hover, .menu7 a:hover{

overflow: hidden;
background: url(nav.jpg) no-repeat  -716px  -44px;
}