*{margin:0;padding:0}
/*html{overflow-x:hidden}
html,body,#main{width:100%;height:100%}*/
body{font-family:Arial,Verdana, sans-serif;background:#000 url(images/bg-page.jpg) 0 -70px no-repeat}
h1,h2,h3,h4,h5,h6{font-family:"ITC Century",Georgia,Palatino;font-size:3em;font-weight:normal;color:#FFF;margin:15px 0 0 30px!important}
#main{width:100%;position:relative;top:0;left:0;background:url(images/graffa.png) 235px 180px no-repeat}
p{color:#00c6f0 !important;font-size:.75em;margin-left:30px !important}
p#head{
	font-size: .7em;
	font-weight: bold;
	color: #b0b2b4;
	position: absolute;
	top: 190px;
	left: 32px
}
span#brand{
	display: block;
	text-indent: -99999em;
	width: 203px;
	height: 230px;
	background: url(images/unpublished.png) 0 0 no-repeat
}
.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}
.basic  {
	position: absolute;
	top: 25px;
	left: 300px;
	width: 70%
}
.basic p{
	font-size: .8em;	
	color: #777;
	margin: 0 0 10px 0
}
.basic a.link-sezione {
	width: 100%;
	float: left;
	cursor: pointer;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	color: #868686;
	margin: 3px 0
}
.basic a.link-sezione:hover {
	color: #000;
	background: #FFF
}
.basic a.link-sezione:selected {
	color: #000;
	background: #80cfe2
}
.basic div{
	margin: 10px 0
}
.basic div.preview{
	width: 152px;
	height: 12em;
	float: left;
	margin: 5px 5px 0 0;
	padding: 5px;
	position: relative;
	background: #221c1b
}
.basic div.contenitore{
	width: 100%;
	float: left;
	border-bottom: 1px solid #333
}
.scroll-pane {
	width: 100%;
	overflow: auto;
	float: left
}
#pane1{
	padding-top: 40px;
	height: 210px
}

#pane2{
	height: 210px
}
.preview p{
	font-weight: normal;
	color: #857674;
	margin: 0
}
.preview p.titolo{
	font-weight: bold;
	color: #777
}
.preview img{
	border: 0 solid #222;
	padding: 0 0 5px 0
}
.preview a.view, .preview span.view-disabled{
	padding: 0 1px;
	border: none;
	text-decoration: none;
	color: #000;
	background: #4d4341;
	position: absolute;
	left: 5px;
	bottom: 7px
}
.preview a.view:hover{
	border: none;
	background: #FFF
}

.preview span.view-disabled{
	background: #333
}

ul#bio, ul#skills, ul#agencies{
	font-size: .8em;
	float: left;
	color: #777;
	margin: 5px 0;
	width: 31%;
	padding: 30px 0 0 0
}
ul#bio{
	background: url(images/biography.gif) 0 0 no-repeat;
	padding: 30px 0 0 16px
}
ul#skills{
	padding: 30px 0 0 16px;
	background: url(images/skills.gif) 0 0 no-repeat
}
ul#agencies{
	padding: 30px 0 0 16px;
	background: url(images/agencies.gif) 0 0 no-repeat
}
.preview p em, ul#galleria li em{
	font-size: .76em;
	color: #000;
	background: url(images/hover.png) no-repeat;
	width: 160px;
	height: 60px;
	position: absolute;
	top: -85px;
	left: 0px;
	padding: 9px;
	font-style: normal;
	z-index: 2;
	display: none
}

ul#galleria li em{
	font-size: .6em
}
html>body ul#galleria{
	width: 100%;
	float: left;
	position: relative;
	margin: 5px 0;
	list-style: none
}
ul#galleria li{
	float: left;
	margin: 0 5px 5px 0;
	position: relative
}
ul#galleria a img{
	border: 1px solid #4d4341
}
ul#galleria li a, ul#galleria li a img, .preview a, .preview a img {
	float: left;
	overflow: hidden;
	
	}
ul#galleria li a:hover, .preview a:hover {
	border: 10px solid #FFF
	}
ul#galleria li a:hover img, .preview a:hover img {
	margin: -10px
	}
#loading-mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 20000
}
#loading{
	position: absolute;
	right: 38%;
	top: 40%;
	padding: 2px;
	background: #999;
	width: 250px;
	text-align: center;
	z-index: 20001
}
#loading .loading-indicator{
	background: #333 url(images/ajax-loader.gif) right center no-repeat;
	color:#777;
	font-size: .8em;
	font-weight: bold;
	padding:10px;
	margin:0;
	text-align:left;
}
#fancy_close{
	cursor: pointer
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
span.codedirection { unicode-bidi:bidi-override; direction: rtl }
span.note{
	position: absolute;
	top: -9999em;
	left: 0
}
p.concept, span.concept{
	font-weight: bold;
	color: #00c6f0
}
p:hover, ul li:hover{
	color: #00c6f0;
	cursor: default
}
p.no-colore:hover{
	color: #777
}