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





#work1 a {
	width: auto;
}
 
#work2 a {
	width: auto;
}
 
#work3 a {
	width: auto;
}
 
#work4 a {
	width: auto;
}

#work5 a {
	width: auto;
}

#work6 a {
	width: auto;
}

#work7 a {
	width: auto;
}

#coms a {
	width: auto;
}

#books a {
	width: auto;
}

#work10 a {
	width: auto;
}

#work11 a {
	width: auto;
}

#mainmenu 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;
}
 
#mainmenu .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 */
  }