@CHARSET "UTF-8";
#body { background: url('../img/body-bg.gif'); } 
#body-container { background: url('../img/content-bg.png'); margin-left: auto; margin-right: auto; width: 790px; }
#header { padding: 15px 0 15px 0; }
#header #logo a {     
    text-indent: -700em;
    display: block;
    margin: 0 0 0 5px;
    width: 780px;
    height: 210px;
    outline: none;
    background: url('../img/header.jpg') no-repeat;
}

#navigation {
    width: 780px;
    height: 40px;
    margin: 0 0 0 5px;
    background: url('../img/nav-bg.gif') repeat-x;
}
#navigation li { float: left; }
#navigation li a { height: 40px; text-indent: -700em; display: block; }
#navigation .home a {
    width: 86px;
    background: url('../img/nav-links.gif') no-repeat 0 0;
}
#navigation .home:hover a { background-position: 0 -40px; }
#navigation .categories a {
    width: 110px;
    background: url('../img/nav-links.gif') no-repeat -86px 0;
}
#navigation .categories:hover  a{ background-position: -86px -40px; }
#navigation .sub { display: none; border-bottom: #c7cfd2 2px solid; }
#navigation li:hover .sub { display: block; position: absolute; margin: -3px 0 0 -1px; }
#navigation li .sub li { float: none; width: auto; background: #090a0b; padding: 2px 26px; }
#navigation li .sub li a { height: auto; width: auto; text-indent: 0; background-image: none; }


#content { padding: 0 5px; width: 780px; }

#footer {
    border-top: #d3d3d3 1px solid; 
    text-align: right; 
    clear: both; 
    width: 756px;
    padding: 12px;
    margin: 15px 0 0 5px;
}