body,td,th {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-decoration: none;
	border-style: none;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

img {
	border:0;
		 }

.backtext {
	color: #666666;
	vertical-align: middle;
	text-align: justify;
	padding: 40px;
	font-size: 12px;
	letter-spacing: 1px;
}



.ind-design {
	position: absolute;
	top: 80px;
	right: 100px;
	z-index: 10;
}
.jewel {
	position: absolute;
	top: 200px;
	left: 150px;
	z-index: 16;
}
.light {
	position: absolute;
	top: 68px;
	left: 250px;
	z-index: 10;
}
.architecture {
	position: absolute;
	top: 200px;
	right: 320px;
	z-index: 10;
}
.time{
	position: absolute;
	z-index: 10;
	top: 300px;
	left: 380px;
}
.recydesign {
	position: absolute;
	right: 200px;
	top: 450px;
	z-index: 11;
}
.racconti {
	position: absolute;
	left: 50px;
	top: 480px;
	z-index: 11;
}

.webdesign {
	position: absolute;
	left: 380px;
	top: 350px;
	z-index: 11;
}



/* i seguenti due stili servono ad avere la immagine nel centro
nel secondo stile la immagine deve essere spostata della metá in alto e della metá a sinistra

*/

#puzzle-main {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
}
#puzzle {
	position: absolute;
	left: -60px;
	top: -66px;
	visibility: hidden;
}