/* CSS Document */

html { 
width: 100%; 
height: 100%;
/*background-color:#ACC6DF;*/
}

body { 
background:url('images/sardegna_004_Capo_Teulada.jpg') no-repeat bottom left;
background-position: 75px 10%;
background-attachment: fixed;
text-align:center;
font-family:Arial;
font-size: 10;
line-height: 1.2em;
}

a:link, a:visited{
color:#666666; 
}

a:hover {
color:#999999;
}

h1{
margin-top:40px;
margin-left: 100px;
color:#E5E5E5;
font-family:Georgia, Arial;
font-size:35px;
}

h2 {
font-family:Georgia, Arial;
color:#858585;
margin-top:20px;
}

h3 {
font-family:Georgia, Arial;
/* color: #CCCCCC; */
color: #E5E5E5;
margin-top:18px;
margin-left: 100px;
}


#wrapper {
text-align:left;
width: 85%;
margin:auto;
margin-left:77px;

}
	
.line {
border-top:1px solid #d6d5d7;
}
	
#content {
float:left;

    width:780px !important;width /**/:200px;
    height:450px !important;height /**/: 200px;

margin-bottom:0px;
margin-left:40px;
overflow:auto;padding: 4px;
}

/* ............................................................... Side nav */


#side_nav{
float: left;
width: 100px;
text-align: left;
font-size: 12px;
margin-top:20px;

}


#side{
margin:0px;
width: 100px;
padding-left: 0px;
list-style-type: none;
border-top: 1px solid  #d6d5d7;
}
	
	 
#side a:link, #side a:visited {
text-decoration: none;
color:#414141;
}

	
#side li{
background:url(images/arrow.gif) left center no-repeat;
border-bottom: 1px solid  #d6d5d7; 
}


#side li a {  
		
display: block;
padding: 5px 0px 5px 15px;
text-decoration: none;
 }
 
		 
#side li a:hover {
background-color:#ecedee;
text-decoration: none;
color:#999999;
}
		
 * html #side li a {  /* make hover effect work in IE */
  width: 215px;
}
 

/* ............................................................... Footer */
 .footer{
color: #FFFFFF;
margin-bottom:20px;
font-size: 11px;
font-style:italic;
}

div.box{
    width:800px !important;width /**/:200px;
    height:800px !important;height /**/: 200px;
    overflow:auto;padding: 4px;
    border:1px solid #EEE;border-right:0 solid;
    background:url(gradient.png) repeat-x fixed top left}

div.box p{margin-top:0}