/* Sarah Illustration Gallery.css BE - 01/10/2010 */

#gallery_box {
	position: relative;

	height: 500px;

	width: 100%;

	margin: 0;
	padding: 0;
}

#caption {

	position: absolute;
	top: 0px;
	left: 440px;

}


/* ========== Begin "JGAL" gallery styling ========== */

#jgal {
	list-style: none;
	width: 180px;

	position: absolute;

	top: 0px;
	left: 50px;
	}

#jgal li {
	opacity: .8;
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
	border: 3px solid #f6f6f6;
	outline: 1px solid #ddd;
	margin-right: 10px;
	margin-bottom: 10px;
	}

#jgal li img {
	position: absolute;
	top: 0px;
	left: 280px;
	display: none;

	border-top: 10px solid #eaeaea;
	border-left: 10px solid #eaeaea;
	border-right: 10px solid #eaeaea;
	border-bottom: 25px solid #eaeaea;
	}

#jgal li.active img {
	display: block;
	}

#jgal li.active, #jgal li:hover {
	outline-color: #bbb;
	opacity: .99 /* safari bug */
	}

#submenu {
	position: absolute;
	top: 475px;
	left: 25px;
}

#submenu img {
	border: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#submenu a {
	border: none;
	outline: none;
}

/* JGAL Gallery styling without javascript */

#gallery {
	list-style: none;
	display: block;
	}

#gallery li {
	float: left;
	margin: 0 10px 10px 0;
	}

/* ========== End "JGAL" gallery styling ========== */


/* Begin Lightbox Image Overlay Popup Styling */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	

#lightboxCaption{
	float: left;
	}

#keyboardMsg{
	float: right;
	}

#closeButton{
	top: 5px; left: 5px;
	}

#lightbox img{
	border: none; clear: both;
	} 

#overlay img{
	border: none;
	}

#overlay{
	background-image: url(/include/overlay.png);
	}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/include/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/include/overlay.png", sizingMethod="scale");
	}

kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

#lightbox a {
	text-decoration: none;
}

/* =============== End Lightbox =============== */