/* CSS Document */

#content {
	margin-bottom:0;
	padding-bottom:0;
}

#container a.gallery, #container a.gallery:visited {
	display:block; 
	color:#0d4430; 
	text-decoration:none; 
	border:1px solid #976348; 
	margin:1px 2px 1px 2px; 
	text-align:left; 
	cursor:default;
}

#container a.gallery:hover {
	border:1px solid #0d4430;
}

#container a.gallery:hover span {
	position:relative; 
	text-align:center;
	width:410px; 
	height:410px; 
	top:10px; 
	left:75px; 
	color:#0d4430; 
}

#container a.gallery:hover img {
	border:1px solid #0d4430; 
	float:left; 
	margin-right:5px;
	margin-bottom:5px;
}

#container a.slideb:hover img, #container a.slidei:hover img {
	float:right;
}

/* The containing box for the gallery. */
#container {position:relative; width:610px; height:410px; margin:0 auto 0 auto;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:190px; height:410px; padding:0;  margin:0px; list-style-type:none; float:right; overflow:auto;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; text-decoration:none; border:0; margin:0px 0px 1px 3px; text-align:left; cursor:default; height:80px; width:80px;}
#container a.slidea {background:no-repeat center url(../images/gallery/thumbs/Andersen.jpg);}
#container a.slideb {background:no-repeat center url(../images/gallery/thumbs/Chetolah.jpg);}
#container a.slidec {background:no-repeat center url(../images/gallery/thumbs/Diamond-Golden.jpg);}
#container a.slided {background:no-repeat center url(../images/gallery/thumbs/Due-South.jpg);}
#container a.slidee {background:no-repeat center url(../images/gallery/thumbs/Fishing-Bear.jpg);}
#container a.slidef {background:no-repeat center url(../images/gallery/thumbs/Foggy-Hollow.jpg);}
#container a.slideg {background:no-repeat center url(../images/gallery/thumbs/Griffin.jpg);}
#container a.slideh {background:no-repeat center url(../images/gallery/thumbs/Hangar-Plane.jpg);}
#container a.slidei {background:no-repeat center url(../images/gallery/thumbs/Hummingbird.jpg);}
#container a.slidej {background:no-repeat center url(../images/gallery/thumbs/Kayak-Canoe.jpg);}
#container a.slidek {background:no-repeat center url(../images/gallery/thumbs/Lillies.jpg);}
#container a.slidel {background:no-repeat center url(../images/gallery/thumbs/Loon.jpg);}
#container a.slidem {background:no-repeat center url(../images/gallery/thumbs/Owl.jpg);}
#container a.sliden {background:no-repeat center url(../images/gallery/thumbs/Pelican.jpg);}
#container a.slideo {background:no-repeat center url(../images/gallery/thumbs/Shadow.jpg);}
#container a.slidep {background:no-repeat center url(../images/gallery/thumbs/Wagon-Wheel.jpg);}

/* styling the hovers */
#container a.gallery:hover {border:0;}
#container a.gallery:hover span {position:absolute; width:400px; height:410px; left:0px; vertical-align:middle; text-align:center;}
#container a.gallery:hover img {border:0; float:left; margin-right:5px;}
#container a.slideb:hover img, #container a.slidei:hover img {float:right;}