div#fancymenu {
height: 50px;
background: #f60 url(/img/menuebg.gif) repeat-x 0 0;
overflow: hidden;
}

div.fancybg {
background: url(/img/menuebg.jpg) no-repeat 50% 6px;
}

div#fancymenu ul {
height: 50px;
width: 933px;
width: 760px;
margin: 0 auto;
position: relative;
padding: 14px 0 0 0;
}

/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
float: left;
}
 
#fancymenu ul li a {
text-indent: -500em;
z-index: 10;
float: left;
display: inline;
height: 30px;
position: relative;
overflow: hidden;
cursor: pointer;
}

#about a {
width: 92px;
background: url(/img/about.png) no-repeat 50% 0;
}

#tatoo a {
width: 70px;
background: url(/img/tatoo.png) no-repeat center;
}

#tatoo {
margin: 0 0 0 70px;
}
 
#gal a {
width: 80px;
background: url(/img/gallery.png) no-repeat center;
}

#gal {
margin: 0 0 0 306px;
}

#contact a {
width: 100px;
background: url(/img/contact.png) no-repeat center;
}

#contact {
margin: 0 0 0 36px;
}

#fancymenu li.background {
background: url(/img/bg_menu_right.png) no-repeat top right !important;
z-index: 8;
position: absolute;
visibility: hidden;
height: 30px;
}
 
#fancymenu .left {
background: url(/img/bg_menu.png) no-repeat top left !important;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}