/* Less CSS */


/* ----- Header -----*/

header { position: fixed; background: white; top: 0; width: 100%; z-index: 2; 
	ul.menu { width: 715px; height: 46px; margin: 0 auto; border-bottom: 1px solid #d9d9d9; text-align: center;
		li { display: inline; padding: 0 14px; font: bold 16px/46px Arial, Helvetica, sans-serif; text-transform: uppercase;
			a:hover { text-decoration: none; }
			&.link_01 a { color: #e10086; }
			&.link_02 a { color: #d7c800; }
			&.link_03 a { color: #80b539; }
			&.link_04 a { color: #ed1c24; }
			&.link_05 a { color: #00aeef; }
			&.link_06 a { color: #005297; }
		}
	}
}
.header_links_wrapper { position: fixed; top: 47px; width: 100%; z-index: 2; }
.header_links { width: 715px; margin: 0 auto; text-align: right; }
.header_links a { font: 10px Arial, Helvetica, sans-serif; color: #313131; }


/* ----- Page content -----*/

.content { position: relative; z-index: 1; padding-top: 47px; /* l'altezza dell'header */ }

h1 { position: absolute; top: 230px + 47; left: 50%; margin-left: 569px / -2; /* width: 569px; */ z-index: 2;
	span.letter { display: block; float: left; position: relative; text-indent: -9999px; height: 85px;
		&.letter_01 { background: url(../img_layout/headline_01.gif) left top no-repeat; width: 63px; }
		&.letter_02 { background: url(../img_layout/headline_02.gif) left top no-repeat; width: 50px; }
		&.letter_03 { background: url(../img_layout/headline_03.gif) left top no-repeat; width: 48px; }
		&.letter_04 { background: url(../img_layout/headline_04.gif) left top no-repeat; width: 18px; }
		&.letter_05 { background: url(../img_layout/headline_05.gif) left top no-repeat; width: 54px; }
		&.letter_06 { background: url(../img_layout/headline_06.gif) left top no-repeat; width: 75px; }
		&.letter_07 { background: url(../img_layout/headline_07.gif) left top no-repeat; width: 61px; }
		&.letter_08 { background: url(../img_layout/headline_08.gif) left top no-repeat; width: 51px; }
		&.letter_09 { background: url(../img_layout/headline_09.gif) left top no-repeat; width: 49px; }
		&.letter_10 { background: url(../img_layout/headline_10.gif) left top no-repeat; width: 51px; }
		&.letter_11 { background: url(../img_layout/headline_11.gif) left top no-repeat; width: 49px; }
	}
	.caption { position: absolute; top: 67px; left: 232px; white-space: nowrap; font: bold 18px Arial, Helvetica, sans-serif; color: #313131; }
}

/* ----- Home -----*/

#main {  }

.page { /*min-height: 100%; height: auto !important; height: 100%;*/ padding-bottom: 30px; }

#home { /*background: #f5deb3;*/ padding-bottom: 20px; overflow: hidden;
	.dancer { position: relative; width: 700px; height: 314px; margin: -10px auto 0;
		div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.background_01 { background: url(../img_layout/dancer_01/pattern_01.gif) -50px -30px no-repeat; }
		.background_02 { background: url(../img_layout/dancer_01/pattern_02.gif) -50px -30px no-repeat; }
		.background_03 { background: url(../img_layout/dancer_01/pattern_03.gif) -50px -30px no-repeat; }
		.background_04 { background: url(../img_layout/dancer_01/pattern_04.gif) -50px -30px no-repeat; }
		.mask { background: url(../img_layout/dancer_01/mask.gif) center left no-repeat; }
	}
	.dovequando { padding-top: 110px;
		.inside { margin: 0 auto; text-indent: -9999px; background: url(../img_layout/dovequando.gif) left top no-repeat; width: 505px; height: 71px; }
	}
}
#produzione, #info { font: 14px/16px Arial, Helvetica, sans-serif; color: #313131;
	.dancer { position: relative; width: 316px; height: 584px; margin: -10px 0 0; /*float: left; margin-right: 35px;*/
		div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.background_01 { background: url(../img_layout/dancer_02/pattern_01.gif) -50px -30px no-repeat; }
		.background_02 { background: url(../img_layout/dancer_02/pattern_02.gif) -50px -30px no-repeat; }
		.background_03 { background: url(../img_layout/dancer_02/pattern_03.gif) -50px -30px no-repeat; }
		.background_04 { background: url(../img_layout/dancer_02/pattern_04.gif) -50px -30px no-repeat; }
		.mask { background: url(../img_layout/dancer_02/mask.gif) center left no-repeat; }
	}
	.content { float: right; width: 600px; padding-top: 45px;
		h2 { font: bold 30px Arial, Helvetica, sans-serif; text-transform: uppercase; }
		p { margin-bottom: 12px; }
		a { color: #313131; }
	}
}
#produzione .content h2 { color: #d7c800; }
#info .content h2 { color: #005297; }

#photo_gallery, #video_gallery { clear: both; padding-top: 30px;
	.gallery { width: 590px; margin: 0 auto; }
	.nav { padding-top: 20px; font: bold 14px Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; }
	.nav, .nav a { color: #313131; }
	.nav span { position: relative; top: -2px; /* per centrare verticalmente frecce e pipes */ }
	
	.caption { width: 590px; margin: 0 auto; text-align: right; font: 10px Arial, Helvetica, sans-serif; color: #313131; }
}


/* ----- Footer -----*/

footer { height: 63px; background: white; position: fixed; padding-top: 5px; bottom: 0; width: 100%; z-index: 2;
	ul.brands { width: 796px; margin: 0 auto;
		li { float: left; padding: 0 13px;
			a { display: block; height: 52px; text-indent: -9999px; }
			&.brand_01 a { background: url(../img_layout/brand_01.gif) center top no-repeat; width: 56px; }
			&.brand_02 a { background: url(../img_layout/brand_02.gif) center top no-repeat; width: 39px; }
			&.brand_03 a { background: url(../img_layout/brand_03.gif) center top no-repeat; width: 91px; }
			&.brand_04 a { background: url(../img_layout/brand_04.gif) center top no-repeat; width: 40px; }
			&.brand_05 a { background: url(../img_layout/brand_05.gif) center top no-repeat; width: 51px; }
			&.brand_06 a { background: url(../img_layout/brand_06.gif) center top no-repeat; width: 41px; }
			&.brand_07 a { background: url(../img_layout/brand_07.gif) center top no-repeat; width: 66px; }
			&.brand_08 a { background: url(../img_layout/brand_08.gif) center top no-repeat; width: 89px; }
			&.brand_09 a { background: url(../img_layout/brand_09.gif) center top no-repeat; width: 89px; }
		}
	}
}