html { margin-bottom: 1px; height: 100%}
body{ margin:0; padding:0; background:url(img/bodybgI.jpg) 50% 0; font:67.5% Tahoma, Verdana, Arial, Sans-Serif; color:#656760;text-align:center}
a{outline:0}
div#all{margin:0; padding:0; background:url(img/allbgI.jpg) 50% top no-repeat; }
div#main{margin:0 auto; padding:0; width:790px; text-align:left}
div#header h1 span, div#header h2 span{position:absolute;margin:-5000px 0 0 0}
 div#header {margin:0; padding:1px; height:138px}
 div#header h1{margin:70px 40px 0; padding:0; width:175px; height:40px;background:url(img/logo.png) 50% 50% no-repeat}
div#navy{margin:0; padding:5px; width:396px; height:45px; text-align:center}
 div#navy ul{margin:1em 0; padding:0; text-indent:0;}
 div#navy ul li{margin:0; padding:0; display:inline}
 div#navy ul li a{margin:0; padding:6px; color:#999; text-decoration:none; font-size:12px; letter-spacing:1px}
 div#navy ul li a:hover, div#navy ul li a#qui{color:#f90; text-decoration:none}
div#content{margin:40px auto 0; padding:0; width:714px; border-bottom:1px dotted #333; font-size:1.1em}
 div#content h1{margin:0 0 1em; padding:0;font:2em Copperplate,'Copperplate Gothic Light'; color:#633}
 div#content h2{margin:1em 0 0; padding:0;font:1.5em Copperplate,'Copperplate Gothic Light'; color:#633}
 div#content p{margin:0 0 1em; padding:0; text-align:justify; line-height:1.5em}
 div#content img#wd{display:inline; float:left; margin:1em 1em 0 0}
 /*portfolio*/
div#content div.elaudio, div#content div.elvideo, div#content div.elweb{margin:5px 11px 10px; padding:0; width:156px; float:left}
 div#content p#navyport{margin:-3.5em 0 2em; padding:0; text-align:right}
 div#content p#navyport a{margin:0; padding:0 2px; text-decoration:none; color:#656760}
 div#content p#navyport a:hover, div#content p#navyport a.sezione {text-decoration:underline; color:#633}
 div#content div.elaudio p, div#content div.elvideo p, div#content div.elweb p{margin:0; padding:0 0 0 5px;text-align:left}
 div#content div.elaudio a, div#content div.elvideo a, div#content div.elweb a{display:block; margin:0; padding:0 0 5px; font-size:9px;text-transform:uppercase; font-weight:600;color:#966}
 div#content div.elaudio a:hover, div#content div.elvideo a:hover, div#content div.elweb a:hover{color:#633}
 div#content p#dettaglio img{margin:0; padding:0 40px 0 0}
/*clienti*/
 div#content p#elencoclienti{margin-top:3em;text-align:center}
 div#content p#elencoclienti a{margin:0 15px; padding:0; text-decoration:none}
 div#content p#elencoclienti img{border:0}
div#servizi{margin:13px auto 0; padding:0; width:750px;}
 div#servizi div.avw{margin:0; padding:0; width:250px; text-align:justify; display:inline; float:left}
 div.avw h2{margin:0; padding:0 25px;font: 1.8em Copperplate,'Copperplate Gothic Light'; color:#633}
 div.avw ul{margin:0; padding:0; list-style-type:none}
 div.avw ul li{margin:0; padding:0 25px; line-height:18px}
 div#content a, div.avw a{color:#966}
 div#content a:hover, div.avw a:hover{color:#633}
 div.cleaner{clear:both}
div#footer{margin:0; padding:0; height:105px; color:#ccc; background-image:url(img/footerbg.jpg)}
 div#footer p{margin:0 auto; padding:3em 0 0; width:714px; text-align:left}
 div#footer p a{text-decoration:underline; color:#ccc; letter-spacing:1px;}
 div#footer p a:hover{color:#fff}
 div#footer p#plogin{margin:-1.5em auto 0; padding:0; width:714px;text-align:right}
 p#plogin a.aree{padding:4px; text-transform:uppercase; text-decoration:underline; color:#ccc; letter-spacing:1px;}
 a.validator{color:#656760; text-decoration:underline; letter-spacing:1px}
 a.validator:hover{color:#333; text-decoration:underline}
div#clienti, div#speakers{position:absolute; padding:3em 80px; top:30%; left:35%; width:300px; height:250px; background:url(img/fondologin.png) 0 0 no-repeat; font-size:14px; text-align:left; display:none}
  div#clienti label, div#speakers label{display:block; margin:10px 0; padding:0; width:250px; height:30px; text-align:right; color:#fff}
  div#clienti input, div#speakers input{margin:0 0 0 10px;width:150px; background-color:#f2f2f2; border:#000;font-size:14px; background:url(img/fondoinput.jpg) 0 -5px repeat-x}
  div#clienti h1, div#speakers h1{margin:0 0 2em; padding:0;font:2em Copperplate,'Copperplate Gothic Light'; color:#fff; text-align:center}
  div#clienti input.login, div#speakers input.login{width:80px; padding:4px; background-color:#f2f2f2; border:#ccc;font-size:14px; display:block; margin:0 0 0 170px;}
  div#clienti p.chiudi, div#speakers p.chiudi{margin:0; padding:0; text-align:right; position:absolute; top:40px; right:50px}
  div#clienti p.chiudi a, div#speakers p.chiudi a{margin:0; padding:4px; color:#fff; text-decoration:none; font-size:20px; font-weight:600}
/*contatti*/
div#content form#forma{margin:1em 0 3em; padding:0; width:510px; text-align:right}
div#content form#forma p{text-align:right;}
div#content form#forma label{margin:0 0 1em; padding:0; display:block;}
div#content form#forma input{padding:4px;width:300px;border:1px solid #ddd}
div#content form#forma textarea{padding:4px;width:300px; vertical-align:baseline;border:1px solid #ddd}
div#content form#forma input#invia{padding:4px;width:100px;border:1px solid #ddd}
p.error{margin:0; padding:2em 0 3em; text-align:center; font-weight:600; color:#633}