body 
{
    margin: 0px;
    padding: 0px;
    font-family: "Arial";
    background: #eceeed;
}

a
{
    text-decoration: none;
}

h1, h2
{
    font-family: "Rockwell";
    text-transform: uppercase;
}

h1
{
    font-size: 27px;
    line-height: 45px;
}

h2
{
    font-size: 25px;
    font-weight: lighter;
}

body > div
{
    text-align: center;
    background-color: #ffffff;
}

#top
{
    background: #ffffff url(../images/bg-top.jpg) repeat-x;
    background-position: center 40px;
}

    #top .top-bar
    {
        background: #000000;
        height: 40px;
    }
    
        .top-bar a
        {
            color: #ffffff;
            display: inline-block;
            width: 139px;
            height: 19px;
            background: Transparent url(../images/arrows.png) no-repeat;
            font-size: 13px;
            padding-top: 1px;
            margin-top: 10px;
        }
        
    #top img
    {
        margin-top: 30px;
    }
   
    #top .days
    {
        margin-top: 20px;
        padding: 0px 10px;
        position: relative;
        width: 63px;
        height: 59px;
        display: inline-block;
    }
   
        #top .days img
        {
            position: absolute;
            left: 10px;
            top: -15px;
            margin: 0px;
        }
        
        #top .days .single-digit
        {
            right: 10px;
            left: auto;
        }

#middle
{
    height: 355px;
    margin-top: -21px;
    padding-top: 21px;
}

#middle > div
{
    width: 700px;
    margin: 0px auto;
    padding: 10px 0px;
    background: #ffffff;
}

    #middle > div > img
    {
        float: left;
        display: block;
        margin-top: 40px;
        margin-left: 40px;
    }
    
    #middle > div > div
    {
        float: right;
        width: 340px;
        text-align: left;
        padding-left: 80px;
    }
    
        #middle ul
        {
            padding-left: 10px;
            margin: 0px;
        }

#bottom
{
    clear: both;
    float: none;
    background: #ffffff url(../images/bg-bottom.jpg) repeat-x;
    background-position: bottom;
    height: 200px;
    padding-top: 20px;
    position: relative;
    font-family: "Rockwell";
    text-transform: uppercase;
}

    #bottom .cupon
    {
        background: Transparent url(../images/cupon.png) no-repeat;
        width: 754px;
        height: 143px;
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -377px;
        padding-top: 40px;
    }
        
        #bottom a
        {
            color: #000000;
        }    
    
        .cupon > div
        {
            width: 337px;
            position: relative;
            float: left;
            padding: 30px 20px 0px 20px;
        }
        
        .cupon #left
        {
            padding-top: 10px;
        }
        
            #left a
            {
                font-size: 13px;
                padding-top: 20px;
                display: inline-block;
            }