/*-----Reset CSS-----*/
.nl,.nl li {
	margin:0;
	padding:0;
	list-style:none;
}
img,a {border:0;}
* {
	margin:0;
	padding:0;
}
body, div, p, span, font, input, textarea, h1, h2, h3 {
	font-family:Arial;
	color:#c1c1c1;
	font-size:13px;
}
a {
	color:#0363a7;
	text-decoration:none;
}
p {
	margin:0 0 20px 0;
    color: #c1c1c1;
    font-size: 13px;
}
ul li{list-style-type: none;}
.marl{margin-left: 0 !important;}
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.cr {clear:right;}
.cl {clear:left;}
:focus {outline:0;}
html, body {
	margin:0;
	padding:0;
	height:100%;
}
.allpr{
    padding-right: 0 !important;
}
/*-----Reset CSS ----*/
/*-----header ----*/
#body{
    width: 100%;
    height: auto;
    padding-bottom: 100px;
}
.chema1 #body{
    background: #3f3f3f url(img/1/back.jpg) repeat-x;
}
.chema2 #body{
    background: #3f3f3f url(img/2/back.jpg) repeat-x;
}
.chema3 #body{
    background: #3f3f3f url(img/4/back.jpg) repeat-x;
}
.chema4 #body{
    background: #3f3f3f url(img/5/back.jpg) repeat-x;
}
.chema5 #body{
    background: #3f3f3f url(img/3/back.jpg) repeat-x;
}
.wrapper{
    width: 800px;
    margin: 0 auto;
}
#header{
    height: 183px;
}
#logo{
   width: 195px;
    height: 106px; 
    display: block;
    position: relative;
    float: left;
    left:-55px; 
}
.chema1 #logo{
    background: url(img/1/logo.png) no-repeat;    
}
.chema2 #logo{
    background: url(img/2/logo.png) no-repeat;
}
.chema3 #logo{
    background: url(img/4/logo.png) no-repeat;
}
.chema4 #logo{
    background: url(img/5/logo.png) no-repeat;
}
.chema5 #logo{
    background: url(img/3/logo.png) no-repeat;
}
.logo{
     display: block;
     height: 106px;
     width: 67px;
     left: 57px;
     position: relative;
}
span.title{
    float: left;
    margin: 50px 0 0 2px;
    font-size: 53px;
    color: #fff;
}
.company_name{
    float: left;
    left: -116px;
    position: relative;
    top: 45px;
}
.company_name span{
    font-size: 27px;
    color:#fff;
    font-weight: normal;
}
.company_name span.h2{
    font-weight: bold;
    font-size: 28px;
}
.address{
    width: 335px;
    float: right;
    position: relative;
    top: 40px;
    text-align: right;
}
.address span{
    float: right;
    margin: 5px 0 0 20px;
}
/*-----end of header ----*/
/*-----main ----*/
.soon{
     background: url(img/main_poster.png) no-repeat;
     height: 637px;
     width: 953px;
     display: block;
     margin-left: -80px;
     text-align: center;
 }
 img.under{
     margin: 30px 0 0 7px;
 }
 .middle{
     color: #c1c1c1;
     font:17px Georgia;
     font-style: italic;
     display: block;
     margin: 23px 0 25px 0;
 }
 #dates{
     height: 137px;
     display: block;
     margin: 0 auto;
     width: 719px;
 }
 #dates span{
     float: left;
     padding: 0 7px;
 }
 #dates span span{
     padding: 14px 5px 0 6px;
 }
 #dates span span.pr{
     padding-right: 1px !important;
 }
 #dates span.text{
     clear: both;
     width: 100%;
     text-align: center;
     padding: 0;
     color: #dbdbdb;
     font-size: 20px;
     text-transform: uppercase;
 }
 .number{
    background: url(img/date_back.jpg) no-repeat scroll 5px 0;
    height: 77px;
    width: 55px;
    display: block;
    color: #303030;
    font-size: 70px;  
}
.scroll{
     height: 57px;
     width: 708px;
     display: block;
     margin: 0 auto;
     padding-left: 8px;
 }
.chema1 .scroll{
     background: url(img/1/progress_back.png) no-repeat scroll 8px 0; 
}
.chema2 .scroll{
     background: url(img/2/progress_back.png) no-repeat scroll 8px 0; 
}
.chema3 .scroll{
     background: url(img/4/progress_back.png) no-repeat scroll 8px 0; 
}
.chema4 .scroll{
     background: url(img/5/progress_back.png) no-repeat scroll 8px 0; 
}
.chema5 .scroll{
     background: url(img/3/progress_back.png) no-repeat scroll 8px 0; 
}
 #progress_bg{
     width: 703px;
     display: block;
     margin: 0 auto;
     overflow: hidden;
 }
 #progresbar-bar{
     position: relative;
     height: 11px;
     width: 708px;
     margin-left: -2px;
     float: left;
 }
.chema1 #progresbar-bar{
     background: url(img/1/progress_ready.png) no-repeat;  
}
.chema2 #progresbar-bar{
     background: url(img/2/progress_ready.png) no-repeat;  
}
.chema3 #progresbar-bar{
     background: url(img/4/progress_ready.png) no-repeat;  
}
.chema4 #progresbar-bar{
     background: url(img/5/progress_ready.png) no-repeat;  
}
.chema5 #progresbar-bar{
     background: url(img/3/progress_ready.png) no-repeat;  
}
#procent{
    height: 53px;
    width: 42px;
    display: block;
    position: absolute;
    top:auto;
    margin-top: -3px;
    float: left;
}
.chema1 #procent{
    background: url(img/1/done.png) no-repeat;
}
.chema2 #procent{
    background: url(img/2/done.png) no-repeat;
}
.chema3 #procent{
    background: url(img/4/done.png) no-repeat;
}
.chema4 #procent{
    background: url(img/5/done.png) no-repeat;
}
.chema5 #procent{
    background: url(img/3/done.png) no-repeat;
}
.chema1 #success, .chema1 .done {
    color:#92BD33;
}
.chema2 #success, .chema2 .done {
    color:#1D96C0;
}
.chema3 #success, .chema3 .done {
    color:#FE800A;
}
.chema4 #success, .chema4 .done {
    color:#9E2EB7;
}
.chema5 #success, .chema5 .done {
    color:#9CA0AA;
}
#procent span{
    left: 2px;
    position: relative;
    top: 15px;
    color: #000;
} 
.socials{
    height: 41px;
    width: 171px;
    margin: 0 auto;
    padding-left: 8px;
}
.socials li{float: left;}
.socials a{
    float: left;
    height: 41px;
    width: 41px;
    display: block;
    margin: 0 0 0 16px;
}
a.f{
    background: url(img/socials.png) no-repeat scroll 0 0;
}
a.t{
    background: url(img/socials.png) no-repeat scroll -58px 0;
}
a.r{
    background: url(img/socials.png) no-repeat scroll -116px 0;
} 
 #updates{
     background: url(img/email_form_back.png) no-repeat;
     display: block;
    height: 100px;
    left: 244px;
    padding: 17px 0 0 24px;
    position: relative;
    top: -81px;
    width: 301px;
 }
 input.email{
     background: #000;
     border-radius:3px 3px;
     line-height: 25px;
     height: 24px;
     width: 176px;
     border-bottom:1px solid #808080;
     border-top: none;
     border-right: none;
     border-left: none;
     padding-left: 6px;
     float: left;
     font:14px Georgia;
     font-style: italic;
 }
 input.sub{
     background: url(img/submit_b.png) no-repeat;
     height: 25px;
     width: 74px;
     display: block;
     border: none;
     margin-left: 12px;
     float: left;
     cursor: pointer !important;
 }
.panel{
     position: absolute;
     left: 0;
     background: url(img/colors_panel.png) no-repeat;
     width: 30px;
     height: 118px;
     padding: 6px 0 0;
 }
 .panel a{
     width: 14px;
     height: 13px;
     float: left;
     margin: 5px 6px 3px 8px;
     display:block;
 }
 #events{float: left; position: relative;top: -35px;height: 0;left:12px;}
 #events span{color: red;}
 .error-hint{position: relative;right: 45px;color: red;}
 .done{position: relative;right: 50px;}
 .saving img {margin:5px 31px 0 0; height: 6px;}
 
/*-----end of main ----*/