@font-face {
    font-family: Interstate;
    src: url(Interstate-Regular.ttf);
}

html,body{height:100%;}
*{outline:none;}
body{margin:0px; padding:0px; background:#000;}
#toolbar{position:fixed; z-index:3; right:10px; top:10px; padding:5px; background:url(../../img/fs_img_g_bg.png);}
#toolbar img{border:none;}
#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:300px; margin:auto; background:#000;}
#thumbnails_wrapper{z-index:2; position:fixed; bottom:0; width:100%; background:url(../../img/empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container{position:relative; padding:0; width:100%; margin:40px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:url(../../img/fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:90px;}
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:3px; height:100%;}
#outer_container .thumbScroller img{border:1px solid #fff;}
#outer_container .thumbScroller .content div a{display:block; padding:5px 1px 5px 1px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:40px; height:120px; top:50%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.nextImageBtn{right:0; background:url(../../img/next.png) center center no-repeat;}
.prevImageBtn{background:url(../../img/prev.png) center center no-repeat;}
span.menu_sx1{
        font-family:Interstate;
        /* font-family:Arial; */
	position:fixed;
	left:40px; /* posizione sx */
	top:40px; /* posizione top */
	font-size:18px;
	z-index:5;
}
span.menu_sx2{
        font-family:Interstate;
        /* font-family:Arial; */
	color:#ffffff;
	position:fixed;
	left:40px; /* posizione sx */
	top:80px; /* posizione top */
	font-size:20px;
	z-index:5;
}
span.menu_sx3{
        font-family:Interstate;
        /* font-family:Arial; */
	color:#ffffff;
	position:fixed;
	left:40px; /* posizione sx */
	top:100px; /* posizione top */
	font-size:14px;
	z-index:5;
}
span.menu_sx1 a{
	color:#ff0000;
        font-family:Interstate;
	text-decoration:none;
	margin-left:1px; /* distanza link in alto sx */
	}
span.menu_sx3 a{
	color:#fff;
        font-family:Interstate;
	text-transform:none;
	text-decoration:none;
	margin-left:1px; /* distanza link in alto sx */
	}
span.menu_sx1 a:hover{
	color:#ff0000;
	}
span.menu_sx3 a:hover{
	color:#ddd;
	}
h1.title{
	width:400px;
	height:39px;
	position:fixed;
	bottom:150px;
	left:40px;
	text-indent:-9000px;
	background:transparent url(../../img/nitrox_bianco_little.png) no-repeat top left;
	z-index:5;
	}
div.bio2{
        width: 810px;
        height: 450px;*/
        border: 1px solid white;
        position: absolute;
        left: 50%;
        top: 80px;
        margin-left: -405px;
        /*margin-top: 200px;*/
        filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        -khtml-opacity:0.8; 
        opacity:0.8;
        background-color: #888888;
	z-index:6;
        display:none;
        overflow:auto;
	}
div.bio{
        width: 700px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 12px;
        margin-bottom: 12px;*/
        /*padding: 15px 15px 15px 15px;*/
        text-align: left;
        font-family:Interstate;
        /* font-family:Arial; */
	font-size:16px;
	color:#000000;
        display:block;
	z-index:6;
   }
div.film2{
        width: 700px;
        border: 1px solid white;
        position: absolute;   /*posizione assoluta per potere riposizionare l'elemento*/
        left: 50%;            /*il bordo sinistra dell'elemento si trovera' al 50% della larghezza disponibile*/
        top: 100px;             /*il bordo superiore dell'elemento si trovera' al 50% dell'altezza disponibile*/
        margin-left: -350px;  /*la meta' della larghezza dell'elemento tolta come margine superiore per centrarlo*/
        filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        -khtml-opacity:0.8; 
        opacity:0.95;
        background-color: #888888;
	z-index:3;
        //display:none;
        overflow:auto;
	}