@charset "UTF-8";

html, body, div#gallery {
	background: #000000!important;
}

div#gallery {
	width: 735px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

p#mainImage {
	width: 735px;
	height: 420px;
	margin: 0 0 10px 0;
	text-align: center;
}

ul.icons {
	text-align: left;
	padding: 0 0 10px 0;
}

ul.icons li {
	padding: 0 10px 0 0;
	display: inline;
	color: #fff;
}

ul.icons li img {
	margin: 0 3px 0 0;
}

div#thumbArea {
	background: url(../../../images/gallery_thumb_bg.gif) no-repeat;
	width: 735px;
	height: 122px;
	margin: 0 auto;
	text-align: left;
}


/* scroll
-----------------------------------------*/
#thumbAreaLeft div.scrollArea {
	width: 405px;
	height: 80px; /* natural 57px */
	overflow: scroll;
	overflow-y:hidden;
}

#thumbAreaLeft div.scrollArea ul.thumbs {
	width: 930px;
}

#thumbAreaRight div.scrollArea {
	width: 301px;
	height: 80px; /* natural 57px */
	overflow: scroll;
	overflow-y:hidden;
}

#thumbAreaRight div.scrollArea ul.thumbs {
	width: 525px;
}


ul.thumbs li {
	width: 102px;
	float: left;
}

ul.thumbs li a {
	width: 91px!important;
}

ul.thumbs li.end {
	width: 97px;
}

ul.thumbs li a {
	display: block;
	border: 3px solid #666666;
}

ul.thumbs li a:hover {
	border-color: #0067fc;
}


/* thumbAreaLeft
------------------------------------------------------*/
div#thumbAreaLeft {
	width: 420px;
	float: left;
	padding: 10px 0 0 0;
}
div#thumbAreaLeft ul.thumbs {

}

/* thumbAreaRight
------------------------------------------------------*/
div#thumbAreaRight {
	width: 301px;
	float: right;
	padding: 10px 0 0 0;
}

.closeBtn {
	padding: 10px 0 0 0;
}