* {
	margin: 0;
}
html, body {
	height: 100%;
	
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}

#short,
#short2,
#middle,
#wide {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}


#short {
	width:280px;
}

#short2 {
	width: 293px;
}

#middle {
	width:620px;
}

#wide {
	width:940px;
}


.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}