/*<![CDATA[*/

html, body, #wrapper {
	min-height: 100%; /*Sets the min height to the height of the viewport.*/
	width: 100%;
	height: 100%; /*Effectively, this is min height
	for IE5+/Win, since IE wrongly expands
	an element to enclose its content.
	This mis-behavior screws up modern browsers*/
	margin: 0;
	padding: 0;
}

html>body, html>body #wrapper {
	height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

#wrapper {
	position: absolute;
	top: 0;
	left: 0;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

#main {
	margin-bottom: 1.25em; 
	height: auto;
}

@media print {

	#footer {
		position: relative;
		width: 100%;
		text-align: center;
	}
}
/*]]>*/