@charset "utf-8";
body{
	margin:0 auto;
	margin:0;
	padding:0;
	font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	background:#FBFBFB}
a:link {
	color:#3D2922;
	text-shadow:white 0px 1px 0px;
	text-decoration: none}
a:visited {
	text-decoration: none;
	color: #333333}
a:hover {
	color:#39F;
	text-decoration:none}
a:active {
	text-decoration: none;
	color: #333333}

img {
	border:0}

h1 {
	font:italic normal 25px/1.3;
	text-shadow: white 0px 1px 0px;
	color:#3D2922} 
h2 {
	font:normal 20px/1.9;
	color:#3D2922;}
h3 {
	font-size:16px;
	line-height:1.1;
	font-weight:normal;
	text-shadow: white 0px 1px 0px;
	word-spacing:-3px;
	color:#333}
h4 {
	font-size:14px;
	line-height:1.4;
	font-weight:normal;
	word-spacing:0px;
	color:#999}
h5 {
	font-size:12px;
	font-weight:normal;
	word-spacing:0px;
	color:#333}
h6 {
	font-size:11px;
	font-weight:normal;
	word-spacing:0px;
	color:#999}
blockquote {
	font-style:italic}


/* STANDARD ITEMS */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0}
.center_text{
	text-align:center}
.clear{
	clear:both}
.h1-toppage {
	background:url(../img/bg_h1_title.jpg) bottom repeat-x;
	color:#333;
	font-size:22px;
	font-weight:normal;
	word-spacing:-2px;
	padding:0px 0px 5px 20px;
	height:20px}
.h2-Paragraph {
	color:#000;
	font-size:18px;
	font-weight:normal;
	word-spacing:-2px;
	padding:5px 20px;
	text-shadow: white 0px 1px 0px;
	border-bottom:1px solid #CCC;
	height:20px}
.box_title_toppage{
	width:100%;
	height:auto;
	clear:both;
	margin:0 auto;
	margin-bottom:25px}

/* FOOTER */
#footer {
	margin:0 auto;
	clear:both;
	width:980px;
	margin-bottom:30px}
	#footer #content {
		width:100%;
		clear:both;
		border-radius: 3px;
		border:1px solid #DDD;
		-moz-box-shadow: 0 0 3px #FFF;
		-webkit-box-shadow: 0 0 3px #FFF;
		box-shadow: 0 0 3px #FFF}
		#footer #content #top{
			margin:0;
			padding:10px 10px;
			clear:both;
			width:960px;
			color:#999}
		#footer #content #bottom{
			position:relative;
			padding:10px 0px 0px 10px;
			width:970px;
			height:135px;
			clear:both;
			background:url(../img/bg_footer.jpg) repeat-y}
			#footer #content #bottom .footer_box{
				float:left;
				width:137px}
				#footer #content h5 {
					font: 12px;
					line-height:2.0;
					text-shadow: #FFF 0px 1px 0px;
					color:#999}
				#footer #content h5 a{
					font: 12px;
					line-height:2.0;
					text-shadow: #FFF 0px 1px 0px;
					color:#CCC}
				#footer #content h5.exp a{
					font: 12px;
					line-height:2.0;
					text-shadow: #FFF 0px 1px 0px;
					color:#666}
				#footer #content h5 a:hover{
					text-shadow: #FFF 0px 1px 0px;
					color:#39F}
				#footer #content h5 span{
					font: 12px/1.6;
					text-shadow: #FFF 0px 1px 0px;
					color:#666}
		#footer #content #widget{
			padding:10px 10px 25px 10px;
			border-top:1px solid #DDD;
			border-bottom:1px solid #EEE;
			width:960px;
			height:5px;
			clear:both}
			#footer #content #widget img{
				vertical-align:middle}
		#footer #content #social{
			margin:0 auto;
			text-align:center;
			padding-top:10px;
			border-bottom:1px solid #EEE;
			width:980px;
			height:80px;
			clear:both}
			#footer #content #social img{
				padding:0px 25px 0px 25px}
		#footer #content #social2{
			margin:0 auto;
			text-align:center;
			padding-top:10px;
			border-bottom:1px solid #EEE;
			width:980px;
			height:80px;
			clear:both}
			#footer #content #social2 img{
				padding:0px 15px 0px 15px}
		#footer #content #copy{
			padding:10px 10px 20px 10px;
			width:960px;
			height:10px;
			clear:both}
			#footer #content #copy h6{
				padding-top:2px}
			#footer #content .content_float_left {
				float:left;
				width:550px}
			#footer #content .content_float_right {
				float:right;
				width:350px;
				text-align:right}
				#footer #content .content_float_right img{
					border-radius:4px}
	



/* FORM LOGIN 
.login_row {
	width: 100%;
	float:left;
	margin-bottom: 10px;
	overflow: hidden}
label {
	color: #999999;
	font-style: italic;
	margin-bottom: 5px;
	width: 100%;
	display: block}
input.text {
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 150px;
	padding: 0px 2px 0px 3px;
	border: 1px dashed #CBC8BE;
	font-size: 14px;
	font-family: Georgia, serif;
	color: #4A3D2E}
input.submit {
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px dashed #729E9B;
	padding: 4px;
	cursor:pointer;
	font-family: "Book Antiqua", Georgia, serif;
	color: #577A77;
	text-shadow: 1px 1px white;
	font-size: 13px;
	width: 60px;
	font-style: italic}*/


/* INDEX */
#index{
	width:980px;
	margin:0 auto;
	padding-top:50px}
	#index #miniBar {
		float:right;
		width:500px;
		text-align:right;}
	#index #content{
		margin:0 auto;
		clear:both;
		width:983px;
		height:551px;
		background:#FFF;
		border:1px solid #CCC;
		border-radius: 5px;
		-moz-box-shadow: 0 0 5px #CCC;
		-webkit-box-shadow: 0 0 5px #CCC;
		box-shadow: 0 0 5px #CCC}
		
		
		
		
		
		
		#index #content #boxCont{
			float:left;
			width:737px;
			height:552px}
			#index #content #boxCont .box_up{
				float:left;
				width:737px;
				height:275px}
			#index #content #boxCont .box_dw{
				float:left;
				width:737px;
				border-top:1px solid #CCC;
				height:275px}
			
			#index #content .item{
				float:left;
				width:245px;
				height:275px;
				cursor:pointer}
			#index #content .item a {
				display: block;
				overflow: hidden;
				width:205px;
				height:235px;
				padding:20px;}
			#index #content .item a:hover { 
				background:url(../img/bg_enter_boxH.jpg) no-repeat}
	
				#index #content .itemCertRIPRISTINA{
					float:left;
					width:697px;
					height:235px;
					padding:20px}
				#index #content .itemCert{
					float:left;
					width:451px;
					height:235px;
					padding:20px}
				#index #content .itemCert span{
					color:#999}	
				#index #content .itemCert h3, h4{
					margin-bottom:10px}	
				#index #content .itemCert .title{
					color:#666}
				#index #content .itemCert .title2{
					color:#999}	
				#index #content .itemCert .text{
					line-height:1.5em;
					font-size:13px;
					color:#666}
				#index #content .itemCert .info{
					line-height:1.5em;
					font-size:13px}	
				#index #content .itemCert .link{
					color:#39F}
		
		
		#index #content .vertical{
			float:left;
			width:245px;
			height:551px}
		#index #content .border{
			border-right:1px solid #CCC}
		#index #content .borderl{
			border-left:1px solid #CCC}
		#index #content .background{
			/* IE10 */
			background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #efefef 100%);
			/* Mozilla Firefox */
			background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #efefef 100%);
			/* Opera */
			background-image: -o-linear-gradient(top left, #FFFFFF 0%, #efefef 100%);
			/* Webkit (Safari/Chrome 10) */
			background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #efefef));
			/* Webkit (Chrome 11+) */
			background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #efefef 100%);
			/* Regola standard */
			background-image: linear-gradient(top left, #FFFFFF 0%, #efefef 100%);}
			#index #content .item{
				float:left;
				width:245px;
				height:275px;
				cursor:pointer}
				#index #content .item a {
					display: block;
					overflow: hidden;
					width:205px;
					height:235px;
					padding:20px;}
				#index #content .item a:hover { 
					background:url(../img/bg_enter_boxH.jpg) no-repeat}
			#index #content .borderb{
				border-bottom:1px solid #CCC}
			
			#index #content .item span{
				color:#999}	
			#index #content .item h3, h4{
				margin-bottom:10px}	
			#index #content .item .title{
				color:#666}	
			#index #content .item .text{
				line-height:1.5em;}	
			#index #content .item .link{
				color:#39F}
			#index #content #certified img{
				margin-top:10px}
			#index #content #studio img{
				margin-top:25px}
			#index #content #adv img{
				margin-top:25px}
			
					
					
					
					
					
					
					
					
					

/* PAGE */
#page{
	width:980px;
	margin:0 auto}
	/*#page h1 {
		background:url(../img/bg_h1_title.png) repeat-x;
		color: #3D2922;
		font-size:18px;
		text-shadow: white 0px 1px 0px;
		padding: 7px 0px 0px 20px;
		height:35px} */
	#page h3 {
		font-size:14px;
		line-height:1.3;
		font-weight:normal;
		padding:20px;
		text-shadow: white 0px 1px 0px;
		word-spacing:1px;
		color:#666}
	#page h4 {
		font-size:13px;
		line-height:1.3;
		font-weight:normal;
		padding:0px 0px 30px 20px;
		text-shadow: white 0px 1px 0px;
		word-spacing:1px;
		color:#999}
	#page span.span-toppage {
		color:#555050;
		word-spacing:-2px;
		text-shadow: white 0px 1px 0px;}
	#page span {
		color:#555050;
		word-spacing:-2px;
		text-shadow: white 0px 1px 0px;}
	#page span.data {
		font-size:14px;
		color:#C00;
		font-weight:normal}
	#page span.titolo {
		font-size:15px;
		color:#333;
		font-weight:normal}
	#page span.link {
		font-size:14px;
		color:#39F;
		font-weight:normal}
	#page span.dettagli {
		color:#999;
		font-weight:normal}
	#page span.action{
		color:#333}
	#page .contenitor{
		width:980px;
		clear:both;
		display:block}
	#page .contenitor700_right{
		width:700px;
		float:right}
	#page .contenitor700_left{
		width:700px;
		float:left}
	#page .contenitor280_right{
		width:250px;
		float:right;
		padding:18px 20px 0px 0px}
	#page .contenitor250_left{
		width:250px;
		float:left}
	#page .contenitor940{
		width:940px;
		margin:20px 0px 0px 20px}
	
.box_background{
	/* IE10 */
	background-image: -ms-linear-gradient(top right, #FFFFFF 0%, #F6F6F6 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top right, #FFFFFF 0%, #F6F6F6 100%);
	/* Opera */
	background-image: -o-linear-gradient(top right, #FFFFFF 0%, #F6F6F6 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #FFFFFF), color-stop(1, #F6F6F6));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top right, #FFFFFF 0%, #F6F6F6 100%);
	/* Regola standard */
	background-image: linear-gradient(top right, #FFFFFF 0%, #F6F6F6 100%)}

#page .box980{
	width:980px;
	height:auto;
	clear:both;
	margin:0 auto;
	padding-bottom:25px;
	margin-bottom:25px;
	border-radius: 3px;
	border:1px solid #999;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC}
#page .box700{
	width:700px;
	margin:0 auto;
	float:right;
	padding-bottom:25px;
	margin-bottom:25px;
	border-radius: 3px;
	border:1px solid #999;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC}
#page .box550{
	width:550px;
	margin:0 auto;
	float:right;
	padding-bottom:25px;
	margin-bottom:25px;
	border-radius: 3px;
	border:1px solid #999;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC}
#page .box513{
	width:513px;
	margin:0 auto;
	float:left;
	padding-bottom:25px;
	margin-bottom:25px;
	border-radius: 3px;
	border:1px solid #999;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC}
	#page .box513 .person{
		margin:0 auto;
		width:255px;
		float:left}
	#page .box513 .person_border{
		border-left:1px solid #FFF}
#page .box440{
	width:440px;
	margin:0 auto;
	float:right;
	padding-bottom:25px;
	margin-bottom:25px;
	border-radius: 3px;
	border:1px solid #999;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC}
#page .box400{
	width:400px;
	margin:0 auto;
	float:left;
	padding-bottom:25px;
	margin-bottom:25px;
	border-radius: 3px;
	border:1px solid #999;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC}
#page .box250{
	width:250px;
	margin:0 auto;
	float:left;
	padding-bottom:25px;
	margin-bottom:25px;
	border-radius: 3px;
	border:1px solid #999;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC}


/* SHOW REEL */
		/* Shared styles */
        .drop-shadow {
            position:relative;
			margin:0 auto;
            float:left;
            width:200px;    
            padding:1em; 
            margin:10px 12px 10px; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset}
			.drop-shadow h5{
				margin-top:10px}
        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2}
        .drop-shadow p {
            font-size:16px;
            font-weight:bold}
        /* Raised shadow - no pseudo-elements needed */
        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset}

#showreel_video{
	float:left;
	clear:both;
	display:block;
	margin-left:25px;
	width:550px;
	height:420px;
	border-radius: 3px;
	border:1px solid #999}
#showreel_info{
	float:right;
	width:350px;
	height:420px;
	margin-right:25px;
	border-radius: 3px;
	border:1px solid #999} 
	.showreel_minheight{
		min-height:550px}
	.showreel-h2{
		color: #3D2922;
		background:url(../img/bg_show_info.jpg) top repeat-x;
		font-size:15px;
		text-shadow: white 0px 1px 0px;
		padding: 3px 0px 0px 20px;
		height:25px}
	.show_top{
		width:100%;
		height:25px}
	.show_contVideo{
		width:100%;
		margin-top:20px;
		padding:0px 0px 0px 62px}
	.show_contInfo{
		width:100%;
		margin-top:20px;
		padding:0px 0px 0px 20px}
		#showreel_info .show_contInfo ul{
			list-style:none}
			#showreel_info .show_contInfo ul li {
				font-size:14px;
				line-height:1.3;
				padding-bottom:10px;
				font-weight:normal;
				text-shadow: white 0px 1px 0px;
				word-spacing:2px;
				color:#666}
				#showreel_info .show_contInfo ul li span{
					font-size:14px;
					line-height:1.3;
					padding-bottom:10px;
					font-weight:normal;
					text-shadow: white 0px 1px 0px;
					word-spacing:1px;
					color:#333}

#showreel_more{
	clear:both;
	display:block;
	margin:25px;
	padding-bottom:25px;
	width:930px;
	min-height:250px;
	border-radius: 3px;
	border:1px solid #999}
	#showreel_more .show_contInfo ul{
			list-style:none;
			display:inline}
		#showreel_more .show_contInfo ul li{
			padding-left:50px}
/* FINE SHOW REEL */

/* MIXING */
.mixing_box{
	float:left;
	width:324px;
	height:250px;
	padding-top:20px}
.how_to{
	width:100%;
	border-top:1px solid #CCC}
.how_to ul{
	list-style-type:square;
	padding-left:20px}
	.how_to ul li{
	padding-bottom:20px}
.price_left{
	float:left;
	width:600px}
.price_right{
	float:right;
	width:250px;
	padding-right:20px;
	text-align:right}
	.price_right ul{
	list-style:none;
	color:#900;
	padding-left:20px}
/* FINE MIXING */

/* RECORDING STUDIO */
.partnership{
	margin:0 auto;
	width:980px;
	padding-top:20px}
	.drop-shadow_partner {
            position:relative;
			margin:0 auto;
            float:left;
            width:160px;    
            padding:1em; 
            margin:10px 12px 10px; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset}
	.partnership ul{
			list-style:none;
			display:inline}
		.partnership ul li{
			padding-left:50px}
.recording_bg{
	background:url(../img/bg_recording.jpg) repeat-y}

.recording_box_temp{
	float:left;
	width:306px;
	height:500px}
#recording_box_details_studio{
	float:left;
	width:674px;}
#recording_box_details{
	float:left;
	width:300px}
#recording_box_info{
	float:left;
	width:374px}
#result {
  width: 300px}
.recording_box_info{
	float:left;
	width:380px}
#page .h1_recording {
		background:url(../img/bg_h1_title.png) repeat-x;
		color: #3D2922;
		font-size:18px;
		text-shadow: white 0px 1px 0px;
		padding: 7px 0px 0px 20px;
		height:27px}

.recording_details{
	width:240px;
	display:block;
	height:13px;
	margin-bottom:10px;
	padding:10px 0px 5px 20px}
	.recording_details a{
		width:240px;
		display:block;
		height:13px;
		padding-right:10px;
		background:url(../img/link.png) bottom right no-repeat}
	.recording_details a:hover{
		background:url(../img/linkA.png) bottom right no-repeat}
/* FINE RECORDING STUDIO */

/* ABOUT E ALESSANDRO */
 ul.intour{
	 list-style-type:square;
	 margin-top:20px;
	 padding-left:30px}
	 ul.intour li{
		padding:0px 0px 10px 10px}
.am_slideshow{
	height:596px}
.am_certification{
	height:100%}
/* FINE ABOUT E ALESSANDRO */

/* CONTACT PAGE */
.contact_logo{
	float:left;
	margin:0px 20px 0px 10px;
	width:250px;
	height:250px}
.contact_info{
	float:left;
	height:250px;
	width:250px;
	border-radius: 3px;
	margin-left:40px;
	border:1px solid #999}
	.contact_info_h4{
		padding-right:20px}
#map{
	width:900px;
	height:400px;
	margin:0 auto;
	margin:20px 0px 0px 25px}
/* FINE CONTACT PAGE */

/* NEWS PAGE */
.content_news{
	width:100%}
.news-h2{
	color: #3D2922;
	background:url(../img/bg_show_info.jpg) top repeat-x;
	font-size:11px;
	text-align:right;
	word-spacing:1px;
	text-shadow: white 0px 1px 0px;
	padding: 3px 20px 0px 20px;
	height:25px}
	.news-h2 a{
		padding:0px 5px 0px 5px}
.news_item{
	margin:0 auto;
	width:100%;
	padding:20px}
	.news_item_icon{
		float:left;
		width:150px;
		height:150px}
	.news_item_text{
		float:right;
		width:740px;
		padding-right:20px;
		border-left:1px dashed #CCC}
		.news_item_text h2{
			padding-left:20px;}
	
/* Shared styles */
        .news_drop-shadow {
            position:relative;
			margin:0 auto;
            float:left;
            width:150px;
			height:150px;    
            margin:0px 12px 10px 25px; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset}


/* FINE NEWS PAGE */
/* EVENTS PAGE */
.content_events{
	width:100%}
	.content_events ul {
		list-style:none;
		padding-left:30px}
		.content_events ul li{
			padding-bottom:10px}
.content_events h2{
	color: #3D2922;
	background:url(../img/bg_show_info.jpg) top repeat-x;
	font-size:11px;
	text-align:right;
	word-spacing:1px;
	text-shadow: white 0px 1px 0px;
	padding: 3px 20px 0px 20px;
	height:25px}
	.content_events h2 a{
		padding:0px 5px 0px 5px}

/* EXTRA COMPONENT */
.beatport{
	float:right}
.label_studio_bg{
	background:url(../img/label_studio.jpg) center bottom no-repeat;
	height:315px}
.mixing_bg{
	background:url(../img/bg_mixing.jpg) bottom no-repeat;
	height:350px}
.about_h2_botderTop{
	border-top:1px solid #CCC}