* {
	margin: 0;
	padding: 0;
	border: 0;
}



/* ############################### */
/*   FONTS , TIPOGRAPHY & COLOUR   */
/* ############################### */

body {
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background: #c7e1cd url('images/body-background.jpg') repeat-x;
}

h1,
h2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000;
}
h1{
	font-size: 14px;
	font-weight: bold;
}
h2{
	font-size: 12px;
	font-weight: bold;
}

#wrapper {
	background: url('images/wrapper-background.jpg') no-repeat;
}

#submenu {
	font-family: Helvetica, Verdana, Arial;
	font-size: 0.6em;
	text-align: right;
	background: transparent;
}
#submenu ul {
	list-style: none;
	white-space: nowrap;
}

#menu,
#menu a,
#menu visited {
	font-family: Helvetica, Verdana, Arial;
	font-size: 13px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: transparent;
	/*opacity: 0.5;*/
}
#menu a:hover {
	color: #ffdc00;
}
#menu ul {
	list-style: none;
	white-space: nowrap;
}
body.body-home #menu li.menu-home a,
body.body-camping #menu li.menu-camping a,
body.body-dove #menu li.menu-dove a,
body.body-dintorni #menu li.menu-dintorni a,
body.body-gallery #menu li.menu-gallery a,
body.body-listino #menu li.menu-listino a,
body.body-contatti #menu li.menu-contatti a {
 color: #ffdc00;
}

#spacer1 {
	background: transparent;
}

#content,
#content a,
#content visited {
	color: #000;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	background: transparent;
}
#content a,
#content visited {
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover {
	color: #538b20;
}
#content p{
	text-align: justify;
	margin: 10px 10px 10px 0;
}
#content img,
#content img a,
#content img visited {
	border: 0;
	margin: 5px 7px 5px 7px;
	padding: 4px 4px 14px 4px;
	background: #ccc url('images/img-background.jpg') no-repeat;
	background-position: bottom; 
}
#content img:hover {
	background: #538b20 url('images/img-background.jpg') no-repeat;
	background-position: bottom; 
}
#content .highlight {
	color: #f00;
	font-weight: bold;
}
#content .listino {
	width: 520px;
	border-collapse: collapse;
	background: #74a24a;
}
#content .lh1,
#content .lh2,
#content .lh3 {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	padding-bottom: 15px;
	border-top: 0;
	border-right: 1px solid #fff;
}
#content .lh1 {
	padding-left: 10px;
}
#content .lh2,
#content .lh3 {
	text-align: center;
}
#content .lh3 {
	border-right: 0;
}

#content .lc1,
#content .lc2,
#content .lc3 {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	border-top: 1px solid #e1eab6;
	border-right: 1px solid #fff;
}
#content .lc1 {
	padding-left: 10px;
}
#content .lc2,
#content .lc3 {
	color: #e1eab6;
	text-align: center;
}
#content .lc3 {
	border-right: 0;
}

#content .lll {
	color: #e1eab6;
	font-weight: normal;
}

#content .lc3 a,
#content .lc3 visited {
	color: #e1eab6;
	font-weight: bold;
	text-decoration: none;
}
#content .lc3 a:hover {
	color: #e1eab6;
}

#content .lc3 img,
#content .lc3 img a,
#content .lc3 img visited {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}

#content .lc1 img,
#content .lc1 img a,
#content .lc1 img visited {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}
#spacer2 {
	background: transparent;
}

#footer-left,
#footer-left a,
#footer-left visited {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: transparent;
}
#footer-left a,
#footer-left visited {
	font-weight: bold;
}
#footer-left a:hover {
	color: #ffdc00;
}

#footer-right,
#footer-right a,
#footer-right visited {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-align: right;
	text-decoration: none;
	color: #86b343;
	background: transparent;
}
#footer-right a,
#footer-right visited {
	font-weight: bold;
}
#footer-right a:hover {
	color: #ffdc00;
}





/* ############# */
/*   STRUCTURE   */
/* ############# */

#wrapper {
	width: 1000px;
	height: 800px;
}

#submenu {
	height: 22px;
	padding: 8px 50px 0 0;
	overflow: hidden;
}
#submenu li {
	display: inline;
	margin: 0 -1px 0 -2px;
	padding: 0 0px 0 0px;
}

#menu {
	height: 30px;
	padding: 10px 45px 0 0;
	overflow: hidden;
}
#menu img {
	vertical-align: middle;
}
#menu li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 5px;
}

#spacer1 {
	height: 95px;
}

#content {
	float: right;
	height: 380px;
	width: 545px;
	margin-right: 50px;
}

#spacer2 {
	clear: both;
	height: 175px;
}

#footer-left {
	float: left;
	width: 500px;
	height: 65px;
	margin: 0 0 0 165px;
	padding: 15px 0 0 0;
	overflow: hidden;
	
}
#footer-left p{
	padding: 0 0 0 2px;
}

#footer-right {
	float: right;
	width: 280px;
	height: 55px;
	margin: 0 30px 0 0;
	padding: 25px 20px 0 0;
	overflow: hidden;
}




/* ############ */
/*   LIGHTBOX   */
/* ############ */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; }

#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em; outline:none;}	 	

#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }






/* ############ */
/*    MyNews    */
/* ############ */

#mynews-credits,
#mynews-credits a,
#mynews-credits visited {
	color: #aaa;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
#mynews-credits a:hover {
	color: #538b20;
	text-decoration: underline;
}

#mynews-options,
#mynews-options a,
#mynews-options visited {
	color: #888;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
#mynews-options a:hover {
	color: #538b20;
	text-decoration: underline;
}

#mynews-title,
#mynews-title a,
#mynews-title visited {
	text-align: left;
	color: #888;
	font-family: Helvetica, Verdana, Arial;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	margin: 0 10px 0 0;
	padding: 2px 0 5px 10px;
	background: #51891f;
	border-top: 5px solid #7ca754;
}
#mynews-title a:hover {
	color: #ffdc00;
}