#menu {
	position: relative;
	height: 48px;
	width: 620px;
	background: #DDDBAF;
	padding: 0px;
	margin-left: 0px 0;
	overflow: hidden;
	
}

ul#lava {
	padding-left:1;
    overflow: hidden;
   	margin: 0 0 0 48px;
}



/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
ul#lava li {
	float: left;
	list-style: none;
}

ul#lava li a {
	text-indent: -500em;
	display: block;
	float: left;
	height: 45px;
	position: relative;
	overflow: hidden;
	outline: none;
	z-index: 10; 
}

#menu_welcome a {
	width: 89px;
	background: url('../images/menu/menu_home.png') no-repeat center !important;	
	background: url('../images/menu/menu_home.gif') no-repeat center;
}

#menu_about a {
	width: 87px;
	background: url('../images/menu/menu_about_us.png') no-repeat center !important;
	background: url('../images/menu/menu_about_us.gif') no-repeat center;
}

#menu_services a {
	width: 115px;
	background: url('../images/menu/menu_our_services.png') no-repeat center !important;
	background: url('../images/menu/menu_our_services.gif') no-repeat center;
}

#menu_gallery a {
	width: 77px;
	background: url('../images/menu/menu_gallery.png') no-repeat center !important;
	background: url('../images/menu/menu_gallery.gif') no-repeat center;
}
#menu_faq a {
	width: 45px;
	background: url('../images/menu/menu_faq.png') no-repeat center !important;
	background: url('../images/menu/menu_gallery.gif') no-repeat center;
}

#menu_contact a {
	width: 101px;
	background: url('../images/menu/menu_contact.png') no-repeat center !important;
	background: url('../images/menu/menu_contact.gif') no-repeat center;
}



/* Represents the background of the highlighted menu-item. */
ul#lava li.back {
	background: url('../images/menu/bg_menu_right.png') no-repeat top right;
	z-index: 8;
	position: absolute;
	margin-top:7px;
}

ul#lava .back .left {
	background: url('../images/menu/bg_menu.png') no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}