/* 
Title: Lauragatto.net
Owner: Laura Gatto
Developer Agency: Beat Fly Lab
URL: http://www.beatfly.com

Created: agosto 09
Copyright: Laura Gatto

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 "social.css";
*{
	padding:0;
	margin:0;}
	
body{
	cursor:default;
	text-align:center;
	font:normal 0.7em "Arial", sans-serif;
	background:#8eb700 url(../../splash_library/bg.png) no-repeat center top;
	color:#fff;
	height:100%;}
	
	html, body{height:100%;}
	
	html>body #page{
		height:auto;
		min-height:100%;}
	
#page{
	background:url(../../splash_library/bg_page.png) repeat-y center top;
	margin:0;
	padding:0;
	width:100%;
	min-height:100%;
	height:100% !important;}
	
#container{
	text-align:left;
	width:1010px;
	margin:0 auto;}
	
#header{
	width:100%;
	height:50px;
	clear:both;}
	
#logo{
	width:180px;
	height:50px;
	display:block;
	float:left;}
	
	#logo h1{
		width:180px;
		line-height:50px;
		text-indent:-9000px;}
		
		#logo h1 a{
			display:block;
			width:180px;
			height:50px;
			background:url(../../splash_library/logo.png) no-repeat left top;}
	
/*menu*/
#menu{
	width:100%;
	text-align:left;
	float:left;
	margin:60px 0 0 0;}

#mainMenu{
	background:url(../../splash_library/content-nav-center.gif) repeat-x;
	height:27px;
	width:auto;
	margin:0;
	float:left;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;}
	
	#mainMenu .wrapper{
		background:url(../../splash_library/content-nav-right.gif) top right no-repeat;
		height:27px;
		width:auto;}
		
		#mainMenu ul{
			background:url(../../splash_library/content-nav-left.gif) top left no-repeat;
			height:27px;
			list-style:none;}
			
			#mainMenu ul li{float:left;}
			
				#mainMenu ul li a{
					color:#fff;
					font-size:1.2em;
					font-weight:bold;
					line-height:26px;
					padding:0px 11px;
					text-decoration:none;}
				
					#mainMenu ul li a:hover, #mainMenu ul li .current{
						color:#00B6FB !important;}
								
/*intro*/
#intro{
	width:100%;
	text-align:left;
	float:left;
	margin:2px 0;}
	
	#claim{
		width:470px;
		float:left;}
				
		#claim h2{
			color:#394f00;
			font-size:18px;
			margin:0 0 20px 0;}
				
			#claim p{
				margin:0 0 25px 0;}
		
	#servizi{
		width:540px;
		float:right;}
		
		#servizi h2{
			height:42px;
			overflow:hidden;
			margin:0 0 10px 60px;
			text-indent:-9999px;
			width:99px;}
			
			#servizi h2 span{
				background:url(../../splash_library/servizi.png) top left no-repeat;
				display:block;
				height:42px;
				width:99px;}
				
			#servizi h2 span#skill{
				background:url(../../splash_library/skill.png) top left no-repeat;
				display:block;
				height:42px;
				width:99px;}
				
			#servizi h2 span#categorie{
				background:url(../../splash_library/categorie.png) top left no-repeat;
				display:block;
				height:42px;
				width:99px;}
		
				#servizi ul{
					margin:0 0 0 100px;}
				
					#servizi ul li{
						background:url(../../splash_library/content-bullet.gif) center left no-repeat;
						font-size:1.2em;
						margin:0 0 3px 0;
						padding:0 0 0 12px;}
				
.rule{
	background:transparent url(../../splash_library/content-hr.gif) repeat scroll left top;
	border:0 none;
	height:1px;
	margin:0 0 10px;}
	
#content{
	float:left;
	height:100%;
	width:100%;
	margin-bottom:20px;}
	
	#content h3{
		height:31px;
		font-size:0px;
		margin:0;
		text-indent:-9999px;
		width:251px;}
		
		#content h3 span{
			display:block;
			height:31px;
			width:251px;}
		
			#content h3#lastPortfolio span{
				background:url(../../splash_library/content-latest-webdesigns.png) top left no-repeat;}
				
			#content h3#portfolioall span{
				background:url(../../splash_library/portfolio.png) top left no-repeat;}
				
#wrapPortfolio{}

	#wrapPortfolio .item{
		float:left;
		margin-bottom:20px;}
		
		#wrapPortfolio .item img{
			width:530px;
			background:url(../../splash_library/content-image-bg.png) repeat left top;
			float:left;
			margin-right:15px;
			padding:5px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;}
			
		#wrapPortfolio .desc{
			float:left;
			width:360px;}
			
			#wrapPortfolio .desc h4{
				color:#4f7500;
				font-size:1.5em;
				font-weight:bold;
				margin:0 0 3px 0;}
				
				#wrapPortfolio .desc em{
					font-size:1em;
					font-weight:bold;
					margin:0 0 20px 0;
					display:block;}
					
				span.link{
					background:#394F00;
					margin:0 5px 0 0;
					padding:5px;
					-moz-border-radius:2px;
					-webkit-border-radius:2px;}
					
					span.link strong{
						background:url(../../splash_library/content-bullet.gif) no-repeat left center;
						padding:0 5px 0 10px;}

					.buttonSmall{
						background:#4f7500 url(../../splash_library/content-button-small-center.gif) top left repeat-x;
						float:left;
						height: 25px;
						line-height:23px;
						margin:14px 0 5px 0;
						-moz-border-radius:2px;
						-webkit-border-radius:2px;}
		
						.buttonSmall a:link{
							background:url(../../splash_library/content-button-small-left.gif) no-repeat left top;
							display:block;
							font-weight:bold;
							height:25px;
							text-decoration:none;}
		
							.buttonSmall a:hover{
								display:block;
								font-weight:bold;
								text-decoration:underline;}
		
								.buttonSmall a strong{
									background:url(../../splash_library/content-button-small-right.gif) top right no-repeat;
									display:block;
									height:25px;
									padding:0 14px;}
									
									.buttonSmall a span{
										background:url(../../splash_library/content-button-small-arrow.gif) 0px 9px no-repeat;
										cursor:pointer;
										display:block;
										padding:0 0 0 10px;}
										
										#wrapPortfolio .blog_file{
											min-height:100px;
											background:url(../../splash_library/loader.gif) no-repeat center center;
											float:left;
											clear:both;
											margin:10px 0;}
											
											#wrapPortfolio .blog_file img{
												border:1px solid #4F7500;
												margin-bottom:5px;}
												
/*relatedwork*/
#relatedwork{
	width:100%;
	margin:10px 5px;
	float:left;}
	
	#relatedwork h4{
		background:transparent url(../../splash_library/content-bullet.gif) no-repeat scroll left center;
		display:block;
		margin-bottom:5px;
		padding:0 10px;}
	
	#relatedwork ul{
		display:block;}
		
		#relatedwork ul li{
			display:inline;
			margin:0 5px 5px 5px;}
			
			#relatedwork ul li img{
				border:1px solid #fff;
				height:85px;}
												
.buttonLarge{
	background:#bae800 url(../../splash_library/content-button-large-center.gif) top left repeat-x;
	cursor:pointer;
	float:right;
	height:28px;
	line-height:28px;
	margin:0 0 5px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;}

	.buttonLarge a{
		background:url(../../splash_library/content-button-large-left.gif) top left no-repeat;
		color:#2e4300;
		display:block;
		font-size:1.2em;
		font-weight:bold;
		height:28px;
		text-decoration: none;}

		.buttonLarge a:hover{
			color:#2e4300;
			display:block;
			font-weight:bold;
			text-decoration:underline;}

			.buttonLarge a strong{
				background:url(../../splash_library/content-button-large-right.gif) top right no-repeat;
				display:block;
				height:28px;
				padding:0 14px;}

				.buttonLarge a span{
					background:url(../../splash_library/content-button-large-arrow.gif) 0px 9px no-repeat;
					cursor:pointer;
					display:block;
					padding:0 0 0 15px;}

/*go up*/
.top{
	cursor:pointer;
	height:22px;
	width:60px;
	margin:20px 0px 0px 0px;
	text-indent:-9999px;}
	
	.top a{
		cursor:pointer;
		display:block;
		font-size:0px;
		height:22px;
		width:60px;
		overflow:hidden;
		position:relative;}
	
		.top a span{
			background:url(../../splash_library/up.png) top left no-repeat;
			display:block;
			height:22px;
			width:60px;
			position:absolute;
			left:0;
			top:0;
			z-index:1;}
			
#footer{
	background:url(../../splash_library/footer.png) repeat-x left top;
	height:450px;
	min-height:450px;
	height:auto !important;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:03px;
	-webkit-border-radius-topleft:3px;
	-webkit-border-radius-topleft:3px;
	-webkit-border-radius-topleft:0;
	-webkit-border-radius-topleft:0;}
	
	#footer input, #footer textarea{
		color:#fff;
		font:normal 100% "Arial", sans-serif;
		padding:4px 6px 6px 6px;}
		
#footer #contactForm{
	float:left;
	width:530px;}
		
	#footer #contactForm h3{
		width:261px;
		height:31px;
		font-size:0;
		margin:0;
		text-indent:-9999px;}
				
		#footer #contactForm h3 span{
			display:block;
			height:31px;
			width:261px;}
				
			#footer #contactForm h3#contact span{
				background:url(../../splash_library/footer-contact.png) top left no-repeat;}

#footer #contactForm input{
	border:0;
	background:#699800 url(../../splash_library/footer-input.gif) top left no-repeat;
	height:16px;
	margin:0 0 4px 0;
	width:500px;}
	
	#footer #contactForm input#submit{
		background:#699800 url(../../splash_library/footer-submit.gif) top left no-repeat;
		color:#fff;
		cursor:pointer;
		text-align:center;
		font-weight:bold;
		height:28px;
		width:59px;
		padding:0 0 3px 0;
		vertical-align:top;
		float:right;}
		
		#footer #contactForm label.error{
			color:#8A1F11;
			padding:3px 0;}
	
			#footer #contactForm .success{
				color:#FFF8CC;}
				
				#footer #contactForm .msg{
					color:#fff;}
	
#footer #contactForm p{color:#111; margin:0 0 22px 0;}

#footer #contactForm p.error{color:#8A1F11; margin:0 0 22px 0;}

#footer #contactForm form p{margin:0;}

#footer #contactForm textarea{
	height:115px;
	background:#699800 url(../../splash_library/footer-textarea.gif) top left no-repeat;
	border:0;
	margin:0 0 13px 0;
	width:500px;}
       
#footer #quickNavigation{
	width:400px;
	float:right;}
	
	#footer #quickNavigation h3{
			width:233px;
			height:31px;
			font-size:0;
			margin:0;
			text-indent:-9999px;}
					
			#footer #quickNavigation h3 span{
				display:block;
				height:31px;
				width:233px;}
					
				#footer #quickNavigation h3#navigation span{
					background:url(../../splash_library/footer-navigation.png) top left no-repeat;}
					
					#footer #quickNavigation p{margin:0 0 0 6px;}
				
#footer #quickNavigation #profiloimg{
	width:100%;
	float:left;}
	
	#footer #quickNavigation #profiloimg img.user{
		border:4px solid #fff;
		float:left;
		margin:0 20px 5px 0;}
		
		span#socialicon img{
			border:none;
			display:inline;
			position:relative;
			float:left;
			margin:10px 10px 0 0;}
		
/*flickr*/
#subfooter{
	width:100%;}
	
#flickr{
	display:block;
	padding-top:15px;}
	
	#flickr img {
		background-color:#DEDEDE;
		border:1px solid #fff;
		height:75px;
		margin:6px 6px 0 0;
		padding:4px;
		width:75px;}
		
		#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;}

#credits{
	width:100%;
	height:30px;
	min-height:30px;
	text-align:center;
	color:#dedede;}