html, body { margin:0; padding:0; height:100%; }

body { background: #FFFFFF url(body.gif) repeat-y 65% 0; font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-serif; color:#000000; font-size:100%; line-height:150%; text-align:center; }

#header { background:url(ruler.gif) no-repeat; width:100%; padding-top:15px; float:left; text-align:left }

#content { width:65%; float:left; padding-bottom:4em; }

#container { position:relative; min-height:100%; }

* html #container{ height:100%; }

#sidebar { width:35%; float:right; padding-bottom:4em; }

#footer { position:relative; margin: -3em auto 0 auto; height:2em; clear:left; width:65%; float:left; }

#privacy-policy { position:relative; margin: -3em auto 0 auto; height:2em; clear:right; width:35%; float:right; text-align:left; }
#privacy-policy a { color:#FFFFFF; text-decoration:none; display:block; padding:0.5em 0 0.5em 60px; }
#privacy-policy a:hover { color:#FFCC00; text-decoration:underline; }

/* sidebar */
#sidebar ul { list-style-type:none; margin:0 0 2em 0; padding:0; border-top:1px dotted #3C669C; text-align:left; }
#sidebar li { margin:0; padding:0; border-bottom:1px dotted #3C669C; }
#sidebar li a { color:#FFFFFF; text-decoration:none; display:block; padding:0.5em 0 0.5em 60px; }
#sidebar li a:hover { color:#FFCC00; text-decoration:underline; background:url(menu.gif) left top repeat-y; }

/* headings */

h1, h2, h3 { text-indent:-9999px; padding:0; font-size:0.5em;}

h1 {
float:left;
margin:0 60px 0 0;
width:292px;
height:160px;
background:url(logo.gif) no-repeat ;
clear:both;
}

h3 {

width:460px;
height:55px;
margin:0;
}

h2 {
clear:both;
cursor:pointer;
float:left;
display:inline;
}

#content h2 {
width:350px;
height:50px;
margin:1.5em 0 0.5em 60px;
}

#sidebar h2 {
margin:2em 10px 0.5em 50px;
padding:0;
width:210px;
height:70px;
}

#content h2:hover, #content h2.sfhover{ background-position:0 -50px; }
#sidebar h2:hover, #sidebar h2.sfhover{ background-position:0 -70px; }

.tuttoggi { background: url(tuttoggi.gif) no-repeat; }
.speakspoleto { background: url(speakspoleto.gif) no-repeat; }
.englishlab { background: url(englishlab.gif) no-repeat; }
.internet { background: url(internet.gif) no-repeat; }
.grafica { background: url(grafica.gif) no-repeat; }
.televisione { background: url(televisione.gif) no-repeat; }
.maxi-schermo { background: url(maxi-schermo.gif) no-repeat; }

.comunicazione { background:url(comunicazione.gif) no-repeat; }
.portfolio { background:url(portfolio.gif) no-repeat 0 0; }
.contatti { background:url(contatti.gif) no-repeat; }
.successi { background:url(umilta-e-grinta.gif) no-repeat; margin:2em 0; clear:both }
/* site */
#tuttoggi, #speakspoleto, #englishlab { 
width:210px;
clear:both;
margin:0 0 0 60px;
padding:0 2.5em 0 0 ;
text-align:left; 
float:left;}
 
#internet, #grafica, #televisione, #maxi-schermo { 
width:80%;
clear:both;
margin:0 0 0 80px;
padding:0;
text-align:left; 
float:left;
}

#contatti { 
clear:both;
margin:2em 60px;
padding:0;
text-align:left; 
float:left;
}

.box {
margin:0 auto;
text-align:left;
width:80%;
padding:1em 0 2em 0;
}

/* common elements */
p { margin:0; padding:0;  }
#sidebar p { color:#F6FCFE; } 
#content a, #footer a { color:#CC0000; text-decoration:none; }
#content a:hover, #footer a:hover { color:#000000; text-decoration:underline; }
#sidebar a { color:#FFCC00;}
#sidebar a:hover { color:#FFFFFF;}
#sidebar strong { color:#FFCC00; font-weight:normal; }
#content strong { color:#CC0000; font-weight:normal; }
hr { clear: both; line-height: 0; height: 0; visibility:hidden; margin:0; }

/* form */
#forms { margin:0; padding: 1.5em 0; clear:both; }
fieldset { border: none; margin: 0; padding: 1em 0 0 0; }
legend { padding: 0 0 1em 13em; color: #CC0000; }
label, input, textarea { display:block; width:50%; float:left; margin-bottom:1em; font-size:1em; }
input { background-color:none; border-width:0 0 1px 0; border-style:dotted; border-color:#2B89DA; padding:5px; }
textarea { background-color:none; border-width: 0 0 1px 0; border-style:dotted; border-color:#2B89DA; padding: 5px; font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-serif; color:#000000; font-size:1em; }
label { text-align: right; width: 20%; padding-right: 1.5em; clear:left; }
button { color:#CC0000; cursor:pointer; background:none; border-width: 0 0 1px 0; border-style:dotted; border-color:#2B89DA; margin:0 10px 0 0; padding:5px 0; }
#content p.button { margin-left:25%; text-align:left; clear:both }
form br { clear: left; }
.validation-advice { margin:0.2em 0 0.5em 25%; text-align:left; padding:5px; color:#2B89DA; clear:left; }
input:focus, textarea:focus, input.sffocus, textarea.sffocus { background:#F6FCFE; }
button:hover, button.sfhover { color:#000000; }

#privacy { width:auto; position:relative; top:5px;}