#workspace {background: url(bkg.gif) repeat;
    width: 100%;
    height: 100%; 
                                     
}

#site { 
    width: 1000px;
    min-height: 1024px;
    text-align: center;
                                
}

#left {background: trasparent;
    float: left;
    width: 110px;
    min-height: 1024px;                               
}

#content {background: trasparent;
    float: left;
    width: 800px;
    min-height: 1024px;
    text-align: center;                             
}

#flag 
{
    position:absolute; 
    left:997px; 
    top:11px;
}

.layer1     {z-index:1; position:absolute; left:0px; top:5px; text-align:center;}
.layer2     {z-index:2; position:absolute; left:120px; top:35px; border-width:5px; border-color:#ECE9D8; border-style:dashed;}
.layer2inde {z-index:2; position:absolute; left:120px; top:35px; border-style:dashed; background:url("images/bghome.jpg") no-repeat center;}
.layer2list {border-collapse:separate;}
.layer3     {z-index:3; position:absolute; left:860px; top:43px;}
.layer4     {z-index:4; position:absolute; left:-200px; top:200px;}

.text    {font-family:verdana; font-size:12px; color:#222222; text-align:left;
}
.text10  {font-family:verdana; font-size:10px; color:#222222; text-align:justify;}
.textr   {font-family:verdana; font-size:12px; color:#222222; text-align:center;}
.textdx  {font-family:verdana; font-size:12px; color:#222222; text-align:right;}
.vale    {font-family:arial; font-size:10px; font-weight:bold; color:#222222; text-align:center;}
.titolo    {font-family:verdana; font-size:14px; color:#FFFFFF; text-align:center; background-color:#F59453; font-weight:bold}
.titolino  {font-family:verdana; font-size:12px; color:#990000; text-align:left; font-weight:bold}
.textlist  {font-family:arial; font-size:12px; color:#222222; text-align:center; vertical-align:middle; border:solid #000000 1px; border-spacing:3px;}
.textlist2 {font-family:arial; font-size:10px; color:#222222; text-align:center; vertical-align:top; border:solid #000000 1px; border-spacing:3px;}
.textlist3 {font-family:arial; font-size:12px; color:#222222; text-align:left; border:solid #000000 1px; border-spacing:3px; padding:5px;}

TR.listtito {background-color:#54b4de;}
TR.list1 {background-color:#fff;}
TR.list2 {background-color:#eee;}

TD {vertical-align:top;}
TD.dn {text-align:right;}
TD.dv {vertical-align:bottom; text-align:center;}
TD.d1 {background-color:#; text-align:right;}
TD.d2 {text-align:right;}

IMG.thumb {border-color: #000;}

A.link {text-decoration:none; color:#FF6600; background:#FFFFFF;}
A.link:hover {color:#FFFFFF; background:#FF6600;}

A.menu1 {display:block; width:81px; height:79px; text-indent:-100.0em; background:url("images/barche_on.gif") no-repeat;}
A.menu1:hover {background:url("images/barche_off.gif") no-repeat;}
A.menu2 {display:block; width:81px; height:79px; text-indent:-100.0em; background:url("images/basi_on.gif") no-repeat;}
A.menu2:hover {background:url("images/basi_off.gif") no-repeat;}
A.menu3 {display:block; width:81px; height:79px; text-indent:-100.0em; background:url("images/contatti_on.gif") no-repeat;}
A.menu3:hover {background:url("images/contatti_off.gif") no-repeat;}
A.menu4 {display:block; width:81px; height:79px; text-indent:-100.0em; background:url("images/itinerari_on.gif") no-repeat;}
A.menu4:hover {background:url("images/itinerari_off.gif") no-repeat;}
A.menu5 {display:block; width:81px; height:79px; text-indent:-100.0em; background:url("images/listino_on.gif") no-repeat;}
A.menu5:hover {background:url("images/listino_off.gif") no-repeat;}
A.menu6 {display:block; width:81px; height:79px; text-indent:-100.0em; background:url("images/guestbook_on.gif") no-repeat;}
A.menu6:hover {background:url("images/guestbook_off.gif") no-repeat;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }


#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }


#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}


#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }


#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	


#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }