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

html {
	padding:0px;
	margin:0px;
}

#preload {
   position: absolute;
   display:none;
   height: 1px;
   width: 1px;
}

body {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#564b47;
	padding:0px;
	margin:0px;
}

p, h2, pre {
	margin: 0px;
	padding: 5px 20px 5px 20px;
}

a {
	color: #999999;
	font-size: 10px;
	background-color:transparent;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

a:hover {
	color: #666666;
	background-color:transparent;
	text-decoration: none;
}

h2 {
	font-size:22px;
	padding-top:10px;
	text-transform:uppercase;
	color: #000000;
	background-color: transparent;
}

h1 {
	font-size: 11px;
	text-transform:uppercase;
	text-align: right;
	color: #000000;
 	padding:5px 15px;
	margin:0px
}

strong {
	font-size: 13px;
}

#bodycopy {
	position: absolute;
	left: 11px;
	width: 479px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
	height: 250px;
	top: 76px;
	overflow: hidden;
}

#namesake {
	position: absolute;
	right: 1018px;
	left: 9px;
	width: 220px;
	float: left;
	color: #564b47;
	margin: 0px;
	padding: 0px;
	top: 33px;
}

#nav {
	position: absolute;
	width: 286px;
	height: 26px;
	top: 50px;
	left: 207px;
	right: 864px;
	margin: 0px;
	padding: 0px;
	color: #564b47;
}

#year {
	position: absolute;
	width: 400px;
	height: 26px;
	top: 191px;
	left: 30px;
	right: 864px;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #564b47;
}

a.year {
	color: #CCCCCC;
	font-size: 16px;
	background-color:transparent;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

a.year:hover {
	color: #666666;
	background-color:transparent;
	text-decoration: none;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#gallerycontainer{
	position: absolute;
	right: 1018px;
	left: 30px;
	width: 1000px;
	height: 556px;
	float: left;
	top: 220px;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	height:60px;
}

.thumbnail:hover{
	background-color: transparent;
	margin: 0;
	padding: 0;
}

.thumbnail:hover img{
	border: none;
	margin: 0;
	padding: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
	visibility: hidden;
	position: absolute;
	background-color: #FFFFFF;
	top: -20px;
	font-size: 9px;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border: none;
	height:450px;
}


.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	position: absolute;
	top: -170px;
	left: 455px; /*position where enlarged image should offset horizontally */
	height: 750px;
	overflow: hidden;
	font-style:normal;
	z-index: 50;
}