html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#header {
	width:100%;
	height:12em;
}
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:14em 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	width:100%;
	height:5em;
}
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;
	background:#fff url(bg.gif) fixed;
}
body {font:76%/1.5 "Verdana", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
h1,
h2 {
	margin:0.25em 0;
	font:normal 1.5em/1.1 "Verdana","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align:center;
	letter-spacing:1px;
}
p {margin:1em 0;}
.info {
	position:relative;
	width:40em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:#fff;
}
a:link,
a:visited {
	border-bottom:none;
	font-weight:bold;
	text-decoration:none;
}
a:focus,
a:hover {
	border-bottom-style:none;
}
#header{
	color:#ffffff;
	background:#000000;
	text-align:left;
}
#footer {
	color:#fff;
	background:#000;
}
#content-wrap,
#content {background:#c0c0c0;}
#headertext {
	color:#ffffff;
	position:absolute;
	text-align:center;
	padding:1em;
	left:40%;
	top:25%;
}
#footer a {color:#fff;padding:1em}
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */