html, body, div, h1, h2, h3, p, ul, ol, dl, li, dt, dd, img, form, acronym, blockquote, span, ul li ul {padding:0; border:0; margin:0}
 
h1, h2 {letter-spacing: .01em; word-spacing: .02em; line-height: 1.3em; font-weight: normal;
font-family: "Trebuchet MS" Georgia, "Times New Roman", Times, serif}
h1 {font-size: 180%; color: #bbb; margin: .4em 16px .8em 0}
h2 {font-size: 150%; color: #FFF; margin: 0 0 .1em 0}

strong {color: #888;}
/*em {font-family: Georgia, "Times New Roman", Times, serif; font-size: 115%}*/

a, a:visited {color: #888; border-bottom: 1px solid #888; text-decoration: none}
a:hover {color: #ddd; border-bottom: 1px solid #ddd}
a:hover strong {color: #ddd}

h1 a, h1 a:visited {color: #bbb; boder-bottom: 1px solid #bbb}
h1 a:hover {color: #fff; boder-bottom: 1px solid #FFF}

h2 a, h2 a:visited {color: #FFF; boder-bottom: 1px solid #FFF}
h2 a:hover {color: #FFF; boder-bottom: 1px solid #FFF}

p {color: #ccc}

html { min-height: 1024px}

body {text-align: center; font-size: 62.5%; font-family: Verdana, sans-serif; background: #333; text-shadow:1px 1px 2px #111;}
#headercontainer {width: 100%; height: 80px; padding: 0; } 
#header {clear: both; height: auto; height: 80px; background:url(../pic/Layout/VillaElenagray.gif) 555px 30px no-repeat;}
.vertical {width: 209px; margin-left: 20px !important; margin-left: 9px; float: left; background: url(../pic/Layout/sfondoverticalgray.gif) repeat-y; text-align: center}
#header .vertical {margin-top: 0; height: 80px; background: url(../pic/Layout/topgray.gif) bottom center no-repeat}
#tagline .vertical {background: url(../pic/Layout/ombra-logo10.png) repeat-y -1px top !important; background: url(../pic/Layout/sfondoverticalgraytr2.gif) repeat-y; height: 172px; }
#tagline .vertical img {height: 75px; margin-top: 5px}
#tagline .vertical a, #tagline .vertical a:visited {margin: 35px auto 0 auto;  border-bottom: 1px solid #555; border-top: 1px solid #555; height: 101px; width: 118px; display: block}
#tagline .vertical a:hover {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
#foglio .vertical {background: url(../pic/Layout/bottomgray.gif) bottom center no-repeat; padding-bottom: 31px}
#strip {width: 100%; margin: 0; background: url(../pic/Layout/mainimage.jpg) center -3px no-repeat;  background: url(../pic/Layout/mainNotte03.jpg) center -3px no-repeat;  padding: 0; }
#tagline {clear: both; height: 172px;}

#tagline h1 {margin: 0 auto !important;}
#tagline h1 span#villa, #tagline h1 span#elena { font-family: "Times New Roman", Times, serif; font-size: 200%; line-height: 1.1em}
#tagline h1 span#villa {letter-spacing: 2px}
#tagline h1 span#elena {letter-spacing: -0.5px}
#tagline h1 a, #tagline h1 a:visited {color: #bbb}
#tagline h1 a:hover {color: #ddd}
#tagline h1 span#events {font-size: 133%; letter-spacing: 8px; line-height: .7em}

.riquadro, .riquadrofoto {float: left; width: 336px; height: 88px !important; height: 88px; margin: 12px 12px 0 0 !important; margin-top: 2px 0 0 0; padding-bottom: 10px; }
.riquadro {line-height: 1.55em; word-spacing: 1.5px;}
.riquadro p {margin-right: 48px;}
.riquadro ul { list-style: inside disc} 
.riquadrofoto {background: url(../pic/Layout/ombrafoto2.gif) 5px 88px  no-repeat}
.riquadrofoto a, .riquadrofoto a:hover, .riquadrofoto a:visited {border:0}
.riquadrofoto div {display: none}


#googlemap {width: 684px;  padding-bottom: 20px; background: url(../pic/Layout/ombramaps.gif) 10px 402px  no-repeat;}
#googlemap iframe {border: 1px solid #222;}
#googlemap p {text-align: center; margin-top: .8em}

#header, #tagline, #navcontainer2, #foglio, #footer {width: 98em; margin: 0 auto; overflow: hidden}

#foglio { height: auto;  text-align: left; background: url(../pic/Layout/ombrafoto.gif) top right no-repeat; overflow: hidden }
#contenuto { float: right; width: 720px !important; letter-spacing: 1px; word-spacing: 2px; color: #d2dc97; color: #FFF; margin: 2.4em 0 1.8em 0;}
#contenuto {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 125%; letter-spacing: 0px}


#titolo {float: left; text-align: left; margin: 1.2em 0 0 30px !important; margin: 1.2em 0 0 15px; font-size: 210%; line-height: 0.8em; height: 0.8em; font-weight: bold}
#titolo a, #titolo a:visited {color: #FEC; border-bottom: none;}
#titolo a:hover {color: #FFF; }
	
#nav {margin: 0; padding: 40px 0; list-style: none; font-family: "Trebuchet MS", Verdana; width: 209px; background: url(../pic/Layout/sfondoverticalgray.gif) top center repeat-y }
#nav li {font-size: 160%; width: 118px; margin: 8px auto 0 auto; text-align: left; height: 1.8em}
#nav li a, #nav li a:visited {display: block; border-bottom: 1px solid #555; padding-bottom: .2em; color: #ddd;}
#nav li a:hover {border-bottom: 1px solid #fff; color: #fff}

#help {float: right; width: 28%; height: 2em}
#help p a, #help p a:hover {color: #eef}
#help p a:hover {color: #dde}
#help p {font-size: 106%; margin: 0 1% 0 0; text-align: right; line-height: 1.6em}
#help span.ak {border-bottom: 1px solid #000}

#footercontainer {clear: both; width: 100%;}
#footer {height: auto; overflow: auto; padding: 2em 0 12em; position:relative }
#footer p {color: #666; text-align: center; margin-left: 264px; line-height: 1.6em; margin-bottom: 2em}
#footer p a, #footer p a:visited {color: #888; border-bottom: 1px solid #888}
#footer p a:hover {color: #ddd; border-bottom: 1px solid #ddd}

/** STUDIO **/
#studio{position:relative; margin:48px auto 48px 338px;width:146px;height:34px;}
#studio p{width:146px;height:34px;position:relative;border:none}
#studio span{display:block;width:100%;height:100%;position:absolute;top:7px;right:54px}
#footer #studio a{display:block;width:100%;height:100%;position:absolute;text-indent:-10000px;top:7px;right:54px;border:none;background:url(images/logo-studio7.png) 0 0 no-repeat;}
#footer #studio a:hover{ background-position: 0 -35px}

.ak {border-bottom: 1px solid #434376}
.accessible {position: absolute; top: -9999px; left:-9999px}
.aggiornato, .nuovo {background: #FCFCCC; color: #500; font-weight: bold; padding: 0 .5em}
.nuovo {background: #833; color: #FFF}

#contenuto ul.gallery {margin: 0 auto; list-style-type: none}
#contenuto ul.gallery li {float: left; width: 162px; height: 48px; margin: .6em .4em; background: url(../pic/Layout/ombrafoto3.jpg) center 44px no-repeat}
#contenuto ul.gallery li a,
#contenuto ul.gallery li a:visited,
#contenuto ul.gallery li a:hover {display: block; width: 160px; height: 42px; border: 1px solid #292929;}

#siteunderconstruction {widht: 100%; background: #eee; color: #333; font-size: 120%; padding: .8em 0; height: 2.4em; line-height: 2.4em}
.bottom{ position:absolute; bottom:0}