html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#header {
	width:100%;
	height:5em;
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:30px 0;} /* 130px = height of #header and #footer + 1em, 1em = give the content some breathing space */

#footer {
	width:100%;
	height:100px;
}
.bottom {
	opacity: .92;
	filter: alpha(opacity=92);
	-moz-opacity: .92;
}
.logo {
	opacity: .97;
	filter: alpha(opacity=97);
	-moz-opacity: .97;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this demo page look just a little bit better */
html,
body {
	color:#333;
}

#content-spacer {
	height:1px;
	clear:both;
}