/* ==== Page-wide Settings ==== */
html, body { height: 100%; }

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Helvetica, Georgia;
}

a:link, a:visited, a:hover, a:active { color:#862A2A; text-decoration:underline; }





/* ==== Content ==== */
#contentframe {
	margin-left: 400px; /* headerframe width */
	padding: 75px 25px 0 25px;
	width:550px;
	background-color: #fff;
}

hr {
	width: 60%;
}

h1 {
	margin: 10px 0 5px 15px;
	font-size: 1.8em;
	color: #333333;
}
h2 {
	margin: 20px 0 20px 35px;
	font-size: 1.5em;
	color: #333333;
}




#news .date {
	color: #862A2A;
	padding-left: 15px;
	font-size: 0.8em;
	font-style: italic;
}




ul { list-style-type: circle; }

.customer {
	float: left;
	width: 30%;
	padding: 15px; 
	margin: 15px;
	font-size: 1.3em; 
	text-align: center;
}
.customer a img { border: 0px; padding-bottom: 5px;}
.inbrief {
	float: right;
	padding: 20px;
	margin: 20px;
	text-align: center;
}
.inbrief a { font-size: 0.6em; }


/* ==== Navigation ==== */
#navigationframe {
	text-align: center;
	background-color: #862A2A;

}

.navigation { 
	list-style-type: none; 
	margin: 0 auto;
	padding: 0;
}



.navigation a {
	text-decoration: none;
	display: block;
	padding: 12px;
	background-color: #862A2A; 
	color: #fff;
}
.navigation a:link {}
.navigation a:visited {}
.navigation a:hover {
	background-color: #431515;
}
.navigation a:active {}


.sel_item a {
	display: none;
	background-color: #652020;
}

input, textarea { border: 1px solid #431515; }




/* ==== Headers & Footers ==== */
#topperframe {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 350px; /* + 100 padding right left */
	height: 100%;
	padding: 200px 25px;
	text-align: right;
	color: #fff;
	background-color: #862A2A;
	}

#footerframe {
	margin-top: 0px;
	text-align: center;
	font-size: 0.7em;
	background-color: #fff;
}