/* fancy menu */

#fancymenu {
 position: relative;
 /*width: 950px;
  /*background: url('../images/bg.png') no-repeat left top;*/

  padding: 0px;
  /*margin: 10px 0;*/
  overflow: hidden;
  /*margin:0 auto; 
  width: 60%;*/

  height: 40px;
  margin-bottom: 0px;
  
  float: left;
  margin-top: 25px;
  
  
}

#fancymenu ul {
 padding: 0 ;
 margin: 0;
 margin-left:20px;
}
  
 /* 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;
 text-align: center;
 vertical-align: middle;
 margin-top: -3px !important;
 margin-top: 0px;
 margin: 0;
 padding:0;
 margin-left: 10px;
 margin-right: 10px;
 
 }
  
#fancymenu ul li a {
/* text-indent: -500em;*/
 z-index: 10;
 display: block;
 float: left;
 height: 60px;
 
 position: relative;
 overflow: hidden;
border-bottom: none;
 vertical-align: middle;
 text-decoration: none;
 color: black;
 font-weight: bolder;
 text-transform: uppercase;
 text-align: center;
 /*font-size: 15px;
 font-family: Arial,Helvetica,sans-serif;*/
 font:bold 11px/11px "Arial";
 padding-left: 25px;
 padding-top: 10px;
 padding-right: 10px;
 
}

#fancymenu ul li a:hover {
color: black;
font-weight: bold;
}
.menuItem {
  padding: 0 9px;
 /* width: 75px;*/
  
}
.menuItem a {
/* width: 75px;*/
 padding-top:15px !important;
 padding-top: 15px;
 }
  

  #fancymenu li.background {
 background: url('../images/bg_menu_right.png') no-repeat top right !important;
 background: url('../images/bg_menu_right.png') no-repeat top right;
 z-index: 8;
 position: absolute;
 visibility: hidden;

margin-top: 0px !important;
 margin-top: 0px;
 
 margin-left:5px;
 
 }
  
 #fancymenu .background .left {
 background: url('../images/bg_menu.png') no-repeat top left !important;
 background: url('../images/bg_menu.png') no-repeat top left;

 
 height: 45px !important;
 height: 45px;
 margin-right: 9px; /* 7px is the width of the rounded shape */
 margin-top: 0px;
 
 }