/* 
    Document   : main
    Created on : 06/03/2012, 10:04:52
    Author     : user-pc
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    height: 100%;
    background: url('../images/bg_body.jpg') repeat-x 0 -85px;
}

@font-face {
    font-family: 'grey';
    src: url('greyscale_basic_regular-webfont.eot');
    src: url('greyscale_basic_regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('greyscale_basic_regular-webfont.woff') format('woff'),
        url('greyscale_basic_regular-webfont.ttf') format('truetype'),
        url('greyscale_basic_regular-webfont.svg#GreyscaleBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#content {
    width: 1300px;
    height: 640px;
    margin: 148px auto 0;
    background: url("../images/bg_content.png") no-repeat scroll 0 -123px;
    color: #fff;
    font-family: 'grey';
    font-size: 16px;
}

.container {
    float: left;
    position: relative;
    top: 0;
    width: 280px;
}

#cardapio {
    width: 305px;
    height: 313px;
    float: right;
    margin-top: 200px;
    margin-right: 80px;
    padding-right: 20px;
}

.dragger_container {
    top:0;
    background: url("../images/sprite_scroll.png") no-repeat scroll left top transparent;
    right: 5px;
    height: 313px;
    position: absolute;
    width: 5px;
    z-index: 1000;
    display: block;
}

.dragger {
    position: relative;
    margin-left: -7px;
    width: 15px;
    height: 35px;
    background: url('../images/sprite_scroll.png') no-repeat right top;
    cursor: pointer;
}

.customScrollBox {
    height: 100%;
    overflow: hidden;
    position: relative;
}