body {
	text-align: center; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 64%; 
	color: #000000;
	background-color: #f6f4ef;
}

h1 {
	font-size: 2.0em; 
	font-family: serif;
	font-variant: small-caps;
	margin: 0.4em 0 0.2em 0;
	padding: 0;
}

h2 {
	font-size: 1.2em;
	font-family: serif;
	font-variant: small-caps;
	margin: 0.4em 0 0 0;
	padding: 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

p {
	text-align: left;
}

p.anchor {
	text-align: center;
	margin: 0 0 1.2em 0;
	padding: 0;
}

p.anchor a:link, p.anchor a:visited {
	margin: 0 0.4em;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

p.anchor a:hover, p.anchor a:active, p.anchor a:focus {
	margin: 0 0.4em;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
}

#info {	
	width: 570px;
	margin: 0 auto 0.8em auto;
	padding: 0 0 0.4em 0;
	border-bottom: 1px solid #000000;
}


fieldset.infobox {
	width: 480px;
	height: 128px;
	margin: 1.6em auto 0.8em auto;
	padding: 0;
	background-image: url("../img/infoback.jpg");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	border: none;
}

fieldset.infobox legend {
	display: none;
}

fieldset.infobox .inner {
	padding: 20px 0 8px 0;
}

fieldset.infobox dl
{
	width: 100%;
	margin: 0;
	padding: 0;
}

fieldset.infobox dl dt
{
	width: 13%;
	float: left;
	margin: 0;
	padding: 1% 2% 1% 2%;
	font-weight: bold;
	text-align: right;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

fieldset.infobox dl dd
{
	float: left;
	width: 79%;
	margin: 0;
	padding: 1% 1% 1% 2%;
	text-align: left;
}


/*.a, .a:visited {color:#606;}*/
#container {
	position: relative;
	width: 760px;
	height: 450px;
	background-color: #dfc184;
	background-image: url("../img/bigger/Nora-Villa_Ada_Foto_aerea_mod.jpg");
	background-position: 224px 36px;
	background-repeat: no-repeat;
	border: 1px solid #000000;
	margin: 1.6em auto;
}

#leftcontainer {
	position: relative;
	width: 204px;
	height: 406px;
	float: left; 
	z-index:5;
	margin: 18px auto;
}


a.gallery, a.gallery:visited {
	display: inline; 
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	width: 80px; 
	height: 60px;
	float: left; 
	margin: 18px 10px 0 10px;
	position: relative;
	cursor:default;
}

a.slidea {background:url("../img/thumbs/Spiaggiaa.jpg");}
a.slideb {background:url("../img/thumbs/Lettoa.jpg");}
a.slidec {background:url("../img/thumbs/Loggiatoa.jpg");}
a.slided {background:url("../img/thumbs/Parcoa.jpg");}
a.slidee {background:url("../img/thumbs/Terrazza_prima_colazionea.jpg");}
a.slidef {background:url("../img/thumbs/wsardinie_064a.jpg");}
a.slideg {background:url("../img/thumbs/wsardinie_065a.jpg");}
a.slideh {background:url("../img/thumbs/wsardinie_068a.jpg");}
a.slidei {background:url("../img/thumbs/wsardinie_072a.jpg");}
a.slidej {background:url("../img/thumbs/Giardino e marea.jpg");}

a.gallery span {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 545px;
	height: 633x;
	top: 160px;
	left: 7px;
	color: #000000;
	background-color: #f6f4ef;
	text-align: center;
	border: 1px solid #ffffff;
	cursor: default;
	padding: 0.4em 0 0 0;
}

a.slidea span {left:194px; top:-26px;}
a.slideb span {left:92px; top:-26px;}
a.slidec span {left:194px; top:-106px;}
a.slided span {left:92px; top:-106px;}
a.slidee span {left:194px; top:-186px;}
a.slidef span {left:92px; top:-186px;}
a.slideg span {left:194px; top:-266px;}
a.slideh span {left:92px; top:-266px;}
a.slidei span {left:194px; top:-346px;}
a.slidej span {left:92px; top:-346px;}

a.gallery:hover {
	white-space: normal;
	border: 1px solid #ffffff;
	z-index:100;
}

a.gallery:hover span {
	visibility: visible;
	z-index: 100;
}

a.gallery:hover span img {
	margin: 8px;
	border: 1px solid #000000;
	position: relative;
	z-index: 100;
}

a.gallery:active, a.gallery:focus {
	border: 1px solid #c00c00; 
	z-index: 10;
}

a.gallery:active span, a.gallery:focus span {
	visibility: visible;
	z-index:10;
}

a.gallery:active span img, a.gallery:focus span img {
	border: 1px solid #000000;
	position: relative;
	margin: 8px;
	z-index: 10;
}