body {
	background-color:#D2D4D3;
	font-family:Arial,Helvetica,sans-serif;
	color: #666;
}
h1.seo, h2.seo, h3.seo{
	display:none;
}
div#main {
	background-image:url(../images/background.jpg);
	background-repeat: no-repeat;
	border: 1px solid #000;
	height:510px;
	left:0;
	margin:20px auto;
	overflow:hidden;
	position:relative;
	width:950px;
}
div#logo{
	background-image:url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 150px;
	width:220px;
	padding:10px;
	overflow: hidden;
	float:left;
}
div#logo h1{
	font-size: 0px;	
	display: none;
}
div#top{
	width: 100%;
	height: 100px;
	float:left;
}

div#center{
	float: left;
	width:100%;
	height: 272px;
	
}

div#navigation{
	position: absolute;
	width: 100%;
	height: 110px;
	top:390px;
	left: 0px;
}
div#footer{
	position: absolute;
	width: 100%;
	height: 30px;
	top: 480px;
	
}
div#footer p{
	font-size: 12px;
	text-align: center;
}
img#navhome{
	position:relative;
	top:0px;
	left: -80px;
	opacity: 0.1;
}
img#navchisiamo{
	position:relative;
	top:0px;
	left: -100px;
	opacity: 0.1;
}
img#navservizi{
	position:relative;
	top:0px;
	left: -120px;
	opacity: 0.1;
}
img#navportfolio{
	position:relative;
	top:0px;
	left: -140px;
	opacity: 0.1;
}
img#navcontatti{
	position:relative;
	top:0px;
	left: -400px;
	opacity: 0.1;
}
a{
	text-decoration:none;
	color: #888;
}
a:hover{
	text-decoration: underline;
}
p{
	font-size: 14px;
	line-height: 20px;
	
}
#contattifabio p, #contattigiulio p{
	margin: 2px;
}
h2{
	color: #f96600;
	font-size: 16px;
	margin: 0px;
}


div#dettagliogiulio, div#dettagliofabio, #divcipresentiamo, #divcomelavoriamo, #divperchecontattarci{
	width: 650px;
	padding: 10px;
	display:none;
	top: 160px;
	left: 260px;
	position: absolute;
	border: 1px solid #999;
	height: 280px;
	overflow-x: hidden;
	overflow-y: auto;
}
#divcipresentiamo{
	display: block;
}
div#dettagliopagina,#divserviziseo,#divserviziweb,#divservizimobile,#divservizilinux, #divportfolioweb, #divportfoliolinux, #divportfoliomobile{
	width: 650px;
	padding: 10px;
	top: 160px;
	left: 260px;
	position: absolute;
	border: 1px solid #999;
	display:none;
	height: 280px;
	overflow-x:hidden;
	overflow-y:auto;
}
#divportfolioweb, #divserviziweb{
	display:block;
}
div#fabio{
	position: absolute;
	top: 210px;
	left: 20px;
	width: 200px;
}
div#giulio{
	position:absolute;
	top: 310px;
	left:20px;
	width:200px;
}
div#fabio img, div#giulio img{
	float: left;
}
span.fabio, span.giulio{
	cursor: pointer;
}
div#menu{
	float:left;
}
div#menu  ul#menu{
	list-style:none;
	margin: 0px 0px 0px 27px;
	padding: 0px;
}
div#menu  ul#menu  li.mainmenu{
	float: left;
	border-left: 2px solid #F96600;
	height: 110px;
}
div#menu ul#menu li.mainmenu a img{
	padding-top:65px;
}
div#menu li#chisiamo{
	/*background-image: url(../images/menu/chisiamo.png);
	  cursor: pointer;*/
	font-size: 0px;
	background-repeat: no-repeat;
	background-position:left bottom;
	width:130px;
	
}
div#menu li#home{
	/*background-image: url(../images/menu/home.png);
	 * cursor: pointer;*/
	font-size: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	width:130px;

}

/*div#menu li#home a:hover img, div#menu li#home.active{
	background-image: url(../images/menu/home_hover.png);
}
div#menu li#chisiamo a:hover img, div#menu li#chisiamo.active{
	background-image: url(../images/menu/chisiamo_hover.png);
}
div#menu li#contatti a:hover img, div#menu li#contatti.active{
	background-image: url(../images/menu/contatti_hover.png);
}
div#menu li#servizi:hover, div#menu li#servizi.active{
	background-image: url(../images/menu/servizi_hover.png);
}
div#menu li#portfolio:hover, div#menu li#portfolio.active{
	background-image: url(../images/menu/portfolio_hover.png);
}
*/
div#menu li#servizi{
	/*background-image: url(../images/menu/servizi.png);
	 * cursor: pointer;*/
	font-size: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	width:130px;
}
div#menu li#portfolio{
	/*background-image: url(../images/menu/portfolio.png);
	 * cursor: pointer;*/
	font-size: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	width:142px;
}
div#menu li#contatti{
	/*background-image: url(../images/menu/contatti.png);
	 * cursor: pointer;*/
	font-size: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	width:130px;
	
}

div#contattifabio, div#contattigiulio{
	border: 1px solid #999;
	padding: 10px;
	width: 350px;
}
div#contattifabio{
	position:absolute;
	top: 240px;
	left: 50px;
}
div#contattigiulio{
	position:absolute;
	top: 240px;
	left: 525px;
}
h3{
	font-size: 14px;
	margin: 0px;
	padding:0px;
}

/* Styles for the entire LavaLamp menu */
ul.lavaLamp {
    position: absolute;
    height: 10px; 
	
    background-color: trasparent;
    padding: 20px 0px; 
	margin: 0;
    overflow: hidden;
	top: 110px;
	left: 240px;
	border-left: 2px solid #F96600;
	
}
/* Force the list to flow horizontally */
ul.lavaLamp li {
    float: left;
    list-style: none;
	border: none;
}
/* Represents the background of the highlighted menu-item. */
ul.lavaLamp li.back {
   /* background: url(../images/menu/bgsubmenu.png) no-repeat right -30px;*/
    background: #555;
	opacity:0.3;
	width: 9px; 
	height: 30px;
    z-index: 8;
    position: absolute;
}
ul.lavaLamp li.back .left {
    /*background: url(../images/menu/bgsubmenu.png) no-repeat top left;*/
	background: #555;
	opacity: 0.3;	
	height: 30px;
    margin-right: 9px;
	border-bottom: 2px solid #F96600;
}
/* Styles for each menu-item. */
ul.lavaLamp li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font: 9px arial;
    color: #fff; 
	outline: none;
    text-align: center;
    height: 30px; 
	top: 7px;
    z-index: 10; 
	letter-spacing: 0;
    float: left; display: block;
    margin: auto 10px;
}
html>body ul.lavaLamp li a  {
  font: 11px arial;
} 
div#menu ul.lavaLamp li {
	float: left;
	
	border: none;
} 
#divhomeservizi ul.homeLavaLamp li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font: 19px arial;
    color: #f96600; 
	outline: none;
    text-align: center;
    height: 20px; 
	top: 7px;
    z-index: 10; 
	letter-spacing: 0;
    float: left; display: block;
    margin: auto 10px;
} 
ul.homeLavaLamp li {
	float: left;
	
	border: none;
}

ul.homeLavaLamp { 
    background-color: trasparent;
    padding: 0px; 
	margin: 0;
    overflow: hidden;
	
}
/* Force the list to flow horizontally */
#divhomeservizi ul.homeLavaLamp li {
    float: left;
    list-style: none;
	border: none;
}
/* Represents the background of the highlighted menu-item. */
#divhomeservizi ul.homeLavaLamp li.back {
   /* background: url(../images/menu/bgsubmenu.png) no-repeat right -30px;*/
    background: #333;
	opacity:0.2;
	width: 9px; 
	height: 40px;
    z-index: 8;
    position: absolute;
}
#divhomeservizi ul.homeLavaLamp li.back .left {
    /*background: url(../images/menu/bgsubmenu.png) no-repeat top left;*/
	background: #333;
	opacity: 0.2;	
	height: 40px;
    margin-right: 9px;
	/*border-bottom: 2px solid #F96600;*/
}
#divhomeservizi{
	
	width: 90%;	
	margin: 0px 35px 20px 35px;
	padding: 10px;
	border: 1px solid #999;
	position:absolute;
	top: 300px;
	left: 0px;
}  
div#center ul li {
	list-style: square;
	font-size: 14px;
	margin: 10px 0px;
}
a img {
	border: none;
}
#divportfoliomobile p img, #divportfolioweb p img{
	
	float:left;
	margin:0 5px;
	vertical-align:text-top;

}
#divportfoliomobile p, #divportfolioweb p{
	
	float: left;
	display: block;
	margin: 5px;
}

div#divhome{
	border: 1px solid #999;
	width: 90%;
	margin: 10px 35px 20px 35px;
	padding: 10px;
	position: absolute;
	top: 200px;
	left: 0px;
}
#divhome p{
	margin: 0px;
	padding: 0px;
}
#divhomeservizi p{
	margin: 0px;
	padding: 0px;
}

#divhomeheader{
	margin: 50px auto;
	width: 70%;
	margin: 70px 20px 10px 30px;
	position: absolute;
	left: 220px;
	top:42px;
}

#divhomeheader h1{
	color: #f96600;
	font-size: 28px;
	font-style: italic;
}

#divhomeloghi{
	position: absolute;
	left: 200px;
	top: 420px;
}
#divhomeloghi img{
	margin: 0px 10px;
}

#divhome a{
	font-size: 11px;
}
h1.seo{
	display:none;
}
div#facebook{
	position:absolute;
	top:160px;
	left: 110px;
}
div#facebook img{
	vertical-align:middle;
}