/* RESET ################################################### */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

ul {
	list-style: none;
}

/* CLEARFIX ################################################### */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {
	background: url(/libs/css/assets/defaultBg.jpg) no-repeat;
	background-attachment: fixed; 
	background-position: top left;
	font-size: 8px; //per IE6 per le liste
}

/* HACK PER IE6 ################################################### */
/* POSITION FIXED FOR IE6 */
* html #erba {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}

* html #contCopy {
	height: 19px;	
}
* html #contCopy {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}

* html #contAlbero,
* html #contAlbero2piano {
	display: none;	
}
/*
* html #contAlbero {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
*/

/* LAYOUT ################################################### */
#globalContent {
	width: 825px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 20;
}

#header {
	width: 740px;
	height: 50px;
	background: url(/libs/css/assets/header.gif) no-repeat top left;
	text-indent: -9999px;
}

#header a {
	width: 740px;
	height: 50px;
	display: block;
	background: url(/libs/css/assets/header.gif) no-repeat top left;
	text-indent: -9999px;
}

#wrapper {
	margin-top: 20px;
	width: 825px;
	position: relative;
}

#main {
	width: 440px;
	background: #000;	
	position: absolute;
	left: 260px;
	padding: 20px;	
}
#siteMap {
	width: 150px;
	position: absolute;
	left: 589px;
	top: 20px;
}

.loader,
.loaderPage {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	left: 5px;
}
.loaderPage {
	left: 265px;
}

#contAlbero {
	width: 100%;
	height: 1120px;
	position: fixed;
	bottom: -10px;
	z-index: 5;
}
#albero {
	width: 448px;
	height: 1120px;
	background: url(/libs/css/assets/alb1piano.png) no-repeat top center;
	display: block;	
	float: right;
}
#contAlbero2piano {
	width: 80%;
	height: 492px;
	position: fixed;
	bottom: 22px;
	z-index: 4;
}
#albero2piano {
	width: 375px;
	height: 492px;
	background: url(/libs/css/assets/alb2piano.png) no-repeat top center;
	display: block;	
	float: right;
}

#erba {
	position: fixed;
	bottom: 0;
	height: 80px;
	background: url(/libs/css/assets/erba.png) no-repeat top left;
	width: 100%;
	z-index: 10;
}

#contCopy {
	position: fixed;
	z-index: 15;
	bottom: 8px;
	right: 8px;
	width: 500px;
	height: 11px;	
}

/* TIPOGRAFIA ################################################### */
#main p {
	font-size: 11px;
	color: #f0f0f0;	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.7em;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}

#main h2, 
#main h3,
#main h4,
#main h5 {
	font-family: Arial Narrow, Arial, sans-serif;
	text-transform: uppercase;
} 

#main h2 {
	font-size: 30px;
	margin-bottom: 10px;
}

#main h3 {
	font-size: 20px;
	text-align: right;
	color: #333;
}
#main h4 {
	font-size: 24px;
	color: #fff;
}
body.services #main h2 {
	color: #b3ffb3;
}

body.portfolio #main h2 {
	color: #dda6d5;
}

body.contact #main h2 {
	color: #a8dee0;
}

#contCopy {
	text-align: right;	
}

#contCopy span {
	font-size: 10px;
	color: #333;	
	font-family: "Lucida Grande", Trebuchet, Arial, sans-serif;
}

#contCopy span a {
	color: #333;	
	text-decoration: none;
}

#contCopy span a:hover {
	color: #999;	
}
.mappaSito {
	font-size: 11px;
	font-family: "Lucida Grande", Trebuchet, Arial, sans-serif;	
	color: #fff;
}
.mappaSito li {
	padding: 5px;
}
.mappaSito li ul {
	font-size: 10px;
	padding: 0 0 10px 0;
}
.globe {
	width: 240px;
	height: 243px;
	position: absolute;
	top: 20px;
	left: 400px;
}

/* TITOLI ################################################### */
/*#main h2 {
	width: 440px;
	height: 45px;
	text-indent: -9999px;	
	margin-bottom: 20px;
}

#titAboutMe {
	background: url(/libs/css/assets/titAboutMe.gif) no-repeat top left;
}
#titSkillsAndEducation {
	background: url(/libs/css/assets/titSkillsAndEducation.gif) no-repeat top left;
}
#titTheStages {
	background: url(/libs/css/assets/titTheStages.gif) no-repeat top left;
}
#titBrandDesign {
	background: url(/libs/css/assets/titBrandDesign.gif) no-repeat top left;
}
#titLayoutDesign {
	background: url(/libs/css/assets/titLayoutDesign.gif) no-repeat top left;
}
#titDevelopment {
	background: url(/libs/css/assets/titDevelopment.gif) no-repeat top left;
}
#titQuickMessage {
	background: url(/libs/css/assets/titQuickMessage.gif) no-repeat top left;
}
#titRequestAQuote {
	background: url(/libs/css/assets/titRequestAQuote.gif) no-repeat top left;
}

*/


/* MENU ################################################### */
#mainMenu {
	width: 238px;	
	position: absolute;
	left: 0;
}

#subMenu {
	width: 170px;
	position: absolute;	
	left: 762px;
}

#mainMenu li {
	float: right;
	clear: both;
}

#mainMenu li,
#subMenu li {
	height: 13px;	
	margin-bottom: 17px;
}

#subMenu li a {
	margin-left: 10px;
}

#mainMenu li a {
	margin-right: 10px;
}

#mainMenu li a,
#subMenu li a {
	text-indent: -9999px;
	display: block;
	height: 13px;		
}

/* MENU - LIVELLO 1 ################################################### */
.btnServices {
	width: 84px;
	background: url(/libs/css/assets/btnServices.gif) no-repeat top left;
	background-position: -84px 0;
}
.btnPortfolio {
	width: 58px;
	background: url(/libs/css/assets/btnPortfolio.gif) no-repeat top left;
	background-position: -58px 0;
}
.btnContact {
	width: 52px;
	background: url(/libs/css/assets/btnContact.gif) no-repeat top left;
	background-position: -52px 0;
}

/* MENU - LIVELLO 2 - Services ################################################### */
.btnAboutMe {
	width: 122px;
	background: url(/libs/css/assets/btnAboutMe.gif) no-repeat top left;
}
.btnSkillsAndEducation {
	width: 69px;
	background: url(/libs/css/assets/btnSkillsAndEducation.gif) no-repeat top left;
}
.btnTheStages {
	width: 138px;
	background: url(/libs/css/assets/btnTheStages.gif) no-repeat top left;
}
.btnBrandDesign {
	width: 76px;
	background: url(/libs/css/assets/btnBrandDesign.gif) no-repeat top left;
}
.btnLayoutDesign {
	width: 80px;
	background: url(/libs/css/assets/btnLayoutDesign.gif) no-repeat top left;
}
.btnDevelopment {
	width: 52px;
	background: url(/libs/css/assets/btnDevelopment.gif) no-repeat top left;
}
.btnQuickMessage {
	width: 48px;
	background: url(/libs/css/assets/btnQuickMessage.gif) no-repeat top left;
}
.btnRequestAQuote {
	width: 100px;
	background: url(/libs/css/assets/btnRequestAQuote.gif) no-repeat top left;
}

.linPor {
	color: #DDA6D5;
	text-decoration: none;
}
.linSer {
	color: #B3FFB3;
	text-decoration: none;
}
.linCon {
	color: #A8DEE0;
	text-decoration: none;
}
.linDef {
	color: #fff;
	text-decoration: underline;
}

p a:hover {
	text-decoration: underline;
}