/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {
	padding:0;
	margin:0;
	height:57px;
	width:500px;
	position:relative;
	font-family:verdana;
	font-size:12px;
	elevation:above;
	position:absolute;
	z-index:200;
	
}

#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:50px; width:150px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.chiSiamo {
	position:relative;
	background:url(../images/chi_siamo.gif);
	width:80px;
	top:2px;
	height:57px;
}

#nav li a.servizi {
	position:relative;
	background:url(../images/servizi.gif);
	width:80px;
	top:2px;
	height:57px;
}

#nav li a.gallery {
	position:relative;
	background:url(../images/gallery.gif);
	width:80px;
	top:2px;
	height:57px;
}
#nav li a.shop {
	position:relative;
	background:url(../images/shop.gif);
	width:80px;
	top:2px;
	height:57px;
}

#nav li a.news {
	position:relative;
	background:url(../images/news.gif);
	width:80px;
	top:2px;
	height:57px;
}

#nav li a.jobs {
	position:relative;
	background:url(../images/jobs.gif);
	width:80px;
	top:2px;
	height:57px;
}
#nav li a.contatti {
	position:relative;
	background:url(../images/contatti.gif);
	width:80px;
	top:2px;
	height:57px;
}
#nav li a.reserved {
	position:relative;
	background:url(../images/reserved.gif);
	width:80px;
	top:2px;
	height:57px;
}
#nav li:hover a,
#nav a:hover
{background-position: 0 56px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background:black; z-index:500;}

#nav li:hover {position:relative;}
#nav a:hover {position:relative;}

#nav :hover ul.sub
{left:0; top:59px; background-color:#000000; width:auto; height:auto; padding-top:10px; padding-left:8px; border-style:dashed; border-color:#333;  border-width:0.2px; z-index:300; }
#nav :hover ul.sub li
{display:block; height:18px; v-align:top; position:relative; float:left; width:180px; z-index:300;  }
#nav :hover ul.sub li a
{
	display:block;
	height:18px;
	width:180px;
	border:0px solid #888;
	border-color:#ddd #888 #000 #ccc;
	text-decoration:none;
	color: #FFFFFF;
	cursor:pointer;
background-color:black;
	z-index:300; 
}


#nav :hover ul.sub li a b {position:absolute; left:0px; margin:0;}



#nav :hover ul.sub li a:hover 
{background-position: 0 50px; position:relative;}



