/* structure.css
 
*/
body { 
	background-color: #1b1b1b;
}
#container {
	margin: 15px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 992px; /* use maximum of 768px for 800x600 displays, use a maximum of 992px for 1024x768 displays */
}
#wrapper {
	background-color: #FAE3D1;
	width: 992px; /* use maximum of 768px for 800x600 displays, use a maximum of 992px for 1024x768 displays */
	clear: both;
	float: left;
	background-image: url("../image/background.gif");
}
/* address bar */
#address {
	width: 972px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
/* header */
#header {
	float: left;
	width: 992px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}
/* navigation */
#navigation {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FAE3D1;
}
/* hero */
#hero {
	background-color: #FAE3D1;
	float: left;
	height: 350px;
	width: 792px;
	margin-top: -110px;
	overflow: hidden;
}
/* main-content */
#main-content {
	float: right;
	width: 762px;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #FAE3D1;
	min-height: 150px;
	_height: 150px;
}
/* utility */
#utility {
	float: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* footer */
#footer {
	clear: both;
	width: 992px;
}



/**
 * 100% #container height fix
 * Un-comment the below so the central column (#container) is 100% of screen height.

 

html {
  height: 100%;
}
body {
  height: 100%;
}
#container {
  height: 100%;
	min-height: 100%; 
}
html>body #container {
	height: auto;
}
 */