@charset "utf-8";
/* CSS Document */

.largePhoto {position:absolute;border: 5px solid #000;margin: 0 5px 5px 0;background-color: #000;padding: 10px 10px 10px 3px;
	visibility: visible;
	left: 230px;
}

.gallerycontainer{height: 500px;position: relative;background:#000000;top:0;width:520px
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer h3 {padding-left:5px;color:#ccc;}
.gallerycontainer .thumbs {width:225px;padding-left: 5px}
.gallerycontainer .thumbs p {color:#999999}

.gallerycontainer a  {text-decoration:none;padding-left: 5px;color:#e8e8e8}
.gallerycontainer .thumbs .thumbnail img{border:1px solid #000;margin: 0 0px 5px 5px;padding:0}

.thumbnail:hover{background-color: transparent;}

.thumbnail:hover img{border: 1px solid #000;}
a .artGallery				{color:#E8E8E8}

/*  CSS for enlarged image -----------------------------*/
.thumbnail span{position: absolute;background-color: #000;padding: 10px 10px 10px 3px;left: -1000px;visibility: hidden;color: #fff;text-decoration: none;}

/*.thumbnail span img{
	padding: 2px 2px 2px 2px;
	border-width: 0;

}*/

.thumbnail:hover span{visibility: visible;top: 0;left: 230px; /*position where enlarged image should offset horizontally */z-index: 50;}