html, body {
	height: 100%;
}

body {
	background-color: #1b1819;
}

#content {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
	padding-bottom: 70px;
}

#content div.padder {
	height: 50px;
}

#middle {
	height: auto;
	background: none !important;
}

#middle .innerContent {
	height: auto;
	width: auto;
	padding: 0;
}

#banner {
	background-color: #b52b10;
	height: 236px;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
}

#banner img {
	position: absolute;
	top: -12px;
	left: -1px;
	display: block;
	z-index: 100;
}

#bottom {
	height: 50px;
}

div.content {
	padding: 20px 14px 284px 14px;
	background: url(images/backgrounds/christmas-background.png) bottom left no-repeat;
	width: 100%;
	overflow: hidden;
}

div.content h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 17px;
	font-weight: normal;
	border-bottom: 1px #b7b7b7 solid;
	padding-bottom: 6px;
	margin: 0 16px;
}

div.content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.content ul li {
	float: left;
	width: 339px;
	padding: 0 16px;
	margin-top: 24px;
}

div.content ul li a {
	float: left;
	width: 166px;
	text-decoration: none;
}

div.content ul li img {
	border: 1px #ccc solid;
	padding: 2px;
	background-color: #eaeaea;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

div.content ul li em {
	font-style: normal;
	background: url(images/icons/magnify.png) left no-repeat;
	padding-left: 19px;
	line-height: 16px;
	display: block;
	margin-top: 6px;
	margin-left: 2px;
}

div.content ul li h2 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	margin-left: 166px;
}

div.content ul li span {
	display: block;
	line-height: 16px;
	margin-left: 166px;
}

img.redBannerTop, img.redBannerBottom {
	position: absolute;
}

img.redBannerTop {
	top: 0;
	right: 0;
}

img.redBannerBottom {
	top: -105px;
	left: 0;
}