html, body {
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 {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}

body {
    position: absolute;
    top: 0;
}

#main {
   /*Keeps content above footer. */
	padding-bottom:50px;
	height:auto;
}

#footer {
    position: absolute;
    bottom: 0;
    height:20px;
	padding-top:10px;
    line-height:20px;
}

.clear
{ clear:both; }