/*
IllusionRoom 2003 Web Pubblishing & multimedia
Template 1024x768 optimizated - Ie7.0 & Firefox compatible
More info at www.illusionroom.net

----------------------------
MAIN ELEMENTS
----------------------------
*/

/* Body Explicit */

html,body {
	background-image: url(../img/BackgroundIdx.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	}

/* Style pagina introduttiva */
/* Il parametro height somma lo spazio del filmati flash + pulsantiera + stats */
/* Margin Left deve essere la metà di width e margin-top la metà di height */

div#Wrapper {
	display:block;
	background: none;	
	width: 800px;
	height: auto;
	position: absolute;
	top:5%;
	left:50%;
	margin-left: -400px;
	padding: 0px;
	border: 0px;
}

div#HeaderLine {
	display:block;
	background:#0066CC;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	font-weight:700;
	}

div#FooterLine {
	display:block;
	background:#0066CC;
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	font-weight:700;
	}

div#FlashBox {
	display:block;
	float:left;
	
	width: 800px;
	height: 450px;
	}

div#PulsantieraContainer {
	display:block;
	float:left;
		
	width: 800px;
	height: 40px;
	padding: 0px;
	border: 0px;
}

div#Credits {
	display:block;
	float:left;
		
	width: 500px;
	height: 150px;
	padding-left: 300px;
	border: 0px;
}

div#Stats {
	text-align: center;
	float:left;
	
	width: 800px;
	height: 20px;
	border: 0px;
	}

/* Tooltips per contenere keywords sito sul Footer di pagina */

a span.tt-container {
   	display:none;
	}

a:hover { 
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:700;
	font-decoration: none;
	 }

a:hover span.tt-container {    
  	background:#006699;
  	display:block;
	height: 6em;
  	position: absolute;
  	top: -6em;
 	z-index: 1;
	width: 350px;
	}

a:hover span.tt-text { 
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	font-weight:100;
	font-decoration: none; 
	}

/* Links customize */

a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:700;
	text-decoration: none;	
	}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:700;
	text-decoration: none;
	}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:700;
	text-decoration: none;
	}
	
/* - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - */