html { height: 100%; width: 100%; }

body {
	width: 100%; height: 100%;
	margin: 0; padding: 0; border: 0;
	font-family: Garamond, Arial, Helvetica, sans-serif;
	font-size: 16px; line-height: 15px;
	background: #FFF;
	color: #000;
}

#header {
	height: 120px;
	margin: 0; padding: 0; text-align: center;
	background: navy; color: #FFF;
}
#header h1 { padding: 1em; margin: 0; }
#main {
	height: 8000px; width: 100%;
	margin: 0; padding 0;
	color: #000; background: #FFF;
	font-family: Garamond, Arial, Helvetica, sans-serif;
}
#footer	{
	clear: both;
	height: 1em; margin: 0; padding: 1em;
	text-align: center;
	background: navy; color: #FFF;
	font-family: Garamond, Arial, Helvetica, sans-serif;
}

/* Navigation */
#navigation {
	float: left;
	width: 300px; height: 100%;
	margin: 14px; padding 0;
	color: #000; background: #FFF;
	font-family: Garamond, Arial, Helvetica, sans-serif;
}

#info {
	border-style: solid;
	border-width: 2px;
	padding-left:5px;
}
h4 {
	padding-left: 10px;
}

#picture {background-color:#ffffff;}
#picture a.small, #picture a.small:visited { display:block; width:40px; height:40px; text-decoration:none; background:#ffffff;}
#picture a img {border:0;}
#picture a.small:hover {text-decoration:none; background-color:#000000; color:#000000; cursor:default;}
#picture a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture a.small:hover .large {display:block; position:absolute; top: 200px; left:900px; width:220px; height:220px; cursor:default;}