@import url(https://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
html,body{height:100%; font-family:'Josefin Sans Std Light', arial, serif;}
*{outline:none;}
body{margin:0px; padding:0px; background:#333333;}
#menu_l{ position:absolute; top:0px; z-index:1000; background:url(../images/sf_m.png); width:100%; }
#contatti{ position:absolute; top:100%; z-index:1000; background:url(../images/sf_m.png); width:100%; margin-top:-35px; height:35px; color:#F3C}
#btn_2{ font-size:16px; margin:7px -5px 10px 20px; float:left; background:url(../images/btn_1.png) bottom left no-repeat}
#btn_2:hover{ background:url(../images/btn_2a.png) bottom left no-repeat}
#logo{ float:right; height:19px; width:100px; background:url(../images/logo.png) no-repeat; margin:15px}
#btn{ font-size:24px; margin:10px -5px 10px 20px; float:left; background:url(../images/btn_1.png) bottom left no-repeat}
#btn_sel{ font-size:24px; margin:10px -5px 10px 20px; float:left; background:url(../images/btn_2.png) bottom left no-repeat}
#btn:hover{ background:url(../images/btn_2.png) bottom left no-repeat}
#btn a, #btn_sel a, #btn_2 a { color:#FFF; text-decoration:none	}
#toolbar{position: absolute; z-index:3; right:10px; top:60px; padding:0px; background:url(../images/fs_img_g_bg.png); display:none}
#toolbar img{border:none;}
#img_title{position: absolute; z-index:3; left:0px; top:100%; margin-top:-140px; padding:10px 10px 10px 20px; background:url(../images/fs_img_g_bg.png); color:#FFF; font-family:'Josefin Sans Std Light', arial, serif; font-size:14px; text-transform:uppercase;}
#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:100px; padding:0px; top:45%; margin:auto;font-family:'Josefin Sans Std Light', arial, serif; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:12px; line-height:30px; color:#CCC}
#thumbnails_wrapper{z-index:2; position: absolute; top:100%; margin-top:-110px; width:100%; background:url(../images/empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container{position:relative; padding:0; width:100%; margin:10px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:url(../images/fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:60px;}
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:0px; height:100%;}
#outer_container .thumbScroller img{border:0px solid #000; height:50px}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:50%; margin:-25px 0px 0 0px; 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(../images/nextImgBtn.png) center center no-repeat;}
.prevImageBtn{background: url(../images/prevImgBtn.png) center center no-repeat;}
#bau{ z-index:1000; position: fixed; top:100px}




		#thumbs { height: 50px; padding: 0; position:absolute; top:100%; left:20px; margin-top:-95px; z-index:1000}
		#thumbs  img{ height: 50px;}
		#thumbs ul { list-style-type: none; margin: 0 10px 0; padding: 0 0 10px 0; }
		#thumbs ul li { height: 50px; }
		
		.thumb { border: 0; float: left; width: 75px; height: 50px; background: url(https://secure-b.vimeocdn.com/thumbnails/defaults/default.75x100.jpg); margin-right: 10px; }
		
		#embed { height: 410px; width: 720px; float: left; z-index:1000; position:absolute; top:60px; left:20px}
		
		#portrait { float: left; margin-right: 5px; max-width: 100px; }
		#stats { clear: both; margin-bottom: 20px; }
