html, body {
	height: 100%;
}

body {
	font-family: "Century Gothic", arial, verdana;
	background: #000 url('images/bg-body.jpg') repeat-x top center;
	text-align: center;
	color: #fff;
}

#container {
	margin: 0 auto;
	width: 840px;
}

#container #wrapper {
	margin: 0 0 0 43px;
	min-height: 500px;
}

#cat {
	width: 70px;
	float: left;
	min-height: 500px;
}

#main {
	width: 720px;
	float: left;
}

#contenuti, #menu, #logo {
	margin: 0 0 0 18px;
}

#people {
	width: 596px;
	clear: both;
	display: block;
	height: 120px;
}

#video {
	clear: both;
	min-height: 485px;
}

#menu {
	z-index: 99;
	width: 600px;
	text-align: left;
	margin-top: -120px;
}


#logo {
	clear: both;
	display: block;
	width: 596px;
	text-align: right;
	padding: 10px 0 0 0;
}	

#logo .address {
	clear: both;
}

#logo .address img {
	padding:7px 0 10px 0;
	float: left;
}

#logo img {
	clear: both;
	float: right;
}

#logo .temporary {
	margin: 0 0 5px 0;
}

#osservatorio, #ytube {
	margin: -187px 0 0 472px;
	position:absolute;
	width: 164px;
	height: 166px;
}

#now-in-store {
	background: url('images/now-in-store.gif') no-repeat;
	margin: -293px 0 0 579px;
	position:absolute;
	width: 180px;
	height: 292px;
}

#now-in-store:hover {
	background: url('images/now-in-store-hover.gif') no-repeat;
}

#ytube {
	width: 92px;
	height: 61px;
	overflow: hidden;
	margin: -563px 0 0 699px;
}

#ytube a {
	display: block;
	padding: 200px;
}

#ytube:hover {
	background: url('images/ytube.jpg') no-repeat;
}

h1.h,h2.h {
	display: none;
}

#menu ul li {
	background-position: left top;
	height: 26px;
	overflow: hidden;
}

#menu ul li a {
	padding: 500px;
	display: block;
}

#menu ul li#temp {
	background: url('images/link-temporary.gif') no-repeat;
}

#menu ul li#temp-selected {
	background: url('images/link-temporary.gif') no-repeat left center;
}

#menu ul li#temp-inactive {
	background: url('images/link-temporary.gif') no-repeat left bottom;
}



#menu ul li#cosa {
	background: url('images/link-cosa.gif') no-repeat;
}
#menu ul li#cosa-selected {
	background: url('images/link-cosa.gif') no-repeat left center;
}
#menu ul li#cosa-inactive {
	background: url('images/link-cosa.gif') no-repeat left bottom;
}



#menu ul li#come {
	background: url('images/link-scarica.gif') no-repeat ;
}

#menu ul li#come-selected{
	background: url('images/link-scarica.gif') no-repeat left center;
}

#menu ul li#come-inactive {
	background: url('images/link-scarica.gif') no-repeat left bottom;
}



#menu ul li#cont {
	background: url('images/link-contatti.gif') no-repeat;
}

#menu ul li#cont-selected {
	background: url('images/link-contatti.gif') no-repeat left center;
}


#menu ul li#cont-inactive {
	background: url('images/link-contatti.gif') no-repeat left bottom;
}

#cosafacciamo {
	width: 580px;
	min-height: 400px;
	background: url('images/progetto.gif') no-repeat center right;
}

.margine {
	margin: 0 290px 0 0;
}

.white {
	color: #fff;
}

.testo {
	width: 500px;
	min-height: 333px;
	color: #e2007a;
	text-align: left;
	font-size: 14px;
}

.testo p {
	margin: 0 0 10px 0;
}

.testo p, .testo il li {
	line-height: 20px;
}

.testo h1, .testo h2 {
	padding: 10px 0;
	margin: 0 0 10px 0;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
}

#contatti {
	padding: 35px 0 0 0;
	width: 596px;
	text-align: center;
	color: #fff;
}

#contatti p {
	font-size: 20px;
	margin: 0 75px 20px 75px;
}

#contatti p.resp {
	margin: 0 0 5px 0;
	font-size: 22px;
	font-weight: bold;
	color: #c7006b;
}

#contatti a {
	color: #c7006b;
	text-decoration: none;
}

#footer {
	text-align: left;
	clear: both;
	display: block;
	color: #535252;
	font-family: arial;
	font-size: 10px;
	padding: 35px 0 5px 95px;
}

#footer a {
	color: #535252;
}

#footer #socials {
	margin: 0 auto;
	width: 310px;
	text-align: left;
}

#banner {
	width: 100%;
	text-align: center;
	position: absolute;
	background: #000;
}

#download {
	padding: 60px 0 0 0;
}