body {	
	font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: small;
	font-weight: normal;
	color: #fff;
	background-color: #000;
	margin: 0px;
	text-align: justify;
	letter-spacing:	.1em;
	line-height: 2em;
}

#contenitore{
	width: 960px;
	margin: 0px auto;
	padding: 86px 0 0 0;
    background: transparent url(../img/bg/bg-contenitore.png) repeat-y;
}

#bg-contenitore-bottom {
	clear:both;
	width: 960px;
	min-height:80px;
	margin: 0 auto;
 	padding: 0;
	background: transparent url(../img/bg/bg-contenitore-bottom.png) top center no-repeat;
}

/* comportamenti link per una buona usabilit  sempre bene mantenere questo ordine di scrittura*/
a:link {text-decoration: none;color:#555;border:none;}
a:visited {text-decoration:none;color:#555;border:none;}
a:focus {text-decoration:none;color:#fff;border:none;}
a:hover {text-decoration:none;color:#fff;border:none;}
a:active {text-decoration:none;color:#fff;border:none;}

/*per togliere i bordi a tutte le foto e link*/
a img {border: none;}

/*per allineare il testo al centro */
.center {text-align: center;}

h1 {font-size: 160%;letter-spacing:.2em;color:#B4DC16;font-family: Verdana, sans-serif;}
h2 {font-size: 140%;font-family: Verdana, sans-serif;color:#B4DC16;}
h3 {font-size: 120%}

#header {
	text-align: center;
	position: relative;
	width: 960px;
	height: 96px;
	margin: -95px auto 0px auto;
}

/*----------------------*inizio menu----------------------*/
#menu {
    width: 900px; height: 40px;
    background: transparent url(../img/navmenu.png);
    margin: 0px auto 0px auto; 
    padding: 0;
    position: relative;
}
#menu li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;}

#menu li, #menu a {height: 40px; display: block;}

#link-menu1 {left: 0px; width: 180px; border:none;}
#link-menu2 {left: 180px; width: 180px; border:none;}
#link-menu3 {left: 360px; width: 180px; border:none;}
#link-menu4 {left: 540px; width: 180px; border:none;}
#link-menu5 {left: 720px; width: 180px; border:none;}

#link-menu1 a:hover {background: transparent url(../img/navmenu.png) 0px -40px no-repeat; border:none;}
#link-menu2 a:hover {background: transparent url(../img/navmenu.png) -180px -40px no-repeat; border:none;}
#link-menu3 a:hover {background: transparent url(../img/navmenu.png) -360px -40px no-repeat; border:none;}
#link-menu4 a:hover {background: transparent url(../img/navmenu.png) -540px -40px no-repeat; border:none;}
#link-menu5 a:hover {background: transparent url(../img/navmenu.png) -720px -40px no-repeat; border:none;}

#link-menu1 a:active {background: transparent url(../img/navmenu.png) 0px -80px no-repeat; border:none;}
#link-menu2 a:active {background: transparent url(../img/navmenu.png) -180px -80px no-repeat; border:none;}
#link-menu3 a:active {background: transparent url(../img/navmenu.png) -360px -80px no-repeat; border:none;}
#link-menu4 a:active {background: transparent url(../img/navmenu.png) -540px -80px no-repeat; border:none;}
#link-menu5 a:active {background: transparent url(../img/navmenu.png) -720px -80px no-repeat; border:none;}

/* get rid of those system borders being generated for A tags */
a:active {outline:none;}

a:focus {-moz-outline-style:none;}

/* ----------------------fine menu----------------------*/

#main {
	margin: 60px auto 0px auto;
	width: 890px; 
	min-height:300px;
	padding: 0px 10px 0px 10px;
}

#clearing {clear:both;}
