#fancymenu {
position: relative;
height: 40px;
width: 908px;
padding: 0px 0px 0px 0px;
margin: 0 auto;
overflow: hidden;
}
  
#fancymenu ul {
padding: 0;
margin: 0;
}

#fancymenu ul li a span {
padding: 0 0px;
}
  
/* 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;
list-style: none;
}
  
#fancymenu ul li a {
text-indent: -500em;
z-index: 10;
display: block;
float: left;
height: 40px;
position: relative;
overflow: hidden;
padding: 0 0px 0 0px;
margin: 0;
border-right: 1px solid #413524;
}

#menu_home a {
width: 144px;
background: url('../menu/newconcept_menu_1.png') no-repeat center;
}
  
#menu_about a {
width: 144px;
background: url('../menu/newconcept_menu_2.png') no-repeat center;
}
  
#menu_portfolio a {
width: 144px;
background: url('../menu/newconcept_menu_3.png') no-repeat center;
}
  
#menu_services a {
width: 144px;
background: url('../menu/newconcept_menu_4.png') no-repeat center;
}

#menu_resources a {
width: 180px;
background: url('../menu/newconcept_menu_5.png') no-repeat center;
}

#menu_contact a {
width: 146px;
background: url('../menu/newconcept_menu_6.png') no-repeat center;
}



  
#fancymenu .background .left {
height: 40px;
 /* margin-right: 9px; 7px is the width of the rounded shape border: 1px solid #413524; */

}

#fancymenu li.background {
background: url('../menu/fancymenu_bg.png');
z-index: 8;
position: absolute;
visibility: hidden;
}