/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +common
        +wrapper
            =header
            +content-wrapper
            =content-main
            =content-sidebar
            =footer
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/

html, body {
    min-width: 100%;
    margin: 0;
    text-align: center;
}

/* +wrapper
*----------------------------------------------------------------------------*/

#wrapper {
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

/* +header
*----------------------------------------------------------------------------*/

#header {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

/* +content-wrapper
*----------------------------------------------------------------------------*/

#content-wrapper {
    position: relative;
    overflow: auto;
    width: 1000px;
    margin: 0 auto;
    background: #f0f0f0 url(../i/bg-content.gif) repeat-x bottom;
}

#content-main {
    position: relative;
    float: left;
    clear: both;
    width: 745px;
    background: #f0f0f0 url(../i/bg-content-content.gif) repeat-y;
}

#content-sidebar {
    position: relative;
    float: right;
    width: 255px;
}

/* +footer
*----------------------------------------------------------------------------*/

#footer {
    clear: both;
    width: 100%;
    margin: 20px auto 0 auto;
}