/* CSS Document */



#Gallerybox {

	height: 250px;

	width: 100%;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#Gallerybox img {

	border-width: 0px;



}

#myGallery, #myGallerySet, #flickrGallery

{

	z-index:5;

	width: 100%;

	height: 250px;

	padding: 0px;

	margin: 0px;

	overflow: hidden;

}



#flickrGallery

{

}



#myGallery img.thumbnail, #myGallerySet img.thumbnail

{

	display: none;

}



.jdGallery

{

	overflow: hidden;

	position: relative;

}



.jdGallery img

{

	border: 0;



}



.jdGallery .slideElement

{

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	background-color: #000000;

}



.jdGallery .loadingElement

{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-color: #000;

	background-repeat: no-repeat;

	background-position: center center;

	background-image: url('');

}



.jdGallery .slideInfoZone

{

	position: absolute;

	z-index: 10;

	width: 100%;

	margin: 0px;

	left: 0;

	bottom: 0;

	color: #FFFFFF;

	text-indent: 0;

	overflow: hidden;

	padding: 0px;

	height: 25%;

	background-color: #000000;

}



.jdGallery .slideInfoZone a

{

	color: #FFFFFF;

}



* html .jdGallery .slideInfoZone

{

	bottom: -1px;

}



.jdGallery .slideInfoZone h3

{

	padding: 0px;

	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;

	width: 96%;

	margin-top: 4px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	text-decoration: none;

	text-transform: capitalize;

	display: block;

	clear: both;

	height: auto;

}

.jdGallery .slideInfoZone h3 a

{

	color: #82E0FF;

	text-decoration: none;

	font-weight: bold;



}

.jdGallery .slideInfoZone h3 a:hover

{

	text-decoration: underline;



}



.jdGallery .slideInfoZone p

{

	padding: 0px;

	font-size: 11px;

	color: #FFFFFF;

	width: 96%;

	text-transform: capitalize;

	clear: both;

	height: auto;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	display: block;

	line-height: 16px;

}

.jdGallery .slideInfoZone p a

{

	color: #82E0FF;

	text-decoration: none;

	font-weight: bold;

}

.jdGallery .slideInfoZone p a:hover

{

	text-decoration: underline;

}



.jdGallery div.carouselContainer

{

	position: absolute;

	height: 135px;

	width: 100%;

	z-index: 10;

	margin: 0px;

	left: 0;

	top: 0;

}



.jdGallery a.carouselBtn

{

	position: absolute;

	bottom: 0;

	right: 30px;

	height: 20px;

	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #333;

	color: #fff;

	cursor: pointer;

}



.jdGallery .carousel

{

	position: absolute;

	width: 100%;

	margin: 0px;

	left: 0;

	top: 0;

	height: 115px;

	background: #333;

	color: #fff;

	text-indent: 0;

	overflow: hidden;

}



.jdExtCarousel

{

	overflow: hidden;

	position: relative;

}



.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper

{

	position: absolute;

	width: 100%;

	height: 78px;

	top: 10px;

	left: 0;

	overflow: hidden;

}



.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner

{

	position: relative;

}



.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail

{

	cursor: pointer;

	background: #000;

	background-position: center center;

	float: left;

	border: solid 1px #fff;

}



.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail

{

	margin-bottom: 10px;

}



.jdGallery .carousel .label, .jdExtCarousel .label

{

	font-size: 13px;

	position: absolute;

	bottom: 5px;

	left: 10px;

	padding: 0;

	margin: 0;

}



.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton

{

	font-size: 10px;

	position: absolute;

	bottom: 5px;

	right: 10px;

	padding: 1px 2px;

	margin: 0;

	background: #222;

	border: 1px solid #888;

	cursor: pointer;

}



.jdGallery .carousel .label .number, .jdExtCarousel .label .number

{

	color: #b5b5b5;

}



.jdGallery a

{

	font-size: 100%;

	text-decoration: none;

	color: inherit;

}



.jdGallery a.right, .jdGallery a.left

{

	position: absolute;

	height: 99%;

	width: 25%;

	cursor: pointer;

	z-index:10;

}



* html .jdGallery a.right, * html .jdGallery a.left

{



}



.jdGallery a.right:hover, .jdGallery a.left:hover

{





}



.jdGallery a.left

{

	left: 0;

	top: 0;



}







.jdGallery a.right

{

	right: 0;

	top: 0;



}







.jdGallery a.open

{

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.withArrows a.open

{

	position: absolute;

	top: 0;

	left: 25%;

	height: 99%;

	width: 50%;

	cursor: pointer;

	z-index: 10;

	background: none;

}









	

	

/* Gallery Sets */



.jdGallery a.gallerySelectorBtn

{

	z-index: 15;

	position: absolute;

	top: 0;

	left: 30px;

	height: 20px;

	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #333;

	color: #fff;

	cursor: pointer;

}



.jdGallery .gallerySelector

{

	z-index: 20;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #000;

}



.jdGallery .gallerySelector h2

{

	margin: 0;

	padding: 10px 20px 10px 20px;

	font-size: 20px;

	line-height: 30px;

	color: #fff;

}



.jdGallery .gallerySelector .gallerySelectorWrapper

{

	overflow: hidden;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton

{

	margin-left: 10px;

	margin-top: 10px;

	border: 1px solid #888;

	padding: 5px;

	height: 40px;

	color: #fff;

	cursor: pointer;

	float: left;

}



.jdGallery .gallerySelector .gallerySelectorInner div.hover

{

	background: #333;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview

{

	background: #000;

	background-position: center center;

	float: left;

	border: none;

	width: 40px;

	height: 40px;

	margin-right: 5px;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3

{

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-weight: normal;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info

{

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-weight: normal;

	color: #aaa;

}