/* layaut generale  */
html,body {
margin:0; 
padding:0;  
height:100%;/* l'altezza min è pari alla schermata  */
}

body { 
font-family:georgia, serif; 
font-size:76%; /*dimensionamento percentuale del font */
text-align:center;/*centra in IE 5.x */
background-color:black;
}

div#container {
color:white; /*colorazione dei testi*/
width:85em;/*larghezza in em del container principale */
margin:2em auto;/*centra il container negli altri browsers*/
padding:0;
text-align:left;/*ripristina l' allineamento*/
background-color:#999999;
position: relative;
line-height:1.5;
border:3px solid orange;
}

img {
border:none;
}

/* layaut header */
div#header {
height:207px;
text-align:center;
padding-right:150px;
background-color:#555555;
}

#walking{ 
 position:relative;
 left:70px;
}

/*layaut navigation*/
div#navigation {
padding-top:10px;
width:10em;
position:absolute;
font:10px verdana;
font-size:14px;
line-height:2;
background-color:#838181;
}
ul li {list-style-type: none; /* toglie il pallino*/}
#navheader li a { 
text-decoration:none;/* toglie la sottolineatura */
color:#FFFFFF;
z-index:2;
}
#navheader li a:hover { 
text-decoration:none;
color:orange;
cursor: pointer;
}
#navheader a#activelink  { 
color: #033;
text-decoration: none; 
}
/* layaut content */
div#content {
width:73em;
position:absolute;
right:0;
}
/*layaut footer*/
div#footer { 
color:#ffffff;
text-align:center;
font:10px verdana;
font-size:12px;
bottom:0;
position:absolute;
width:100%;
background-color:#555555;
padding:1em 0 1em 0;
}
div#footer a  { 
color: orange; 
font-weight:bold;
text-decoration:underline; 
}