@charset "UTF-8";
* {/* for demo only*/
	margin:0;
	padding:0
}
html, body {
	height:100%;/* needed to base 100% height on something known*/
	
}
#outer {
	width:750px;
	
	margin:auto;
	min-height:100%;
	margin-top:-40px;/*footer height - this drags the outer 40px up through the top of the monitor */
	text-align:left;
}
#header {
	
	border-top:40px solid #fff; /* soak up negative margin and allows header to start at top of page*/
}

#footer {/* footer now sits at bottom of window*/
	width:750px;
	margin:auto;
	height:40px;/* must match negative margin of #outer */
	clear:both;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}