html, body, #conteiner
{
    height: 100%;
}

html
{
    background: #ccc;
    color: #333;
}

*
{
    margin: 0;
    padding: 0;
}

#conteiner
{
    min-width: 800px;
    max-width: 1000px;
    margin: auto;
    background: url(../i/left.png) repeat-y;
}

#main
{
    min-height: 100%;
    margin: 0 0 -100px;
    background: url(../i/right.png) repeat-y 100% 0;
}

#all
{
    overflow: hidden;
    padding: 0 0 100px;
    background: url(../i/left.png) repeat-y;
}

#out
{
    float: right;
    width: 100%;
    margin-left: -200px;
}

#in
{
    float: left;
    width: 100%;
    margin-right: -200px;
}

#left
{
    float: left;
    width: 200px;
}

#right
{
    float: right;
    width: 200px;
}

#center
{
    margin: 0 200px;
    background-color: rgba(252, 187, 232, .5);
}

#footer
{
    height: 100px;
    background: #cfc;
}