#loader {
	top: 190px;
	width: 100%;
	text-align: center;
	position: absolute;
	visibility: hidden;
}
#loader div {
	background: url(../images/loader1.gif) no-repeat center center;
	text-align: center;
	height: 100px;
	width: 100px;
	margin: auto;
}

.gallery-heading {
	margin-top: -10px;	
	font-size: 24px;
	letter-spacing: 1px;
}

/* Gallery Nav */

#gallery-nav {
	margin: 0 0 14px 0;
		padding: 10px 0 14px 0;
		width: 484px;
}

#gallery-nav ul {
	float: left;
	position: relative;
	z-index: 1;
}

#gallery-nav ul, #gallery-nav li{
	margin:0;
	font-size:100%;
	list-style: none;
	color: #fff;
}
#gallery-nav li a{
	color:#666;
	text-decoration:none;
}
#gallery-nav li h3{
	font-size: 16px;
	font-weight: normal;
	margin: 5px 0 0 0;
	color: #FFFFFF;
}
#gallery-nav ul li{
	float:left;
	display:inline;
	margin:0 -1px -1px 0;
	width:162px;
	height:128px;
}
#gallery-nav li a{
	display:block;
	position: relative;
	width:162px;
}
#gallery-nav li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#gallery-nav li a span {
	position:absolute;
	top:-16px;
	left:-16px;
	padding:0;
	margin:0;
	display:none; 
	width: 192px;
	height: 122px;
	overflow:hidden;
		cursor:pointer;
		background:url(../gallery/nav-selector.png) no-repeat left top;

}

#gallery-nav li a.selected span {
	display:block;
	z-index: 101;
} 

#gallery-nav li img {
	border:1px solid #EEE;
		display:block;
		width: 160px;
		height: 89px;
		overflow: hidden;
}

/* Selected */
#page_botleysmansion-gallery #gallery-nav li.nav-botleysmansion a span,
#page_cainmanor-gallery #gallery-nav li.nav-cainmanor a span,
#page_notleyabbey-gallery #gallery-nav li.nav-notleyabbey a span,
#page_silchesterhouse-gallery #gallery-nav li.nav-silchesterhouse a span,
#page_toftemanor-gallery #gallery-nav li.nav-toftemanor a span,
#page_dining-gallery #gallery-nav li.nav-dining a span
{
	display:block;
	z-index: 101;		
}


/* Gallery Image */

#galleryimage {
	position: relative;
	width: 825px;
	height:460px;
	overflow: hidden;
	z-index: 1;
}
#galleryimage #slideshow {
	position: relative;
	z-index: 1;
}
#galleryimage #slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#galleryimage #loading {
	position: absolute;
	top: 0px;
	left: 0px;	
}
#galleryimage #controls {
	z-index: 2;
}
#galleryimage .controls .nav-controls {
 	cursor: pointer;
    position: absolute;
	width: 100%;
    top: 0px;
    z-index: 9;
}
#galleryimage .controls .nav-controls a {
	position: absolute;
	background: none;
    border: none;
    display: block;
    height: 460px;
    text-indent: -9999px;
width: 400px;
}
#galleryimage .controls .nav-controls .next {
	background: url("../images/arrow-right.png") no-repeat 346px 45%;
    right: 0px;
}
#galleryimage .controls .nav-controls .prev {
	background: url("../images/arrow-left.png") no-repeat 20px 45%;
	left: 0px;	
}

	#galleryimage .controls a:focus { 
		border: none;
		outline: none;
	}


#galleryimage .controls .ss-controls {
	position: absolute;
	left: 0;
	bottom: 0px;
    z-index: 10;
}
#galleryimage .controls .ss-controls {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
}
#galleryimage .controls .ss-controls a {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 90px;
	height: 30px;
    text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 12px;
	display: none;
}

#galleryimage .controls .ss-controls a.play {
	background-image: url('../images/play-buttons.png');

}
#galleryimage .controls .ss-controls a.pause {
	background-image: url('../images/play-buttons.png');
	background-position: left -30px;
}

#galleryimage:hover .controls .ss-controls a {
	display: block;	
}
#galleryimage div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/loader1.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 460px;
		z-index: 2;
}


/* Gallery Thumbs */

#gallery {
	margin: 0 0 14px 0;
		padding: 10px 0 14px 0;
		border-top: 1px solid #635142;
		border-bottom: 1px solid #635142;
}
#gallery ul {
	display: block;
	clear: both;

}
#gallery ul, #gallery li {
	margin:0;
	font-size:100%;
	list-style: none;
}

/* clearfix */
#gallery ul:before, #gallery ul:after { content: ""; display: table; }
#gallery ul:after { clear: both; }  
#gallery ul { zoom: 1; }

#gallery a {
	color:#666;
	text-decoration:none;
}

#gallery p, #gallery h2, #gallery h3, #gallery h4{
	margin:15px 5px;
}

#gallery #thumbs h2{
	margin: 0 0 10px 0;
	color: #FFFFFF;
}

#gallery #thumbs ul li{
	float:left;
	display:inline;
	margin:0 -1px -1px 0;
	width:75px;
	height:75px;
}
#gallery #thumbs a{
	display:block;
	width:75px;
	height:75px;
}
#gallery #thumbs a:hover{
	position:absolute;
	z-index: 101;
}
#gallery #thumbs li a span{
	position:absolute;
	top:-16px;
	left:-16px;
	padding:0;
	margin:0;
	display:none; 
	width: 106px;
	height: 106px;
	overflow:hidden;
		cursor:pointer;
		background:url(../gallery/selector.png) no-repeat left top;

}

#gallery #thumbs li a:hover span{
	display:block;
} 

#gallery #thumbs li img {
	border:1px solid #EEE;
		display:block;
		width: 73px;
		height: 73px;
		overflow: hidden;
}