html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	background: url(/Files/System/Superfreezers/body_bg.jpg) no-repeat top center;
}
div.container {
	width: 860px;
	margin: 0px auto;
}
div.container div.header {
	position: relative;
	width: 860px;
	height: 285px;
	background: url(/Files/System/Superfreezers/header_bg.gif);
}
div.container div.header div.topnav {
	position: absolute;
	z-index: 8;
	top: 60px;
	left: 290px;
	width: 565px;
	height: 25px;
	text-transform: uppercase;
	color: #599E3C;
}
/* remove the bullets, padding and margins from the lists */
div.container div.header div.topnav ul {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
div.container div.header div.topnav li {
	float: left;
	position: relative;
	z-index: 100;
}

/* use the table to position the dropdown list */
div.container div.header div.topnav table {
	position: absolute;
	border-collapse: collapse;
	z-index: 80;
	left: -1px;
	top: 18px;
}

/* style all the links */
div.container div.header div.topnav a, 
div.container div.header div.topnav :visited {
	display: block;
	font-size: 13px;
	line-height: 13px;
	padding: 0px 15px 5px 5px;
	color: #00A01C;
	text-decoration:none;
}

/* style the links hover */
div.container div.header div.topnav :hover{
	color: #000000;
	background: transparent;
}

div.container div.header div.topnav li li a, 
div.container div.header div.topnav li li :visited {
	padding: 5px;
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF;
	background: #00A01C;
	text-decoration: none;
}
/* style the links hover */
div.container div.header div.topnav li li :hover{
	color: #000000;
	background: #00A01C;
}
/* hide the sub level links */
div.container div.header div.topnav li li {
	float: none;
}
/* hide the sub level links */
div.container div.header div.topnav ul ul {
	visibility: hidden;
	position: absolute;
	width: 180px;
	height: 0;
}
/* make the sub level visible on hover list or link */
div.container div.header div.topnav ul li:hover ul,
div.container div.header div.topnav ul a:hover ul{
	visibility:visible;
}

div.container div.header div.banner {
	position: absolute;
	z-index: 4;
	top: 85px;
	left: 5px;
	width: 850px;
	height: 165px;
	background: url(/Files/System/Superfreezers/banner.jpg);
}
div.container div.header div.logo {
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 285px;
	background: url(/Files/System/Superfreezers/logo.gif);
}
div.container div.main div.content {
	margin: 0px 55px 0px 250px;
	padding: 0px 0px 20px 0px;
	font: 10px/15px arial,helvetica,verdana,sans-serif;
	background: #FFFFFF;
}
div.container div.footer {	
	margin: 0px 55px 0px 250px;
	padding: 5px 0px 25px 40px;
	font: 10px/10px arial,helvetica,verdana,sans-serif;
	color: #404040;
	background: #FFFFFF;
}