.imagegallery {
	position:relative;
	height:590px;
	background-color:#554;
	border:1px solid white;
}

.galleryBackground {
	position:absolute;
	left:160px;
	top:10px;
	width:540px;
	height:540px;
	border:1px solid #777;
	background-repeat:no-repeat;
	background-position: center;
	background-color:#224;
}

.imagegallery ul {
	position:absolute;
	list-style:none;
	margin:0px;
	padding:0px;
	width:150px;
	top:10px;
	left:10px;
	font-size:16px;
	line-height:1.18em;
}

.imagegallery li {
	display:block;
	margin:1px;
	border:1px solid black;
	background-color:white;
	width:64px;
	height:64px;
	float:left;
}

.imagegallery li a {
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	width:64px;
	height:64px;
	text-decoration:none;
}

.imagegallery li a span {
	display:block;
}

.imagegallery li a div, .imagegallery li a span {
	position:absolute;
	left:150px;
	top:0px;
	width:540px;
	height:540px;
	border:1px solid #777;
	background-repeat:no-repeat;
	background-position: center;
}

		
.imagegallery em {
	display:none;
}

a.galleryPhoto:active em, a.galleryPhoto:focus em {
	display:block;
	position:absolute;
	width:540px;
	top:550px;
	text-align:right;
	font-style:normal;
	font-size:17px;
	letter-spacing:.1em;
	color:white;
}


/* setup indicator */
a.galleryPhoto:active span, a.galleryPhoto:focus span {
	background-color:#224;
	background-image:url(galleries/indicator.gif);
}

a, a:visited {color:blue;} /* IE hack to make :active state work first time */
a {outline:none;} /* remove dotted border on focused links */