html,
body {
	margin:0px;
	padding:0px;
	border:0;
	height:100%;
	width:100%;
	background-position: left top;
	background-attachment:scroll;
	background-repeat:repeat;
	font-size:10px;
	font-family:verdana;
	background-image: url(../images/00general/BGchess.jpg);/* BGchess-75.jpg  BGchess.jpg */
}
a,
a:visited,
a:link {
	color:#FFFFFF;
	text-decoration:none;
}


img {
	border:0;
		 }

b {
	color:#FFFFFF;
	text-decoration:none;
	font-size: 16px;
	font-variant: small-caps;
}

table{
	margin:0px;
	padding:0px;
	border:0;
	width: 100%;
			}

td{
	color:#FFFFFF;
	height: 60px;
	width: 80px;
	overflow: hidden;
	vertical-align: top;
	}
/*td a:hover	{
	color:#000000;
		}
Meglio non usare <td> perché prende il sopravvento sugli altri codici (i.e. <div>, <a>, ...)*/
	
/* non riesco a impedire il movimento delle celle quando si attiva il bordo.
provare riducendo le dimensioni della immagina della larghezza del bordo
td:hover {
	border: 1px solid #FFFFFF;
	}
*/


#main-text01/*bottom window*/{
	position: absolute;
	color: #333333;
	left: 160px;
	top: 540px;
	width:480px;
	/*background-image:url(../images/00general/trans-W1.png);*/
	padding-left: 5px;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 5px;
	z-index: 25;
	visibility:visible;
	font-weight: 400;
			}

#main-view{/*area disponibile della pagina web*/
	/*background-image:url(../images/00general/trans-Cy1.png);*/
	overflow: visible;
	height: 600px;
	width: 800px;
	left: 80px;
	top: 60px;
	position: absolute;
}

#main-image{
	position: absolute;
	left: 160px;
	width: 480px;
	top: 60px;
	z-index: 20;
	}



#side-text{
	position: absolute;
	color: #000000;
	left: 640px;
	top: 60px;
	width:150px;
	background-image:url(../images/00general/trans-W1.png);
	padding-left: 5px;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 5px;
	z-index: 20;
		}

.service{
	width:100%;
			}
			

.area-trans{
    /*background-color:#999999;
    opacity:.4;*/
    background-image:url(../images/00general/semi_trans.png);
}
.cover-clock /*to cover the clock link
non sarebbe necessario visto che ho anche messo un layer sovrastante per poter avere un selectable map*/ {
	background-image:url(../images/00general/semi_trans.png);
	position: absolute;
	z-index: 20;
	height: 60px;
	width: 80px;
	left: 0px;
	top: 360px;
}

/*#G10author {
	position: absolute;
	z-index: 20;
	left: 10px;
	bottom: 10px;
}*/

#G10author /*la posizione di un link a g10design*/ {
	position: absolute; /*fixed affinche risulti indipendente dal layer in cui si trova*/
	z-index: 20;
	width:120px;
	left:10px;
	bottom:20px;
	height: 20px;	
	/*per rendere trasparente il testo*/
	filter:alpha(opacity=20);/*IE*/
	-moz-opacity:0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;/*mozilla*/
		}

.cell/*non in uso, eventualmente per rendere selezionabile uan casella*/{
	position: absolute;
	width: 80px;
	height: 60px;
	display: block;
		}
.cell2H{
	position: absolute;
	width: 160px;
	}
.cell3H{
	position: absolute;
	width: 240px;
	}
.cell4H{
	position: absolute;
	width: 320px;
	color: #E4E4E4;
	}
.cell4H:hover{
	color: #FFFFFF;
	}	
	
.cell2V{
	position: absolute;
	height: 120px;
	}

/*image__ = immagini grandi in centro pagina. Anche utilizzate per il testo delle persone*/
#image01{
	position: absolute;
	width:480px;
	visibility: visible;
				}
#image02,#image03,#image04,#image05,#image06,#image07,#image08,#image09,#image10{
	position: absolute;
	width:480px;
	visibility: hidden;
		}
		
		
#bordertext	{
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
		}	
		
		
		
		
		
		
		
		
		
					

.side-txt a{
	color: #FFFFFF;
	}

.textbar{
	text-align:left;
	width:100%;
	z-index:11;
	font-size: 14px;
	font-weight: bold;
		}
.text7RV{
	position:absolute;
	font-size: 40px;
	font-family: "Century Gothic", Arial;
	top: 9px;
	left: 90px;
		}
.text-side{/*no en uso, evnetualmente por poner texto a lado de los retratos*/
	position:absolute;
	left: 90px;
		}
		


/*tipi di testo*/	
.text01/*bold*/ {
	font-weight: bold;
}
.text02/*center*/ {
	text-align: center;
	display: block;
}
.text03/*small title*/ {
	font-size: 12px;
	font-variant: small-caps;
	color: #666666;
	letter-spacing: 2px;
	}
.text04/*description text*/ {
	font-size: 12px;
	}
.text05/*gray title*/ {
	color: #333333;
	font-size: 14px;
	}