/* The containing box for the gallery. */
#container {
	position: relative;
	margin: 10px;
	width: 800px;
	border: 2px solid #000;
	background: #eee;
}
.bgtext {
	position: absolute;
	width: 390px;
	height: 290px;
	top: 8px;
	left: 398px;
	overflow: hidden;
}
/* Removing the list bullets and indentation */
#container ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
/* Remove the images and text from sight */
#container a.gallery span {
	position: absolute;
	width: 1px;
	height: 1px;
	top: -1px;
	left: -1px;
	overflow: hidden;
	background: #fff;
}
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
	display: block;
	color: #000;
	text-decoration: none;
	border: 1px solid #eee;
	margin: 0px;
	padding: 3px;
	text-align: left;
	cursor: default;
	height: 90px;
	width: 120px;
	background: url(images/loading.gif) no-repeat center;
}
/* set the size of the unordered list to neatly house the thumbnails , */
#container ul {
	width: 388px;
	min-height: 320px;
	background: #eee;
}
#container li {
	float: left;
}
/* move the thumbnails into the correct position */
#container ul {
	margin: 3px;
	float: left;
}
/* change the thumbnail border color */
#container a.gallery:hover {
	border: 1px solid #999;
}
/* styling the:hover span */
#container a.gallery:hover span {
	position: absolute;
	width: 400px;
	height: 340px;
	top: 5px;
	left: 393px;
	color: #000;
	background: #eee;
}
#box {
	position: absolute;
	width: 400px;
	height: 300px;
	top: 4px;
	left: 392px;
	border: 1px solid #000;
	background: transparent;
	z-index: 100;
}
#container a.gallery {
	font-size: x-small;
	font-weight: 500;
}
img {
	border: 0;
}
#click {
	clear: both;
	font-size: x-small;
	margin-left: 70px;
	color: #000;
	background: #eee;
}
.pic {
	position: absolute;
	top: 5px;
	left: 80px;
	text-align: center;
	font-size: x-small;
}
.prev {
	position: absolute;
	top: 5px;
	left: 7px;
	text-align: center;
	font-size: x-small;
}
.next {
	position: absolute;
	top: 5px;
	right: 7px;
	text-align: center;
	font-size: x-small;
}
/*Link Attributes*/
a:link, a:visited {
	font-weight: 500;
	color: #000;
	text-decoration: none;
	background: inherit;
}
a:hover, a:active {
	text-decoration: underline;
}

noscript a:visited{
color: #303;
text-decoration: underline;
}

noscript a:link{
color: #006;
text-decoration: underline;
}

.pagelink a:link {
	font-weight: 500;
	color: #006;
	text-decoration: underline;
	background: inherit;
}
.pagelink a:visited {
	font-weight: 500;
	color: #303;
	text-decoration: underline;
	background: inherit;
}