html, body { margin: 0 auto; 
	padding: 0px; 
	border: 0px; }

html { font-size: 100%;}

body { background-color: #171614; 
	text-align: center; 
	font-size: 1em; }

#container { margin: -5px auto;
	width: 56.25em;
	height: 49.81em;
	position: relative;}
    
#header { position: absolute;
	width: 100%;
	height: 9em; 
	padding: 0; 
	margin: 0; 
	background-position: center 100%; 
	background-repeat: no-repeat; 
	cursor: pointer; 
	overflow: hidden;
	background: url('images/header_color_change.gif'); }

#header:hover{ background-position:bottom;}
	
#content { width: 100%;
	height: 32.5em;
	margin: 0;
	position: absolute; top: 9em; }

#imageBlock {float: left; 
	width: 72.9%;
	height: 32.5em;
	margin: 0; 
	display: inline;
	background-color: #2a2825;
	position: relative;
	border: none;}

#mainImage { width: 100%;
	height: 100%;
	margin: 0; 
	display: block; 
	overflow: hidden;
	position: relative; }
	
.photo {width: 100%;
	height: auto;
	border: none; }

#sidebar { width: 27.1%;
	height: 32.5em;
	background-color: #3a3732; 
	float: left;
	display: inline; 
	margin: 0; 
	position: relative;
	overflow: hidden; }

#maintext {text-align: left; 
	width: 14.03em;
	padding: 0;
	margin: 0 .5em; 
	display: block;
	position: absolute; top: 0em; left: 0; }

#navigation { color: #9cafa9;
	text-align: left;
	letter-spacing: .15em;
	width: 15.25em;
	padding-left: .4em;
	display: table;
	position: absolute; top: 18.3em;
	text-align: left;
	overflow: hidden; 
	border-collapse: separate;
	border-spacing: .3em;}

#struvemagic { width: 100%;
	height: 2.625em;
	line-height: 2.625em;
	padding: 0;
	border: 0;	
	margin: 0;
	display: block; 
	overflow: hidden;
	position: absolute;
	top: 15.8em;}

#architectural, #technical, #fun { height: 3.3125em;
	width: auto;
	line-height: 3.3125em;
	vertical-align: middle;
	display: table-row;
	overflow: hidden;
	white-space: nowrap; }

.icon { width: 5em; height: 3.3125em;
	display: table-cell;}

.text {display: table-cell;
	vertical-align: middle;}

	
#navigation2 { color: #9cafa9;
	background-color: #1f1e1b;
	width: 15.25em;
	height: 2.88em;
	padding: 0em;
	text-align: center;
	letter-spacing: .15em;
	word-spacing: 3.25em;
	line-height: 2.88em;
	display: block; 
	position: absolute; bottom: 0em; }
	
#vertrule { width: .56em;
	margin: 0;
	display: block; 
	position: absolute; bottom: 0em; left: 6.8em;}

.img {width: 100%;
	height: auto;
	border: none; }

#footer { height: 8.31em;
	width: 100%;
	margin: 0em; 
	position: absolute; bottom: 0em; }

h1 { display: none; }

h2 { display: none; 
	margin: 0; }

h3 { color: #d7e7fe; 
	font-size: 1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 110%;
	font-weight: 400; }

p { color: #d7e7fe; 
	font-size: 1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;}

p.secondary {font-size:.9em;
	position: relative; top: -.625em;
	font-weight: 200;
	letter-spacing: .04em;}

a:link { color: #d7e7fe; 
	font-size: .9em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; }

a:visited { color: #96aaaa; 
	font-size: .9em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;}

a:hover { color: #ffd291;
	text-decoration: none; }

a:active { color: #ffd291;
	font-style: italic; }

a img {border: none;}