/* css image gallery by Stu Nicholls */
/* http://www.webreference.com/programming/css_gallery/ */
/* http://www.cssplay.co.uk */

/* Adjustments to the Main Style Sheet */
.title {
	width: 700px;
	}
#footer {
	width: 700px;
	}
	
#gallery_info {
	float: right;
	text-align: center;
	width: 225px;
	margin: 0 55px 0 5px;
	}
	
#gallery_info a {
	border: none;
	background-color: transparent;
	}
	
/* The containing box for the gallery. */
.content {
	position: relative;
	width: 700px;
	height: 540px;
	}
	
/* Removing the list bullets and indentation */
.content ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
/* Remove the images and text from sight */
.content a.gallery span {
	position: absolute;
	width: 1px;
	height: 1px;
	top: -500px;
	left: 5px;
	overflow: hidden;
	background: #fff;
	}
	
/* Adding the thumbnail images */
.content a.gallery, .content a.gallery:visited {
	display: block;
	color: #000;
	text-decoration: none;
	border: 1px outset;
	margin: 2px;
	text-align: left;
	cursor: hand;
	padding: 0;
	}
	
.content a.slidea {
	background: url(gallery/p1_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slideb {
	background: url(gallery/p2_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidec {
	background: url(gallery/p3_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slided {
	background: url(gallery/p4_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidee {
	background: url(gallery/p5_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidef {
	background: url(gallery/p6_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slideg {
	background: url(gallery/p23_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slideh {
	background: url(gallery/p8_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidei {
	background: url(gallery/p9_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidej {
	background: url(gallery/p10_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidek {
	background: url(gallery/p11_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidel {
	background: url(gallery/p20_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidem {
	background: url(gallery/p13_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.sliden {
	background: url(gallery/p14_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slideo {
	background: url(gallery/p15_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidep {
	background: url(gallery/p16_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slideq {
	background: url(gallery/p22_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slider {
	background: url(gallery/p18_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slides {
	background: url(gallery/p19_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slidet {
	background: url(gallery/p24_t.jpg);
	height: 70px;
	width: 70px;
	}
.content a.slideu {
	background: url(gallery/p21_t.jpg);
	height: 70px;
	width: 70px;
	}

/* set the size of the unordered list to neatly house the thumbnails, float it to the right, and set hover border style */
.content ul {
	width: 230px;
	height: 540px;
	}
.content li {
	float: left;
	}
.content ul {
	margin: 5px;
	float: right;
	}
.content a.gallery:hover {
	border: 1px inset;
	}

/* styling the :hover span = the big picture window */
.content a.gallery:hover span {
	display: block;
	position: absolute;
	width: 430px;
	height: 460px;/*make this no bigger than height of .content*/
	top: 20px;
	left: 20px;
	color: #1C120B;
	background: #B0B355;
	}

.content a.gallery:hover span.specialwidth {
	width: 377px;
	}

/* float tall images to the left */
.content a.gallery:hover img {
	border: 1px solid #000;
	float: left;
	margin-right: 8px;/*adds a bit of space for text*/
	}
	
/* default image for gallery */
.content {
	background: url(gallery/default.jpg) 20px 20px no-repeat;
	}