@import url(reset.css);
@import url(lightbox.css);

body {
	background:#000 url(/img/bg.gif) top left repeat-x;
	font-family:Verdana;
	font-size:11px;
	color:#fff;
	line-height:18px;
}

a {
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
}

#container {
	text-align:left;
	position:relative;
	width:900px;
	height:100px;
	min-height:100px;
	height:auto!important;
	margin:0 auto;
}
#container.intro {
	padding-top:55px;

}
#header {
	height:110px;
	display:block;
	width:900px;
}
#header h1 a {
	position:absolute;
	background:url(/img/logo.gif) top left no-repeat;
	width:173px;
	height:76px;
	text-indent:-9999px;
	top:20px;
	left:50px;
}
#intro-page {
	background:url(/img/intro.jpg) top center no-repeat;
	text-align:center;	
	padding:500px 0 0 0;
}

#intro-page ul{
	height:50px;
	margin:0 auto;
	width:119px;
}

#intro-page ul li{
	display:inline;
	float:left;
}
#intro-page ul li a{
	padding:3px 10px;
	height:20px;
	display:block;
	float:left;
}

#intro-page ul li a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}



h1.intro-logo {
	position:absolute;
	background:url(/img/logo-intro.gif) top left no-repeat;
	width:173px;
	height:84px;
	text-indent:-9999px;
	top:20px;
	left:365px;
}
#menu {
	width:640px;
	float:right;
	padding:30px 0 0 0;
	position:relative;
}
#menu a{
	height:14px;
	text-indent:-9999px;
	display:block;
	width:150px;
	float:left;
}
#menu a.reportage {
	background:url(/img/reportage.gif) top left no-repeat;
	padding:0 100px 0 0;
}
#menu a.experiences {
	background:url(/img/experiences.gif) top left no-repeat;
	position:absolute;
	left:330px;
}
#menu a.works {
	background:url(/img/works.gif) top left no-repeat;
	position:absolute;
	top:60px;
	width:205px;
	left:125px;
}
#menu a.contacts {
	background:url(/img/contacts.gif) top left no-repeat;
	position:absolute;
	top:60px;
	left:455px;
}
#home, #home h2 a{
	width:900px;
	height:400px;
	/*text-indent:-9999px;*/
	display:block;
	/*z-index:1;*/
}

#images {
	background:#fff url(/img/gallery/loading.gif) center center no-repeat;
	position:relative;
	display:block;
}
#images li{
	height:400px; 
	/*display:none;*/
	width:900px;
	/*z-index:0;*/
	background-position:center!important;
	background-repeat:no-repeat;
	background-attachment:fixed;
}


/*****************************************************/

#centrale {
	float:left;	
	width:620px;
	padding:0 20px 20px 20px;
	background:#353535 url(/img/bg_centrale.gif) top left repeat-x;
	text-align:left;
	width:;
}
#sidesx {
	float:left;
	width:240px;
}
#centrale h2 {
	padding:0 0 10px 0;
	border-bottom:1px dashed #FFFFFF;
	margin:0 0 10px 0;
	font-size:16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;

}
#centrale h2 a.back, #reportages h4 a.back {
	float:right;
	font-size:11px;
	position:absolute;
	bottom:10px;
	right:0;
	text-transform:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#centrale h2 a.back:hover, #reportages h4 a.back:hover {
	text-decoration:none;
	color:#666;

}
#sidesx img {
	border-bottom:5px solid #fff;
	padding:0;
	margin:0;
	display:block;
}
.gomorra {
	background:url(/img/homegomorra.jpg) top left no-repeat!important;
	z-index:100;
}
.risorgeremo {
	background:url(/img/home-risorgeremo.jpg) top left no-repeat!important;
	z-index:100;
}
.gomorra-onset {
	background:url(/img/homegomorra-onset.jpg) top left no-repeat!important;
	z-index:100;
}
.fotoleggendo{
	background:url(/img/fotoleggendo09.jpg) top left no-repeat!important;
	z-index:100;
}
#sidesx p {
	padding:10px;
	color:#7C7C7C;

}
#reportages .album{
	position:relative;
	height:60px;
	clear:both;
	margin:0 0 20px 0;
}
#reportages .album a img{
}
#reportages .album h3 {
	background:none;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
#reportages .album h3 a{
  filter: alpha(opacity=85); 
  -moz-opacity: .85; 
  opacity: .85; 
  position:absolute;
  bottom:-3px;
  left:55px;
  background:#000000;
  width:506px;
  padding:3px;
}
#reportages .album h3 a:hover{
  text-decoration:none;
}
a img.cover  {
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	border:3px solid #333;
}
a:hover img.cover {
	filter:alpha(opacity=100);
	-moz-opacity:100;
	opacity:100;
	border:3px solid #fff;
}
#reportages {
	text-align:center;
}
#reportages p{
	text-align:left;
}

#reportages a {
	position:relative;
}

#reportages h3 {
	background:#000 url(/img/bgh3.gif) top left repeat-y;
	width:514px;
	color:#fff;
	margin:5px 0 0 0;
	padding:2px
}
#reportages h4 {
	background:#000 url(/img/bgh3.gif) top right repeat-y;
	text-align:left;
	color:#fff;
	margin:5px 0 0 0;
	padding:2px;
	font-size:16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}
.grey{ 
	color:#7c7c7c;
}
#sidesx h4 {
	background:#000 url(/img/bgh3.gif) top left repeat-y;
	color:#fff;
	margin:5px 0 0 0;
	padding:5px 0 2px 10px;
	font-size:16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

/***********************************************************/
#footer {
	position:relative;
	padding:5px 10px;
	border-top:1px dashed #7d7d7d;
	width:880px;
	margin:5px 0 0 0;

}
a.neikos {
	background:url(/img/neikos.png) top right no-repeat;
	width:125px;
	height:20px;
	display:block;
	position:absolute;
	right:0;
	top:5px;
	font-size:10px;
}
/*a.neikos:hover {
	background:url(/img/neikos.gif) bottom left no-repeat;
} */
input, textarea {
	background:#000;
	color:#FFFFFF;
	border:1px solid #666;
	font-size:11px;
	padding:3px;
	margin:3px;
}
form {
	padding:0;
	margin:10px 0;
}
.italic{
	font-style:italic;
}