/* RESET STYLE */ 
@import url('reset.css');

/* IMPORT FONTE */
@import url(http://fonts.googleapis.com/css?family=Arimo:400);

/* BODY */
html,body{
	height:100%;
}
*{outline:none;
}
body{
	margin:0px;
	padding:0px;
	background-color: rgba(0, 0, 0, 0.9);
}
     
/* TOOLBAR */
#toolbar2{
	position:fixed;
	z-index:3;
	right:10px;
	top:10px;
	padding:5px;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
}
#toolbar2 img{
	border:none;
}
#toolbar2:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}

/* INFOS IMAGES */
#img_title{
	position:fixed;
	z-index:3;
	left:10px;
	top:15px;
	padding:15px;
	background:url(info.png);
	background-repeat : no-repeat;
	color:#444444;
	color: rgba(123, 123, 123, 0);
	font-family:"Times New Roman", Georgia, Serif;
	font-size: 1.0em;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
}
#img_title:hover{
	background:url(fs_img_g_bg.png);
	color:#b4b4b4;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

/* IMAGES */
#bg{
	position:fixed;
	z-index:1;
	overflow:hidden;
	width:100%;
	height:100%;
}
#bgimg{
	display:none;
	-ms-interpolation-mode: bicubic;
}
#preloader{
	position:relative;
	z-index:3;
	width:32px;
	padding:20px;
	top:80px;
	margin:auto;
	background:#000;
}
#thumbnails_wrapper{
	z-index:2;
	position:fixed;
	bottom:0;
	width:100%;
	background:url(empty.gif);
}
#outer_container{
	position:relative;
	padding:0px;
	width:100%;
	margin:40px auto;
}
#outer_container .thumbScroller{
	position:relative;
	overflow:hidden;
	background:url(fs_img_g_bg.png);
}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{
	height:130px;
}
#outer_container .thumbScroller .container{
	position:relative;
	left:0;
}
#outer_container .thumbScroller .content{
	float:left;
}
#outer_container .thumbScroller .content div{
	margin:5px;
	height:100%;
}
#outer_container .thumbScroller img{
	border:5px solid #fff;
}
#outer_container .thumbScroller .content div a{
	display:block;
	padding:5px;
}
.nextImageBtn, .prevImageBtn{
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	margin:-25px 10px 0 10px;
	z-index:3;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
}
.nextImageBtn:hover,.prevImageBtn:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
.nextImageBtn{
	right:0;
	background:url(suivant.png) center center no-repeat;
}
.prevImageBtn{
	background:url(precedant.png) center center no-repeat;
}

/* FOOTER */ 
div#footer a {
	z-index:3;
	position: absolute;
	width: 98%;
	bottom: 1%;
	left: 1%;
	text-align: right;
	font-family: 'Arimo',
	sans-serif;
	letter-spacing: 0.6px;
	font-size: 0.7em;
	color: #888888;
	text-decoration:none;
}
div#footer a:hover{
	color: #4b4b4b;
}