	<style type="text/css">

	body {
		font-family: Arial, Helvetica, sans-serif; 
		font-size:14px; 
	}
	
	a {
		text-decoration:none; 
		color:#333;
		outline:0;
	}
	
	img {
		outline:0; 
		border:0;
	}
	
	#menu_navigation {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		margin-left:110px; 
		text-align:center; 
		width:583px; 
		height:40px;
		
		font-size:14px; 
	}
	
	#menu_navigation ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
	}
	
	#menu_navigation ul li {
		
		/* give some spaces between the list items */
		display: block; 
		margin:0 5px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#menu_navigation #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:200; 

		/* image of the right rounded corner */
		background:url(../immagini/tail.gif) no-repeat right center; 
		height:35px;


		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:5px;
		
	}
	
	#menu_navigation #box .head {
		/* image of the left rounded corner */
		background:url(../immagini/head.gif) no-repeat 0 0;
		height:35px;
		color:#eee;
		
		/* force text display in one line */
		white-space:nowrap;

		/* set the text position manually */
		padding-left:8px;
		padding-top:12px;
	}
	</style>