/* lightbox & gallery large image */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { 
border: none; 
}
#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-loading {
	position: fixed;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-image {
	position:relative;
	z-index:20;
}
#lightbox-container-image-box > #lightbox-nav { 
left: 0; 
}
#lightbox-nav a { 
outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	background-repeat:no-repeat;
	width: 150px;
	height: 200px;
	display: block;
	position:fixed; 
	z-index:150;
	top:40%;
}
#lightbox-nav-btnPrev { 
	background-image:url(../images/arrow-swoosh-grey-large-left.png);
	background-position:0 50%;
	left: 0; 
}
#lightbox-nav-btnNext {
	background-image:url(../images/arrow-swoosh-grey-large.png);
	background-position:100% 50%;
	right: 0; 
}
#lightbox-container-image-data-box {
	margin: -60px auto 0 auto;
	position:relative;
	z-index:50;
}	

#lightbox-secNav-btnClose {
	background:red no-repeat 100% 0;
	top:5px;
	display:block;
	height:13px;
	position:fixed;
	right:22px;
	width:67px;
	z-index:200;
}
#lightbox-secNav-btnClose:hover {
	background-position:100% 100%;
}
#lightbox-secNav-btnClose img {
	display:none;
}
/* page structure, mini nav etc.  */
#jquery-lightbox .admin {
	bottom:22px;
	font-size:90%;
	position:fixed;
	right:22px;
}
#jquery-lightbox .admin a {
	color:#444;
}
#jquery-lightbox h2 a {
	background:#808080 no-repeat 5px 5px;
	display:block;
	height:200px;
	left:0;
	position:fixed;
	text-indent:-10000px;
	top:0;
	width:30px;	
	z-index:200;
}
#jquery-lightbox h2 a:hover {
	background-position:-23px 5px;
}

#jquery-lightbox h1 a, 
#jquery-lightbox a.prev {
	background:transparent url(../images/arrow-grey.png) no-repeat 0 1px;
	color:#808080;
	font-size:110%;
	font-weight:bold;
	line-height:100%;
	height:30px;
	padding-left:30px;
	position:fixed;
	text-transform:uppercase;
	top:5px;
	width:auto;
}
#jquery-lightbox h1 a:hover, 
#jquery-lightbox a.prev:hover {
	text-decoration:none;
}
#jquery-lightbox .prev {
	left:30px;
}
#jquery-lightbox h1 {
	font-size:100%;
}
#jquery-lightbox h1 a {
	left:152px;
}