*{margin:0;padding:0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    }

html, body{
    /*height: 100%;*/
    overflow:hidden;
    min-width: 700px;
    min-height: 500px;
    background: url(img/back-1.png) repeat-x;
    background-attachment: fixed; 
    background-position: bottom;
    position: relative;
    }
#header{
    }

.current{
    text-align: center;
    color:#ffffff;
    background: url(img/stat.png) repeat-x;
    height: 25px;
    font-size: 16px;
    padding-top: 3px;
}

#control-font{
    background: url(img/controls.png)no-repeat;
    height: 75px;
    width: 300px;
    float: left;
}
#working-time{
    background: url(img/working-time.png)no-repeat;
    height: 75px;
    width: 320px;
    
    margin: 0 auto;
}
#middle{
padding-left: 300px; 
widtht: 100%;}
.show{
    margin-top: -3px; 
    height: 75px;
    width: 100%;
    background: url(img/show.png)repeat-x;
    }
#container{
    min-width: 700px;
    min-height: 500px;
    margin: 0px 0px 0px -320px;
    width: 100%;
    float: right;
    
    }
#button{
    background-image: url(img/textur2.png);
    background-repeat: repeat-y;
    width: 300px;
    height: 700px;
    min-height: 500px;
    float: left;
    }
#back-control{
    background-image: url(img/back-control.png);
    background-repeat: no-repeat;
    width: 300px;
    height: 700px;
    padding-top: 50px; 
}
#a1{
    display: block;
    height: 58px;
    width: 200px;
    background: url(img/start-botton.png)no-repeat;
    margin: 0 auto;
    }
    
#a2{
    display: none;
    height: 58px;
    width: 200px;
    background: url(img/stop-botton.png)no-repeat;
    margin: 0 auto;
    margin-bottom: 30px;
    } 
     
#a3{
    display: none;
    height: 58px;
    width: 200px;
    background: url(img/continue-botton.png)no-repeat;
    margin: 0 auto;
    margin-bottom: 30px;
    } 
     
#a4{
    display: none;
    height: 58px;
    width: 200px;
    background: url(img/finish-botton.png)no-repeat;
    margin: 0 auto;
    }  
      
#times{
    margin-left: 300px; 
    overflow-y: auto;
    float: left; 
}
ul {
  list-style-type: none;
  }

ul li{
  /*display: inline;*/
  }

#now{
    width: 250px;
    float: left;
}
#now li{
    height: 45px;
    padding-top: 5px;
    margin-bottom: -5px; 
    text-align: center;
    font-size: 30px;
    background: url(img/now-text.png)repeat-x;
    }
#add{
    min-width: 500px;
    width: 100%;
    float: left;
    font-size: 30px;
}
.time li{   
    display: inline;}
.finish li{   
    display: inline;}
    
.time{height: 90px;
    width: 100%;
    padding-top: 20px;
    margin-bottom: -20px;
    background: url(img/add-text.png)repeat-x;}

.time li:first-child{margin-left: 20px;}
    
.finish {
    height: 90px;
    width: 1000px;
    display: inline;
    background: url(img/add-text.png)repeat-x;} 
       
.counter{
    margin-top:30px;
    font-size: 30px;
    text-align: center; 
    color: white;
    
    height: 45px;
    }    


#end{margin-left:32px; font-size: 35px; width: 250px; color:#404040}
#end1{margin-left: 12px;}