@media screen, projection {

.BeNiceToMacIE5 {
font-family: "\"}\"";
font-family: inherit;
}
html, body, #container 
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
html>body, html>body #container, html>body 
{
height: auto;
}

div#container {
position: absolute;
top: 0;
left: 0;
background:#f1e7f6;
}

#footer {
clear: both;
bottom: 0;
left: 0;
width: 100%;
height: 78px;
background:#ccc;
color: 000;
overflow:hidden;
}

/* \*/
* html #footer {
position: absolute;
}
* html {
padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 100px;
}

}

@media all and (min-width:0px) {
head~body {height:100%;}
}