/* 
Title: Gabriella Parisi
Owner: Gabriella Parisi
Developer Agency: Beat Fly Lab
URL: http://www.beatfly.com

Created: Dec 08
Copyright: Gabriella Parisi

All rights reserved including rights of reproduction and use in any form or by any means, including the making of copies by any photo process or by any electronic or mechanical device (printed, written, or oral), or recording for sound or visual reproduction, or for use in any knowledge or retrieval system or device, unless permission in writing is obtained from the copyright proprietor.
*/

@import url("text.css");
@import url("form.css");
	
*{margin:0; padding:0;}

body{
	color:#2a2a2a;
	cursor:default;
	text-align:center;
	font:12px/1.5 Helvetica, Arial, sans-serif;
	background:#788D8F url(../../splash_library/bg.jpg) repeat-x left top;}
			
#container{
	text-align:left;
	width:960px;
	margin:0 auto;}
	
#header{
	width:960px;
	height:92px;
	background:url(../../splash_library/header.jpg) no-repeat left top;
	clear:both;}
	
#logo{
	width:290px;
	height:90px;
	background:url(../../splash_library/logo.gif) no-repeat left top;
	float:left;
	display:block;}
	
#stage{
	width:960px;
	min-height:401px;
    height:auto !important;
    height:401px;
	border-bottom:1px solid #9BAFB1;
	background:url(../../splash_library/loading.gif) no-repeat left top;}
	
/*home slider*/
#slider{
    width:960px; /* important to be same as image width */
    height:400px; /* important to be same as image height */
    position:relative; /* important */
	overflow:hidden; /* important */}

#sliderContent{
    width:960px; /* important to be same as image width or wider */
    height:400px;
	position:absolute;
	top:0;
	margin-left:0;}

.sliderImage{
    float:left;
    position:relative;
	/*display:none; rimettere nello slide*/}

.sliderImage span{
    position:absolute;
    padding:10px 13px;
    width:960px;
    background-color:#000;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
	-khtml-opacity:0.6;
    opacity:0.6;
    color:#fff;
    /*display:none; rimettere nello slide*/}

.clear {
	clear:both;}

.sliderImage span strong {
    font-size:14px;}

.bottom {
	bottom:0;
    left:0;}
/**/
	
#main{
	width:960px;
	min-height:401px;
    height:auto !important;
    height:401px;
	border-bottom:1px solid #9BAFB1;}
	
#main .padding{
	padding:15px 16px 0 16px;}
	
#claim{
	width:960px;
	height:60px;}
	
#contenthome{
	width:960px;
	height:286px;
	min-height:286px;
    height:auto !important;
	background:#92a4a6 url(../../splash_library/bg_content.jpg) repeat-x left top;
	display:block;
	overflow:hidden;}
		
.contentbox {
	width:480px;
	height:251px;
	position:relative;
	float:left;}
	
#contenthome .padding, .contentbox .padding{
	padding:5px 16px;}
	
.portfolio{
	width:960px;
	height:420px;
	display:block;}
	
ul#thumb{
	width:960px;}

	ul#thumb li{
		width:480px;
		height:200px;
		text-align:center;
		background:url(../../splash_library/bg_portfolio.png) no-repeat center center;
		float:left;}
	
		ul#thumb li img{
			width:450px;
			height:170px;
			margin:15px 0 0 0;}
	
/*collezione*/
.portfolio .wrapcoll{
	width:960px;
	/*height:410px;*/
	overflow:hidden;
	clear:both;}

	.portfolio .wrapcoll #desc{
		float:left;
		margin:100px 0 0 5px;
		text-align:left;
		width:400px;}
		
		.portfolio .wrapcoll #image{
			width:450px;
			height:400px;
			background:url(../../splash_library/collezione_spot_bg.png) no-repeat left top;
			float:right;
			overflow:hidden;}
			
			.portfolio .wrapcoll #image #imgcollection{
				width:450px;
				height:400px;
				overflow:hidden;
				position:relative;}
		
				.portfolio .wrapcoll #image #imgcollection img{
					width:350px;
					height:300px;
					margin:25px 0 0 76px;
					padding:0;}
					
					.portfolio .wrapcoll #image #imgcollection span {
						display:block;
						width:450px;
						height:400px;
						position:absolute;
						background:url(../../splash_library/collezione_spot_frame.png) no-repeat left top;;}
	
/*paginazione*/
.navigation{
	width:90%;
	text-align:center;
	padding:10px 0 5px 0;
	margin:0 auto;
	color:#6C8085;}
		
	.navigation .page-numbers{
		background-color:#0099CC;
		border:1px solid #9BAFB1;
		color:#fff;
		padding:2px 4px;
		margin:0 10px 0 0;}
	
		.navigation .page-numbers.current{
			background-color:#9BAFB1;
			border:1px solid #9BAFB1;
			color:#fff;
			text-decoration:none;
			padding:2px 4px;}
	
.counter_puntivendita, .counter_newsarchivio{
	width:90%;
	text-align:left;
	padding:0 0 5px 0;
	color:#6C8085;}
	
	.counter_portfolio{
		width:90%;
		text-align:center;
		padding:10px 0 5px 0;
		margin:0 auto;
		color:#6C8085;}
		
		.counter_portfolio a, .counter_puntivendita a, .counter_newsarchivio a{
			text-decoration:none;
			outline:none;}
			
			.counter_portfolio span.qp_counter, .counter_puntivendita span.qp_counter, .counter_newsarchivio span.qp_counter{
				padding:0 8px;}
			
				.counter_portfolio span.qp_pagenumber, .counter_puntivendita span.qp_pagenumber, .counter_newsarchivio span.qp_pagenumber{
					background-color:#9BAFB1;
					border:1px solid #9BAFB1;
					color:#fff;
					padding:2px 4px;}
			
				.counter_portfolio span.qp_totalnumber, .counter_puntivendita span.qp_totalnumber, .counter_newsarchivio span.qp_totalnumber{
					background:#0099cc;
					border:1px solid #9BAFB1;
					color:#fff;
					padding:2px 4px;}
				
#wrapper{}
	
#left{
	width:600px;
	height:491px;
	text-align:left;
	float:left;}
	
#right{
	width:360px;
	height:491px;
	text-align:left;
	float:right;}
								
#footer{
	width:960px;
	margin:0 auto;
	font-size:11px;
	border-top:1px solid #9BAFB1;
	clear:both;
	padding:10px 0;}
	
.alignleft{
	float:left;
	margin:0 30px 0 0;}
	
.alignright{
	float:right;}
			
/*-------------------------setting menu-----------------------------*/
#menu{
	width:520px;
	float:right;}
			
#menu ul{
	margin:68px 0 0 0;
	float:right;}

#menu li{
	display:inline;}

#menu li a{
	text-decoration:none;
	color:#666;
	font-weight:bold;
	padding:0 0 1px 10px;
	padding:0 10px 1px 10px;}

#menu li a:hover, #menu li .current{
	color:#2a2a2a;
	text-decoration:none;
	border-bottom:2px solid #ae166d;
	padding:0 10px 1px 10px;}