/**
 * Home page styles.
 *
 * @package composite
 * @author Jury Tugarinov <bonez@amparo.lv>
 */
@media screen, projection
{
    #background {
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    #background img {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    #page {
        background: none;
    }
    #header {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 33px;
        background: none;
    }

    #nav {
        position: fixed;
        left: -285px;
        top: 0;
        width: 285px;
        height: 100%;
        background: url(../bundles/compositesite/images/bg-2.png) repeat left top;
        background: rgba(0, 0, 0, 0.65);
    }
    #nav h1 {
        display: table-cell;
        margin: 0;
        width: 285px;
        height: 130px;
        background: none;
        vertical-align: middle;
        text-align: center;
    }
    #nav nav {
        margin: 0 30px;
    }

    nav[role="navigation"] a:hover {
        background: url(../bundles/compositesite/images/bg-3.png) repeat-y left top;
    }
    nav[role="navigation"] ul {
        background: none;
    }
    nav[role="navigation"] li {
        background: url(../bundles/compositesite/images/sprite.png) no-repeat -525px 100%;
    }


    #footer {
        background: url(../bundles/compositesite/images/bg-13.png) repeat-x 0 6px;
    }
    #footer .decorator {
        border-top-width: 0;
        border-bottom-color: #000;
        background: url(../bundles/compositesite/images/bg-14.png) 0 0;
        height: 5px;
    }
    #footer .inner {
        padding-top: 0;
    }
}