/* fancy menu */

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

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

  height: 45px;
  margin-bottom: 0px;
  
  
}
#margeLeft{
	padding-left: 83px;
	float: right;
}

#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;
 
 }
  
#fancymenu ul li a {
/* text-indent: -500em;*/
 z-index: 10;
 display: block;
 float: left;
 height: 45px;
 
 position: relative;
 overflow: hidden;
border-bottom: none;
 vertical-align: middle;
 text-decoration: none;
 color: #EAC660;
 
 text-transform: capitalize;
 text-align: center;
 font-size: 1.7em;
 font-family: "Times New Roman", Arial, Helvetica, sans-serif;
 padding-left: 30px;
 padding-top: 0px;
 padding-right: 30px;
 border-left: 1px solid #403322;
 
}

#fancymenu ul li a:hover {
color: #EAC660;
}
.menuItem {
  padding: 0 9px;
 /* width: 75px;*/
  
}
.menuItem a {
/* width: 75px;*/
 padding-top:10px !important;
 padding-top: 10px;
 }
  

  #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;
 
 }