html, body {margin:0; padding:0; height:100%;}
#floater	{float:left; height:50%; margin-bottom:-250px; width: 1px;}
#content	{clear:both; height:500px; position:relative;}

#navigation {
	margin: 0em;
	padding: 2.5em 0em 0em 0em;
	font-size: larger;
	font-weight: bold;
}

#navigation li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#sub-navigation {
	padding: 0;
	list-style-type: none;
}

#navigation a, #sub-navigation a {text-decoration: none; color: #666666;}
#sub-navigation a {padding-left: 8px;}
#navigation a:visted, #sub-navigation a:visited {color: #999999;}
#navigation a:hover, #navigation a.active {color: #444444; border-bottom: 2px solid #444444;}
#sub-navigation a:hover {color: #444444;}
#sub-navigation a.active {color: #444444; background: #ffffff url('../img/sprites.png') no-repeat left center;}

.center {text-align: center;}
.larger {
	font-size: large;
	color: #444444;
	font-style: italic;
}

ul.gallery {
	list-style-type: none;
}

.gallery li {
  float: left;
  margin: 10px;
  position: relative;
  width: 150px;
  height: 150px;
  border: solid 1px #000;
}
.gallery img {
  position: absolute;
  clip: rect(0 165px 150px 15px);
  left: -15px;
}