body {
  background-color: #f4b95f;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #777777;
  text-decoration: none;
  word-spacing: normal;
  text-align: left; 
  line-height: 1.6em;
  font-size: 11px;
}
div#main{
	background:  url(images/base.gif) center top no-repeat;
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0px -393px;
	border:0px solid black;
    width: 883px;height: 691px;
    background-color: #f4b95f;color: #999;
    text-align: center;
	z-index:1;	
}
div#context{
	background:  url(images/context.png) center top no-repeat;
	top: 242px;
	left: 51px;
    width: 332px;height: 320px;
	position: absolute;
	z-index:3;	
}


div#contextprofilo{
	background:  url(images/profilo.png) center top no-repeat;
	top: 340px;
	left: 51px;
    width: 388px;height: 223px;
	position: absolute;
	border:0px solid black;
	z-index:5;		
}
div#contextcontatti{
	background:  url(images/contatti.png) center top no-repeat;
	top: 261px;
	left: 51px;
    width: 350px;height: 301px;
	position: absolute;
	border:0px solid black;
	z-index:5;		
}
div#lupo {
	background:  url(images/lupo.gif) center top no-repeat;
	top: 458px;
	left: 804px;
    width: 52px;height: 94px;
	position: absolute;
	border:0px solid black;
	z-index:6;		
}
div#contextservizi{
	background:  url(images/servizi.png) center top no-repeat;
	top: 319px;
	left: 51px;
    width: 361px;height: 243px;
	position: absolute;
	border:0px solid black;
	z-index:5;		
}
div#contextportfolio{
	background:  url(images/portfolio.png) center top no-repeat;
	top: 331px;
	left: 51px;
    width: 347px;height: 231px;
	position: absolute;
	border:0px solid black;
	z-index:5;		
}
/*menu */
#menu{
  position:absolute;
  width:100px;;
  height:163px;
  top: 185px;
  left:9px;
  z-index:2;
  border:0px solid black;
}
#menu ol {
  position:absolute;
  top: 12px;
  left:-40px;
  line-height:21px;
  margin-top: 0;
}
#menu a { color:#000}
#menu a:hover { color:#a6723e}
#menu ol li,
#menu ol a {
	display: block;
	background-image:  url(images/menu-text.gif);
	background-repeat: no-repeat;
	width:94px;
	height:21px;
	text-indent:-5000px;
	overflow: hidden;
}	
/*background dei link*/
#m-home a{ background-position:-1px -17px;}
#home #m-home a,#m-home a:hover{ background-position:-105px -17px;} 
#m-portfolio a{ background-position:-1px -38px;}
#portfolio #m-portfolio a,#m-portfolio a:hover{ background-position:-105px -38px;} 
#m-servizi a{ background-position:-1px -59px;}
#servizi #m-servizi a,#m-servizi a:hover{ background-position:-105px -59px;} 
#m-profilo a{ background-position:-1px -80px;}
#profilo #m-profilo a,#m-profilo a:hover{ background-position:-105px -80px;} 
#m-journal a{ background-position:-1px -102px;}
#journal #m-journal a,#m-journal a:hover{ background-position:-105px -102px;} 
#m-contatti a{ background-position:-1px -123px;}
#contatti #m-contatti a,#m-contatti a:hover{ background-position:-105px -123px;} 


/*end menu*/

#container {
  position:absolute;
  width:310px;;
  height:300px;
  top: 235px;
  left:400px;
  border-left:0px solid #777777;
  border-right:0px solid black;
  text-align:left;
  text-indent:10px;
} 
#container1{
  position:absolute;
  width:270px;;
  height:300px;
  top: 230px;
  left:435px;
  border-left:0px solid #777777;
  border-right:0px solid black;
  text-align:left;
  text-indent:0px;
  
}
#awards{
  position:absolute;
  width:90px;;
  height:73px;
  top: 562px;
  left:350px;
  border:0px solid black; 
  text-align: left;  
} 
#markup{
position:absolute;
  width:400px;;
  height:30px;
  top: 570px;
  left:450px;
  border:0px solid black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #777777;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  font-size: 11px;
   
} 
#markup a {
font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #777777;
 text-decoration: underline;
 word-spacing: normal;
 text-align: left;
 font-size: 11px;
}
#markup a:hover {
  color: #fbfaf9; 
}
#scroller {
 position:absolute;
  width:33px;
  height:300px;
  top: 250px;
  left:700px;
  border:0px solid red;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #fff; 
}
#container1 a {color:#bcadad;text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#container1 a:hover{text-decoration: none;color:#e62117;}
/*submenu*/
.item{	
  float: left; 
  background-position:-6px 1px;
  border: 0px solid #003366;
  display: block;
  background-image:  url(images/bullet.gif);
  background-repeat: no-repeat;
  width:80px;
  margin-left:6px;  
  }
.item a{	
  float: left; 
  display: block;
  margin-left:6px;
  text-align:left;
  text-decoration:none;
  line-height:20px; 
  border:0px solid black;
  }
#submenu a {	
  letter-spacing: 1px;
  font-size:9px;
  color:#bcadad;
  }
#submenu a:hover {	
  text-decoration:underline;
  color:#e62117;
  
  }
 /*servizi*/ 
ul,ul li{list-style: none;margin: 0;padding: 0}

ul{width:280px}
ul li{padding: 10px 0 10px 24px;line-height: 1.4em;
    background: url(images/bullet.gif) no-repeat 0 0.7em;
    margin: -10px 0 0
    }
/*contatti*/
input { font-family: Verdana,Arial, Helvetica, sans-serif;font-size :10px;font-weight: normal;background-color: #f8f8f8;color:#777777;padding-left: 1px; border:1px solid #e7e1e1;}
textarea {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: normal;
	background-color: #F8f8f8;
	color: #777777;
	padding-left: 3px;
	border: 1px solid #e7e1e1;
}
#invia{ 
	background-image: url(images/bottone.gif);
	height:20px;
	width:63px;
	border:0px solid #e7e1e1;
}
#contact{font-size:10px;} 
#mail, #nome{ 
	width:180px;
	height:12px;
}