<style type="text/css" media="screen,print">
html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	top:0;
}
html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:100%;
	margin:0 auto;	
	
}
html>body #wrap2 {height:100%;} /* 100 % height */
#wrap2 {
	width:50em;
	margin:0 auto;
}
#header {
	width:100%;
	height:12.3em;
	top:0;

}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
    left:0;
}
html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:12.3em 1em;} /* 12.3em = 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 */
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}

#header,
#footer {
	color:#000;
	background:#FFF;
	text-align:center;
}
#footer a {color:#FFF;}
	</style>


