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

body > #wrap {height: auto;
min-height: 100%;
}

#main {
padding-bottom: 5px;
}

#footer {
position: relative;
margin-top: -5px;
height: 5px;
clear:both;
} 

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}