#fancymenu {
 	position: relative;
 	height: 24px;
 	width: 600px;
 	background: url('bg.gif') no-repeat top;
 	padding: 3px;
 	margin: 7px 0;
 	overflow: hidden;
 	opacity: 0;
 }
 
 #fancymenu ul {
 	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 {
	float: left;
	list-style: none;
}
  
#fancymenu ul li a {
 	text-indent: 3px;
 	color: #C0D8DF;
	z-index: 10;
	display: block;
	float: left;
	height: 20px;
	position: relative;
	overflow: hidden;
}
#work a {
	width: auto;
}
 
#bio a {
	width: auto;
}
 
#blog a {
	width: auto;
}
 
#contact a {
	width: auto;
}
#top a {
	width: auto;
}

#fancymenu li.background {
	background: url('1.png') no-repeat top right !important;
	background: url('1.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}
 
#fancymenu .background .left {
	background: url('2.png') no-repeat top left !important;
	background: url('2.gif') no-repeat top left;
	height: 35px;
	margin-right: 5px; /* 7px is the width of the rounded shape */
  }