html body {
	height:				100%;
}

.navigation {
	margin:				0;
	padding:			0;
	list-style:			none;
}
#head {
	z-index:			1;
}
#head_background {
	width:				100%;
	height:				auto;
	z-index:			1;
}
	#head_logo {
		background-image:	url(project_files/img/logo_bg.png);
		background-repeat:	repeat;
		width:				262px;
		height:				105px;
		position:			absolute;
		top:				0;
		left:				0;
		z-index:			2;
	}
		#logo_geist {
			float:				right;
			width:				115px;
			height:				105px;
		}
	#head_introtext {
		font-weight:		bold;
		text-shadow:		1px 1px 0px #444;
		color:				#FFF;
		font-size:			24px;
		position:			absolute;
		left:				155px;
		top:				17%;
		width:				750px;
		height:				135px;
		z-index:			3;
		text-transform:		uppercase;
	}
		#head_introtext .emphasis {
			font-size:			36px;
		}

#frame_1 {
	background-color:	#07192c;
	height:				50%;
	width:				100%;
	position:			absolute;
	bottom:				0;
	left:				0;
	z-index:			10;
}
	#navigation {
		-webkit-transform:	rotate(-90deg);
		-moz-transform:		rotate(-90deg);
		width:				200px;
		height:				200px;
		text-align:			right;
		font-weight:		bold;
		position:			absolute;
		left:				155px;
		top:				0px;
		font-size:			14px;
	}
		#navigation li {
			padding:			10px 0;
			background-color:	#07192c;
			padding-right:		10px;
		}
		#navigation li.active {
			margin-right:		-100px;
			position:			relative;
		}
			#navigation a:link,
			#navigation a:active,
			#navigation a:visited,
			#navigation a:hover {
				color:				white;
			}
			#navigation .subnavi {
				background-color:	#07192c;
				-webkit-transform:	rotate(90deg);
				-moz-transform:		rotate(90deg);
				font-size:			11px;
				text-align:			left;
				width:				202px;
				height:				100px;
				margin:				0;
				padding:			7px 0 0 5px;
				position:			absolute;
				top:				83px;
				right:				-50px;
			}
				#navigation .subnavi li {
					padding:			2px 0;
				}
				#navigation .subnavi li.active {
					margin-right:		0;
					filter: 			none;
				}
					#navigation .subnavi a:link,
					#navigation .subnavi a:active,
					#navigation .subnavi a:visited,
					#navigation .subnavi a:hover {
						color:				#696a6b;
					}
					#navigation .subnavi .active a:link,
					#navigation .subnavi .active a:active,
					#navigation .subnavi .active a:visited,
					#navigation .subnavi .active a:hover {
						color:				#FFF;
					}

	#frame_2 {
		position:			absolute;
		top:				0px;
		left:				0px;
		height:				100%;
		margin-left:		405px;
	}
	#main {
		height:				100%;
		overflow:			auto;
		padding-right:		100px;
	}
		h1#page_headline {
			color:				#3b4958;
			margin:				0;
			padding:			0;
			text-align:			right;
			text-transform:		uppercase;
			font-weight:		bold;
			font-size:			36px;
		}
		#content {
			padding:			5px 0;
		}

		#content .gallery {
			list-style:			none;
			margin:				10px 0;
			padding:			0;
		}
			#content .gallery li {
				width:			81px;
				height:			81px;
				overflow:		hidden;
				border:			1px solid white;
				float:			left;
				margin:			0 5px 5px 0;
			}