/*  ----------------------------------------------------------------------------
    * Filename:         layout-b1.css
    * Description:      2 columns CSS layout
    * Version:          1.0 (2010-10-14)
    ------------------------------------------------------------------------- */

@media screen {
    html,
    body                            { width: 100%; height: 100%; }
    .layout-b1 #wrap-bg             { position: relative; min-height: 100%; height: auto !important; height: 100%; }
    .layout-b1 #bg1                 { z-index: -5; }
    .layout-b1 #bg2                 { z-index: -4; }
    .layout-b1 #bg3                 { z-index: -3; }
    .layout-b1 #bg4                 { z-index: -2; }
    .layout-b1 #bg5                 { z-index: -1; }
    .layout-b1 #bg1,
    .layout-b1 #bg2,
    .layout-b1 #bg3,
    .layout-b1 #bg4,
    .layout-b1 #bg5                 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; }
    .layout-b1 #wrap-container      { position: relative; z-index: 1; width: 100%; text-align: center; }
    .layout-b1 #container           { position: relative; margin: 0 auto; text-align: left; }
    .layout-b1 #content             { clear: both; float: left; }

    .layout-b1 #sidebar             { clear: both; float: left; }
    .layout-b1 #main                { float: right; }

    .layout-b1.m1 #sidebar          { clear: both; float: right; }
    .layout-b1.m1 #main             { float: left; }

    .layout-b1 #push                { clear: both; }

    .layout-b1 #wrap-footer         { clear: both; position: relative; z-index: 1; width: 100%; text-align: center; }
    .layout-b1 #fwrap1,
    .layout-b1 #fwrap2,
    .layout-b1 #fwrap3              { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; }
    .layout-b1 #fwrap1              { z-index: -3; }
    .layout-b1 #fwrap2              { z-index: -2; }
    .layout-b1 #fwrap3              { z-index: -1; }
    .layout-b1 #footer              { position: relative; margin: 0 auto; text-align: left; }

    .layout-b1 #wrap-page-ref       { clear: both; position: relative; z-index: 1; width: 100%; text-align: center; }
    .layout-b1 #page-ref            { position: relative; margin: 0 auto; text-align: center; }
}

@media print {
    .layout-b1 #header,
    .layout-b1 #sidebar,
    .layout-b1 #wrap-footer,
    .layout-b1 #wrap-page-ref       { display: none; }
    .layout-b1 #container,
    .layout-b1 #content,
    .layout-b1 #main                { width: auto; }
}