body {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
}
#box {
	position: relative;
	margin: 0px;
	border-left-width: 13px;
	border-left-style: solid;
	border-left-color: #fff;
}
hr {
	display: none;
}

/*  header */
#header {
	height: 405px;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	width: 924px;
}
#home #header {background: url(../img/header_home.gif) no-repeat #690197;}
#profilo #header {
	background-image: url(../img/header_profilo.gif);
	background-repeat: no-repeat;
}
#portfolio #header {
	background-image: url(../img/header_portfolio.gif);
	background-repeat: no-repeat;
}

#extra #header {
	background-image: url(../img/header_extra.gif);
	background-repeat: no-repeat;
}


/* content */
#content  a {
	color: #FFFFFF;
	text-decoration: none;
}
#content  a:hover {
	text-decoration: underline;
}

#contatti #header {
	background-image: url(../img/header_contatti.gif);
	background-repeat: no-repeat;
}

/* logo */

#logo {
	height: 96px;
	width: 160px;
	text-indent: -2000em;
	margin-left: 24px;
	position: absolute;
}
#logo a {
	display: block;
	height: 68px;
	width: 136px;
}

#home #logo {background: url(../img/logo_home.gif) no-repeat;}
#contatti #logo { background: url(../img/logo_contatti.gif) no-repeat; }
#profilo #logo { background: url(../img/logo_profilo.gif) no-repeat; }
#portfolio #logo { background: url(../img/logo_portfolio.gif) no-repeat; }
#extra #logo { background: url(../img/logo_extra.gif) no-repeat; }


/*  menu */
#navs {
	margin-top: 18px;
	position: relative;
	height: 160px;
	width: 923px;
}

#menu {
	position: absolute;
	left: 303px;
	width: 575px;
	text-indent: -2000em;
}

#menu a {
	display: block;
	height: 33px;
	width: 96px;
}
#menu li {
	display: inline;
	float:left;
}
#menu .description {
	display: block;
	height: 48px;
	width: 96px;
	margin-top: 13px;
}
#m_profilo a {
	background-image: url(../img/m_profilo_off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	width: 96px;
}
#m_profilo a:hover, #m_profilo #active {
	background-image: url(../img/m_profilo_on.gif);
	background-repeat: no-repeat;
}
#m_profilo .description {
	background-image: url(../img/sub_profilo.gif);
}
#m_portfolio a {
	background-image: url(../img/m_portfolio_off.gif);
}
#m_portfolio {
	margin-left: 51px;
}

#m_portfolio a:hover, #m_portfolio #active{
	background-image: url(../img/m_portfolio_on.gif);
}

#m_portfolio .description {
	background-image: url(../img/sub_portfolio.gif);
}
#m_extra .description {
	background-image: url(../img/sub_extra.gif);
}
#m_contatti .description {
	background-image: url(../img/sub_contatti.gif);
}
#m_extra a {
	background-image: url(../img/m_extra_off.gif);
}
#m_extra {
	margin-left: 69px;
}

#m_extra a:hover, #m_extra #active{
	background-image: url(../img/m_extra_on.gif);
}
#m_contatti a {
	background-image: url(../img/m_contatti_off.gif);
}
#m_contatti {
	margin-left: 36px;
}

#m_contatti a:hover, #m_contatti #active{
	background-image: url(../img/m_contatti_on.gif);
}

/*footer */
#footer {
	position: relative;
	font-size: 0.7em;
	color: #666;
	width: 817px;
	height: 40px;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #333333;
}

#f_right {
	float: right;
}
#f_left {
	float: left;
}






#contatti #header_content {
	position: absolute;
	left: 242px;
	top: 54px;
}
#contatti h3 {
	color: #0071bb;
	margin-top: 20px;
	font-weight: bold;
}

#contatti #content {
	position: absolute;
	left: 315px;
	top: 72px;
	z-index: 5;
	font-size: 0.7em;
	color: #FFFFFF;
	width: 414px;
}
#contatti #content a {
	text-decoration: underline;
}

#profilo #content {
	position: absolute;
	left: 39px;
	top: 35px;
	z-index: 5;
	font-size: 0.7em;
	color: #FFFFFF;
	width: 739px;
	height: 282px;
}
#home #content {
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: 0px;
	width: 923px;
	height: 405px;
}

#portfolio #content, #extra #content {
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: 0px;
	width: 873px;
	height: 355px;
	padding: 25px;
	font-size: 0.7em;
}
#portfolio #content a {
	color: #666666;
}


/* bg */
#contatti {
	background-image: url(../img/bg_contatti.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#home {
	background-image: url(../img/bg_home.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#profilo {
	background-image: url(../img/bg_profilo.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#portfolio {
	background-image: url(../img/bg_portfolio.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#extra {
	background-image: url(../img/bg_extra.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.valign {
	vertical-align: middle;
}
#turn_ico {
	position: absolute;
	height: 50px;
	width: 45px;
	left: 0px;
	top: 225px;
	z-index: 999;
}
#photo {
	position: absolute;
	height: 221px;
	width: 204px;
	left: 0px;
	top: -13px;
}
#content_profilo {
	position: absolute;
	left: 253px;
	top: 0px;
}




#prg_list {
	width: 139px;
	height: 309px;
	position: absolute;
}

#prg_list li {
	margin-bottom: 2px;
}
#prg_list a {
	padding: 1px;
	color: #666666;
}
#portfolio #prg_scheda {
	width: 120px;
	position: absolute;
	left: 187px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #8bc53f;
	border-bottom-color: #8bc53f;
	padding-bottom: 10px;
}

#portfolio #prg_list li a:hover   {
	background-color: #8BC53F;
	color: #FFF;
	text-decoration: none;
}

#portfolio #prg_list #prg_active a  {
	background-color: #8BC53F;
	color: #FFFFFF;
}

#portfolio #prg_scheda .title {
	color: #8bc53f;
	margin-top: 10px;
}


#extra #prg_list li a:hover   {
	background-color: #e062a5;
	color: #666666;
	text-decoration: none;
}

#extra #prg_list #prg_active a  {
	background-color: #e062a5;
	color: #FFFFFF;
}
#extra #prg_scheda {
	width: 120px;
	position: absolute;
	left: 187px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e062a5;
	border-bottom-color: #e062a5;
	padding-bottom: 10px;
}

#extra #prg_scheda .title {
	color: #e062a5;
	margin-top: 10px;
}

#prg_pdf {
	font-size: 10px;
	background-image: url(../img/pdf-document.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	position: absolute;
	width: 124px;
	padding-top: 5px;
	height: 15px;
	left: 187px;
	top: 265px;
	color: #666666;
}
#prg_pdf a {
	color: #666666;
}


#prg_image {
	position: absolute;
	height: 316px;
	width: 487px;
	left: 341px;
}