ul#menu {
width:661px;
height:51px;
list-style:none;
margin:0;
padding:0;
padding-top:76px;

}
ul#menu li {
float:left;
}
ul#menu li a {
background:url(images/menu.png) no-repeat scroll top left;
display:block;
height:51px;
position:relative;
}
ul#menu li a.home {
width:168px;
background-position:0px 0px;
}
ul#menu li a.about {
width:165px;
background-position:-168px 0px;
}
ul#menu li a.portfolio {
width:164px;
background-position:-333px 0px;
}
ul#menu li a.contact {
width:164px;
background-position:-497px 0px;
}
ul#menu li a span {
background:url(images/menu.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}
ul#menu li a.home span {
background-position:0px -51px;
}
ul#menu li a.about span {
background-position:-168px -51px;
}
ul#menu li a.portfolio span {
background-position:-333px -51px;
}
ul#menu li a.contact span {
background-position:-497px -51px;
}