html, body { 
 height: 100%;

 margin:0; 
 padding:0; 
 text-align:center;
 color:#FFF;
 background-color:#000;
}
p {
 font-family:Georgia, trebuchet ms, Tahoma, Century Gothic, Arial, sans-serif;
 margin-left:10px;
 margin-right:10px;
}
h1 {
 font:bold small-caps 2em Georgia, trebuchet ms, Tahoma, Century Gothic, Arial, sans-serif;
 margin-left:10px;
 margin-right:10px;
}
h2 {
 font:bold small-caps 2em Georgia, trebuchet ms, Tahoma, Century Gothic, Arial, sans-serif;
 color:red;
 margin-left:10px;
 margin-right:10px;
}
a:link { color:#f60; }
a:visited { color:#900; }
a:hover { color:#e6e6e6; }
a:active { color:#787878; }
#banner {
 position:relative; 
 height:138px; 
 background-color:#FFF; 
 width:100%;
} 
#header {
  float:left;
  width:100%;
  background:#fff url("images/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
}
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
#header li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  font-family:Verdana, Helvetica, Arial, sans-serif;
  border-bottom:1px solid #8f8f8f;
}
#header a {
  float:left;
  display:block;
  width:.1em;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#8f8f8f;
}
#header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
    /* End IE5-Mac hack */
#header a:hover {
  color:#000;
}
#home #nav-home, #services #nav-services,
#designers #nav-designers, #custom #nav-custom,
#contact #nav-contact, #specials #nav-specials {
  background-position:0 -150px;
  border-width:0;
}
#home #nav-home a, #services #nav-services a,
#designers #nav-designers a, #custom #nav-custom a,
#contact #nav-contact a , #specials #nav-specials a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#000;
}
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#000;
}
#header li:hover a {
  background-position:100% -150px;
}
#main {
 width:820px;
 background-color: #000;
 color:#ddddff;
 text-align:justify;
 float: left; 
 display:inline; 
 position: relative; 
 width:100%; 
}

#nonFooter {

 width:820px; 
 margin-left:auto; 
 margin-right:auto;

 position: relative;

 min-height: 100%;

 border: 1px solid #FFF;

}


* html #nonFooter 
{
 
height: 100%;

}
 
 
#footer {
 position: relative;
 
margin-top: -100px;
}