* {margin: 0; padding: 0; outline: none;}
img {
	border: none;
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

#main {
	background: #000;
	width: 96%;
	display: block;
	margin: 0 auto;
	min-height: 900px;
	z-index: 1;
}
a {color: #fff;}

/*--Main Image Preview--*/
.main_image {
	width: 62%;
	float: left;
	background: #000;
	position: relative;
	color: #FFF;
	padding: 1% 2% 0 3.09%;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px;
}
.main_image p {
	font-size: 1em;
	padding: 1em 0 1em 0;
	margin: 0;
	line-height: 1em;
}
.block small { 
	padding: 0 0 0 20px; 
	background:#f0f0f0; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	left: -15px;
	width: 100%;
	display: none;
	bottom: -1.5em;
}
.main_image .block{
	width: 100%;
}
.main_image a.collapse {
	background: #f0f0f0;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 

.image_thumb {
	float: left;
	width: 30%;
	background: #000;
	overflow-y: scroll;
	max-height: 510px;
	margin-top: 2%;
}
.image_thumb img {
	border: 1px solid #fff;
	float: left;
	width:100%;
	height:auto;
	margin: 0 auto;
	max-width: 100px;
}
.image_thumb ul {
	margin: 2%;
	padding: 0;
	list-style: none;
}
.image_thumb ul li{
	padding: 2%;
	background: #000;
	width: 21%;
	float: left;
}
.image_thumb ul li.hover {
	background: #333;
}
.image_thumb ul li.active {
	cursor: default;
}
.image_thumb ul li .block {display: none;}

#scrollbar::-webkit-scrollbar{
width:7px;
background-color:#fff;
}
#scrollbar::-webkit-scrollbar-thumb{
background-color:#ccc;
border-radius:0;
}
#scrollbar::-webkit-scrollbar-thumb:hover{
background-color:#333;
border:1px solid #333333;
}
#scrollbar::-webkit-scrollbar-thumb:active{
background-color:#309;
border:1px solid #333333;
}
/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1024px) {
.image_thumb ul li{
width: 40%;
}	
}
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
.image_thumb ul li{
width:35%;
padding:5%;
}
}