/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 160px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -160px; /* negative value of footer height */
	height: 160px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html{
	overflow-y: scroll;
}

body{
	background-color:#C2AC81;	
	background-attachment: scroll;
	background-image: url(../img/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	position: relative;
	text-align: center;
	font:13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size:small;
	*font:x-small;
}

h2 span {display:none; visibility: hidden;}
body .pages h2{ margin-bottom: 1em;}

p           { color:#2B2419; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  margin: 1em 1em; }
p img.left  { float: left; margin: .5em .5em .5em 0; padding: 0; }
p img.right { float: right; margin: .5em 0 .5em .5em; }

body.home .pages h2 {
	background-image: url(../img/who_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 20px;
	position:relative;
}
body.why .pages h2 {
	background-image: url(../img/why_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 20px;
	position:relative;
}
body.gallery .pages h2 {
	background-image: url(../img/gallery_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 25px;
	position:relative;
}
body.where .pages h2 {
	background-image: url(../img/where_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 20px;
	position:relative;
}

body.where .pages h2.contact_us {
	background-image: url(../img/contact_us_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 20px;
	position:relative;
}

.doc {
	position: relative;
	margin:auto;
	text-align:left;
	width:74.923em;
	*width:73.05em;
}

h1 a span { display: none; visibility: hidden; font-size:xx-small;}

#header {
	height: 84px;
}
#logo {
	background-attachment: scroll;
	background-image: url(../img/zaccardelli_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 84px;
	width: 280px;
	float: left;
	margin-left: 45px;
}

#logo h1 a{ position:relative; display:block; height:84px; width:280px;}

#menu {
	margin: 27px 45px 27px 0px;
	float:right;

	height: 30px;
	width:400px;
}
#menu ul {
}
#menu ul li {
	background-color:transparent;
	display:block;
	float:left;
	width: 100px;
	height:30px;
	margin:0;
	padding:0;
}
#menu ul li a {
	display: block;
	position: relative;
	height: 30px;
	background-attachment: scroll;
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
}
#menu ul li a span{display: none; visibility:hidden;}

#menu ul li.home a {background-position: 0 top;}
#menu ul li.home a:hover{background-position: 0 bottom;}
body.home #menu ul li.home a{background-position: 0 bottom;}

#menu ul li.why a {background-position: -100px top;}
#menu ul li.why a:hover{background-position: -100px bottom;}
body.why #menu ul li.why a{background-position: -100px bottom;}

#menu ul li.gallery a {background-position: -200px top;}
#menu ul li.gallery a:hover{background-position: -200px bottom;}
body.gallery #menu ul li.gallery a{background-position: -200px bottom;}

#menu ul li.where a {background-position: -300px top;}
#menu ul li.where a:hover{background-position: -300px bottom;}
body.where #menu ul li.where a{background-position: -300px bottom;}

#slideshow{
}
#slideshow #show {
	position:relative;
	width:944px;
	height: 320px;
	margin: 0 15px;
	background-image: url(../img/slideshow/001.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#main {
	min-height: 236px;
	height: auto !important;
	height: 236px;
}

#content {
	margin: 30px;
}


/* where */
#gmap_frame{
	background-attachment: scroll;
	background-image: url(../img/gmap_frame_2.png);
	background-repeat: no-repeat;
	background-position: center center;	

	position: relative;
	width: 457px;
	height: 335px;
	margin-bottom:2em;
}

#gmap_canvas{
	position:absolute;
	left: 10px;
	top: 10px;
	width: 437px;
	height: 315px;
}
.contacts, .where_we_are{
	float: left;
	width: 50%;
}
.contacts{ }
.where_we_are{
	float: right;
}
.contacts form{ }
.contacts label {
	text-align:left; vertical-align:top;
	width: 60px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.contacts .message{ padding-left: 60px; margin: 1em auto; }

.contacts .required label { font-weight:bold; }

.contacts .input { margin-bottom: 1em;}
.contacts input, .contacts textarea{
	margin:0;
	padding:2px;
	color: #333;
	background-color:transparent;
	border: 1px solid #B1A180;
	overflow:auto;
}
.contacts input:focus, .contacts textarea:focus{ border-color:#333; color: #333;}

.contacts .submit { margin-left: 60px;}
.contacts .submit input {font-weight:bold;}
.contacts .error-message { margin-left: 60px; font-size: 85%; color:#900; font-style:italic;}
.contacts { margin-bottom: 2em;}

/* gallery */
.thumb img {
	margin: 2px;
	border: 2px solid #fff;
}

/* why */
.orange {
	color:#AF500E;
}


.why h3 span { display: none; visibility: hidden; font-size:xx-small;}
.why h3 {
	margin: 1em;
	height: 30px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;	
}

.why .p1, .why .p2, .why .p3, .why .p4 {
	min-height: 180px;
	height: auto !important;
	height: 180px;
	
	padding-top: 1em;
	padding-left: 130px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}

.why .p1 {
	background-image:url(../img/esperienza_img.png);
}
.why .p2 {
	background-image:url(../img/serieta_professionalita_img.png);
}
.why .p3 {
	background-image:url(../img/qualita_materiali_img.png);
}
.why .p4 {
	background-image:url(../img/passione_amore_img.png);
}

.why .p1 h3 {
	background-image: url(../img/esperienza_title.png);
}
.why .p2 h3 {
	background-image: url(../img/serieta_professionalita_title.png);
}
.why .p3 h3 {
	background-image:url(../img/qualita_materiali_title.png);
}
.why .p4 h3 {
	background-image:url(../img/passione_amore_title.png);
}

#footer {
	background-attachment: scroll;
	background-image: url(../img/bg_foot.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#footerContent {}
#footerText {
	position: relative;
	color:#B5AC8B;
	font-size:11px;
	text-align:left;
	padding-top: 60px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#wallaceMultimediaLogo {
	position:absolute;
	right: 15px;
	top: 52px;
	width:128px;
	height:28px;
}
#wallaceMultimediaLogo a {
	display:block;
	width:128px;
	height:28px;
	background-attachment: scroll;
	background-image: url(../img/logo_wm.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wallaceMultimediaLogo a:hover {
	background-position: left bottom;
}
#wallaceMultimediaLogo a span {
	display: none;
	visibility: hidden;
}

#quntiDiVistaLogo {
	position:absolute;
	right: 143px;
	top: 52px;
	width:91px;
	height:28px;
}
#quntiDiVistaLogo a {
	display:block;
	width:91px;
	height:28px;
	background-attachment: scroll;
	background-image: url(../img/logo_pdv.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#quntiDiVistaLogo  a:hover {
	background-position: left bottom;
}
#quntiDiVistaLogo a span {
	display: none;
	visibility: hidden;
}