@charset "utf-8";
/* CSS Document */
#introduction {
	color: #FFF;
	background-color: #999;
	font-size: 1.3em;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
a.gallery span h1 {
	background-color: #666;
	color: #FFF;
}


#pub_names_left {
	float: left;
	width: 120px;
	position: relative;
	height: 655px;
}
#pub_names_right {
	float: right;
	width: 120px;
	position: relative;
	height: 655px;
}
#pub_information {
	width: 640px;
	text-align: center;
	float: left;
	color: #000;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#base_picture {
	position: absolute;
	text-decoration: none;
	left: 122px;
	top: 115px;
	margin: 0px;
	padding: 0px;
	color: #900;
	text-align: center;
}
.gallery {
	font-size: 0.75em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #900;
	margin: 0px;
	padding: 1px;
	text-align: center;
	height: 80px;
	width: 120px;
	vertical-align: middle;
}
a.gallery b {
	position: absolute;
	text-align: center;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 1.5em;
	font-weight: bold;
}

a.gallery, a.gallery:visited {
	position: absolute;
	text-decoration: none;
}
#photographs .gallery img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: auto;
	margin-bottom: auto;
}

a.pic1 {
	left: 0px;
	top: 0px;
}
a.pic2 {
	left: 0px;
	top: 85px;
}

a.pic3 {
	left: 0px;
	top: 170px;
}
a.pic4 {
	left: 0px;
	top: 255px;
}
a.pic5 {
	left: 0px;
	top: 340px;
}
a.pic6 {
	left: 0px;
	top: 425px;
}
a.pic7 {
	left: 0px;
	top: 510px;
}
a.pic8 {
	left: 0px;
	top: 595px;
}
a.pic9 {
	left: 0px;
	top: 680px;
} 
a.pic10 {
	left: 0px;
	top: 765px;
}

a.pic11 {
	left: 0px;
	top: 0px;
}
a.pic12 {
	left: 0px;
	top: 85px;
}

a.pic13 {
	left: 0px;
	top: 170px;
}
a.pic14 {
	left: -1px;
	top: 256px;
}

a.pic15 {
	left: 0px;
	top: 340px;
}
a.pic16 {
	left: 0px;
	top: 425px;
}
a.pic17 {
	left: 0px;
	top: 510px;
}
a.pic18 {
	left: 0px;
	top: 595px;
}
a.pic19 {
	left: 0px;
	top: 680px;
}
a.pic20 {
	left: 0px;
	top: 765px;
}

a.gallery span {
	visibility:hidden;
	display:block;
	color:#000;
	cursor:default;
	text-decoration: none;
	position: absolute;
	width: 750px;
	background-repeat: repeat;
	font-size: 0.9em;
	height: 600px;
	background-color: #FFF;
	font-weight: normal;
}


a.pic1 span {
	left: 125px;
	top: 0px;
}
a.pic2 span {
	top: -85px;
	left: 125px;
}
a.pic3 span {
	top:-170px;
	left: 125px;
}
a.pic4 span {
	top:-255px;
	left: 125px;
}
a.pic5 span {
	top:-340px;
	left: 125px;
}
a.pic6 span {
	top:-425px;
	left: 125px; 
}
a.pic7 span {
	top:-510px;
	left: 125px;
}
a.pic8 span {
	top:-595px;
	left: 125px;
}
a.pic9 span {
	top: -680px;
	left: 125px;
}
a.pic10 span {
	top: -765px;
	left: 125px;
}
a.pic11 span {
	top:0px;
	right: 127px;
}
a.pic12 span {
	top:-85px;
	right: 127px;
}

a.pic13 span {
	top:-170px;
	right: 127px;
}
a.pic14 span {
	top: -255px;
	right: 127px;
}
a.pic15 span {
	top:-340px;
	right: 127px;
}
a.pic16 span {
	top:-425px;
	right: 127px;
}
a.pic17 span {
	top:-510px;
	right: 127px;
}
a.pic18 span {
	top:-595px;
	right: 127px; 
}
a.pic19 span {
	top:-680px;
	right: 127px;
}
a.pic20 span {
	top:-765px;
	right: 127px;
}


a.gallery:hover {
	white-space:normal;
	z-index:100;
	background-color: #F4B704;
	color: #000;
}

a.gallery:hover span {
	visibility:visible;
	z-index:100;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
a.gallery:active, a.gallery:focus {z-index:20;}
a.gallery:active span, a.gallery:focus span {
	visibility:visible;
	z-index:20;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}