/* CSS Document */

/*Gallery */
#galpagetitle{
	text-align: center;
	font-family: Tahoma;
	font-size: 25px;
	position:absolute;
	top: 177px;
	left: 435px;
}

 #imageviewer {width: 392px;
 		height: 295px;
		position: absolute;
		top: 272px;
		left: 72px;
		z-index: 0; } 

.row1image1 {width: 80px;
		position: absolute;
		top: 150px;
		left: 370px;
		z-index: 20;}

.row1image2 {width: 80px;
		position: absolute;
		top: 150px;
		left: 462px;
		z-index: 20;}

.row1image3 {width: 80px;
		position: absolute;
		top: 150px;
		left: 554px;
		z-index: 20;}

.row1image4 {width: 80px;
		position: absolute;
		top: 150px;
		left: 646px;
		z-index: 20;}

.row1image5 {width: 80px;
		position: absolute;
		top: 150px;
		left: 742px;
		z-index: 20;}


.row2image1 {width: 80px;
		position: absolute;
		top: 240px;
		left: 370px;
		z-index: 20;}

.row2image2 {width: 80px;
		position: absolute;
		top: 240px;
		left: 462px;
		z-index: 20;}

.row2image3 {width: 80px;
		position: absolute;
		top: 240px;
		left: 554px;
		z-index: 20;}

.row2image4 {width: 80px;
		position: absolute;
		top: 240px;
		left: 646px;
		z-index: 20;}

.row2image5 {width: 80px;
		position: absolute;
		top: 240px;
		left: 738px;
		z-index: 20;}


.row3image1 {width: 80px;
		position: absolute;
		top: 330px;
		left: 370px;
		z-index: 20;}

.row3image2 {width: 80px;
		position: absolute;
		top: 330px;
		left: 462px;
		z-index: 20;}

.row3image3 {width: 80px;
		position: absolute;
		top: 330px;
		left: 554px;
		z-index: 20;}

.row3image4 {width: 80px;
		position: absolute;
		top: 330px;
		left: 646px;
		z-index: 20;}

.row3image5 {width: 80px;
		position: absolute;
		top: 330px;
		left: 738px;
		z-index: 20;}


.row4image1 {width: 80px;
		position: absolute;
		top: 420px;
		left: 370px;
		z-index: 20;}

.row4image2 {width: 80px;
		position: absolute;
		top: 420px;
		left: 462px;
		z-index: 20;}

.row4image3 {
	width: 80px;
	position: absolute;
	top: 422px;
	left: 554px;
	z-index: 20;
}

.row4image4 {width: 80px;
		position: absolute;
		top: 420px;
		left: 646px;
		z-index: 20;}

.row4image5 {width: 80px;
		position: absolute;
		top: 420px;
		left: 738px;
		z-index: 20;}




/* css adapted from http://webdesigninfo.wordpress.com/2007/05/26/creating-popup-image-viewer-in-css/ */


.row1image1:hover{background-color: transparent;
		z-index: 50;}

.row1image1  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row1image1 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row1image1:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: 26px;
		left: -418px;}
/*Next row */


.row1image2:hover{background-color: transparent;
		z-index: 50;}

.row1image2  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row1image2 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row1image2:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: 27px;
		left: -510px;}
/*Next row */


.row1image3:hover{background-color: transparent;
		z-index: 50;}

.row1image3  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row1image3 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row1image3:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: 27px;
		left: -602px;}

/*Next row */

.row1image4:hover{background-color: transparent;
		z-index: 50;}

.row1image4  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}


.row1image4 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row1image4:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: 27px;
		left: -694px;}
/*Next row */

.row1image5:hover{background-color: transparent;
		z-index: 50;}

.row1image5  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}


.row1image5 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row1image5:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: 27px;
		left: -790px;}


/*Next row ROW 2*/

.row2image1:hover{background-color: transparent;
		z-index: 50;}

.row2image1  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row2image1 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row2image1:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -62px;
		left: -418px;}
		
/*Next row */


.row2image2:hover{background-color: transparent;
		z-index: 50;}

.row2image2  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row2image2 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row2image2:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -62px;
		left: -510px;}
/*Next row */


.row2image3:hover{background-color: transparent;
		z-index: 50;}

.row2image3  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row2image3 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row2image3:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -62px;
		left: -602px;}

/*Next row */

.row2image4:hover{background-color: transparent;
		z-index: 50;}

.row2image4  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}


.row2image4 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row2image4:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -62px;
		left: -694px;}
/*Next row */

.row2image5:hover{background-color: transparent;
		z-index: 50;}

.row2image5  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}


.row2image5 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row2image5:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -62px;
		left: -785px;}
		
/*Next row */

/*Next row ROW 3*/

.row3image1:hover{background-color: transparent;
		z-index: 50;}

.row3image1  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row3image1 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row3image1:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -153px;
		left: -418px;}
/*Next row */


.row3image2:hover{background-color: transparent;
		z-index: 50;}

.row3image2  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row3image2 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row3image2:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -153px;
		left: -510px;}
/*Next row */


.row3image3:hover{background-color: transparent;
		z-index: 50;}

.row3image3  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row3image3 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row3image3:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -153px;
		left: -602px;}

/*Next row */

.row3image4:hover{background-color: transparent;
		z-index: 50;}

.row3image4  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}


.row3image4 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row3image4:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -153px;
		left: -694px;}
/*Next row */

.row3image5:hover{background-color: transparent;
		z-index: 50;}

.row3image5  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}


.row3image5 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row3image5:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -153px;
		left: -785px;}

/*Next row */

/*Next row ROW 4*/

.row4image1:hover{background-color: transparent;
		z-index: 50;}

.row4image1  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row4image1 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row4image1:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -243px;
		left: -418px;}
/*Next row */


.row4image2:hover{background-color: transparent;
		z-index: 50;}

.row4image2  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row4image2 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row4image2:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -243px;
		left: -510px;}
/*Next row */


.row4image3:hover{background-color: transparent;
		z-index: 50;}

.row4image3  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}

.row4image3 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row4image3:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -243px;
		left: -602px;}

/*Next row */

.row4image4:hover{background-color: transparent;
		z-index: 50;}

.row4image4  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}


.row4image4 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row4image4:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -243px;
		left: -694px;}
/*Next row */

.row4image5:hover{background-color: transparent;
		z-index: 50;}

.row4image5  span{ /*CSS for enlarged image*/
		position: absolute;
		width: 392px;
		top: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: black;
		text-decoration: none;}


.row4image5 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;}

.row4image5:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		position: absolute;
		width: 392px;
		top: -243px;
		left: -785px;}

/*Next row */