/* ######################## */
/*          LAYOUT          */
/* ######################## */

#wrapper {
    width: 1160px;
    margin: 0 auto;
    background-color: #fff
}

#mainarea {
    background-color: #fff;
    padding: 0 20px 20px 20px;
}

#mainarea_wide {
    width: 1140px;
    margin: 20px auto 0 auto;
    background-color: #fff;
}

#leftcol {
    width: 18%;
    float: left;
}

#maincol {
    width: 80%;
    float: right;
    padding-left: 2%;
}

@media only screen and (max-width: 600px) {
    #leftcol {
        display: none;
    }

    #maincol {
        width: 100%;
        float: none;
        padding-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    .content_width {
        width: 100%;
    }
}

@media only screen and (min-width: 601px) and (max-width: 960px) {
    .content_width {
        width: 90%;
    }
}

@media only screen and (min-width: 961px) and (max-width: 1400px) {
    .content_width {
        width: 80%;
    }
}

@media only screen and (min-width: 1401px) {
    .content_width {
        width: 70%;
    }
}

.content_width img {
    margin: 0 auto;
}

.hundred {
    width: 100%;
}

.ninety {
    width: 90%;
}

.eighty {
    width: 80%;
}

.seventy {
    width: 70%;
}

.sixty {
    width: 60%;
}

.fifty {
    width: 50%;
}

.forty {
    width: 40%;
}

.thirty {
    width: 30%;
}

.twenty {
    width: 20%;
}

.ten {
    width: 10%;
}

.toprow {
    vertical-align: top;
}