body{
	font-size: 80%;
	text-align: center; /* FIX centra pagina step 1 - IE < 7 in quirk mode ignora i margini auto */
}

#pagewrapper{
	width: 955px;
	margin: 0 auto;
	text-align: left; /* FIX centra pagina step 2 - ripristina l'allineamento a sx IE < 7 */
}

/************** HEADER *****************/

#header{
	height: 98px; /* prima 93 */
	width: 955px;
}

#header #brand{
	float: left;
	display: inline;
	height: 93px;
	width: 530px;
}

#header #brand h1{
	height: 93px;
	width: 516px;
	text-indent: -10000px;
} 

#header #banner{
	float: left;
	/*display: inline;*/
	height: 93px;
	width: 350px;
	/*text-indent: -10000px;*/
	margin-top:5px;
} 

/************* MAIN MENU *******************/

#mainmenu{
	width: 955px;
	height: 35px;
	padding-left: 71px;
}

#mainmenu li{
	float: left;
	margin-right: 15px;
}

#mainmenu a{
	display: block;
	width: 111px;
	height: 29px;
	text-indent: -10000px;
}

#newsp{
	float:right;
	margin-right:95px;
	margin-top:-22px;
}
#newsp a{
	display:block;
	width:60px;
	height:22px;
	background:url(../../images/news.gif);
	text-indent:-10000px;
}
/*************** CONTEXTUAL MENU *****************/

#contextualmenu{
	float: left;
	list-style-type: none;
	position: relative;
}

#contextualmenu li{
	display: inline; /* FIX rimuove lo spazio extra intorno agli items in IE/Win < 7 */
}

#contextualmenu a{
	display: block;
	width: 37px;
	height: 96px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: left top;
}

#contextualmenu a:hover{
	background-position: right top;
}

#contextualmenu .selected a, #contextualmenu .selected a:hover{
	background-position: left bottom;
	cursor: default;
}

#contextualmenu .selected{
	z-index: 20;
}

#contextualmenu li{
	position: absolute;
}

#contextualmenu #courses{
	top: 0px;
}

#contextualmenu #staff{
	top: 70px;
}

#contextualmenu #method{
	top: 140px;
}

#contextualmenu #references{
	top: 210px;
}

#contextualmenu #faq{
	top: 280px;
}

/**************** CONTAINER *******************/

#container{
	position: relative;
	float: left;
	left: 37px;
	padding: 5px 16px 10px 15px;
	border-width: 0 2px;
	width: 846px;
}

/******************* MAIN BOX ***********************/

#mainbox{
	min-height: 389px;
	padding: 0 20px;
}

#mainboxtop, #mainboxbottom{
	background-repeat: no-repeat;
	height: 18px;
}

/************** FOOTER ***************/

#footer{
	margin: 5px 37px 0 37px;
	position: relative;
	padding: 0 10px 5px 10px;
}

#info{
	float: left;
	width: 50%;
}

#info h2{
	width: 164px;
	height: 28px;
	background-repeat: no-repeat;
	text-indent: -5000px;
}

#dev{
	float: right;
	width: 50%;
	padding:42px 0 5px 0;
	text-align: right;
}

#dev li{
	display: inline;
	margin-left: 10px;
}

/*************** HELPER ******************/

.clear{
	clear: both;
}