body {background-color:#666;

background-image: url(../img/sfondo.jpg);
	background-position: top left;
	background-repeat: repeat;

	font: 11px  geneva,verdana, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
}

h1, h2, h3, p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}


a:link, a:visited {
	color: #000;text-decoration:none;
}

a:hover, a:active {
	color: #e65551;text-decoration:none;
}


/*layout*/

#container {margin:0 auto;width: 700px;height:838px;}

#header {height: 270px;	width: 700px;	background-image: url(../img/header.jpg);}

#a1 {height: 584px;width: 700px;background-image: url(../img/a1.jpg);background-repeat:no-repeat;}

#content{float:left;height: 584px;width: 462px;}
#menu{float:left;height: 584px;width: 238px;}


#footer{height: 44px;	width: 700px;background-image: url(../img/footer.jpg);}

/**  CONTENT **/

#content p, body#home #content h3 {line-height:1em;font-size:1.1em;text-align:justify;margin:5px 50px 10px 50px}
#content p img {margin-left:-30px;float:left;margin-top:4px;}
#content #foto {height:229px;width:239px;padding-right:50px;float:right;}




/** HOME   **/
body#home #content #logo {display:inline;height:149px;margin: 128px 0px 0px 48px;padding:0px;float:left;width:120px;}
body#home #content #logo img {margin-top:5px;}
body#home #content h3 {font-weight:bold;}
body#home #content h1 {margin-left:46px;width:85px;height:34px;background-image: url(../img/tit_home.gif);text-indent:-5000px;}
body#home #content h5 {margin-bottom:0px;margin-left:46px;width:179px;height:34px;background-image: url(../img/tit_lavori.gif);text-indent:-5000px;}

/*this works in FF and opera*/
a.ph img, a.ph:visited img{
margin:0 ;border:0;
padding-top:1px;padding-bottom:1px;
background-color:#fff;border-top:solid 1px #fff;
border-bottom:solid 1px #fff;

height:40px;
width:120px;
}
a.ph:hover img{
border-top:solid 1px #e65551;
border-bottom:solid 1px #e65551;
background-color:#e65551;

}

/*this * selector makes it work in IE*/
* html a.ph, * html a.ph:visited{
background-color:#fff;
height:40px;
width:120px;
}
* html a.ph:hover{
background-color:#e65551;
border-top:solid 1px #e65551;
border-bottom:solid 1px #e65551;
}


/** MENU **/

#menu ul {color:#000;margin: 240px 0 0 9px;list-style:none;padding:0px;}
#menu ul li a {text-align:right;margin-top: 5px;text-decoration:none;display: block;width:174px;height:56px;}
#menu  .attivo {color: #e65551;}
#menu ul li a span {float:right;margin:0;font-weight:bold;font-size:0.8em;padding:40px 4px 0 0;}
#menu ul li#t_home a {background: url(../img/tasto1.gif) no-repeat;}
#menu ul li#t_lavori a {background: url(../img/tasto2.gif) no-repeat;}
#menu ul li#t_servizi a {background: url(../img/tasto3.jpg) no-repeat;}
#menu ul li#t_dovesiamo a {background: url(../img/tasto4.jpg) no-repeat;}
#menu ul li#t_info a {background: url(../img/tasto5.jpg) no-repeat; }


/* SERVIZI */

body#servizi #content h1{margin-left:46px;width:84px;height:34px;background-image: url(../img/tit_servizi.gif);text-indent:-5000px;}
body#servizi #content ul, body#lavori #content ul {list-style-image: url(../img/freccia.gif);padding-left:0px;margin-left:67px;font-size:11px}
body#servizi #content ul li {font-size:12px}
body#servizi #content #logo {padding:0px;width:400px;margin-top:60px;float:none;margin-left:60px;}
body#servizi #content ul#logos {list-style-image:none;list-style:none;margin-left:50px;}
body#servizi #content ul#logos li img {border:0;}
body#servizi #content ul#logos a   {border:0;}
body#servizi #content ul#logos li   {padding-bottom:10px;}
body#servizi #content ul#logos a:hover   {}
body#servizi #content #foto {height:229px;width:400px;padding:0;float:none;}
body#servizi #content #foto img {margin-left:100px;margin-top:20px;}
body#servizi #content ul li a {border-bottom:1px dashed #e65551;}
body#servizi #content ul li a:hover {border-bottom:2px solid #e65551;}

/* DOVESIAMO */

body#dovesiamo #content #logo img {border:0;width:120px;height:40px;margin-top:10px;}
body#dovesiamo #content h1{margin-left:46px;width:179px;height:34px;background-image: url(../img/tit_dovesiamo.gif);text-indent:-5000px;}
body#dovesiamo  #content .mappa {margin-left:30px;margin-bottom:0px;}
body#dovesiamo  #content #logo {padding:0px;width:400px;margin-top:20px;float:none;margin-left:60px;}
body#dovesiamo  #content #logo a:hover {border:0px;}

/* LAVORI */

body#lavori #content h1{margin-left:46px;width:179px;height:34px;background-image: url(../img/tit_lavori.gif);text-indent:-5000px;}
body#lavori #content span {float:left;margin-right:90px;}
body#lavori #content ul li p {margin-lefT:0px;line-height:15px;}
body#lavori #content a {color:#e65551;}
body#lavori #content a:hover {border-bottom:2px solid #e65551;}
body#lavori #content #logo {padding:0px;width:400px;margin-top:40px;float:none;margin-left:60px;}
body#lavori #content #logo a:hover {border:0px;}

/* LAVORI  veri */
body#lavoriveri #content #foto {margin-top:30px;height:229px;width:320px;padding:0;float:none;margin-left:79px;margin-bottom:60px;}
body#lavoriveri #content #logo  {margin-left:60px;}
body#lavoriveri #content #logo img {border:0;width:120px;height:40px;margin-top:10px;}
body#lavoriveri  #content h1{margin-left:46px;width:179px;height:34px;background-image: url(../img/tit_lavori.gif);text-indent:-5000px;}
body#lavoriveri  #content span {float:left;margin-right:90px;}
body#lavoriveri  #content  p {line-height:18px;}
body#lavoriveri  #content a {color:#e65551;}


/* CONTATTI  FORM */
body#contatti #content h1{margin-left:46px;width:187px;height:34px;background-image: url(../img/tit_contatti.gif);text-indent:-5000px;}
body#contatti #content #logo img {margin:10px 0px 10px 0px;float:none;}
body#contatti #content #logo {margin-top:180px;width:400px;border:1px solid #000}
body#contatti #content a:hover {color:#000;border-bottom:2px solid #d71f20;}
body#contatti #content p span {font-size:0.7em;margin-top:0px;margin-bottom:0px;line-height:0.9em;}
legend{padding: 0 2px;text-transform: uppercase;color: #e65551;letter-spacing: 1.3px; }
#forminfo {width:362px;margin: 5px 0 5px 50px ;}
#forminfo textarea {font: 11px/1.5em  "Lucida Grande", Arial, sans-serif;color:#e65551; height: 70px;width: 250px;}
fieldset {padding:5px;border:1px solid #e65551;}
fieldset.in input, fieldset.in textarea {color: #e65551;}
input#bottone{width:165px;color: #fff;background-color:#e65551;font-size: x-small;  } 


/** FOOTER **/
#footer{height:47px;width:700px;}
#footer h1 {color:#fff;font-size:0.8em;text-align:center;padding-top:28px;}

/** CREDITS **/

#credits {color:#000;font-size:0.9em;text-align:right;}
#credits a:hover {border-bottom:2px solid #e65551;}


/** image slider HOME  **/
#imageSlideshowHolder{
		
		float:right; /* Floating gallery at the right side of other web page content */		
		width:239px;	/* Image width */
		height:229px;	/* Image height */
		
		position:relative;	/* Don't remove this line */
	}

	/* Don't change these values */
	#imageSlideshowHolder img{
		position:absolute;
		
	}

	/* END CSS SLIDESHOW SCRIPT */