/* 
    Document   : countdown
    Created on : 2010-02-12, 14:07:52
    Author     : awajs
    Description:
        Purpose of the stylesheet follows.
*/

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

        .middle_content_main_page{
          
            color: white;
            font-size: 80px;
        }
        #countbox{
            background-image: url('../img/days.jpg') ;
            background-position: 0px 10px;
            background-repeat: no-repeat;
            width: 260px;
            height: 235px;
            display: inline-block;
            font-size: 240px;
            color: white;
            letter-spacing: -1px;
            margin: 0 45px 0 0;
            font-family: Arial;

        }
        #countbox1, #countbox2, #countbox3{
            background-image: url('../img/rest.jpg') ;
            background-position: 0px 10px;
            background-repeat: no-repeat;
            width: 120px;
            height: 111px;
            display: inline-block;
            font-size: 110px;
            color: white;
            letter-spacing: -1px;
            padding-top: 4px;
            margin: 0 0 0 25px;
            font-family: Arial;
        }
        p.countdown{
            background-image: url('../img/days_1.jpg');
            background-repeat: no-repeat;
            width: 103px;
            height: 26px;
            color: #606060;
            font-size: 24px;
            top: 340px;
            left: 150px;
            position: absolute;
        }
        span.hour{
           background-image: url('../img/hour.jpg');
            background-repeat: no-repeat;
            width: 67px;
            height: 24px;
}
span.minute{
    background-image: url('../img/minute.jpg');
            background-repeat: no-repeat;
            width: 62px;
            height: 24px;
}
span.second{
    background-image: url('../img/second.jpg');
            background-repeat: no-repeat;
            width: 75px;
            height: 24px;
}