body {
	background: #9DA8BC url(../images/bodybg.gif) repeat-x fixed;
	margin: 20px 0; 
	padding: 0; 
	font: 12px 'Lucida Grande', 'Lucida Sans Unicode', verdana, lucida, Helvetica, arial, sans-serif;
	text-align: center; /* for IE5x - see wrapper */
}

* {margin:0; padding:0; /* - Resets all margins and padding - */} 
p {font-family: 'Lucida Grande', 'Lucida Sans Unicode', verdana, lucida, Helvetica, arial, sans-serif;}
h1, h2, h3, h4 {font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;}
img {border: 1px solid #000;}

hr {display: none; clear: both;}

.rule {
	height: 12px;
	width: 390px;
	background: url(../images/hrbg.gif) no-repeat;
	margin: 1em 0;
	margin-left: 15px;
	padding: 0;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 676px;
	text-align: left;
}

#header {position: absolute; top: 0px; left: 0; margin: 0; padding: 0; width: 676px; height: 140px; background: url(../images/headerbg.gif) no-repeat;}

#header img {position: relative; top: 110px; left:305px;}
/*#header a {color:#000; text-decoration:none; }*/

#content {
	position: absolute; 
	top: 140px; 
	left: 0; 
	margin: 0; 
	padding: 0;
	width: 676px; 
	background: url(../images/contentbg.jpg) repeat;
}

#storymain {float: left; width: 463px; margin: 0; padding: 0;}
	
	
/* LEFT SIDE */

#left {
	width: 425px; /* was 460px */
	margin: 0 0 0 3px; 
	padding: 271px 15px 20px 17px;
	background-repeat:no-repeat;	
}

body#page1 #left {
	/* 457 x 132 -> +30px = 152px */
	background-image: url(../images/img_home3.jpg);
}

body#page2 #left {
	background-image: url(../images/img_camere.jpg);
}

body#page3 #left {
	background-image: url(../images/img_local.jpg);
}

body#page4 #left {
	background-image: url(../images/perraggiungerci.jpg);	
}

body#page5 #left {
	background-image: url(../images/img_prezzi.jpg);
}

body#page6 #left {
	background-image: url(../images/img_percontattarci.jpg);
}

body#page7 #left {
	background-image: url(../images/img_links.jpg);
}

* html #left {  /* the Tan hack */
	width: 457px;
	w\idth: 425px;
}

#left h1 {
	background: url(../images/tournesol.png) no-repeat 0 3px; 
	padding-left: 23px; 
	padding-bottom: 10px;
	font-size: 20px; 
	font-weight: normal; 
	color: #E50035; 
	margin: 10px 0 4px 0;
}

#left h2 {
	font-size: 15px; 
	color: #E50035; 
	margin: 5px 0 16px 0; 
	font-weight: normal;
}

#left p, #left ul li, #left table {
	margin: 0 0 10px 0; 
	color: #003073; 
	font-size: 12px;
}

#left h3 {
	color: #003073; 
	font-size:15px;
	font-weight:normal;
	margin-top:10px;
}

#left h4 {
	color:#666;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	margin-top:3px;
	margin-bottom:10px;
	/*padding-top:0px;
	padding-bottom:10px;*/
}

#left h5 {
	color: #003073;
	font-size: 12px;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:10px;
}

#left ul {
	margin-left: 10px;
	list-style: none;
}

#left ul li {
	background: url(../images/ul.gif) no-repeat 0 4px;
	padding-left: 15px;
}

#left table li {
	margin-left: 17px;
}

#left table td {
	padding: 1px;
}


/* RIGHT SIDE */

#side {
	float: left;
	width: 210px;
	/*	height: 179px; */
	background: url(../images/panel.gif) no-repeat;
	margin: 0 0 0 0px;
	padding: 0;
	text-align:center;
	font-weight: bold;	
}

#side img {
	margin-top:20px;
	margin-bottom:20px;
	border:#003073 1px solid;
}

#side p {
	border-top:2px solid #003169;
	border-bottom:2px solid #003169;
	margin-top:25px;
	padding:5px;
	color:#003073;
}

#side p a {
	color:#E50035;
}

#side h1 {
	clear: both;
	text-indent: -2000px;
	background: url(../images/panel.gif) no-repeat; 
	margin: 0px 0px 10px 0px;
	text-align: left;
	width: 210px; 
	height: 20px; 
	overflow: hidden;
}

* html #side h1 {  
	float: left;
}

#side ul {
	list-style: none; 
	margin: 0 0 10px 16px; /* was 18 left */
	width: 179px; 
	font-family: Helvetica, sans-serif, verdana, lucida;
	font-size: 12px;
}

#side ul li {margin: 0; padding: 0; display: inline;}

#side ul li a, 
#side ul li a:link, 
#side ul li a:active,
#side ul li a:visited {
	height: 30px;
	width: 179px;
	margin: 0;
	margin-left: 0px;
	padding: 6px 0 0 0px; 
	display: block; 
	color: #41474F; 	
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	background: url(../images/buttonup4.gif) no-repeat;
}

#side ul li a:hover {
	margin-left: 0px; 
	padding: 6px 0 0 1px; 
	color: #E50035;
	text-decoration: none;
	background: url(../images/buttondown4.gif) no-repeat;
}

div#side a#activelink { color: #E50035; text-decoration:none }
div#side a#activelink:hover { color: #E50035 }

* html #side li a,
* html #side li a:link, 
* html #side li a:active,
* html #side li a:visited {
	height: 30px;
	he\ight: 24px;
}


#extra {
	float: left;
	width: 210px;
	/*	height: 179px; */
	background: url(../images/panel.gif) no-repeat;
	margin: 0 0 0 0px;
	padding: 0;
	text-align:center;
	font-weight: bold;	
}

#extra #paesionline{
	font-weight:bold;
	color:#036;
}

#extra #paesionline img{
	border:none;
	padding-top:10px;
	padding-bottom:10px;
}

/* FOOTER */

#foot {
	clear: both;
	width: 676px;
	height: 80px;
	padding-top: 4px;
	text-align: center;
	background: #9DA8BC url(../images/footerbg.gif) no-repeat;
	
}

#foot ul {margin: 0; padding-top: 12px; font-size: 12px;}

#foot ul.bold {
	font-weight:bold;
}

#foot ul li {
	margin: 0;
	padding: 0 7px;
	color: #036;
	display: inline;
	border-right: 1px solid #76818E;
}

#foot ul li.last {border-right: none;}

#foot a, #foot a:link, #foot a:active, #foot a:visited {
	color: #036; 
	text-decoration: underline;	
}

#foot a:hover {
	color: #E50035; 
	text-decoration: underline;
}