/* CSS Document */

.loading {
	z-index:9000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	position:absolute;
	background:#000000;
}

#mainscroll {
	overflow: auto;
	position: relative;
	outline:none;
	width:50000px;
}

.contentcontainer {
	position:relative;
	width:50000px;
}

.scrollgeneric {
	left:0;
	line-height:1px;
	position:absolute;
	height:50px;
	background:#000000;
	cursor:pointer;
}
.hscrollerbase{
	height:25px;
	bottom:0 ! important;
	z-index:1000;
}
.hscrollerbar{
	cursor:pointer;
	height:25px;
	background:#333333;
	margin:0 0 0 10px;
}
.hscrollerbarbeg {
	background:url(../images/arrowleft.png) no-repeat 20% 40%;
	height:25px;
	width:25px ! important;
	padding:0 0 0 5px;

}
.hscrollerbarend {
	background:url(../images/arrowright.png) no-repeat 80% 40%;
	width:25px;
	height:25px;
	padding:0 5px 0 0;
}

.vscrollerbase {
	width: 15px;
	background: #000000;
}

.vscrollerbar{
	width: 15px;
	background-color: #333333;
	cursor:pointer
}

.hscrollerbar:hover, .vscrollerbar:hover{
	background:#FFFFFF
}

#scroll .panel{
	width:210px;
	margin:0 0 0 10px;
	display: block;
	float:left;
	list-style:none;
}

#scroll .panel b{
	margin:0 0 5px 0;
}

#scroll .panel p{
	width:200px;
}

#scroll .panel a{
	width:210px;
	height:210px;
	margin:10px 0 0 0;
	display:block;
	position:relative;
}

#scroll .panel a .dark{
	width:210px;
	height:210px;
	display:block;
	background:#000000;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
}

#scroll .panel .photo{
	width:210px;
	height:210px;
	margin:0 0 20px 0;
}

#scroll .panel a .photo2{
	width:208px;
	height:208px;
	margin:0 0 20px 0;
	display:block;
	border:1px solid #000000;
}

#scroll .panel a:hover .photo2{
	border:1px solid #FFFFFF;
}