/* This is the style of your browser text */

body, html {	
	font-family:			Arial, Verdana, Helvetica, sans-serif;
	font-size:			8pt;
	color:				#333;
	width:100%;
	height: 100%;
	margin: 			0;
	padding: 			0;
	background: 			#fff;
	/*line-height: 1.7em;*/

}

body.profilo {background: #fff url('img/grafica/profilo.png') right top no-repeat;}

header, hgroup, section, article, footer, nav {display:block;}

.Hidden {display:none;}

.layout {position:relative; clear:both;}

/*h2 {color:#86AD58; font-size:8pt; margin:0 0 5px 0; padding:0;}*/

@font-face {
    font-family: 'MatchbookMatchbook';
    src: url('font/Matchbook-webfont.eot');
    src: url('font/Matchbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Matchbook-webfont.woff') format('woff'),
         url('font/Matchbook-webfont.ttf') format('truetype'),
         url('font/Matchbook-webfont.svg#MatchbookMatchbook') format('svg');
}

@font-face {
    font-family: 'WinterthurCondensedRegular';
    src: url('font/WinterthurCondensed-webfont.eot');
    src: url('font/WinterthurCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/WinterthurCondensed-webfont.woff') format('woff'),
         url('font/WinterthurCondensed-webfont.ttf') format('truetype'),
         url('font/WinterthurCondensed-webfont.svg#WinterthurCondensedRegular') format('svg');
}



/* STRUTTURA PRINCIPALE - Formattazione */

div#up {position:relative; width:100%; margin:0; padding:0; background: #f1f1f1 url('img/grafica/ombra.png') left bottom repeat-x;}
div#down {position:relative; width:100%; margin:0; padding:0;}

header {position:relative; width:1024px; height:100px; margin:auto; background:url('img/grafica/Creativa.png') right 20px no-repeat;}
header > h1 {position:relative; float:right; clear:both; font: normal small-caps normal 14pt MatchbookMatchbook, Arial; text-align: right; letter-spacing:1px; margin: 60px 0 0 0; color:#000;}

section.main {position:relative; width:1024px; min-height:220px; margin:auto; }
section.main h2 {font: normal normal 22pt Georgia, "Times New Roman", Times, serif; color:#fff; text-align:center; margin:0; padding:0;}
section.main p {font: normal normal 14pt Georgia, "Times New Roman", Times, serif; color:#8E9FB2; margin:0; padding:0;}
hgroup.web {position:relative; float:left; width:450px; margin:25px 0 0 0; padding:0; background: url('img/grafica/titleWeb.png') center -9px no-repeat;}
article.web {position:relative; float:right; width:450px; margin:45px 0 0 0; padding:0;}
hgroup.corporate {position:relative; float:left; width:450px; margin:50px 0 0 0; padding:5px 0 20px 0; background: url('img/grafica/titleCorporate.png') center top no-repeat; border:0px solid #000;}
article.corporate {position:relative; float:right; width:450px; margin:45px 0 0 0; padding:0;}
hgroup.adv {position:relative; float:left; width:450px; margin:30px 0 0 0; padding:5px 0 20px 0; background: url('img/grafica/titleAdv.png') center top no-repeat; border:0px solid #000;}
article.adv {position:relative; float:right; width:450px; margin:45px 0 0 0; padding:0;}
article.servizi {position:relative; float:left; width:320px; margin:30px 0 0 0; padding:0;}
article.servizi h2 {font: normal normal 14pt Georgia, "Times New Roman", Times, serif; color:#778DA2; text-align:left; margin:0; padding:0;}
article.servizi p {font: normal normal 9pt Georgia, "Times New Roman", Times, serif; color:#666; margin:15px 0 0 0; padding:0;}
article.contatti {position:relative; float:left; width:260px; margin:30px 0 0 0; padding:0;}
article.contatti h2 {font: normal normal 14pt Georgia, "Times New Roman", Times, serif; color:#778DA2; text-align:left; margin:0; padding:0;}
article.contatti p {font: normal normal 9pt Georgia, "Times New Roman", Times, serif; color:#666; margin:15px 0 0 0; padding:0;}
nav {position:relative; width:1024px; margin:auto; margin-top:10px; padding:0; font: normal small-caps normal 32pt/40px MatchbookMatchbook, Arial; text-align:center; letter-spacing:2px; border:0px solid #ff0033;}
nav > a:link, a:visited {color:#000; text-decoration:none; padding:5px;}
nav > a:hover, a:active {color:#778DA2; text-decoration:none; padding:5px;}
nav > a.focus {color:#778DA2; text-decoration:none; padding:5px;}
nav > span {margin:0; padding:10px;}

section.portfolio {position:relative; width:780px; margin:auto; padding-top:45px; border:0px solid #000;}

footer {position:relative; width:1024px; margin:auto; text-align:right; color:#000; font: normal small-caps normal 14pt MatchbookMatchbook, Arial;}