html {
	height: 100%;
	width:100%;
	font-size: 100%;
  	}


body {
	
	text-align: center;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #bababa;
	background:#191919;
	font-size : 9pt;
	font-weight: normal;	 
	letter-spacing:0px;
	
	background: #191919 url("immagini/sfondo.jpg");
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
		
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;	
}

table, tr, td {
	border-collapse:collapse;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #bababa;
	/*border: 1px solid #ffffff;*/
	font-size: 9pt; 
	padding:0px;
	border-spacing:0px; 
	text-align:justify;
}


a {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #a43031;
	text-decoration:none;
	font-size : 9pt;
	font-weight: normal;
}
a:hover {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #a43031;
	text-decoration:underline;
	font-size : 9pt;
	font-weight: normal;
}
img{
	border-width: 0;
}


.oneColLiqCtrHdr #container {
	width: 1000px;  /* crea un contenitore pari 1000 pixel */
	background: #191919;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}
.oneColLiqCtrHdr #header {
	height:203px;
	background: #191919 url("immagini/sfondo_top.jpg"); 
	
	margin: 0; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.oneColLiqCtrHdr #header a {
	font-family:  "Myriad Pro", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	
	color: #ffffff;
	text-decoration:none;
	font-size : 18px;
	font-weight: 600;
	font-stretch: ultra-condensed;
	font-variant: small-caps;
}


.oneColLiqCtrHdr #header a:hover {
	font-family:  "Myriad Pro", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	
	color: #a43031;
	text-decoration:none;
	font-size : 13pt;
	font-weight: 600;
	font-stretch: ultra-condensed;
	font-variant: small-caps;
}



.oneColLiqCtrHdr #fading {
	height:255px;
	background: #ffffff;
	background: #191919  url(immagini/fondo_fading.jpg);  
	margin: 0 auto; 
	padding: 0px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
}


.oneColLiqCtrHdr #photogallery {
	padding: 30px 45px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
		
	background: #191919  url(immagini/fondo_fading_photogallery.jpg);  
	margin: 0 auto; 
	padding: 0px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
}


.oneColLiqCtrHdr #mainContent {
	padding: 30px 45px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	background: #191919;
}
.oneColLiqCtrHdr #footer { 
	height:40px;
	padding: 0 45px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#191919;
} 


.smallgrey
{
	font-family :  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color : #7e7e7e;
	font-size : 8pt;
	text-decoration:none;
}


.smallgrey:hover {
	font-family :  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color : #7e7e7e;
	font-size : 8pt;
	text-decoration:none;
	}


.grey:hover {
	font-family :  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color : #7e7e7e;
	font-size : 9pt;
	text-decoration:none;
	}


.grey
{
	font-family :  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color : #7e7e7e;
	font-size : 9pt;
	text-decoration:none;
}

.titlered
{
	font-family :  Myriad Pro, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color : #a43031;
	font-size : 20pt;
	text-decoration:none;
}

.titlewhite
{
	font-family :  Myriad Pro, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color : #bababa;
	font-size : 20pt;
	text-decoration:none;
}
.txtbig
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #bababa;
	font-size: 14pt; 
	font-weight: normal;	 
	text-decoration:none;
}


#gallery {position:relative; width:916px; left:0px;float:left; margin:0px auto; padding:0px; border:0px solid #fff;}
#images {border:0px solid #9ac1c9; height:225px; margin-bottom:0px}
#image {position:relative; width:916px; height:375px; padding:0px; background-image: url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:0px; left:0px}
#thumbwrapper {margin-top:5px; padding:0px; width:916px; height:100px; border:0px solid #666;}
#thumbarea {position:relative; overflow:hidden; height:100px; width:916px; background-color:#191919;}
#thumbs {position:absolute; list-style:none; margin-left:0px; height:100px; width:10000px; border-right:0px solid #191919; background-color:#191919;}
#thumbs li {float:left; margin-right:5px; cursor:pointer;background-color:#191919;}
.imgnav {position:absolute; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:0px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:0px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}