/*
-----------------------------------------------
Site Base Styles
Author:   akella at http://cssing.org.ua
Version:  1 sep 2009
----------------------------------------------- */

*{margin:0;padding:0}
body{
	font:13px/1.3  Helvetica, arial,sans-serif;
	color:#000;
	background:#eee;
	padding-bottom:20px;
	}
	
img{ behavior: url(/js/iepngfix.htc) }	

/* =Misc(links)
----------------------------------------------- */
a img,fieldset{border:none}

.pda, .print, legend{display:none}

.clr
{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}


.out
{
	overflow:hidden;
	width:100%;
	height:800px;
	position:relative;
}

.out-in
{
	position:absolute;
	left:50%;
}

.out-in1
{
	position:absolute;
	width:1932px;
	left:-1301px;/*-961px;*/
	height:800px;
}


.logo
{
	position: absolute;
	top: 40px;
	left: 874px;
}

.top-buttons
{
	position: absolute;
	top: 76px;
	left: 1326px;
	z-index: 500;
	text-align: right;
	
	width: 400px;
}	
	
.button-sm
{
	color: #eee;
	background: #999;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 3px;
	
	font-size: 10px;
}	

.button-sm:hover
{
	background: #666;
}
	
/* =content
----------------------------------------------- */
.page
{
	top:100px;
	left:0;
	width:2601px;
	position:absolute;
}

.interact
{
	position:absolute;
	top:0px;
	width:854px;
	height:480px;
	z-index: 400;
	opacity: 0;
/*
	
	transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
*/
}

.interact-on
{
	opacity:1;
}

.overlay
{
	position:absolute;
	top:0;
	width:854px;
	height:480px;
	background: #eee;
	z-index: 300;
	opacity: 0.7;
	
	transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
}

.overlay-on
{
	opacity:0;
}
	
.pics
{
	position:absolute;
	width:1932px;top:0;left:0;
}
	
.pics-items
{
	width:20000em;
	position:absolute;
	left:0;
}
	
.pics-items:hover
{
}
	
.item
{
	width:854px;
	height:480px;
	position:relative;
	margin-right:20px;
	float:left;
/* 	opacity:0.3; */
	transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
}
		
.out .current
{
	opacity:1;
}

.b-helvetica .item-h{display:block;}

.item-pic
{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	display:none;
}
	
.b-photo .item-pic{display:block;}
		

.next,.prev
{
	position:absolute;
	top:0;
	width:854px;
	height:480px;
	opacity: 0.4;


	z-index:2000;
}

.arrow-hover
{
	opacity: 0.8;
}

.next{right:0; /* background:red; */ }
.prev{left:0; /* background:blue; */ }

.info-block
{
	position: absolute;
	width: 345px;
	top: 587px;
	left: 1381px;
	z-index: 999;
	
	color: #777;
	font-family: sans-serif;
	text-align: right;
}

.info-main
{
	font-size:18px; 
	padding-bottom: 2px;
}

.info-sub
{
	font-size: 12px;
	font-style: italic;
}

.video-button
{
position: absolute;
	top: 590px;
	left: 874px;
	z-index: 999;
	
	color: #eee;
	background: #999;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
	
	font-size: 20px;
}	

.video-button:hover
{
	background: #666;
}