* {
    padding: 0;
    margin: 0
}

body {
    text-align: center;
    font: small Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background: #cccc99
}

#wrapper {
    width: 960px;
    min-width: 400px;
    text-align: justify;
    margin-left: auto;
    margin-right: auto
}

.outer {
    width: auto;
    border-left-style: solid;
    border-left-width: 150px; /**/
    border-left-color: #EEEEDD; /**/
    border-right-style: solid;
    border-right-width: 240px; /**/
    border-right-color: #EEEEDD; /**/
    background-color: #fff; /**/
}

.left {
    width: 145px; /**/
    margin-left: -150px; /**/
}

.right {
    width: 235px; /**/
    margin-right: -240px; /**/
}

.inner {
    margin: 0;
    width: 100%
}

.left {
    float: left;
    position: relative;
    z-index: 10
}

.right {
    float: left;
    padding-left: 5px;
    position: relative;
    z-index: 11
}

.center {
    float: left;
    width: 550px;
    position: relative;
    z-index: 12
}

#header, #footer {
    width: 100%;
    position: relative;
    z-index: 13
}

#header {
    height: 152px
}

.clear {
    clear: both
}

/**/
.outer>.inner {
    border-bottom: 1px solid transparent
}

.left {
    margin-right: 1px
}

.right {
    margin-left: 1px
}

.center {
    margin: 0 -3px 0 -2px
}