/*** Fine Tuning 2009 ***/

@import "reset.css";			/* Reset HTML elements for cross-browsing */

/*------------------------------------- CLASS -------------------------------------*/
.clr { clear: both }

/*------------------------------------- WRAPPER -------------------------------------*/
#wrapper {
	width: 968px;
	margin: 0 auto 40px;
	padding-bottom: 7px;
	background: url('../images/bkg-shadow.png') center bottom no-repeat;
}

* html #wrapper { background: transparent }

* html #wrapper {
	background-image: none;
	/* URI relative to HTML page, not CSS file!! */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bkg-shadow.png',sizingMethod='image');
}


/*------------------------------------- HEADER -------------------------------------*/
#header {
	width: 960px;
	height: 158px;
	margin: 0 auto;
	background: #000;
	color: #fff;
}

	#header .inner { padding: 30px 28px 0 }

	/*--- Logo ---*/
	#header .logo {
		float: right;
		width: 200px;
		text-align: right;
	}
	
	/*--- Headline ---*/
	#header h1 {
		width: 7em;
		color: #009ee0;
		font-size: 2.5em;
		font-weight: normal;
		letter-spacing: -1px;
		text-transform: lowercase;
	}
	
	/*--- Navigation bar ---*/
	#navbar {
		padding-top: 30px;
		text-align: right;
	}
	
		#navbar li {
			display: inline;
			margin-left: 28px;
			padding-bottom: 33px;
		}
		
		#navbar li.active {
			background: url('/images/ico-menuactive.gif') center bottom no-repeat;
		}
		
		#approccio #navbar li.active {
			background: transparent;
		}
		
			#navbar li a:link,
			#navbar li a:visited {
				color: #fff;
				font-size: 1.4em;
				text-decoration: none;
			}
			
			
			#navbar li.active a:link,
			#navbar li.active a:visited {
				border-bottom: 3px solid #000;
				color: #d6008d;
			}
			
			#navbar li a:hover {
				border-bottom: 3px solid #999;
				color: #999;
			}

/*------------------------------------- MAIN -------------------------------------*/
#main {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	color: #666;
}

#approccio #main { background: #000 }

/*------------------------------------- CONTENT -------------------------------------*/
#content {
	float: left;
	width: 650px;
}

#home #content,
#approccio #content,
#portfolio #content,
#contatti #content {
	float: none;
	width: 960px;
}

	#content .inner-content {
		padding: 25px 28px 10px;
		font-size: 140%;
		line-height: 1.4em;
	}
	
	#content h1 {
		margin-bottom: 20px;
		color: #bd00bB;
		font: 32px Georgia, 'Times New Roman', serif;
	}
	
	#servizi #content h1,
	#comunicazione #content h1,
	#soluzioni-web #content h1 { float: left }
	
	#approccio #content h1 {
		position: absolute;
		top: -1500em;
	}
	
	#content h2 {
		margin: 1.2em 0 .3em;
		color: #bd00bB;
		font: 1.7em Georgia, 'Times New Roman', serif;
	}
	
	#content p { margin-bottom: 1em }
	
	#content ul,
	#content ol {
		margin-left: 25px;
		list-style: disc;
	}
	
		#content li { margin-bottom: 1px }
	
	#content .intro {
		color: #999;
		font-size: 1.2em;
		line-height: 1.3em;
	}
	
	#content p.lev2 {
		margin-top: 11px;
		color: #bd00bB;
		font: 1.5em Georgia, 'Times New Roman', serif;
	}
	
		#content p.lev2 a:link,
		#content p.lev2 a:visited {
			border-left: 1px solid #ccc;
			margin-left: 17px;
			padding-left: 17px;
			color: #666;
		}	

/*------------------------------------- SIDEBAR -------------------------------------*/
#sidebar-wrapper {
	float: right;
	width: 280px;
	min-height: 30px;
}

	#sidebar-wrapper #sidebar { padding: 25px 28px 0 0 }

* html #sidebar-wrapper { height: 30px } /* IE 6 */

	#sidebar-wrapper h3 {
		margin-bottom: .7em;
		padding: 7px 0 0 20px;
		font: 2em Georgia, "Times New Roman", serif;
	}
	
	#sidebar-wrapper ul {
		margin-left: 40px;
	}
	
	#sidebar-wrapper li {
		margin-bottom: .5em;
		list-style: square;
	}
	
	#sidebar-wrapper a:link,
	#sidebar-wrapper a:visited {
		color: #0095D4;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none;
	}
	
	#sidebar-wrapper a:hover { color: #333 }

/*------------------------------------- HOME -------------------------------------*/
.home h2 {
	position: absolute;
	top: -1500em;
}

#content .home .services-list h2 {
	position: static;
	margin-top: 0;
}

	/*--- Services ---*/
	#home ul,
	#home ol {
		margin-left: 0;
		list-style: none;
	}
	
	#home li { margin-bottom: 0 }
	
	.home .services-list  {
		margin-bottom: 14px;
	}

	/*--- News ---*/
	.home .news-list {
		border-top: 1px solid #ddd;
		margin-top: 14px;
		padding-top: 14px;
	}
	
		.home .news-list li {
			float: left;
			width: 31%;
			margin-left: 30px;
		}
		
		.home .news-list li.first { margin-left: 0 }
		
			.home .news-list li .date {
				margin-bottom: 2px;
				color: #999;
				font: 1em Georgia, 'Times New Roman', serif;
			}
			
			.home .news-list li h3 {
				margin-bottom: .8em;
				color: #333;
				font: 1.35em Georgia, 'Times New Roman', serif;
			}
			
				.home .news-list li h3 a:hover { text-decoration: none }
				
			.home .news-list li img {
				float: left;
				margin: 0 10px 3px 0;
			}
			
			#content .home .news-list p {
				margin-bottom: 0;
				font-size: .95em;
				line-height: 135%;
			}

/*------------------------------------- PROFILO -------------------------------------*/
#profilo li { margin-bottom: .7em }
#profilo li .name { font-size: 1.2em; font-weight: normal }

/*------------------------------------- APPROCCIO -------------------------------------*/
.value-chain { text-align: center }

/*------------------------------------- PORTFOLIO -------------------------------------*/
#portfolio .logos {
	font-size: 1.2em;
	line-height: 1.5em;
}

/*------------------------------------- NEWS -------------------------------------*/
#news .news-list,
#monthly-archives .news-list { margin-left: 0 }

	#news .news-item,
	#monthly-archives .news-item  {
		clear: both;
		border-bottom: 1px dashed #999;
		margin-bottom: 16px;
		padding-bottom: 16px;
		list-style: none;
	}
	
		#news .news-item h3,
		#monthly-archives .news-item h3 {
			margin-bottom: .3em;
			color: #333;
			font: 1.7em Georgia, 'Times New Roman', serif;
		}
		
		#news .news-item p,
		#monthly-archives .news-item p { margin-bottom: .8em }

			#news .news-item p img,
			#monthly-archives .news-item p img {
				float: left;
				margin: 4px 10px 4px 0;
			}
		
		#news .news-item .date,
		#monthly-archives .news-item .date,
		#content p.info  {
			margin-bottom: .8em;
			color: #999;
			font: 1em Georgia, 'Times New Roman', serif;
		}

/*------------------------------------- CONTATTI -------------------------------------*/
/*--- Informations ---*/
#contatti .information {
	float: left;
	width: 380px;
}

	#contatti address {
		margin-bottom: .8em;
		font-size: 1em;
		font-style: normal;
	}

	#contatti .contacts {
		font-size: 1.2em;
		line-height: 1.3em;
	}
	
	/* Form */
	#contatti form {
		border-top: 1px solid #ccc;
		margin-top: 20px;
		padding-top: 20px;
	}
	
	#contatti form h2 {
		margin: 0 0 .8em;
		color: #999;
		font-size: 1.5em;
	}
	
	#contatti form p { margin: .8em 0 0 }
	
	#contatti label {
		display: block;
		position: relative;
		font-weight: bold;
	}
	
		#contatti label input,
		#contatti label textarea {
			position: absolute;
			top: -3px;
			left: 80px;
			width: 290px;
			border-color: #b8b8b8 #b8b8b8 #dcdcdc #dcdcdc;
			border-style: solid;
			border-width: 1px;
			padding: 1px;
			font: 1.2em Arial, Helvetica, sans-serif;
		}
	
	/* Textarea */	
	#contatti label.message { height: 180px }
	#contatti label textarea { height: 180px }
	
	/* Buttons */
	#contatti .button {
		padding-left: 80px;
	}
	
		#contatti .button input {
			width: 100px;
			height: 21px;
			border: 0;
			margin-right: 8px;
			background: url('/images/bkg-button-send.gif') left top repeat-x;
			color: #fff;
			font: bold 12px Arial, Helvetica, sans-serif;
			cursor: pointer;
		}
		
		#contatti .button input.reset { background-image: url('../images/bkg-button-reset.gif') }

/*--- Map ---*/
#contatti #mapDiv {
	float: right;
	width: 500px;
	height: 462px;
}

	#contatti .gmnoprint p {
		margin-top: 10px;
		font-size: .85em;
		line-height: 135%;
	}
	
/*------------------------------------- TAGS CLOUD -------------------------------------*/
#content .tags-cloud {
	margin-left: 0;
}

.tags-cloud li {
	display: inline;
	margin-right: 7px;
	font-size: 130%;
	text-transform: lowercase;
	line-height: 130%;
}

.tags-cloud li.xsmall { font-size: 100% }
.tags-cloud li.small { font-size: 110% }
.tags-cloud li.medium { font-size: 150% }
.tags-cloud li.large { font-size: 170% }
.tags-cloud li.xlarge { font-size: 190% }

/*------------------------------------- FOOTER -------------------------------------*/
#footer {
	width: 960px;
	height: 48px;
	margin: 0 auto;
	padding-top: 40px;
	background: #000;
        
}

	#footer .inner { padding: 0px 10px 0 }

	
	#footer address {
	        width: 600px;
		float: right;
		padding-top: 0px;
		color: #666;
		font-size: 1.1em;
		line-height:1.4em;
		font-style: normal;
	}