/* RESET DEGLI STYLE  */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,em,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }

html 
{ 
	height:100%;
	font-size:13px;
	background:#FFF;
	color:#000000;
	font-family: Verdana, Arial;
}


body{background:url(../img/bkg-main.gif) #FFF top left no-repeat; width:100%; height:100%;}


#header {margin-left:0px;width:992px; float:left}
	#header h1 {text-indent:-50000px; background:url(../img/h1.png) no-repeat;height:114px; margin-top:10px; margin-left:15px;}

#center { float:left; margin-top:50px; width:1000px;}


#menu {width:270px;float:left; margin-top:20px; font-family:Arial;}
	#menu ul {font-size:38px; margin-left:20px;}
	#menu li { margin-bottom:20px;text-align:left;}
	#menu li a {color:#8d9593; }
	#menu li a:hover {color:#d23232; }
	
#testo_p { color:#5d5d5d; line-height:26px; text-align:justify; width:600px;float:left;margin-top:10px; padding-bottom:10px; margin-left:25px;}
#testo_p a{ color:#5d5d5d; font-weight:bold; text-decoration:underline;}
.project { line-height:26px; float:left;  height:300px;}
.project img { padding:5px; border:15px #e4ecea solid; margin-left:10px; margin-top:20px; float:left;}

#portfolio {float:left; margin-top:30px; width:730px;color:#5d5d5d;  border:0px solid red;}
	#lavori {float:left; width:200px; margin-left:30px; margin-top:30px;}
		#lavori ul {}
			#lavori ul li {margin-bottom:8px; text-transform:uppercase; width:150px; height:20px;}
				#lavori ul li span { color:#FFFFFF;}
				#lavori ul li.selected span{ color:#0033FF;}
				#lavori ul li a{color:#8d9593;}
	#preview {float:left; background:#FFF; width:100px;}
		#preview img { margin:0px 0 0 13px;float:left;}
		#preview #descrizione {float:left; margin-left:50px; width:380px;}
			#preview #descrizione li {margin-bottom:8px; line-height:17px;}
				#preview #descrizione li a{color:#5d5d5d; text-decoration:underline;}
		
#footer {width:100%; background: url(../img/footer.png) repeat-x #9eb8b4; height:25%;min-height:200px; float:left; color:#44535c; font-family:Arial, Helvetica, sans-serif;}
#footer .about {font-size:14px; margin-left:80px; margin-top:40px;font-weight:normal; float:left;}

#footer a {font-weight:normal; color:#d23232;}
#footer a:hover { background:#a1a1a1; color:#FFFFFF;}

#icons { margin-left:300px;}

h4 { color:#FFFFFF; font-weight:bold; height:5px;}

.wrapper {
	min-height: 75%;
	height: 75%px;
	

}