div.galleryWrapper {
	width: 650px;
	float: left;
}

div.photoGallery {
	background: #e3deff;
	height: 400px;
	margin: 0 auto 0;
	overflow: hidden;
	position: relative;
	width: 650px;
	border: 1px solid navy;
	padding: 0;
}

div.galleryText {
	position: relative;
	width: 650px;
	margin: 0 auto 0;
	padding: 0;
	color: navy;
}

div.galleryMenu {
	width:650px;
	margin: 0 auto 0;
	padding: 0;
	position: relative;
	z-index: 99;
}

div.galleryMenu ul {
	float: left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	border-left: 1px solid navy;
	border-right: none;
	margin: 0;
	padding: 0;
	clear: right;
}

#main div.galleryMenu li {
	float: left;
	margin: 0;
}

div.galleryMenu li a {
	background-color: #ABA6BF;
	outline: none;
	border-color: navy navy navy #f7ffde;
	border-style:solid;
	border-width:1px;
	padding: 0 3px 0 3px;
	text-align:center;
	text-decoration:none;
	width:4.5em;
	*position:relative;
	z-index: 100;
}


div.galleryMenu li a.selected {
	background-color: #e3deff;
	border-bottom-color: #e3deff;
}

a.pageText:link, a.pageText:visited {
	font-size: 1.3em;
	font-weight: bold;
	color: navy;
}

div.page {
	height: 400px;
	position: relative;
	padding: 0px 0 0 20px;

}

ul.imageMenu {
	position: absolute;
/*	list-style-type: none;*/
	padding: 0;
	margin: 20px 0 0 20px;
} 
li.imageItem {
	padding: 0px 3px 0px;
}

li.imageItem a {
	text-decoration: none;
}

li.imageItem a:link span.thumbnail, li.imageItem a:visited span.thumbnail, li.imageItem a:link .itemText, li.imageItem a:visited .itemText { 
	visibility: hidden;
	display: none;
}

div.itemTitle, div.itemText {
	font-size: 1.2em;
	font-family: "Century Gothic", Verdana,Helvetica,Arial,sans-serif;
	color: navy;
	width: 200px;
	border-bottom: 3px solid transparent;
	*border-bottom: 3px solid #e3deff;
	*margin: -10px 0 -15px;
}

li.imageItem a:hover div.itemTitle { 
	border-bottom: 3px solid #fff9df;
}

div.itemTitle {
	width: 150px;
}

/* When modifying a property of an element inside an
 * anchor, IE6 needs that the container be modified
 * as well. */ 

li.imageItem a:hover {
	visibility: visible;
}

li.imageItem a:hover span.thumbnail, li.imageItem a:active span.thumbnail {
	visibility: visible;
	display: inline;
	position: absolute;
	left: 150px;
	top: 0px;
	border: 10px solid #fff9df;
	z-index: 5;
}

li.imageItem a:hover span.thumbnail img {
	border: 0;
}

li.imageItem a:hover div.itemText {
	visibility: visible;
	font-size: 1.0em;
	display: block;
	position: absolute;
	top: 50px;
	left: 330px;
	width: 75px;
	border-bottom: 3px solid #fff9df;
	margin: 0 auto 0;
	padding: 2px 0.5em 2px 150px;
	color: navy;
	z-index: 0;
}

/* Image overlay display */

#imgLarge {
	visibility:hidden;
	position:absolute;
	display:none;
	z-index: 110;
	background-color: #fff;
	border:1px solid #000;
}

#progressBar {
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: 110;
}

#overlay {
	visibility:  hidden;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	background-color: #000000;
	opacity: 0.65;
	filter:alpha(opacity=65);
}

/* Fix floating issues in Safari. */

.hrClear {
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
}
.hrClear hr {
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
}