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

Created: Nov 09
Copyright: Beat Fly

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 "design.css";
@import "extra.css";
@import "jquery.bookmark.css";
@import "form.css";


*{
	padding:0;
	margin:0;}
	
body{
	cursor:default;
	text-align:center;
	font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size:16px;
	line-height:1.2em;
	background:#fff url(../../splash_library/bg.jpg) repeat left top;
	color:#BFCEE7;
	height:100%;}
	
	html, body{height:100%;}
	
	html>body #page{
		height:auto;
		min-height:100%;}
	
#page{
	margin:0;
	padding:0;
	width:100%;
	background:url(../../splash_library/bg_page.png) no-repeat center top;}
	
#containerWrap{
	text-align:left;
	width:960px;
	margin:0 auto;}
	
#header{
	clear:both;
	float:left;
	margin-bottom:25px;
	width:100%;}
	
#logo{
	width:360px;
	height:200px;
	float:left;}
	
	#logo h1{
		width:360px;
		height:200px;
		line-height:200px;
		text-indent:-9000px;}
		
		#logo h1 a{
			display:block;
			width:360px;
			height:200px;
			background:url(../../splash_library/logo.png) no-repeat left top;}
	
/*menu*/
#menu{
	width:540px;
	text-align:right;
	float:right;}

	#menu ul{
		margin:30px 0 0 0;
		padding:0;
		float:right;}
	
		#menu ul li{
			display:inline-block;
			float:left;
			text-align:center;}
					
			#menu li a{
				text-decoration:none;
				display:inline-block;
				color:#98BADE;
				font-weight:bold;
				height:30px;
				width:auto;
				line-height:30px;
				margin-right:5px;
				padding:5px 10px;}
				
				#menu li a:hover, #menu li .current{
					color:#efefef !important;
					background-color:#3B4963;}
															
/*descrizione*/
#description{
	width:960px;
	float:left;
	margin:5px 0;
	padding:0 0 10px 0;}

/*mainone*/
.mainone{
	width:960px;
	background:url(../../splash_library/line.png) no-repeat center bottom;
	float:left;
	margin:5px 0;
	padding-bottom:20px;}
	
	.heading{
		width:100%;
		float:left;
		margin:0 0 20px 0;}
				
/*dynamic content portfolio*/
.containerdynamic{
	width:960px;
	float:left;
	padding-bottom:10px;}
					
	.image_box_mini{
		width:218px;
		height:218px;
		text-align:center;
		background-color:#EFEFEF;
		border:1px solid #fff;
		float:left;
		position:relative;
		margin:0 10px 20px 10px;}
					
		.image_box_mini img{
			margin:9px;}
			
			.lens{
				width:218px;
				height:218px;
				background:transparent url(../../splash_library/overlay.png) repeat left top;
				top:0;
				left:0;
				position:absolute;
				display:none;
				opacity:.6; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
				
				.lens span{
					position:absolute;
					top:40%;
					left:35%;
					background:url(../../splash_library/zoom.png) no-repeat center center;}
			
			/*portfolio*/	
			.count{
				background:transparent url(../../splash_library/shadow.png) repeat left top;
				color:#efefef;
				font-size:14px;
				font-weight:bold;
				text-transform:uppercase;
				padding:5px 10px;
				position:absolute;
				right:9px;
				top:9px;}
				
			.text{
				background:transparent url(../../splash_library/shadow.png) repeat left top;
				bottom:9px;
				left:0;
				padding:10px 20px;
				position:absolute;
				width:50%;
				-moz-border-radius-topright:5px;}
				
				.text h3{
					color:#efefef;
					font-size:20px;
					line-height:1em;
					margin:10px 0;}
					
			.buy{
				background:transparent url(../../splash_library/shadow.png) repeat left top;
				bottom:9px;
				left:0;
				position:absolute;
				line-height:30px;
				width:193px;
				padding:0 0 0 14px;
				-moz-border-radius-topright:5px;}
				
				.buy h3.compra{
					background:transparent url(../../splash_library/buy.png) no-repeat left center;
					color:#efefef;
					font-size:14px;
					text-align:left;
					padding:0 0 10px 37px !important;
					margin:0 0 0 0 !important;}
					
				.buy h3.lente{
					background:transparent url(../../splash_library/lente.png) no-repeat left center;
					color:#efefef;
					font-size:14px;
					text-align:left;
					padding:0 0 10px 37px !important;
					margin:0 0 0 0 !important;}
										
					.buy h3 a:link, .buy h3 a:visited{
						color:#fff !important;
						text-decoration:none;
						border:0;}
							
					.buy h3 a:hover{
						color:#80b0ff !important;
						text-decoration:underline;
						border:0;}
					
span.more{
	background:url(../../splash_library/folder.png) no-repeat left center;
	font-size:14px;
	height:14px;
	line-height:14px;
	padding:0 0 0 20px;}
	
#related{
	width:960px;
	float:left;
	margin:10px 0;}
	
	#related ul{
		width:960px;
		float:left;}
		
		#related ul li{
			display:inline;
			font-size:12px;}
			
		#related ul li a, #related ul li a:visited{
			background:url(../../splash_library/shadow.png) repeat left top;
			color:#efefef !important;
			display:block;
			float:left;
			height:22px;
			line-height:22px;
			text-decoration:none;
			margin:0 10px 0 0;
			overflow:hidden;
			padding:5px 10px;}
			
		#related ul li span.folder{
			background:url(../../splash_library/folder.png) no-repeat left center;
			padding:0 0 0 20px;}
			
/*news archive*/
ul.newsarchive{
	margin-bottom:10px;}
	
	ul.newsarchive li{
		border-bottom:1px dotted #456890;
		margin:0 2px 15px 0;
		padding:0 0 5px 0;}

/*footer*/
#footer{
	width:960px;
	height:330px;
	min-height:330px;
	height:auto !important;
	float:left;}
	
	#subfooterleft, #subfootermain, #subfooterright{
		float:left;
		font-size:14px;
		overflow:hidden;}
		
	#subfooterleft h6, #subfootermain h6, #subfooterright h6{
		display:block;
		clear:both;
		height:20px;
		line-height:20px;}
		
	#subfooterleft a, #subfootermain a, #subfooterright a{
		text-decoration:none;}
		
		#subfooterleft a:hover, #subfootermain a:hover, #subfooterright a:hover{
			text-decoration:none;
			color:#efefef;}
	
	#subfootermain h6.followrss{
		background:url(../../splash_library/rss.png) no-repeat left 3px;
		padding:0 0 0 20px;}
				
	#subfooterright h6.followflickr{
		background:url(../../splash_library/flickr.png) no-repeat left 3px;
		padding:0 0 0 20px;}
	
	#subfooterleft{
		width:300px;}
		
		#subfooterleft img#avatar{
			width:45px;
			height:45px;
			border:3px solid #dedede;
			float:left;
			margin:0 10px 2px 0;}
			
			ul#social{
				border:2px solid #fff;
				display:block;
				float:left;}
		
	#subfootermain{
		width:300px;
		margin-left:20px;}
		
		
		#subfootermain ul#news li{
			margin:0 0 10px 0;
			padding:0 0 4px 0;
			border-bottom:1px dotted #456890;}
										
			span.data{
				text-transform:uppercase;
				font-size:10px;
				background:url(../../splash_library/shadow.png) repeat left top;
				padding:4px 8px;}
						
			#subfootermain ul#img{
				margin-left:5px;}
		
				#subfootermain ul#img li{
					display:inline;
					margin:0 5px 5px 0;}
					
					#subfootermain ul#img li img{
						width:65px;
						height:65px;
						background-color:#efefef;
						border:1px solid #fff;
						margin:2px 5px 3px 0;
						padding:4px;}										
		
	#subfooterright{
		width:300px;
		margin:0 0 0 40px;
		display:block;}
		
	/*flickr*/		
	#subfooterright img{
		width:75px;
		height:75px;
		background-color:#efefef;
		border:1px solid #fff;
		margin:2px 10px 10px 1px;
		padding:4px;}
	
	#flickr_badge_uber_wrapper {}
	
	#flickr_badge_wrapper {}
	
	.flickr_badge_image {}
	
	#flickr_badge_source {}
	
	#flickr_badge_icon {float:left;}
	
	#flickr_www {display:block; padding:0 10px 0 0 !important;}
	
	#flickr_badge_wrapper {}
	
	#flickr_badge_source {padding:0 !important;}
				
		#subfooterend{
			font-size:12px;
			text-align:center;
			margin:50px 0 10px 0;}
			
			#subfooterend ul{
				margin:5px 0 0 0;}	
			
			#subfooterend ul li{
				display:inline;
				margin-right:5px;
				padding-right:5px;}