/** fonts **/



@font-face {
  font-family: 'ChronicleDispCond-Roman';
  src: url('fonts/ChronicleDispCond-Roman.eot');
}

@font-face {
  font-family: 'ChronicleDispCond-Roman';
  src: url('fonts/ChronicleDispCond-Roman.woff') format('woff');
}



@font-face {
  font-family: 'ChronicleDeck-Roman';
  src: url('ChronicleDeck-Roman.eot');
}

@font-face {
  font-family: 'ChronicleDeck-Roman';
  src: url('ChronicleDeck-Roman.woff') format('woff');
}



@font-face {
	font-family: 'ChronicleDispCondRoman';
	src: url('fonts/ChronicleDispCond-Roman.eot');
	src: url('fonts/ChronicleDispCond-Roman.eot?#iefix') format('embedded-opentype'),
		 url('fonts/ChronicleDispCond-Roman.woff') format('woff'), 
  		 url('fonts/ChronicleDispCond-Roman.ttf') format('truetype'), 

	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ChronicleDeck-Roman';
	src: url('fonts/ChronicleDeck-Roman.eot');
	src:  	url('fonts/ChronicleDeck-Roman.eot?#iefix') format('embedded-opentype'),
			url('fonts/ChronicleDeck-Roman.woff') format('woff'), 
			url('fonts/ChronicleDeck-Roman.ttf') format('truetype'), 

	font-weight: normal;
	font-style: normal;
}

/* end of fonts */ 

html,body{ 	background-color: #000000; color: #000000;}

*{outline:none;}
body{margin:0px; padding:0px; background-color: #000000;}



#toolbar{position:fixed; z-index:3; right:10px; top:10px; padding:5px; }
#toolbar img{border:none;}
#bg{position:fixed; z-index:1; overflow:hidden; width:100%; height:100%; z-index:4;}
#bgimg{display:none; -ms-interpolation-mode: bicubic; z-index:5;}
#preloader {
	
position:absolute;
z-index:3;
width:32px;
top: 50%; 
left: 50%;
margin-left: -16px;
margin-top: -16px;
	
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:0px auto; background-color: #000000;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background-color: #000000;}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:170px;}
#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:1px solid #000000; background-color: #000000;}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}


#video {
	z-index: 100;
	
}



.nextImageBtn, .prevImageBtn
{
display:block;
position:absolute;
width:50px;
height:50px;
top:50%;
margin:-20px  20px 0 20px;
z-index:5;
}



.nextImageBtn:hover,.prevImageBtn:hover
{
background-size: 50px 50px;
}
	
.nextImageBtn{right:0; background: url(nextImgBtn.png) center center no-repeat;
background-size: 40px 40px;}
.prevImageBtn{background: url(prevImgBtn.png) center center no-repeat;
background-size: 40px 40px;

}


/* mouse tail */

#tail { 
	z-index: 5000; 
	visibility: hidden; 
	position: absolute;
}
/* end */

p {
	line-height: 100%;
	padding-bottom: 10px;
	margin: 0;
}
.top {
	width: 100%;
	height: 180px;
	background-color: #fbdfd2;
	top: -180px;
	z-index: 6;
	position: absolute;
}

#top_col_1  {
	margin-top: 40px;
	margin-left: 65px;
	position: absolute;
	width: 120px;	
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	
}
#top_col_2  {
	margin-top: 40px;
	margin-left: 215px;
	padding-left:  20px;
	position: absolute;
	width: 340px;
	height: 120px;
	border-left: solid 1px;
	font-family: 'ChronicleDeck-Roman';
	line-height: 1.6;
	font-size: 11.5px;
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
}


#top_col_3  {

	margin-top: 40px;
	margin-left: 580px;
	padding-left: 0px;
	position: absolute;
	width: 340px;
	height: 120px;
	border-left: solid 1px;
	font-family: 'ChronicleDeck-Roman';
	line-height: 1.6;
	font-size: 11.5px;
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
}

#about {
	margin-top: 10px;
	text-transform: uppercase;
	font-family: 'ChronicleDispCond-Roman';
	color: #000000;
	font-size: 30px;
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
}

.bottom {
	width: 100%;
	height: 180px;
	color: #000000;
	background-color: #fbdfd2;
	bottom: -180px;
	z-index: 7;
	position: absolute;
}
.bottom2 {
	width: 100%;
	height: 100%;
	color: #000000;
	background-color: #fbdfd2;
	bottom: -1800px;
	z-index: 7;
	position: absolute;
}

#bot_col_1  {
	margin-top: 40px;
	margin-left: 55px;
	position: absolute;
	width: 110px;	
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	
}
#bot_col_2  {
	margin-top: 40px;
	margin-left: 215px;
	padding-left: 0px;
	position: absolute;
	width: 150px;
	height: 110px;
	border-left: solid 1px;
	font-family: 'ChronicleDeck-Roman';
	line-height: 1.6;
	font-size: 11.5px;
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
}

#bot_col_3  {
	margin-top: 40px;
	margin-left: 382px;
	padding-left: 20px;
	position: absolute;
	width: 150px;
	height: 110px;
	border-left: solid 1px;
	font-family: 'ChronicleDeck-Roman';
	line-height: 1.6;
	font-size: 11.5px;
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
}

#full_content {
	margin-top: 180px;
	margin-left: 215px;
	padding-left: 0px;
	position: absolute;
	width: 800px;
	height: 500px;
	font-family: 'ChronicleDeck-Roman';
	line-height: 1.6;
	font-size: 11.5px;
	zoom: 1;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
}



#top_btn {
	position: absolute;
	top: 160px;
	left: 50%;
	margin: 0px 0px 0px -20px;
	
}
#bottom_btn {
	position: absolute;
	top: -20px;
	left: 50%;
	margin: 0px 0px 0px -20px;
}
#menu {
	list-style-type: none; 
}
#menu li {
	
	list-style-type: none; 
}
#menu a {
	text-transform: uppercase;
	text-decoration: none;
}
#menu a:hover {
	text-transform: uppercase;
	text-decoration: line-through;
}
#menu .selected{

	text-decoration: line-through;
}
.item {
	
}





/* ANIMATION CSS */


#maincontent {
	display: none;
	z-index: 0;
}



body {
	width: 100%;
	height: 100%;
	margin: 0px; 
	padding: 0px; 
	background-color: #000;
}
#background {
	width: 100%;
	height: 100%;
	background-color: #fbdfd2;
	position: absolute;
	z-index: 0;
	display: none;я
}
#backgroundblack {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	z-index: 10;
}

#canvas {	
	top: 50%; 
	left: 50%;
	margin-left: -200px;
	margin-top: -200px;
	height: 400px;
	width: 400px;
	position: absolute;
}
#canvas2 {	
	top: 50%; 
	left: 50%;
	margin-left: -200px;
	margin-top: -200px;
	height: 400px;
	width: 400px;
	position: absolute;
}

#logo_text {
	z-index: 5;
}

#m {
	bottom: 50%; 
	left: 50%;
	margin-left: -58px;
	margin-bottom: -35px;
	width: 120px;
	height: 0px;
	position: absolute;
	z-index: 11;
	overflow: hidden;
}

#mIMG {
	position: absolute;
	z-index: 11;
	bottom: 0px;
}

#mblack {
	bottom: 50%; 
	left: 50%;
	margin-left: -58px;
	margin-bottom: -34px;
	width: 120px;
	height: 70px;
	position: absolute;
	z-index: 0;
	overflow: hidden;
	display: none;
}

#mblackIMG {
	position: absolute;
	z-index: 11;
	bottom: 0px;
}


/*  END OF ANIMATION CSS */


/*  SCROLLER IN DESCRIPTION CSS*/
#wrapper {
	margin-left: -2px;
	padding-left: 0px;
	position:absolute; z-index:1;
	top:0px; bottom:0px; left:0;
	width:100%;
	overflow:auto;
	cursor: all-scroll;
}
#wrapper2 {
	margin-left: -2px;
	padding-left: 0px;
	position:absolute; z-index:1;
	top:0px; bottom:0px; left:0;
	width:100%;
	overflow:auto;
	cursor: all-scroll;
}


#scroller {
	margin-left: 20px;
	position:relative;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	float:left;
	width:320px;
	padding:0;
}


/**
 *
 * Vertical Scrollbar
 *
 */
 
 
.myScrollbarV {
	position:absolute;
	z-index:100;
	width:4px;

	bottom:0px;
	top:0px;
	left:0px
}

.myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background: #000;

	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;

}


/* END  SCROLLER IN DESCRIPTION CSS END*/


/* UL ON ALBUM PAGES */

ul.cell {
	list-style: none;
	padding: 0;
	margin: 0;
	
}
ul.cell li {
	position: relative;
	float: left;
	padding: 0px;
	margin-top:  0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;
	type: none;


}
ul.cell img{



}
.imgset {
	margin: 1px;
	width: 165px;
	height: 110px;
}
.cellimg {
	display: none;
	margin: 0px;
	margin-top: 0px;
	background: url("bg.png") transparent;
    z-index: 101;
    width: 165px;
	height: 110px;
	position: absolute;
}