@charset "UTF-8";
/* CSS Document */

html{
	margin:0;
	border:0;
	height:100%;
	width:100%;
}
body{
	width:100%;
	height:100%; 
	padding: 0px;
	margin:0px;
	border:0;
	font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
	color:#fff;
	font-size:13px;
	overflow:auto;  
}

#wrapper{
	position:absolute;
	width:979px;
	height:500px;
	min-width:979px;
	min-height:500px;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-490px;
}

header{
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	height:67px;
	background-color:#6b5c51;
	z-index:200;
	overflow:hidden;
	width:100%;
}
	header #imgHolder{
		margin-left:10px;	
	}

img{
	border:0;
	display:block;
}
	
nav{	
	display:block;
	position:absolute;
	top:21px;
	height:20px;
	color:#ffffff;
	font-size:26px;
	right:10px;
	margin-right:0px;
	font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
	z-index:201;
}
	nav.secondary{
		font-size:15px;
	}
	
	nav ul{
		
		padding:0;
		top:0px;
		margin-top:0px;
		right:0;
		clear:left;
		
	}	
	nav li{
		position:relative;
		top:0;
		margin-top:0px;
		float:left;
		list-style:none;
		padding:0px;
	}
	
	nav  a:link, nav a:visited{
		color:#ffffff;
		text-decoration:none;
	}
	nav a:hover{
		color:#a19e9d;
		text-decoration:none;
	}
	nav a.selected{
		color:#a19e9d;
	}
	
	nav .divider{
		display:block;
		float:left;
		width:1px;
		height:24px;
		background-color:#a19e9d;
		margin:-1px 10px 0 10px;
	}
	
	nav.secondary .divider{
		display:block;
		float:left;
		width:1px;
		height:12px;
		background-color:#e95f13;
		margin:1px 5px 0 5px;
	}
	
	
section{	
	display:block;
	position:absolute;	
	top:67px;
	left:0px;
	min-width:979px;
	min-height:433px;
	width:100%;
	overflow:hidden;
	/*height:auto;
	min-width:1000px;
			*//* 500 - header height */
}
	
	section  a:link, section a:visited{
		font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
		color:#ffffff;
		text-decoration:none;
	}
	section a:hover{
		font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
		color:#e95f13;
		text-decoration:none;
	}



footer{
	position:fixed;
	bottom:0px;
	right:0px;
	float:right;
	color:#fff;
	font-size:10px;
	font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
	z-index:200;
	padding:0 5px 0px 0;
}

#credits{
	position:fixed;
	bottom:0px;
	left:0px;
	float:left;
	color:#fff;
	font-size:11px;
	font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
	z-index:200;
	padding:0 5px 0 5px;
}
	#credits a{
		color:#fff;
		text-decoration: none;
	}


h1{
	font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
	font-weight:100;
	color:#ffffff;
	font-size:40px;
	margin:0 0 0px 0;
	padding:0 0 25px 0;
	line-height:42px;
}
	h1 span{
		font-size:30px;
	}

#splash{
	position: fixed;
	left: 45%;
	top: 50%;
	margin-left: -100px; 
	margin-top: -12px; 
	text-align:center;
	width: 400; 
	height: 60px; 
	font-size:22px;
/*	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center;
	display:block;*/
}

.fullscreen{
	width:979px;
	height:433px;
	position:absolute;
	z-index:-1;
}

.contentWrapper{
	position:absolute;
	width:352px;
	padding:13px 10px 10px 10px;
	height:auto;
	left:0;
	top:0px;
	z-index:20;
	/* For IE – resetting background color hack 
	background: transparent;*/
	/* Fallback for web browsers that doesn't support RGBa 
	background: rgb(255, 255, 255);*/
	/* RGBa with 0.6 opacity 
	background: rgba(255, 255, 255, 0.80);*/
	
	/* For IE 5.5 - 7
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);*/
	/* For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff)";*/
	background:url(../img/bg.png);
	background-repeat:repeat;
	
	line-height:16px;
	
}
  .contentWrapper > div{	
	  
	 
  }
  .contentWrapper div.underline{
	  position:absolute;
	  width:30px;
	  height:1px;
	  top:63px;				/* 5px under text */
	  left:10px;
	  background-color:#e95f13;
	  padding:0;
  }
  
.container{
	overflow:visible;
}

/*********************** contatti **************************/

.contatti_heading{
	width:60px;
	float:left;
	color: #fff;
}
.contatti_text{
	font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
	width:170px;
	float:left;
	color: #fff;
}
.contatti_clear{
	clear:both;
}

/*********************** portfolio & studio **************************/
  /*** contentWrapper exception for portfolio section ***/
  #portfolio .contentWrapper, #studio .contentWrapper{
	  width:1000px;
	  height:400px;
  }
  
  #portfolioContainer, #studioContainer{
		width:10000px;  
		top:75px;
		position:absolute;
		height:313px;
		padding-left:10px;
	}
	
	.portfolioArrows{
		position:absolute;
		bottom:5px;
		right:50px;
		z-index:6000;
		font-size:14px;
	}
	
	  .portfolioArrows a.back{
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		  background-image:url(../img/indietro.png);
		  background-repeat:no-repeat;
		  background-size:contain;
		  background-position:left; 
		  position:absolute;
		  text-align:right;
		  right:100px;
		  display:block;
		  width:60px; 
		  font-size:1.1em; 
	  }
	   .portfolioArrows a.back:hover{	
		  background-image:url(../img/indietro-ar.png);	
	  }	
	   .portfolioArrows a.forward{
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		  background-image:url(../img/avanti.png);
		  background-repeat:no-repeat;
		  background-size:contain;
		  background-position:right; 
		  position:absolute;
		  text-align:left; 
		  right:0px;
		  display:block; 
		  width:55px; 
		  font-size:1.1em; 
	  }
	   .portfolioArrows a.forward:hover{	
		  background-image:url(../img/avanti-ar.png);	
	  }	
  
  /*** gallery preview styles ***/
  .boxgrid{  
		-webkit-filter: grayscale(80%);
		filter: grayscale(100%);
		filter:	url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		display: block;
	  width: 307px;  
	  height: 307px;  
	  margin-right:10px;  
	  float:left;  
	  background:#fff;  
	  border: solid 3px #fff;  
	  overflow: hidden;  
	  position: relative;  
	  cursor: pointer;
 
  }
.boxgrid:hover {
		-webkit-filter: grayscale(0%);
		filter:	url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
/*		display: block;	*/
		-ms-transition: all 0.5s ease;
	}  

  .boxgrid img{  
	  position: absolute;  
	  top: 0;  
	  left: 0;  
	  border: 0;
	  width:307px;
	  height:307px;
  }  
  
  .boxgrid img.plus{  
	  position: absolute;  
	  top: 90px;  
	  left: 50%;
	  margin-left:-21px;
	  border: 0;  
  }
  
  .cover{
		float: left;  
	}
  .boxcaption{  
    float: left;  
    position: relative;  
    height: 307px;  
    width: 100%;  
	color:#fff;     
    padding:2px 0 0 2px; 
	background: /*#fff*/ url(../img/lente.png) no-repeat scroll right bottom; 
	opacity: .0;  
    /* For IE 5-7 */  
/*    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  */
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	
	
	/* Fallback for web browsers that doesn't support RGBa */
	/*background: rgb(236, 236, 236);
	background: rgba(236, 236, 236, 0.80);
	background: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ececed, endColorstr=#80ececed);
	-MS-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ececed, endColorstr=#80ececed)";
	*/
	
  }  

  
  .captionfull .boxcaption {  
	  top: 0;  
	  left: 0;  
  }  
  .caption .boxcaption {  
	  top: -30px;  
	  left: 0;  
  }  
  .client{
	font-family: 'HelveticaNeueLTStd65Medium', Arial, sans-serif;
	color:#ffffff;
	  font-size: 11pt;
  }
  .place{
	  font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
	  color:#fff; 
	  font-size: 11pt;
  }
  .dot{
		color:#e95f13;
	}
  
  /*** gallery styles ***/
  .overlay{
	  position:absolute;
	  top:70px;
	  left:0;
	  height:100%;
	  width:100%;
	  background:#6b5c51;
/*	  url(../img/spinner_white.gif) no-repeat scroll center center;*/
	  z-index:300;
	}
	.galleryDiv{
		z-index:400;
		position:relative;
		padding-top:0px;
		left:0;
		height:auto;
		width:auto;
		min-height:500px;
		min-width:800px;
		border:0px solid white;
	}
	.galleryDiv img.zoomer{
		z-index:401;
		position:absolute;
		top:0px;
		margin-top:90px;
		margin-left:0 auto;
		margin-right:0 auto;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 15px #fff;
		cursor:pointer;
	}
	
	.galleryDiv .leftArrow{
		position:absolute;
		left:-80px;
		top:50%;
		margin-top:-56px; 
	}
	
	.galleryDiv .rightArrow{
		position:absolute;
		top:50%;
		margin-top:-56px;	
	}
	#galleryLogo{
		<-index:601;
	}
	
	.close{
		position:absolute;
		width:25px; 
		height:25px; 
		right:10px;
		top:10px;
		z-index:500;
	
	}
	  .close a:link, .close a:visited{
		  color:#fff;
		  font-size:13px;
		  font-family: 'HelveticaNeueLTStd35Thin', Arial, sans-serif;
		  text-decoration:none;
	  }
	  .close a:hover{
		  color:#958f89;
	  }
	
	.info{
		position:absolute;
		width:auto;
		padding-top:30px;
		z-index:501;
		text-align:center; 
		
	}
	
	.spinner {
		 position: fixed;
		left: 50%;
		top: 50%;
		margin-left: -80px; /* half width of the spinner gif */
		margin-top: -12px; /* half height of the spinner gif */
		text-align:center;
		z-index:1234;
		overflow: auto;
		width: 160px; /* width of the spinner gif */
		height: 24px; /*hight of the spinner gif +2px to fix IE8 issue */
	}
	
	#portfolioInfo{
		position:absolute; 
		bottom:-80px; 
		margin-left:10px;
		font-size:15px; 
		z-index:200;
		color:#a19e9d;
	}