html,body{margin: 0;padding:0}
body{font: normal .70em Verdana, Arial, Helvetica, sans-serif;text-align: center;background-color: #F0F0F0; color: #222}
div#container{width: 998px;margin: 10px auto 10px auto;text-align: left;position: relative; background-color: rgba(255,255,255, 0.5);border:1px solid#ccc}
body.index {background: url("../img/backs/_MG_2596.jpg") no-repeat fixed 50% 50% #F0F0F0;}
body.awards {background: url("../img/backs/IMG_4146.jpg") no-repeat fixed 50% 50% #F0F0F0;}
body.contact {background: url("../img/backs/IMG_4146.jpg") no-repeat fixed 50% 50% #F0F0F0;}
body.biography {background: url("../img/backs/_MG_2827.jpg") no-repeat fixed 50% 50% #F0F0F0;}
body.portfolio {background: url("../img/backs/_MG_2502.jpg") no-repeat fixed 50% 50% #F0F0F0;}
body.potm {background: url("../img/backs/Egretta_alba_0272.jpg") no-repeat fixed 50% 50% #F0F0F0;}
body.link {background:url("../img/backs/IMG_0648.jpg") no-repeat fixed 50% 50% #F0F0F0;}
body.gallery {background:url("../img/backs/Peyto_Lake_8799.jpg") no-repeat fixed 50% 50% #F0F0F0;}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #222; font : bold 1.5em Verdana, Arial, Helvetica, sans-serif;}
h3{color: #222; font : bold italic 1em Verdana, Arial, Helvetica, sans-serif; padding: 0 25px 0 0; text-align : center}
a{font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;letter-spacing:2px;text-decoration: none;color:#222;}
/*stili generici, su header e footer*/
header{text-align:left; position: relative; float:left;height:60px;width: 998px;border-bottom:1px solid #F0F0F0;}
header img{border:none; }
footer{position:relative;clear:both;height:30px;width: 100%; border-top:1px solid #F0F0F0;}
footer a{color: #000; padding:0}
/*---------------------------- stili per la navigazione---------------------------- */
nav,ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
nav{ position:relative;float:right;color: #999;margin:0px 10px;height:15px;line-height:25px; }
#menu{ position:relative;float:right; margin: 15px auto;padding:0; list-style-type: none;}
#menu li{position: relative;float: left;display: inline; letter-spacing:2px;padding: 0 10px; color:#222; }
#menu li a:hover { background : #ddd;color:#222; text-decoration: none}
#menu li li{float: none; display:block !important;display: inline; /*IE*/border:none;font : bold 1.0em Arial, Helvetica, sans-serif;}
#menu ul{position: absolute;top: 25px;left: -9999px; background : #ddd;color:#222;padding: 0;border:1px solid #ccc;}
#menu ul li a:hover{ background : #222;color:#ddd;}
#menu li:hover ul,ul#menu li.sfhover ul{left: -1px;z-index: 100;background : #transparent;}
#menu ul li { height:26px;line-height:25px; }
/*stili specifici per il layout*/
div#content{padding: 0 10px;margin:0px auto; height:510px; overflow:auto;}
div#content img { padding:10px;text-align:center; vertical-align : middle; border:none;display: inline;}
div#content div { text-align:center; border:none;}
.gallery { margin: 0px auto 20px auto;}
.gallery a:hover{color : #369;background: transparent;}
.title { font : bold 1.5em Verdana, Arial, Helvetica, sans-serif; margin : 0 5px; text-align : left !important;}
.sign { margin : 0 5px; text-align : right!important;}
.subtitle { padding: 0 25px 0 0; text-align : right!important;}
.copy {width : auto; text-align : left!important; float : left; padding:5px 5px;font : bold 1em Verdana, Arial, Helvetica, sans-serif;}
.cont {width : auto; text-align : right; float : right; padding:5px 15px;font : bold 1em Verdana, Arial, Helvetica, sans-serif;}
.logo {width : 300px; float : left; padding:7px 10px;font : bold 1em Verdana, Arial, Helvetica, sans-serif;}
.logo img{margin: 0px;}
.space {clear : both;}
.blank {height: 20px;}
.bio {position:relative;margin: 0 0 0 10px; width:400px;float:left;text-align:left !important;font : normal 11px Verdana, Arial, Helvetica, sans-serif;}
.corner{-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;}
/*stili specifici per la pagina contatti*/
.contatti {position:relative;margin:0 10px 0 0; width:400px;float:right;text-align:left !important;font : normal 12px Verdana, Arial, Helvetica, sans-serif;}
.accordion {position:relative;float:left; width:auto; list-style:none; text-align:left;font : normal 1.0em Arial, Helvetica, sans-serif;margin:0px 15px;height:15px;line-height:20px;}
.accordion li {padding: 7px 15px; margin: 0; cursor:pointer; color:#222; font : bold 1em Verdana, Arial, Helvetica, sans-serif; background:#transparent;}
.accordion ul { list-style:none; display:none; margin:0; padding:5px 0; }
.accordion ul li { background:#transparent; border:0; padding-left:15px;border-bottom:1px dotted #222; }
.accordion ul li a { text-decoration:none; color:#222; }
.accordion ul li a:hover { cursor: pointer; background : #ddd;color:#222; }
.accordion p { background: #eee; margin: 0; padding: 10px 0px; }
.accordion img{ padding: 0px;}
.accordion li em {background: #222; color:#ccc; width: 400px; height: auto; position: absolute; text-align:left; padding: 5px; z-index: 2; display: none;}
/*stili specifici per lo slideshow in index*/
#slideshow { position:relative;width: 720px; margin:0px auto; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow img.active { z-index:10; opacity:1.0;}
#slideshow img.last-active { z-index:9;}
/*stili specifici per i link Multicolonna*/
#multicolumn{
width:650px; margin:0 auto;
column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;
column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px;
column-rule: 1px dotted #ccc; -moz-column-rule: 1px dotted #ccc; -webkit-column-rule: 1px dotted #ccc;
column-width:200px;
}
#multicolumn li {border-bottom:1px dotted #ccc; list-style:none;line-height: 2;letter-spacing:2px; text-align:center}
#multicolumn li a:hover{ background:#ddd; }
/* shadow */
.shadow {-moz-box-shadow: 0 0 10px 1px #ccc; -webkit-box-shadow: 0 0 10px 1px #ccc;box-shadow: 0 0 10px 1px #ccc; }
img.shadow {-moz-box-shadow: 0 0 10px 1px #ccc; -webkit-box-shadow: 0 0 10px 1px #ccc;box-shadow: 0 0 10px 1px #ccc; margin:10px}
/*stili per la gallery*/
ul.photos { width:800px;margin:20px auto;}
ul.photos li{ display:inline; text-align:center;}
ul.photos a{ display:inline; float:left; margin:0 0 9px 10px; line-height:1; text-decoration:none;font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
ul.photos img{ width:139px; height:93px;}