/*intro*/
#intro { margin-top:60px; }
#intro .art_header { height: 34px; }
#intro .art_title { width: 153px; height: 25px; background:url(../img/theexperience_title.png) no-repeat; }
#intro .art_content { top:10px; }
#intro .art_text { padding-bottom:60px; }
#intro .art_footer { top:-140px; }

.articolo {
	position:relative;
	top:0;
	left:70px;
	width: 400px;
	height: auto;
	
	/*margin-bottom:-80px;*/
}
.art_header {
	position:relative;
	width: 400px;
	height: 94px;
	background:url(../img/graffa_top.png) no-repeat;
	
	z-index:20;
}
.art_title {
	position:relative;
	top:-10px;
	left:24px;
	
	height:25px;
	width:206px;
}



#art1 .art_title {
	width: 210px;
	height: 25px;
	background:url(../img/art_title1.png) no-repeat;
}
#art2 .art_title {
	width: 197px;
	height: 25px;
	background:url(../img/art_title2.png) no-repeat;
}
#art3 .art_title {
	width: 310px;
	height: 27px;
	background:url(../img/art_title3.png) no-repeat;
}
#art4 .art_title {
	width: 268px;
	height: 25px;
	background:url(../img/art_title4.png) no-repeat;
}
#art5 .art_title {
	width: 173px;
	height: 25px;
	background:url(../img/art_title5.png) no-repeat;
}
#art6 .art_title {
	width: 239px;
	height: 25px;
	background:url(../img/art_title6.png) no-repeat;
}
#art7 .art_title {
	width: 133px;
	height: 25px;
	background:url(../img/art_title7.png) no-repeat;
}
#art8 .art_title {
	width: 294px;
	height: 25px;
	background:url(../img/art_title8.png) no-repeat;
}

.art_url {
	position:relative;
	top:-3px;
	left:24px;
}
.art_anno {
	position:relative;
	top:4px;
	left:24px;
}
.art_skill {
	position:relative;
	top:11px;
	left:24px;
}
.art_tech {
	position:relative;
	top:18px;
	left:24px;
}




.art_content {
	position:relative;
	width: 400px;
	height: auto;
	background:url(../img/graffa_content.png) repeat-y;
	
	z-index:20;
}
.art_text {
	position:relative;
	top:0;
	left:24px;
	
	line-height:18px;
	text-align:justify;
	
	overflow:hidden;
	
	z-index:20;
}



.art_footer {
	position:relative;
	top:-140px;
	width: 400px;
	height: 10px;
	background:url(../img/graffa_bottom.png) no-repeat #FFF;
	
	z-index:10;
	
	padding-top:159px;
}
.artController {
	position:relative;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	
	margin-left:24px;
	
	cursor:pointer;
	
	display:none;
}
.art_footer a:hover {
	color:#FF8400;
	font-weight:bold;
}







/*	screen shot	*/
#screenShot_container {
	position:relative;
	float:right;
	top:120px;
	
	background: #090;
	
	display:none;
}

#screenShot_bg {
	position:absolute;
	top:0px;
	left:0px;
}

#box_arrow {
	position:relative;
	float:right;
	width:28px;
	height:28px;
	
	margin-top:10px;
	margin-right:10px !important;
	margin-right:5px;
	
	background:url(../img/freccine_screenshot.gif) no-repeat;
	
	text-align:right;
}
	#box_arrow span { color:#FFF; cursor:pointer; }
	#box_arrow span:hover { color:#FF8500; }


#scrShot {
	position:absolute;
	top:10px;
	left:10px;
}

#loader {
	position:relative;
	top:0;
	left:0px;
	
	margin:10px;
	
	z-index:10;
	
	display:none;
}

/*stand alone*/
/*#scrShot {
	position:relative;
	float:right;
	top:120px;
}*/





/*footer*/
#footerLink3 { left:300px; }