#fancymenu {

	position: relative;

	height: 40px;

	width:421px;

	padding: 5px 0px 0px 0px;

	margin: 10px 0px;

	overflow: visible;

}



#pictureselect {

	position: relative;

	height: 1%; /* ie bug */

}



#fancymenu ul, #pictureselect {

	padding: 0;

	margin: 0;

}



/* Don't apply padding here (offsetWidth will differ in IE)

    If you need padding add it to the child anchor */

#fancymenu ul li, #pictureselect li {

	float: left;

	list-style: none;

}



#fancymenu ul li a, #pictureselect li a  {

	text-indent: -500em;

	z-index: 10;

	display: block;

	float: left;

	height: 30px;

	position: relative;

	overflow: hidden;

}





#menu_home a {

	width: 75px;
        margin: 0px 0px 0px 0px;

	background: url(../images/home.png) no-repeat center !important;	

	background: url(../images/home.gif) no-repeat center;

}



#menu_menu a {

	width: 75px;

	background: url(../images/menu.png) no-repeat center !important;	

	background: url(../images/menu.gif) no-repeat center;

}


#menu_info a {

	width: 75px;

	background: url(../images/info.png) no-repeat center !important;	

	background: url(../images/info.gif) no-repeat center;

}


#menu_events a {

	width: 75px;

	background: url(../images/events.png) no-repeat center !important;	

	background: url(../images/events.gif) no-repeat center;

}


#fancymenu li.background { 

	background: url(../images/bg_menu_right.png) no-repeat  right !important;

	background: url(../images/bg_menu_right.gif) no-repeat  right;

	z-index: 8;

	position: absolute;

	visibility: hidden;

}



#fancymenu .background .left {

	background: url(../images/bg_menu.png) no-repeat left !important;

	background: url(../images/bg_menu.gif) no-repeat left;

	height: 30px;

	margin-right: 5px; /* 7px is the width of the rounded shape */

}