body{
	background:#faa61a;
	/* IE FIX - 100% width for divs*/
	margin: 0px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container { 
	min-height: 100%; 
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

a { text-decoration: none; }
a:visited { text-decoration: none; }

/***********************************
	ABSOLUTE POSITIONING AND Z-LAYER
***********************************/

/* this applies to all boxes */
div#header, 
div#header-image, 
div#sidebar,
div#contact, 
div#content,
div#footer { 
	padding: .5em; 
	background: #e1681e;
	color: #fff;
	position: relative;
	font-family: verdana, arial, sans-serif;
}


div#header-banner { z-index: 1; }
#lk_box { z-index: 3; }

/*******************
	HEADER
********************/
div#header {
	width: 75%;
	height: 6em;
	float: right;
}

div#header #title { font-size: 5em; }

div#header-image {
	width: 20%;
	height: 6em;
	text-align: center;
	float: left;
}

div#header-image img {
	height: 100%;
	width: 100%;
	border: none;
}

/*******************
	sidebar
********************/
div#sidebar {
	width: 20%;
	min-height: 100%;
	top: 1em;
	text-align: left;
	float: left;
}
div#sidebar h1 {font-size: 1.5em;}
div#sidebar img {
	width: 90%;
	border: none;
	margin-bottom: 1.5em;
}

#sidebar .menu a {
	color: #fff;
	text-decoration: none;
}

#sidebar .menu a:hover{ text-decoration: underline; }

div#sidebar p {
		font-size: 0.8em;
		padding-left: 1em;
}

/*******************
	CONTENT
********************/
div#content {
	width: 75%;
	top: 1em;
	float: right;
	text-align: justify;
}
#content a {
	color: #fff;
	text-decoration: underline;
}

/*******************
	FOOTER
********************/
div#footer {
	background-color: #fff;
	color: #555;
	
	width: 100%;
	height: 8em;
	clear: both;
	margin-top: 2em;
}
div#footer img#hpi-logo{
	position: absolute;
	height: 7em;
	left: 1em;
	border: 0em;
}

#lk_box {
	height: 200%;
	right: 1em;
	bottom: 0%;
	position: absolute;
}
/* give room to the box */
div#content { padding-bottom: 8em; }

#lk_box img{ height: 100%; }