/*---------------------------------------------* AUTHOR */
/* CSS Created:	02/07/2008
/* CSS Author:	Alessandro Avallone
/* email:		alex@hmd.it
/* website:		hmd.it
/*---------------------------------------------* BODY */
html, body { 
	margin:0; 
	padding:0;
	background-color:#B6C7D1;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	}
h1, h2, h3, h4 { 
	margin:0; 
	padding:0;
	}
form, textarea {
	margin:0; 
	padding:0;
	font:normal normal 13px Arial, sans-serif;
	}
img { border:0; }
/*-------------------------------------------* HEADER */
#header h1 {
	height:0px;
	margin:0;
	padding:0;
	text-indent:-2000px;
	font-size:0;
	}	
* html #header h1 { margin:-2px 0 0 0;  }
#header { 
	width:924px;
	height:215px;
	margin:0 auto; 
	}	
/*-------------------------------------------* NAVIGATION */
#navigation {
	width:924px;
	height:60px;
	margin:0 auto; 
	background-image:url(../images/navigation.jpg);
	background-repeat:no-repeat;
	font:normal bold 16px Arial, sans-serif;
	}	
#navigation ul   { list-style:none; margin:0 0 0 30px; padding:0; }
#navigation li   { display: inline; }
#navigation li a {
	padding:11px 0 0 0; 
	width:125px;
	height:50px;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#688368;
	background-image:url(../images/button_active.jpg); 
	}
#navigation li a:hover   { color:#FFFFFF; }
#navigation li #current  { color:#000000; background-image:url(../images/current.jpg); }
/*------------------------------------------* CONTENT */
#main-container { width:100%; background-image:url(../images/main.jpg); background-repeat:repeat-x; background-color:#FFFFFF; }

#main { 
	width:899px;
	margin:0 auto;	
	}
#main #content { 
	padding:10px 30px 0 30px;
	font:normal normal 14px Arial, sans-serif;
	background-color:#FFFFFF;
	}
#main #content .separation {
	width:100%;
	height:20px;
	background-image:url(../images/separation.gif);
	}
#main #content .gallery      { width:800px; list-style:none; margin:0; padding:0; }
#main #content .gallery li   { display: inline; }
#main #content .gallery li a { 
	float:left;
	padding:15px;
	margin:0 15px 0 0;
	width:150px;
	border:solid 1px #CCCCCC;
	}
/*------------------------------------------* SLIDE */
#left              { width:630px; margin:0 25px 0 0; float:left; overflow:hidden; border:solid 1px #339900;}
#left  .sequence   { width:3780px; height:260px;  float:left; display:inline;}
#left  .picture    { width:630px;  height:260px;  float:left; display:inline;}	

#right             { float:left; }

#grid .slide       { list-style:none; margin:0; padding:0; }
#grid .slide img   { border:0; }
#grid .slide ul    { margin:0; padding:0; list-style:none; }
#grid .slide li    { display: inline; }
#grid .slide li a  {
	width:75px;
	height:75px;
	float:left;
	padding:2px;
	}
#grid .slide li a       { border:solid 1px #CCCCCC; margin:0 0 10px 10px; }
#grid .slide li a:hover { border:solid 1px #339900; }
/*------------------------------------------* NEWS */
.calendar { width:65px; height:65px; background-image:url(../images/calendar.jpg); float:left; margin-right:15px; }
.day      { color:#000000; font:normal bold   14px Arial, sans-serif; text-align:center; padding:5px 0 0 0;       }
.month    { color:#FFFFFF; font:normal bold   16px Arial, sans-serif; text-align:center; padding-top:15px;        }


/*------------------------------------------* THUMB */
#main #content .thumb      { width:800px; list-style:none; margin:0; padding:0; }
#main #content .thumb li   { display: inline; }
#main #content .thumb li a { 
	float:left;
	padding:15px;
	margin:0 15px 0 0;
	width:150px;
	border:solid 1px #CCCCCC;
	}	
#main #content a       { color:#999999; }
#main #content a:hover { color:#000000;	}
#main #content h1 {	color:#5d865a; }
#main #content h2 {	color:#5d865a; }
#main #content h3 {	color:#5d865a; }
/*-------------------------------------------- FOOTER */
#footer-container {
	width:100%;
	height:160px;
	background-image:url(../images/background-footer.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
#footer { 
	width:900px;
	height:inherit;
	margin:0 auto;	
	font:normal normal 13px Arial, sans-serif;
	background-image:url(../images/footer.jpg);
	}
#footer h4 { color:#FFFFFF; }
#footer ul   { list-style:none; margin:0 0 0 30px; padding:0; }
#footer li   { 
	display: inline;
	padding:42px 0 0 0; 
	width:245px;
	float:left;
	}
#footer a { 
	text-decoration:none; 
	color:#FFFFFF; 
	}
#footer a:hover { color:#000000;  }