/* CSS Document*/
body {
	background-color: #000000;
	font: normal 12px/1.5em  "Trebuchet MS", "Lucida Grande", Lucida Sans-Serif, Sans Serif, Geneva;
	color: #999999;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}	 
#wrapper {
	width: 80%;
	margin: 0 auto; 
	font-size:100%;
	text-align: left;
	text-decoration: none;
	min-height: 100%;
	height: auto !important;
	min-width:1000px;
	width: expression(document.body.clientWidth < 1024? "1016px": "auto" );
	max-width: 1280px;
}
html>body #wrapper {
	width: 80%;
	height: 100%;
}

a { 
	text-decoration : none;
	font-weight : bold;
}
a:link {
	color : #818181;
}
a:visited {
	color : #999999;
}
.allestimenti {
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	width: 100%;
}

a:hover, a:active {
	color : #CCCCCC;
}

h1 {
	font-size: 24px;
	padding: 5px;
}

h2 {
	font-size : 20px;
	padding: 10px 5px;
}

h3 {
	font-size : 18px;
	padding: 10px 5px;
}

h4 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	}
 
right h4 {
	margin-top: 0px;
	padding-top: 0px;
}
left h4 {
	margin-top: 0px;
	padding-top: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
}


#header{
	text-align: left;
	padding-bottom: 20px;
}
#header h1{
	font-size: 24px;
	margin: 0;/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 20px 5px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: left;
} 
#headerlang {
	background-position: right;
	display: inline;
}

.lang {
	text-decoration: none;
	display: inline;
	float: right;
	color: #67604D;
	height: 20px;
	margin: 0;
	padding-right: 5px;
}
.lang a {
	text-decoration: none;
	color: #666666;
}
.lang a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
.langimg {
	border-style: none;
}

#squares {
	clear: both;
	list-style-type: none;
}
#squares li {
	text-decoration: none;
	display: inline;
	list-style-type: none;
	float: right;
}

/* content solo */

#content{
	font-size: 100%;
	clear: both;
	width: 100%;
}
#content a {
	color: #666666;
	text-decoration: none;
	border: 0px;
}
#content a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
#content h1 {
	color: #999999;
	font-size: 16px;
	padding: 10px;
}
#content li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#content #left ul {
	text-decoration: none;
    margin-top: 0px;
	list-style-type: none;
	padding: 0px;
}
#content #left h4 {
	margin-top: 0px;
	padding-top: 0px;
}
#content #left img {
	border: 0;
}
#content #left h3 {
	text-decoration: none;
	margin-left: 0px;
	padding-left: 0px;
}
#content #right h3 {
	text-decoration: none;
	margin-left: 0px;
	padding-left: 0px;
	display: block;
}
#content #right h4 {
	text-decoration: none;
	padding-top: 0px;
	margin-top: 0px;
}
#content #right ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content #right img {
	border: 0;
	float: right;
	clear: right;
}
/* end content solo */


#maincontent ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px;
}
#maincontent h1 {
	padding-right: 10px;
	padding-left: 10px;
}
#maincontent {
	clear: both;
	position: relative;
	bottom: 40px;
}
#maincontent li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	font-size: 100%;
}
#maincontent .block ul {
	list-style-type: none;
	padding: 0px 5px;
}
#maincontent .block {
	float: left;
	width: 150px;
	list-style-type: none;
	padding: 3px 5px 3px 10px;
	text-align: left;
	margin-left: 0px;
}
#maincontent a {color: #6C6C6C;}

#maincontent .block a 
{
	font-style: normal;
	color: #666666;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	font-weight: bold;
}
#maincontent .block li {
	display: block;
	list-style-type: none;
}

#latestproject {
	text-decoration: none;
}
.latestprojectimg {
	text-decoration: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
/* aggiunta */
.latestprojectimgbig {
	text-decoration: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
.latestprojectimgsmall {
	text-decoration: none;
	padding: 10px 0px;
	float: left;
	clear: left;
}
/* aggiunta */
.latestprojectdescription {
	text-decoration: none;
	float: right;
	padding-right: 5px;
	width: 30%;
	text-align: justify;
}

#newpost {
	text-decoration: none;
	list-style-type: none;
	text-align: justify;
	float: right;
	width: 300px;
	padding-right: 5px;
}
.viewallatest {
	float: left;
	position: absolute;
	top: 700px;
}
.imglistasmall {
	text-decoration: none;
	padding: 5px 10px;
	float: right;
}
.tempoimgsmall {
	text-decoration: none;
	display: block;
	float: left;
	list-style-type: none;
	top: 20px;
	position: relative;
}

#wrapper #content #left p {
	margin-top: 0px;
	padding-top: 0px;
}
#left {
	float: left;
	padding-left: 5px;
	width: 375px;
	text-align: justify;
	}
	
#right{
	float:right;
	width: 375px;
	padding-right: 5px;
	}

/* exhibition css */

.earight{
	float:right;
	width: 375px;
	padding-right: 5px;
	}
.ealeft{
	float:leftt;
	width: auto;
	padding-left: 5px;
	margin-bottom: 10px;
	}
.ealeft h4{
	padding: 10px 0px;
}

/* end exhibition */

/* press */

.pressleft {
	text-decoration: none;
	float: left;
	padding-left: 5px;
	min-height: 540px;
}
.pressright{
	text-decoration: none;
	float: right;
	min-height: 540px;
	padding-right: 5px;
}
.pressleft p { margin-top: 0px; padding-top: 0px;}
.pressright p { margin-top: 0px; padding-top: 0px;}

/* end press*/

.leftabout {
	float: left;
	padding-left: 5px;
	width: 400px;
}
.leftabout p { margin-top: 0px; padding-top: 0px; }
.rightabout {
	float: right;
	padding-right: 5px;
	width: 400px;
}
.rightabout p { margin-top: 0px; padding-top: 0px; }
.leftimgsmall { clear: right; padding-top: 5px;}

.rightimg {
	border:0;
	clear: both;
	margin: 0px;
}
.lefttimg { border:0; clear: both; }

.sidenoteleft h4{
	margin-top: 0px;
	padding-top: 0px;
}
.sidenoteright {
	height: 540px;
	text-decoration: none;
	float: right;
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
}
.sidenoteleft350 {
	width: 350px;
	text-decoration: none;
	float: left;
	padding-left: 5px;
	clear: both;
	text-align: justify;
}
.sidenoteright p {margin-top: 0px; padding-top: 0px;}

.sidenoteleft {
	text-decoration: none;
	float: left;
	padding-left: 5px;
}

.sidenoteexhibition {
	text-decoration: none;
	float: left;
	padding-left: 5px;
	height: 540px;
}

#sidenotesenex {
	text-decoration: none;
	padding-top: 10px;
}

.corporateleft {
	text-decoration: none;
	float: left;
	padding-left: 5px;
	height: 540px;
	min-height: 540px;
}
.corporateleft p { margin-top: 0px; padding-top: 0px; }

.corporateleft h4 {
	text-decoration: none;
	padding:0;
}
.corporateright h4 {
	text-decoration: none;
	padding:0;
}

.corporaterightimg {
	padding-top: 0px;
	margin: 0;
}

.corporateright {
	text-decoration: none;
	float: right;
	padding-right: 5px;
	white-space: nowrap;
}
.corporateright p, corporate a {
	margin-top: 0px;
	padding-top: 0px;
}


/* form mail*/

form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-color: #000000;
	width: 280px;
	padding-right: 5px;	
	padding-right: 5px;
	padding-right: 5px;
}
textarea {
	color: #333333;
	background-color: #CCCCCC;
	width: 250px;
}
input {
	color: #333333;
	background-color: #CCCCCC;
	margin-top: 10px;
}
.button {
	width: 70px;
	background-color: #000000;
	color: #999999;
	border: thin #333333;
}
#mailform {
	width: 280px;
	text-align: left;
}

/* end form mail*/

/* navigation mettere questo
		body{
		behavior: url(script/csshover2.htc);hack per ie6
		} 
		#menu{
		text-align: center;
		width: 100%;
		background: url(img/menu_bg.jpg) repeat-x;
		}
		#menu ul{
		margin: auto;
		padding:0;
		position: relative;
		display: block;
		width: 400px;
		height: 30px;
		}
		#menu li{
		list-style: none;
		float: left;
		}
		#menu ul ul{
		position: absolute;
		width: 400px;
		height: 20px;
		top: 30px;
		left: 0;
		visibility: hidden;
		background-color: #333333;
		}
		#menu li a{
		width: 100px;
		height: 30px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-size: 9px;
		font-family: Verdana;
		color: #FFFFFF;
		font-weight: bold;
		background: url(img/link_bg.jpg) no-repeat top;
		} 
		#menu li a:hover{
		background-position: bottom;
		} 
		#menu ul li:hover ul{
		visibility:visible;
		z-index:2;
		}
		#menu li li a{
		width: 99px;
		height: 20px;
		line-height: 20px;
		background: transparent;
		border-right: 1px solid black;
		}
		#menu li li a:hover{
		background-color: #444444;
		}
/* end navigration */

#nav{
	width: 100%;
	margin: 0px;
	background: url(images/pro_line_0.gif) repeat-x;
	
}
.nav {
	height:35px;
	background: url(images/pro_line_0.gif) repeat-x;
	position:relative;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida Sans-Serif, sans-serif;
	font-size:12px;
	width:100%;
	z-index:500;
	float: left;
	white-space: nowrap;
}
.nav .table {
	display: table;
	margin: 0px 1px;
	white-space: nowrap;
	white-space: nowrap;
}
.nav li {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	height: 35px;
	float: left;
	white-space: nowrap;
	list-style-type: none;
	width: auto;
}
.nav .select {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: table-cell;
	white-space: nowrap;
	list-style-type: none;
}
.nav .select a {
	display: block;
	height: 35px;
	float: left;
	background: url(images/pro_line_0.gif);
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	line-height: 35px;
	white-space: nowrap;
	color: #999999;
	visibility: visible;
	list-style-type: none;	
}
.nav .select a:hover, 
.nav .select li:hover a {
	background: url(images/pro_line_1.gif);
	padding: 0px 5px 0px 5px;
	color: #fff;
	visibility: visible;
	list-style-type: none;
}
.nav .select_sub {
	display: none;
}
.nav .select :hover .select_sub {
	list-style-type: none;
	display: block;
	position: absolute;
	width: auto;
	top: 35px;
	background: url(images/back_0.gif);
	padding: 0;
	z-index: 100;
	left: 0px;
	text-align: left;
    margin: 0px 1px;
 }
.nav .sub li.sub_show a {
	color: #CCCCCC;
	background: url(menus/back_1.gif);
	list-style-type: none;
}
.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
	visibility: visible;
	color: #CCCCCC;
	background: url(images/back_1.gif);
	list-style-type: none;
}
/* end navigration */

/* Gallery Styles vertical */

#gallerybook {
	text-decoration: none;
	float: right;
	margin-top: 28px;
}
#gallerybook a:hover img { /*image border hover color*/
	border: 1px solid #000000;
}
/* End Gallery Styles */

/* Gallery Styles horizontal */

#gallery {
	text-decoration: none;
	border: 0;
	margin:0;
	padding:0;
}
#motioncontainer {
	height: 300px; /* Set to gallery height */
}
#motioncontainer a img {
	text-decoration: none;
	border: 0px;
}
#motioncontainer a:hover img {
	border: 0px;
}
#statusdiv {
	background-color: #000000;
	border: 0px;
	padding: 2px;
	position: absolute; /* Stop Editing Gallery Styles */
	left: -300px;
	visibility: hidden;
}
#motioncontainer a:hover {
	border: 0;
}
/* End Gallery Styles */


.artarget {
	text-decoration: none;
	float: right;
	width: auto;
	padding-right: 5px;
	clear: right;
}


/* hoverimgart*/ 

.imglinks a span {display:none;}
.imglinks li {
	text-decoration: none;
	list-style-type: none;
}
.imglinks a:hover span {
	display:block;
	position:absolute;
	min-width:410px;
	width: auto;
	top:197px;
	margin:0 0 0 -100px;
	right: 10%;
	text-align: right;
	line-height: 1.8em;
}

imglinksp {
	text-decoration: none;
	white-space: nowrap;
	display: block;
}
.targetimage {
	height: 500px;
	width: auto;
	position: absolute;
	left: 600px;
	top: 200px;
	clear: right;
}

/* end hoverimgart*/ 


/* start hover img latestproject*/ 

.gallerycontainer{
	position: relative;/*Add a height attribute and set to largest image's height to prevent overlaying*/
	height: 620px;
	width: 515px;
}
.thumbnail img{
border-color: #000000;
border: 0px;
}
.thumbnail:hover{
border: 0px;
background-color: transparent;
}
.thumbnail:hover img{
border: 0;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 0px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px 0px 10px 0px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0px;
	left: 0px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	
}
.imgnohover{
	border-color: #000000;
	border: 0px;
	padding-bottom: 10px;
}
/* end hoverimgart*/ 


/* footer*/ 
#footer{
	color: #666666;
	text-align: left;
	text-decoration: none;
	padding: 10px 5px 0px 0px;
	clear: right;
}
#footer a:link {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #666666;
	text-decoration: none;
}
#footer p { padding: 0px 5px;} 
#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px;
}

#footer li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	font-size: 100%;
}
.sitemap {
	width: 100%;
	height: 100%;
	margin: 20px;
}
.sitemap h2{
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
}
.sitemap p {
	text-decoration: none;
	text-align: left;
	 padding-left: 10px;
}
/* end footer*/ 

.spacer {
	clear: both;
	height: 5px;
}
.spaceronegallery {
	height: 186px;
}
.spacerone {
	height: 300px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}