html,body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-style: none;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	color: #666666;
}
* {	margin: 0; }
img {	border:0;		 }



#wrapper /* these values are compulsory */{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */	}

#wrapper /* these values can be changed*/{
	width: 800px;/* remember to put same value by #footer */
	text-align: left;
}

#footer{
	position: relative;
	width: 800px;
	margin: 0 auto;
	font-size: 10px;
			}
#footer, .push {
	height: 25px; /* .push must be the same height as .footer */
}


#G10-text {
	position: absolute;
	top:80px;
	text-align: justify;
	font-size: 12px;
	letter-spacing: 1px;
}
.txt-speach /*to use i.e. for famous text, or informal comments */{
	letter-spacing: 1px;
	font-style: italic;	
}
.trans50{filter:alpha(opacity=50);/*IE*/
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;/*mozilla*/}



/*here follow POSITION of TITLES */

#products {
	position: absolute;
	top: 280px;
	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: 302px;
	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;
}