body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	}

	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
h3,h2{
	width:200px;
	padding:0px;
	margin:0px;
	margin:0 auto;
	font-size:16px;
}
h2{
	font-size:22px;
	color:#22aadd;
	height:30px;
	width:470px !important;
	}

/* =-=-=-=-=-=-=-[Nav 1]-=-=-=-=-=-=-=- */
	#nav_container{
	margin-top:1px;
	}
	#nav_container ul{
	width:222px;
	margin:0 auto;
	}
	#nav_container li{
	padding:0px;
	margin-bottom:1px;
	}
	
	
	
		
	
	
#navigation  {
	height: 100px;
	clear:both;
	padding:0px;
	margin:0px;
	}
#navigation ul{
	width:210px;
	height:650px;
	margin:0 auto;
	}
#navigation ul li{
	float:left;
	display: block;
	outline: none;
	height: 40px;
	text-decoration: none;
	width: auto;
	overflow:hidden;
	text-indent:-1000px;
	}
#navigation ul li a{
	height:40px;
	display:block;
	}
#navigation .home a{
	background: url(../images/filosofia.jpg) no-repeat top left;
	width:180px;
}
#navigation .fabbrica a{
	background: url(../images/fabbrica-pensante.jpg) no-repeat top left;
	width:180px;
}
#navigation .luogo a{
	background: url(../images/luogo-rigenerazione.jpg) no-repeat top left;
	width:180px;
}
#navigation .interni a{
	background: url(../images/interni.jpg) no-repeat top left;
	width:180px;
	background-position: 0 0;
}
#navigation .esterni a{
	background: url(../images/esterni.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .mappa a{
	background: url(../images/mappa.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .location a{
	background: url(../images/location.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .contact a{
	background: url(../images/contatti.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .home a:hover{
	width:180px;
	background-position: 0px -60px;
}
#navigation .fabbrica a:hover{
	width:180px;
	background-position: 0px -60px;
}
#navigation .luogo a:hover{
	width:180px;
	background-position: 0px -60px;
}
#navigation .interni a:hover{
	width:180px;
	background-position: 0px -60px;
}
#navigation .esterni a:hover{
	background-position: 0px -60px;
	width: 180px;
	}


#navigation .mappa a:hover{
	background-position: 0px -60px;
	width: 180px;
}
#navigation .location a:hover{
	background-position: 0px -60px;
	width: 180px;
}
#navigation .contact a:hover{
	background-position: 0px -60px;
	width: 180px;
}
.current {
 background-position: 0px -70px!important;
}
#navigation .bio a{
	background: url(../images/bio.jpg) no-repeat top left;
	width:180px;
}
#navigation .opere a{
	background: url(../images/opere.jpg) no-repeat top left;
	width:180px;
	background-position: 0 0;
}
#navigation .installazioni a{
	background: url(../images/installazioni.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .performance a{
	background: url(../images/performance.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .video a{
	background: url(../images/video.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .critica a{
	background: url(../images/critica.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .monografie a{
	background: url(../images/monografie.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .tecnichetematiche a{
	background: url(../images/tecniche-tematiche.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .volumi-arte a{
	background: url(../images/volumi-arte.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}

#navigation .press a{
	background: url(../images/press.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .partnership a{
	background: url(../images/partnership.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .musei a{
	background: url(../images/musei.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .contact a{
	background: url(../images/contatti.jpg) no-repeat top left;
	background-position: 0 0;
	width: 180px;
}
#navigation .bio a:hover{
	width:180px;
	background-position: 0px -60px;
}
#navigation .opere a:hover{
	width:180px;
	background-position: 0px -60px;
}
#navigation .installazioni a:hover{
	background-position: 0px -60px;
	width: 180px;
	}

#navigation .performance a:hover{
	background-position: 0px -60px;
	width: 180px;
}
#navigation .video a:hover{
	background-position: 0px -60px;
	width: 180px;
}

#navigation .critica a:hover{
	background-position: 0px -60px;
	width: 180px;
}
#navigation .monogafie a:hover{
	background-position: 0px -60px;
	width: 180px;
}
#navigation .tecnichetematiche a:hover{
	background-position: 0px -60px;
	width: 180px;
}
#navigation .volumi-arte a:hover{
	background-position: 0px -60px;
	width: 180px;
}

#navigation .press a:hover{
	background-position: 0px -60px;
	width: 180px;
}

#navigation .partnership a:hover{
	background-position: 0px -60px;
	width: 180px;
}
#navigation .musei a:hover{
	background-position: 0px -60px;
	width: 180px;
}

#navigation .contact a:hover{
	background-position: 0px -60px;
	width: 180px;
}