/* =Wrapping
-----------------------------------------------------------------------------*/
body{
	background:#d7d0c4 url(../images/bg.gif) repeat-x top;
	text-align: center;
	color:#816E57
}


#wrapper { 
	width: 780px;
	margin: 0 auto;
	text-align: left;
	/*border:1px solid #333;*/
} 
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* =Branding
-----------------------------------------------------------------------------*/
/*metodo gilder-levin  per image replacement*/
#header h1 {
	width:587px;
	height:122px;
	margin:0 auto;
	position:relative;
}
#header h1 span {
	background:url(../images/logo.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}


/* =Main Nav
-----------------------------------------------------------------------------*/


#mainNav {
	width: 30%;
	float: left;
}


/* =general
-----------------------------------------------------------------------------*/
/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */
.mappa{
	border-top: 1px solid #d7d0c4;
	padding:5px;
}
.img-wrapper {
	margin: 5px 10px 0 0;
	background: url(../images/shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
}
 
.img-wrapper img {
	float:none;
	margin:0;
	background:#fff;
	padding:4px;
	border:1px solid #C5BDBD;
	position:relative;
	left:-5px;
	top:-5px;
}

/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */

.thumbnails {
	margin-left: 5px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 5px;
}
.fltlft { 
	float: left;
	margin-right: 5px;
}
.center{
	text-align:center;
}
.centerImg{
	display:block;
	margin:0 auto;
}
strong {color:#837551}

/* =Main Content
-----------------------------------------------------------------------------*/
#content {
	width: 68%;
	float: right;
}


/* =Footer
-----------------------------------------------------------------------------*/
#footer{
	clear:both;
	text-align:center;
	margin-bottom:30px;
}