/* general settings */
* {margin: 0; padding:0; }
html {background:#000; color:#000; font:65%/1.5 Arial, Helvetica, sans-serif;}
body {background-color:#000}
p { font-size:12px; line-height:19px;}
#currentpage {color:#f63;}
.emphasys {color:#f63; text-transform:uppercase; font-weight:bold;}
* html p {line-height:1.5em;}
ul {list-style:none;}
a {color:#039; text-decoration:none;}
a:hover {color:#000; border:0 !important;}

/* header and overall layout */
#container {position:relative; width:900px; background:#fff;}
#intro {background: url(../assets/header.jpg) no-repeat 0 0; width:900px; padding-top:650px;}
#intro2 {background: url(../assets/header2.jpg) no-repeat 0 0; width:900px; padding-top:370px;}
#intro3 {background: url(../assets/header3.jpg) no-repeat 0 0; width:900px; padding-top:370px;}
#intro4 {background: url(../assets/header4.jpg) no-repeat 0 0; width:900px; padding-top:370px;}
#intro5 {background: url(../assets/header5.jpg) no-repeat 0 0; width:900px; padding-top:370px;}
#intro6 {background: url(../assets/header6.jpg) no-repeat 0 0; width:900px; padding-top:370px;}
#pageHeader { position: absolute; left: -9999px; top: 0; width: 0; height: 0; overflow: hidden;}
#biografia p, #supportingText p, #cinema p, #teatro p, #video p, #premi p, #links p, #contatti p {margin-top:30px; margin-left:92px; width:582px; margin-bottom:1em; text-align:left;}
#foto p {margin-top:36px;margin-left: 92px; width: 582px; margin-bottom: 1em; text-align: justify; }
#biografia h3, #supportingText h3, #cinema h3, #teatro h3, #foto h3, #video h3, #premi h3, #contatti h3 {height:46px; margin-left:95px;}
#links h3 {height:46px; margin-left:95px; margin-top:100px;}
#supportingText # { position:absolute; top:150px; left:0; margin:0 !important; width:262px; height:200px; text-align: center; }
* html #supportingText #zoomart {left: 100px;}
#supportingText, #supportingText #zoomart { position: relative; }
#supportingText #zoomart {color:#FFFFFF;left:100px;}
#supportingText #zoomart .p5 a{color:#FF6633;font-weight: bold; border: 0; text-transform:uppercase; }
#supportingText { background: url(../assets/footer.gif) no-repeat 0 100%; }
#supportingText .p5 { margin: 0; width: 900px; padding: 140px 0 50px 0; }
#biografia .p1, #cinema .p1, #teatro .p1, #foto .p1, #video .p1, #premi .p1, #links .p1, #contatti .p1 {color:#039; display:block;}
#photo2 {float: left;margin-top: -5px;margin-right: 10px;}
div#contatti {padding-bottom:200px;}

/* h3 image replacements and icons */
h3 { background-repeat: no-repeat; background-position:0 10px;}
h3 span { display: block; text-indent:-9999px; }
#biografia h3 {background-image: url(../assets/h3road.gif);}
#cinema h3 {background-image: url(../assets/cinema.gif);}
#teatro h3 {background-image: url(../assets/teatro.gif); }
#foto h3 {background-image: url(../assets/foto.gif);}
#video h3 {background-image: url(../assets/video.gif);}
#premi h3 {background-image: url(../assets/premi.gif);}
#contatti h3 {background-image: url(../assets/contatti.gif);}
#links h3 {background-image: url(../assets/links.gif);}
#linkList h3, .linkList2 h3 {height:20px; background-position:0 0; margin-bottom:1em;}
.thumb2 {padding:5px 5px 5px 0px;}
.thumb {padding:5px 5px 5px 0px;}

/* sidebar */
#linkList {position:absolute; top:700px; right:0; width:182px;}
.linkList2 {position:absolute; top:215px; right:0; width: 182px;}
#linkList ul,.linkList2 ul {margin-bottom:2em;}
#linkList li,.linkList2 li {font-size: 1.1em; padding: 0 16px;}
#linkList a,.linkList2 a  {font-weight:bold; border:0; text-transform:uppercase;}
#linkList a:hover, .linkList2 a:hover {text-decoration:underline;}
#lselect li {margin-bottom:1em;}
#lselect a {display: block; line-height:1.2em;}
#linkList a.c, .linkList2 a.c {display:inline; clear:none; color:#000;}
#linkList a.c:hover, .linkList2 a.c:hover {text-decoration: none; color: #039;}
#lselect li {background:url(../assets/shuriken.gif) no-repeat 2px .3em;}