/* comments */
/* # unique style
   . multiple use  style
   
   */
   


html,
body {
	margin:0px;
	padding:0px;
	border:0;
	height:100%;
	width:100%;
	background-position: 5px 150px;
	background-attachment:scroll;
	background-repeat:repeat;
	color: #454545;
	font-size:12px;
	font-family:verdana;
	background-image: url(../images/BG/newspape-BG1.jpg);/* BGchess-75.jpg  BGchess.jpg */
}
a,
a:visited,
a:link {
	color:#454545;
	text-decoration:none;
}
a:hover {
	color:#FDFDFD;
	text-decoration:none;
	background-color: #303030;
}

img {
	border:0;
		 }

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

/*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;
	}
*/

#head{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:150px;
	z-index: 10;
	font-weight: 400;
	background-color: #FFFFFF;
			}
#head-lines{
	position: absolute;
	top: 30px;
	left: 10px;
	right: 40px;
	height:105px;	
	background-image: url(../images/BG/head-lines.gif);
	background-repeat: repeat-x;
	z-index: 30;
}
#head-number /* non lo uso */ {
	position: absolute;
	top: 3px;
	left: 10px;
	font-family: Century, "Lucida Fax", "Swis721 Blk BT";
	font-size: 24px;
	font-weight: 800;
	}
#head-date{
	position: absolute;
	top: 15px;
	left: 10px;
	font-family: "Lucida Fax", Century,  "Swis721 Blk BT";
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}
#headline-1{
	position: absolute;
	top: 3px;
	right: 40px;
	font-size: 24px;
	font-style: italic;
	font-weight: 800;
	font-family:  "Lucida Fax", Century, "Swis721 Blk BT", Huxtable;
	}
#headline-2{
	position: absolute;
	top: 40px;
	left: 10px;
	height:90px;
	min-width:680px;
	right: 180px;
	font-family: Century, sans-serif, "Swis721 Blk BT";
	font-size: 20px;
	font-weight: 800;
	}

#page{
	position: absolute;
	top: 150px;
	left: 0px;
	height:550px;
	color: #454545;
	z-index: 10;
	font-weight: 400;
			}
.obj-link{
	position: absolute;
		}	
.marker{position: absolute;
	/*le coordinate sono inserite ad hoc nel file html*/
	/*per rendere trasparente il testo*/
	filter:alpha(opacity=85);/*IE*/
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;/*mozilla*/	
}	
.word{
	position: absolute;
	font-family: Century, "Lucida Fax", "Swis721 Blk BT";
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	height: 16px;
	background-image: url(../images/BG/word-BG.jpg);
	background-repeat: repeat-x;
	background-position: center 3px;
	z-index:16;
	}
#contact/*link to send a email*/{
	position: absolute;
	top: 50px;
	left: 493px;
	z-index: 10;
}
#G10-txt/*link to G10 company specification*/{
	position: absolute;
	top: 148px;
	left: 12px;
	z-index: 10;
}	
			
	/* END GENERAL */
	/* OBJECT */
#obj{
	position: absolute;
	top: 150px;
	left: 0px;
	font-size: 20px;
	z-index: 20;
	visibility:hidden;
	}
#obj-close{
position: absolute;
left: 435px;
top: -1px;
z-index: 25;
visibility:hidden;
}

.obj-title{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 470px;
	height:98px;
	font-family: Century, sans-serif, "Swis721 Blk BT";
	font-size: 20px;
	font-weight: 800;
	background-color: #FDFDFD;
	z-index: 20;
		}
	.subtitle{
	position: absolute;
	font-size: 16px;
	width: 400px;
	line-height: 18px;
	}
.obj-image{
	position: absolute;
	top: 99px;
	left: 170px;
	width: 625px;
	height:398px;
	background-color: #FDFDFD;
	z-index: 20;
	border: 2px solid #454545;
	}

.side-text{
	position: absolute;
	top: 0px;
	width: 300px;
	z-index: 20;
	font-size: 11px;
	text-align: justify;
	color: #666666;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-family: "Lucida Fax", Arial, Century ;
		}

	
	
	/* END OBJECT */
	
	
	/* END USED */