/* Cleaner */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.2;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
table,td,th {vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q {quotes:;}
a img {border:none;}
input, button, textarea{outline:none;}
*{padding:0; margin:0; border:0; color:#1a1a1a; font-family:/*'geosanslightregular','quicksandregular'*/'hero_lightlight';font-size:14px;letter-spacing:/*0.01em*/}
/* Generale */
a:link, a:visited, a:hover, a:active{text-decoration:none; color:#1a1a1a; border:0 none; outline: none;}
p{margin:0 0 10px 0; font-size:14px;}
.left{float:left;}
.right{float:right;}
/* Scrolling page */
#container, #wrapper{float:left;}
#container{overflow:hidden; width:100%; min-width:980px;}
div.content{float:left;}
body{overflow: hidden;}/*elimina la barra di scorrimento nella pagina*/
/********************
** Header - Menu **
********************/
header{display:block; margin:0 auto; height:126px; width:980px; margin-top:36px; /*margin-bottom:36px;*/ position:relative;}
header .hgroup {float:left;}
header .hgroup h1 {text-indent:-9999px; float:lef; margin-left:30px;}
header .hgroup h1.logo1 {height:66px; width:258px; background: url('../images/logo_part_1.jpg');}
header .hgroup h1.logo2 {height:60px; width:374px; background: url('../images/logo_part_2.jpg');}
header ul {list-style-type:none; text-transform:uppercase; }
header nav {float:left;}
/* Menu logo */
header nav ul.media {position:relative; left:-116px;}
header nav ul.media li {height:20px;}
header nav ul.media li a {line-height:14px; height:14px; width:116px; display:block; font-size:13px; color:#f2f2f2; padding:1px 1px 0 1px; margin-top:2px; margin-left:2px; letter-spacing:-0.03em;}
header nav ul.media li a.composer {background:#79B6BB;}
header nav ul.media li a.designer {background:#E7CA9B;}
header nav ul.media li a.performer {background:#E69381; margin-top:1px}
/* Menu */
header nav ul.site {transform:rotate(270deg);
/* Safari and Chrome */-webkit-transform: rotate(270deg);
/* Opera */ -o-transform: rotate(270deg);
/* Firefox */ -moz-transform: rotate(270deg);
/* IE 9 */ -ms-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
position:absolute; top:44px; margin-left:8px;
[if lte IE 8]top:46px;}
header nav ul.site li {height:22px;}
header nav ul.site li a {line-height:14px; height:14px; width:78px; display:block; font-size:13px; color:#f2f2f2; padding:1px 1px 0 1px; margin-left:6px;}
header nav ul.site li a.home {background:#EE8280;}
header nav ul.site li a.about {background:#82A5C1;}
header nav ul.site li a.show {background:#9CB392;}
header nav ul.site li a.back {background:#B17594;}
/* Menu Social */
header ul.social {transform:rotate(270deg);
/* Safari and Chrome */-webkit-transform: rotate(270deg);
/* Opera */ -o-transform: rotate(270deg);
/* Firefox */ -moz-transform: rotate(270deg);
/* IE 9 */ -ms-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
position:absolute; top:-19px; left:476px;
[if lte IE 8]top:-37px;
[if lte IE 8]left:497px;}
header ul.social li{height:22px;}
header ul.social li a {line-height:14px; height:15px; width:98px; display:block; font-size:13px; color:#f2f2f2; padding:1px 1px 0 1px; margin-left:6px;background:/*url('../images/menu/social_menu.png') no-repeat 0 0*/#C5C6C8;}
/* Lingua - slider */
header div.options{height:26px; line-height:26px; width:396px; float:right;margin-right:30px;}
header div.options span {color:#999999; font-size:14px}
header div.options span a {color:inherit;}
header div.options span a:hover,
body#it header div.options span a.current_it,
body#en header div.options span a.current_en,
body#de header div.options span a.current_de {color:#1a1a1a;}
header div.options span.lenguage {margin-left:77px;}
header div.options span.slider {float:right;}
header div.options span.slider img {vertical-align:middle; margin:0 4px}
/* titolo pag */
h1.title{text-indent:-9999px; width:460px; height:/*100px*/38px; float:right;margin-top:-133px/*-226px*/; /*margin-left:-459px*/ color:#ffffff;}
#home h1.title {background:url('../images/titoli/home_page_title.jpg') no-repeat right;}
#about_me h1.title {background:url('../images/titoli/about_me_title.jpg') no-repeat right;}
#backstage h1.title {background:url('../images/titoli/backstage_title.jpg') no-repeat right;}
#music_composer h1.title {background:url('../images/titoli/music_composer_title.jpg') no-repeat right;}
#performer_dj h1.title {background:url('../images/titoli/performer_dj_title.jpg') no-repeat right;}
#showreel h1.title {background:url('../images/titoli/showreel_title.jpg') no-repeat right;}
#sound_design h1.title {background:url("../images/titoli/sound_design_title.jpg") no-repeat right;}
/*************
** Content **
************/
.wall{height:54px; width:100%; background:url('../images/page_color_bar.png'); margin-top:50px}
section{width:980px; margin:0 auto; display:block; margin-top:36px; /*margin-bottom:36px;*/ min-height:280px}
section img.foto{width:430px; height:280px; float:left; margin-left:30px}
section article {display:block; float:left; margin:0 30px; width:460px; height:280px; /*overflow:hidden;*/}
section article .content_box {width:460px; height:280px; overflow:hidden; position:relative;}
section article p {margin-right:10px}
section article h3 {text-transform:uppercase;}
section article h3.track_title{margin-top:20px}
section article iframe {margin-top:10px; [if lte IE 8]height:80px;}
/* Video */
ul.video_box{width:448px;}
ul.video_box li {height:107px; width:107px; display:block; float:left; border:2px solid #ffffff;}
ul.video_box li.video1{background:#79B6BB;}
ul.video_box li.video2{background:#D7CBA6;}
ul.video_box li.video3{background:#D1E3E9;}
ul.video_box li.video4{background:#EE8280;}
ul.video_box li.video5{background:#B17493;}
ul.video_box li.video6{background:#B49492;}
ul.video_box li.video7{background:#F7F2D1;}
ul.video_box li.video8{background:#82A5C1;}
/* Performer and Dj */
h3.switch a {color:#999999;}
h3.switch a:hover,
h3.switch a.current {color:#1a1a1a;}
div.hidden {display:none;}
h4 {line-height:30px}
/* Home */
#home .wrapper_img{width:450px; overflow:hidden;}
h3.switch_three a {color:#999999;}
h3.switch_three a:hover,
h3.switch_three a.current {color:#1a1a1a;}
/* Pretty Photo */
.pp_pic_holder {font-family:/*'geosanslightregular'*/'hero_lightlight';}
.pp_description{float:left; margin:8px 0 !important; width:100%;}
a.pp_close {bottom:1px !important; top:auto !important;}
/* Form Backstage-Contatti */
p.alert,
p.confirm{text-transform:uppercase; display:none; font-size:16px; padding:2px 0 0 2px; color:#ffffff; line-heigh:16px; width:110%}
p.alert{background:#EE8280;}
p.confirm{background:#9cb392}
form#contatti {border:1px solid #C5C6C8; padding:13px; display:block; float:left; font-size:14px}
form#contatti label {width:65px; text-align:right; display:block; float:left; line-height:26px;}
form#contatti input,
form#contatti textarea {background:#C5C6C8; margin:0 0 24px 9px; display:block; float:left; padding:3px; font-size:14px; border:2px solid transparent;}
form#contatti textarea {width:338px; overflow: auto;}
form#contatti input {width:126px;}
form#contatti button {width:134px; float:right; margin-right:9px; background:#9cb392; color:#f2f2f2; font-size:14px; cursor:pointer; padding:1px;}
form#contatti .error {border-color:#EE8280;}
/************
** Footer **
**********/
footer{display:block; height:36px; width:980px; margin:0 auto; font-size:14px}
footer span {margin:36px 30px 0 30px}
/**********
** Index **
**********/
body#intro {background:url('../images/intro/texture.png');}
body#intro div#wrapper {background-color:#ffffff; width:100%; margin-top:223px;}
body#intro div#content {margin:0 auto; width:1020px; padding:0; line-height:0px; font-size:14px;}
body#intro div#content img {padding:3px 2px; vertical-align:middle;}
body#intro div#content span {float:right; display:block; margin-top:42px;}
body#intro div#content span a {color:#999999; font-family:/*'geosanslightregular'*/'hero_lightlight';}