@charset "utf-8";
body{
	background: #004665 url(../images/background.jpg) repeat-x;
}
body, h1,h2,h3,h4,h5,h6,span,p{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
	font-size:12px;
	font-weight:lighter;
	color:#002533;
}
img{
	border:0;
}
ul, li{
	margin:0;
	padding:0;
	list-style-type: none;
}
#container{
	position:relative;
	width:950px;
	margin:0 auto;
}
#top-head{
	height:50px;
	background: transparent url(../images/logo_domus.jpg) no-repeat bottom right;
	
}
#head{
	position:relative;
	height:120px;
	background: transparent url(../images/back_head.jpg) no-repeat;
	
}
#head #slogan{
	position:absolute;
	width:220px;
	top:22px;
	left:320px;
}
	
#menu{
	height:41px;
	background: transparent url(../images/back_menu.jpg) no-repeat bottom right;
}

#menu ul{
	position:relative;
	width:588px;
	height:34px;
	margin-left:305px;
	padding-top:5px;
	z-index:100;
}
#menu li{
	display:inline;
	height:0;
}
#menu ul li a{
	float:left;
	height:0;
	overflow:hidden;
	margin:0 0 0 0;
	width:145px;
	padding:35px 0 0 02px;
	background: transparent url(../images/menu.png) no-repeat;
}
*html #menu ul li a{	background: transparent url(../images/menu.gif) no-repeat;}

#menu ul li.home a{background-position:0 0;}
#menu ul li.profilo a{background-position:-146px 0;}
#menu ul li.realizzazioni a{background-position:-290px 0;}
#menu ul li.contatti a{background-position:-434px 0;}

#openmenu{
	width:118px;
	position:absolute;
	top:175px;
	right:210px;
	padding:0px 10px 0 10px;
	background: transparent url(../images/openmenu.png) repeat;
	z-index:10;	
}
/*#openmenu ul{
	color:#fff;
	font-size:13px;
	font-style: italic;
	padding:50px 0 10px 0;
}
#openmenu ul li{
	padding-bottom:5px;
}*/
#openmenu h3.first{
	padding-top:50px;
}	
#openmenu h3{
	padding-top:5px;
	height:20px;
}
#openmenu h3.end{
	padding-bottom:0;
}
#openmenu h3 a,#openmenu ul li a{
	text-decoration:none;
	color:#fff;
}
#openmenu h3 a:hover,#openmenu ul li a:hover{
	color:#BFCACF;
}
#openmenu ul li{
	padding:0 0 5px 0;
}

#openmenu ul.submenu{
	color:#fff;
	font-size:12px;
	font-style: normal;
	padding:0 0 0 20px;
}
#openmenu ul.submenu, #openmenu ul.submenu li{
		list-style-type: square;
}
	
	
#content{
	position:relative;
	height:314px;
	border:1px solid #ccd3d6;
	border-bottom:none;
	border-top:none;
	background: #fff;
	z-index:0;
}

#content #left,#content #right{
	position:relative;
	float:left;
	width:400px;
	height:260px;
	margin:25px 0 0 30px;
	/*border:1px solid #000;*/
}
*html #content #left{margin-left:28px;}
#content #left{margin-left:56px;}

#content #left p{
	color:#002533;
	text-align:justify;
	margin-bottom:5px;
}
#content div.square{
	position:absolute;
	width:7px;
	height:7px;
	top:25px;
	background:#004665;
	font-size:0;
}
#content div.left{left:40px;top:28px;}
#content div.right{right:47px;opacity: 0.3;-moz-opacity: 0.3;filter:alpha(opacity=30);}
.important{
	font-weight: bold;
}
#content #right img{
	border:1px solid #002533;
}

#loading{
	position:absolute;
	width:32px;
	height:32px;
	top:114px;
	left:184px;
	background:transparent url(../images/loading.gif) no-repeat;
}

#footer{
	height:20px;
	padding-top:5px;
}
#footer p{
	color:#cedade;
	font-size:11px;
	text-align:center;
}
#footer a{
	text-decoration:none;
	color:#fff;
	font-size:11px;
}
#footer a:hover{
	color:#BFCACF;
}

#credits{
	height:25px;
	text-align:right;
	color:#cedade;
	font-size:11px;
	margin-top:3px;

}
.clearer{
	height:12px;
	font-size:12px;
	clear:both;
}