@charset "utf-8";

ul#menu {
height:64px;
background:url(img/menu.jpg) repeat-x;
list-style:none;
padding:0px 0px 0px 0px;
margin:28px 3px 4px 0px;
width:700px;
}

ul#menu li {
float:left;
}

ul#menu li a {
background:url(img/menu.jpg) no-repeat scroll top left;
display:block;
height:64px;
position:relative;
}

ul#menu li a.home {
width:440px;
background-position:0px 0px;
}


ul#menu li a.portfolio {
width:100px;
background-position:-440px 0px;
}

ul#menu li a.blog {
width:55px;
background-position:-540px 0px;
}

ul#menu li a.contact {
width:105px;
background-position:-595px 0px;
}

ul#menu li a span {
background:url(img/menu.jpg) 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 -64px;
}

ul#menu li a.portfolio span{
background-position:-440px -64px;
}

ul#menu li a.blog span{
background-position:-540px -64px;
}

ul#menu li a.contact span{
background-position:-595px -64px;
}