* {
margin: 0;
}
html, body {
height: 100%;
}
.wrap {
min-height: 100%;
position:relative;
/*
height: auto !important;
height: 100%;
margin: 0 auto -4em;
*/
}
.footer, .push {
Position: absolute;
      Width: 100%;
      Bottom: 0;    
height: 165px;
/*    clear: both;*/
}

.main {
      Padding-bottom: 165px;   /* This value is the height of your footer */
}

.footer2{
Position: absolute;
      Width: 100%;
      Bottom: 0;    
height: 115px;
/*    clear: both;*/
}

.main2 {
      Padding-bottom: 115px;   /* This value is the height of your footer */
}

/*.footer{position:absolute; bottom:0; left:0;}*/

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/