body{
    color:#666;
    background:#333;
    font-size:11pt;
    font-family:'Helvetica', Arial;
    height:100%;
    line-height: 12pt;
    margin:0;
    padding:0;
    width:100%;
}

#youmix.innerWrapper{
    margin:10px auto;
    padding:33px 85px 70px 70px;
    width:623px;
}

/* --- blocks --- */
#youmix .textBlock{
    height:184px;
    margin-bottom:40px;
}

#youmix .headerBlock h1{
    font-size:22pt;
    margin:0;
    padding:0;
}

#youmix .buttonBlock{
    margin:10px 129px;
}

#youmix .footerBlock{
    margin-top:150px;
    text-align:right;
}

#youmix .buttonBlock div.floatLeft{
    margin-right:26px;
}

#youmix .buttonBlock div a{
    display:block;
    height:115px;
    width:164px;
}

/* --- images --- */

#youmix.innerWrapper.frame_1{
    background:transparent url('../gfx/bg_frame_1.png') no-repeat;
    height:419px;
}

#youmix.innerWrapper.frame_2{
    background:transparent url('../gfx/bg_frame_2.png') no-repeat;
    height:659px;
}

#youmix .buttonBlock div.buttonOne a{
    background:transparent url('../gfx/button_left.png') no-repeat;
}

#youmix .buttonBlock div.buttonOne a:hover{
    background:transparent url('../gfx/button_left_active.png') no-repeat;
}

#youmix .buttonBlock div.buttonTwo a{
    background:transparent url('../gfx/button_right.png') no-repeat;
}

#youmix .buttonBlock div.buttonTwo a:hover{
    background:transparent url('../gfx/button_right_active.png') no-repeat;
}

/* --- links --- */

#youmix a, #youmix a:visited, #youmix a:active{
    color:#c33;
    text-decoration:none;
}

#youmix a:hover{
    text-decoration:underline;
}

#youmix .topBlock a{
    display:block;
    height:50px;
    left:215px;
    position:relative;
    top:-20px;
    width:200px;
}

#youmix .footerBlock a{
    color:#666;
    font-size:9pt;
}

/* --- helper --- */

#youmix .bold{
    font-weight:bold;
}

#youmix .floatLeft{
    float:left;
}

#youmix .floatRight{
    float:right;
}

#youmix .textAlign_center{
    text-align:center;
}