body {
	font-family: arial;
	background: url('img/background2.jpg') center top no-repeat #000;
	margin:0px;
	padding:0px;
}

p {
padding: 0px;
margin: 0px;
line-height: 20px;

}

iframe {
	padding: 10px;	
}

.header {
	width:100%;
	text-align: left;
	padding: 0px;
	position: fixed;
	top: 0;
	z-index:10;
	background: #fff; 
	opacity:0.75;
}
.content-box {
	width: 900px;
	padding: 150px 0 0 0;
	text-align: left;
	color: #fff;
	font-size: 13px;
}
.content-box li{
	margin: 0 0 0 20px;	
}
.content-box a {
	color: #ccc;
	text-decoration: underline;
}
.content a:HOVER {
	color: #fff;
	text-decoration: none;
}

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

a:HOVER {
	color: #5e0076;
	text-decoration: underline;
}


.footer {
	width:100%;
	height: 140px;
	text-align: center;
	padding: 10px;
	position: fixed;
	bottom: 0;
	z-index:10;
	background: #fff; 
	opacity:0.35;
}
.footer:HOVER {

	opacity:0.85;
}

   #layer1 {
    z-index: 1; /* Порядок слоев */
    width: 100%; /* Ширина слоя с фоном */
    height: 100%; /* Высота слоя с фоном */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; /* Положение от левого края окна */
    top: 0; /* Положение от верхнего края */
    text-align:center;
    
   }
   #layer1 img {
   
   }
   #layer2 {
    position: absolute; /* Абсолютное позиционирование */
    z-index: 2; /* Порядок слоев */
    padding: 50px;
   }
   
.top-tab {
	padding: 2px 20px 2px 20px;
} 
.portfolio-menu {
	font-size: 13px;
	padding:10px;
}

.portfolio-menu ul {
	margin:0px;
	padding:0px;
}
.portfolio-menu ul li {
	margin:0px;
	padding:0px;
	display:inline;
}
.portfolio-menu ul a {
	margin:0 10px 0 10px;
	padding:0px;
	display:inline;
}


.contact-menu {
	font-size: 10px;
	text-align: right;
	padding:10px;
}
.contact-menu ul {
	margin:0px;
	padding:0px;
}
.contact-menu ul li {
	margin:0px;
	padding:0px;
	display:inline;
}
.contact-menu ul a {
	margin:0 10px 0 10px;
	padding:0px;
	display:inline;
}

.photo-box {
	margin:5px;
	padding:5px;
    width:130px;
    height:130px;
    text-align:center;
    vertical-align:top;
    border:0px solid #eee;
    display:-moz-inline-stack; /* for FF2*/
    display:inline-block; /* normal browsers */
    zoom:1; /* for IE (hasLayout true) */
    *display:inline; /* for IE */
    display: table-cell; 
    vertical-align: middle
}


.video-box {
	margin:5px;
	padding:5px;
    width:130px;
    height:130px;
    text-align:center;
    vertical-align:top;
    border:0px solid #eee;
    display:-moz-inline-stack; /* for FF2*/
    display:inline-block; /* normal browsers */
    zoom:1; /* for IE (hasLayout true) */
    *display:inline; /* for IE */
    display: table-cell; 
    vertical-align: middle
}


#content-photo {
	position:fixed;
	z-index:3;
	left:10px;
	top:50px;
	padding:10px;
	background:url(fs_img_g_bg.png);
	color:#FFF; 
	font-family:'Josefin Sans Std Light', arial, serif; 
	font-size:12px; 
	width: 250px;
}
#content-photo a{
	color:#fff;
}


.thumb {

}

@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
html,body{height:100%;}
*{outline:none;}

#toolbar{position:fixed; z-index:3; right:10px; top:50px; padding:5px; background:url(fs_img_g_bg.png);}
#toolbar img{border:none;}
#img_title{position:fixed; z-index:3; left:10px; top:50px; padding:10px; background:url(fs_img_g_bg.png); color:#FFF; font-family:'Josefin Sans Std Light', arial, serif; font-size:24px; }
#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); /* 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(fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:150px;}
#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=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:#000 url(nextImgBtn.png) center center no-repeat;}
.prevImageBtn{background:#000 url(prevImgBtn.png) center center no-repeat;}