/*	Allineamenti pagina
---------------------------------------------*/
* {
	margin:0;
	padding:0;
	}

/*	Struttura
---------------------------------------------*/
html {
	height:100%;
	margin-bottom:1px;
	}

body {
	font:0.69em/1.64em Arial, Helvetiva, Verdana, sans-serif; 
	color:#824A4F;
	width:840px;
	margin:0 auto;
	}

/*	Pulizia elementi per allineamento
---------------------------------------------*/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.clearfix {display: inline-block;}

.clear {clear:both;}

/*	Links
---------------------------------------------*/
a {
	color:#824A4F;
	text-decoration:none;
	font-weight:400;
	border-bottom:1px solid #824A4F;
	outline:none;
	}

a:focus,
a:hover {
	text-decoration:none;
	border-bottom:1px solid #824A4F;
	color:#000;
	outline:none;
	}

/*	Caratteri in pagina
---------------------------------------------*/
h2 {
	font-size:1.45em;
	color:#683E3F;
	margin-bottom:22px;
	display:block;
	font-weight:500;
	}

h3 {
	color:#824A4F;
	font-size:1.09em;
	}

p {
	padding:0 0 8px;
	}

/*	Header
---------------------------------------------*/
#header {
	width:820px;
	padding:36px 0 18px;
	}
#header h1 {
	background:url("../img/logotype.jpg");
	float:left;
	height:134px;
	width:336px;
	}

#header h1 span {
	display:none;
	}

#header div {
	float:left;
	margin:9px 0 0 94px;
	width:320px;
	}

#header div h2 {
	color:#824A4F;
	font-size:1.36em;
	font-weight:700;
	line-height:1.36em;
	margin:0;
	}
#header div p {
	color:#999;
	font-size:1.26em;
	line-height:1.36em;
	}
#header div p {
	font-weight:400px;
	}

/*	Informazioni
---------------------------------------------*/
#information {
	display:none;
	width:820px;
	}

#information .col {
	float:left;
	}

#information .wide {
	width:820px;
	padding-left:10px;
	padding-right:10px;
	}

#information .narrow {
	width:190px;
	padding-left:10px;
	}

/*	News
---------------------------------------------*/
#news {
	background:url("../img/backgrounds/headline.gif") no-repeat;
	width:820px;
	padding:12px 10px 18px;
	}

#news .tabs-hide {
	display:none;
	}

#news .tabs-container {
	background: #fff;
	width:400px;
	float:left;
	position:relative;
	}

#news .tabs-container span {
	position:absolute;
	top:0;right:0;
	}

#news ul.tabs-nav {
	width:400px;
	float:right;
	border-top:1px solid #ccc;
	margin-top:4px;
	list-style:none;
	}

#news ul.tabs-nav li {
	border-bottom:1px solid #ccc;
	}

#news ul.tabs-nav li a {
	display: block;
	padding:4px;
	position:relative;
	border:0;
	}

#news ul.tabs-nav li a span {
	position:absolute;
	right:4px;
	font-weight:400;
	color:#868686;
	}

#news ul.tabs-nav li.tabs-selected a {
	color:#000;
	text-decoration:none;
	background:#fffee8;
	bottom:-1px;
	padding-top:3px;
	border-bottom:1px solid #824A4F;
	}

/*
	Progetti 
----------------------------------------------- */
#projects {
	width:820px;
	background:url("../img/backgrounds/headline.gif") no-repeat;
	padding:12px 10px 0;
	position:relative;
	}

#projects .nav a {
	position:absolute;
	display:block;
	height:31px;
	width:31px;
	top:3px;
	border:0;
	}

#projects .nav a.next {
	background:url("../img/projectsNext.gif") no-repeat;
	right:10px;
	border:0;
	}

#projects .nav a.prev {
	background:url("../img/projectsPrevious.gif") no-repeat;
	right:50px;
	border:0;
	}

#projects .nav a:hover {
	background-position:0 -40px;
	border:0;
	}

#projects .nav a span {
	display:none;
	}

.projectList{
	margin-left:-10px;
	}

.projectList ul {
	margin-left:10px !important;
	}

.projectList ul li {
	margin:0 20px 0 0;
	list-style:none;
	width:260px;
	height:224px;
	position:relative;
	}

.projectList ul li a {
	border:0;
	}

.projectList ul li a img {
	padding:1px;
	border:1px solid #eee;
	}

.projectList ul li h3 {
	color:#000;
	font-size:1em;
	display:inline;
	}

.projectList ul li p {
		display:inline;
		}

.projectList ul li a.visit {
	border-bottom:1px solid #fc0;
	}

.projectList ul li a.visit:hover {
	color:#000;
	}

.projectList .left {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background:url("../img/projectsShadeLeft.png") repeat-y;
	width:10px;
	display:block;
	z-index:2;
	}

.projectList .right {
	position:absolute;
	right:0;
	top:0;
	height:100%;
	background:url("../img/projectsShadeRight.png") repeat-y;
	width:10px;
	display:block;
	z-index:2;
	}

/*
	Gestione box lavori 
----------------------------------------------- */

#TB_overlay {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:300;
	background:transparent;
	}

#TB_window {
	display:none;
	position:absolute;
	z-index:302;
	}

#TB_window a {border:0 !important;}

#TB_window img {
	display:block;
	margin:28px 0 0 13px;
	padding:11px;
	border:0 !important;
	background:transparent url("../img/windowBg.png") no-repeat;
	}

#TB_caption {
	display:none;
	}

#TB_next {
	position:absolute;
	right:24px;
	top:260px;
	}

#TB_prev {
	position:absolute;
	left:12px;
	top:260px;
	}

#TB_next a,
#TB_prev a  {
	display:block;
	cursor:pointer;
	width:29px;
	height:29px;
	background:transparent url("../img/slideshowNext.png") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-weight:700;
	text-align:right;
	border:0 !important;
	}

#TB_prev a  {
	background:transparent url("../img/slideshowPrev.png") no-repeat;
	}


#TB_prev a span,
#TB_next a span {
	display:none;
	}


#TB_closeWindowButton {
	text-align:left;
	position:absolute;
	display:block;
	left:10px;
	top:26px;
	height:30px;
	width:30px;
	background:transparent url("../img/close.png") no-repeat;
	border:0 !important;
	z-index:300;
	}

#TB_closeWindow span {
	display:none;
	}

#TB_load {
	display:block;
	left:0;
	overflow:visible;
	position:absolute;
	text-align:center;
	top:50%;
	visibility:visible;
	width:100%;
	z-index:301;
	}

#TB_loadContent {
	height:32px;
	width:32px;
	left:50%;
	position:absolute;
	margin-left:-16px;
	margin-top:-16px;
	padding:6px;
	visibility:visible;
	background:url("../img/loadingWhiteBg.png") no-repeat;
	}

#TB_SecondLine,
#TB_ImageDIV {
	clear:both;
	}

/*	Vecchi progetti e collaborazioni
---------------------------------------------*/

#archivio {
	width:820px;
	background:url("../img/backgrounds/headline.gif") no-repeat;
	padding:12px 10px 0;
	}

#archivio .tabs-hide {
	display:none;
	}

#archivio .tabs-container {
	width:397px;
	margin-top:-40px;
	float:left;
	position:relative;
	}

#archivio .tabs-container h3 {
	font-size:1.20em;
	font-weight:300;
	color:##8A008A;
	margin-bottom:26px;
	}

#archivio .tabs-container p {
	float:left;
	background:#fff;
	}

#archivio .tabs-container img {
	float:right;
	background:#fff;
	border:1px solid #eee;
	padding:1px;
	}

#archivio ul.tabs-nav {
	list-style:none;
	width:420px;
	margin-top:4px;
	float:left;
	}
	
	
	
	
	/*Inizio codice prima icona ONE*/
#archivio ul.tabs-nav li.one {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.one a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Argonne.gif") no-repeat;
	}
/*Fine codice prima icona ONE*/

/*Inizio codice prima icona TWO*/
#archivio ul.tabs-nav li.two {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}

#archivio ul.tabs-nav li.two a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Aspesi.gif") no-repeat;
	}
/*Fine codice prima icona TWO*/

/*Inizio codice prima icona Three*/
#archivio ul.tabs-nav li.three {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}

#archivio ul.tabs-nav li.three a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Barba.gif") no-repeat;
	}
/*Fine codice prima icona Three*/

/*Inizio codice prima icona Quattro*/
#archivio ul.tabs-nav li.quattro {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}

#archivio ul.tabs-nav li.quattro a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Bellwood.gif") no-repeat;
	}
/*Fine codice prima icona Quattro*/

/*Inizio codice prima icona Cinque*/
#archivio ul.tabs-nav li.cinque {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}

#archivio ul.tabs-nav li.cinque a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Churchs.gif") no-repeat;
	}
/*Fine codice prima icona Cinque*/


/*Inizio codice prima icona Sei*/
#archivio ul.tabs-nav li.sei {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}

#archivio ul.tabs-nav li.sei a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Cohen.gif") no-repeat;
	}
/*Fine codice prima icona Sei*/

/*Inizio codice prima icona Sette*/
#archivio ul.tabs-nav li.sette {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.sette a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Crust.gif") no-repeat;
	}
/*Fine codice prima icona Sette*/

/*Inizio codice prima icona Otto*/
#archivio ul.tabs-nav li.otto {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.otto a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Cucinelli.gif") no-repeat;
	}
/*Fine codice prima icona Otto*/

/*Inizio codice prima icona Nove*/
#archivio ul.tabs-nav li.nove {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.nove a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Drumohr.gif") no-repeat;
	}
/*Fine codice prima icona Nove*/

/*Inizio codice prima icona Dieci*/
#archivio ul.tabs-nav li.dieci {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.dieci a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Friedman.gif") no-repeat;
	}
/*Fine codice prima icona Dieci*/

/*Inizio codice prima icona Undici*/
#archivio ul.tabs-nav li.undici {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.undici a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Glanshirt.gif") no-repeat;
	}
/*Fine codice prima icona Undici*/


/*Inizio codice prima icona Dodici*/
#archivio ul.tabs-nav li.dodici {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.dodici a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Incotex.gif") no-repeat;
	}
/*Fine codice prima icona Dodici*/

/*Inizio codice prima icona Tredici*/
#archivio ul.tabs-nav li.tredici {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.tredici a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Milkywear.gif") no-repeat;
	}
/*Fine codice prima icona Tredici*/


/*Inizio codice prima icona Quattordici*/
#archivio ul.tabs-nav li.quattordici {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.quattordici a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Jaipur.gif") no-repeat;
	}
/*Fine codice prima icona Quattordici*/

/*Inizio codice prima icona Quindici*/
#archivio ul.tabs-nav li.quindici {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.quindici a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/MC2.gif") no-repeat;
	}
/*Fine codice prima icona Quindici*/

/*Inizio codice prima icona Sedici*/
#archivio ul.tabs-nav li.sedici {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.sedici a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Orciani.gif") no-repeat;
	}
/*Fine codice prima icona Sedici*/


/*Inizio codice prima icona Diciasette*/
#archivio ul.tabs-nav li.diciotto {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.diciasette a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Sanfort.gif") no-repeat;
	}
/*Fine codice prima icona Diciotto*/




/*Inizio codice prima icona Diciotto*/
#archivio ul.tabs-nav li.diciotto {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.diciotto a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Tagliatore.gif") no-repeat;
	}
/*Fine codice prima icona Diciotto*/

/*Inizio codice prima icona Diciannove*/
#archivio ul.tabs-nav li.diciannove {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.diciannove a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Twinset.gif") no-repeat;
	}
/*Fine codice prima icona Dicinnove*/

/*Inizio codice prima icona Venti*/
#archivio ul.tabs-nav li.dventi {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.venti a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Uniform.gif") no-repeat;
	}
/*Fine codice prima icona Venti*/

/*Inizio codice prima icona Ventuno*/
#archivio ul.tabs-nav li.ventuno {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}
	
#archivio ul.tabs-nav li.ventuno a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/Zanone.gif") no-repeat;
	}
/*Fine codice prima icona Ventuno*/	
	
	

#archivio ul.tabs-nav li {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
	}

#archivio ul.tabs-nav li a {
	position:relative;
	border:1px solid #ccc;
	display:block;
	width:48px;
	height:48px;
	background:#fff url("../img/backgrounds/archivio.gif") no-repeat;
	}

#archivio ul.tabs-nav li a span {
	display:none;
	}

#archivio ul.tabs-nav li a:hover {
	border:1px solid #8A008A;
	}

#archivio ul.tabs-nav li a:hover span{
    display:block;
    position:absolute;
	top:-32px;
	left:-38px;
    z-index:300;
	width:120px;
	padding:5px;
    text-align:center;
	color:#222;
	background:url("../img/peopleSpan.png") no-repeat;;
	overflow:hidden;
	}

#archivio .tabs-nav .tabs-selected a {
	border:1px solid #8A008A;
	background-image:none;
	background-color:#fff;
	}


/*	Contatti
---------------------------------------------*/
#contact {
	background:url("../img/backgrounds/headline.gif") no-repeat;
	padding:12px 10px 18px;
	width:820px;
	}

#contact p {
	width:210px;
	float:left;
	padding:0;
	}

/*	Footer
---------------------------------------------*/
#footer {
	border-top:1px solid #ccc;
	padding:12px 10px;
	text-align:right;
	}

/* Sound
---------------------------------------------*/
#flash{
	display:inline;
	width:1px;
	height:1px;
	}


/* Pagina Intro
---------------------------------------------*/
#contenitore
{
	border:1px solid red;
	width:500px;
	height:400px;
	}