ul#nav {
	background-image: url(../images/nav.png);
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	position:absolute;
}
	
ul#nav li { float:left; list-style-type:none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px; 
	}
	
ul#nav li a {
	height:80px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	top: 0;
}

li#navHome a, li#navPresentiamo a, li#navNotizie a, li#navLetture a, li#navMondo a, li#navMail a {
	background-image: url(../images/nav.png);
}

/*  
Measurements for the nav image replacement:

	La distanza dalla testa...

	stato all'inizio = 0
	rollover  = 55px - 80
	state selezionato = 110px  160

	
	La distanza da sinistra the far-left to the...

	home = 0
	 = 70px
	artists button = 138px
	links button = 222px
	about button = 294px

	The larghezza del box di...

	Home button = 160px
	Storia button = 68px
	Cantina button = 84px
	Vini button = 72px
	mail button = 74px
*/

li#navHome a 						{background-position:0 -0px;
	width:52px;
	left:0
}
li#navHome a:hover					{ background-position:-0 -80px }
body#pageHome li#navHome a 			{background-position:-0 -160px
}

li#navPresentiamo a 				{background-position:-52px 0px;
	width:112px;
	left:52px;
}
li#navPresentiamo a:hover					{ background-position:-52px -80px }
body#pagePresentiamo li#navPresentiamo a 	{ background-position:-52px -160px }

li#navNotizie a 					{background-position:-164px -0px;
	width:62px;
	left:164px
}
li#navNotizie a:hover				{ background-position:-164px -80px }
body#pageNotizie li#navNotizie a 	{ background-position:-164px -160px }

li#navLetture a 					{background-position:-226px -0px;
	width:64px;
	left:226px
}
li#navLetture a:hover				{ background-position:-226px -80px }
body#pageLetture li#navLetture a 	{ background-position:-226px -160px }

li#navMondo a 						{background-position:-290px -0px;
	width:111px;
	left:290px
}
li#navMondo a:hover					{ background-position:-290px -80px }
body#pageMondo li#navMondo a 		{ background-position:-290px -160px }

li#navMail a 						{background-position:-401px -0px;
	width:64px;
	left:401px
}
li#navMail a:hover					{ background-position:-401px -80px }
body#pageMail li#navMail a 			{ background-position:-401px -160px }




.navText {
	color: #663300;
	line-height:22px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	width: 129px;
	margin-top: 8px;
	text-shadow: 0px 1px 2px #999;
	font-variant: small-caps;
	}
	
.navText2 {
	color: #663300;
	line-height:25px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	width: 133px;
	margin-top: 14px;
	text-shadow: 0px 1px 2px #999;
	font-variant: small-caps;
	}

.navText3 {
	color: #555555;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	width: 100px;
	margin-top: 0px;
	height: 270px;
	line-height: 150%;
	font-weight: normal;
	margin-left: 30px;
	text-align: right;
	padding-right: 5px;
	}

.navText4 {
	color: #555555;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	width: 100px;
	margin-top: 180px;
	height: 270px;
	overflow: auto;
	line-height: 135%;
	font-weight: normal;
	margin-left: 30px;
	text-align: right;
	padding-right: 5px;
	}
	
td {
	font:11px arial;
	color:#333333;
	}
	
a:link {
	color: #BB0000;
	text-decoration: none;
	}
a:visited {
	text-decoration: underline;
	color: #993300;
	font-weight: normal;
	}
a:hover {
	text-decoration: underline;
	color: #D00202;
	font-weight: bold;
	text-shadow: 0px 2px 3px #D00202;
	}
	
a:active {
	text-decoration: underline;
	color: #222222;
	font-weight: bold;
	}	

#image1 {
	height: 85px;
	width: 86px;
	background-image: url(../images/SxDownAssieme.png);
	background-repeat: no-repeat;
	background-position: 0 -86px;
	margin-left: 0px;
}
#image1 a {
	display: block;
	height: 85px;
	width: 86px;
	background-image: url(../images/SxDownAssieme.png) no-repeat 0 -0px;
}

#image1:hover {
	height: 85px;
	width: 86px;
	background: url(../images/SxDownAssieme.png) no-repeat 0 -0px;
}

#area {
	height: 15px;
	width: 86px;
	background-image: url(../images/area_assieme.png);
	background-repeat: no-repeat;
	background-position: 0 -0px;
}
#area a {
display: block;
height: 15px;
	width: 86px;
background-image: url(../images/area_assieme.png) 0 -0px;
}

#area:hover {
  height: 15px;
  width: 86px;
  background: url(../images/area_assieme.png) no-repeat 0 -15px;
}