body { 
		background: url(bg.jpg) no-repeat;
		background-size: 100%;
		margin: 0;
		padding: 0;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		header, nav, article, section, aside, footer, address {  
    	display: block;  
		} 
		
		.main-body {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		text-align: center;
		padding-top: 20px;
		}
		
		.block {
		/*background:transparent;	здесь можно задать бэкграунд средней части с прогресс-баром*/
		}
		
		.wrap-block {
		width:960px;
		margin: 0 auto;
		}
		
		.ramka {
		padding: 10px;
		}
		
		a{ color: #66D4FD; text-decoration: none;}
		
			
		h1 {
		text-transform: uppercase;
		color: #ffcc00;
		font-family: Impact;
		font-size: 80px;
		font-weight: lighter;
		text-shadow: 0px 2px 3px #666;
		margin: 10px 0 0 0;
		}
		
		h2 {
		text-transform: uppercase;
		color: #66D4FD;
		font-family: Impact;
		font-size: 30px;
		font-weight: lighter;
		text-shadow: 0px 2px 2px #666;
		margin: 15px 0 15px 20px;
		text-align: left;
		}
		
		p {
		color: #60C7ED;
		font-size: 20px;
		text-shadow: 0 1px 1px white;
		}
		
		p.autor {
		font-size: 16px;
		margin-top: 30px;
		color: #CCC;
		}
		
			
		.clear {
		clear: both;
		}
		
		.progress {
		height: 150px;
		margin: 70px 0 20px 0;
		background: url(progress-container.png) 50% 0 no-repeat;	/*Изображение прогресс-бара*/
		position: relative;
		}
		
			
		.start-day {
		background: url(start-day.png) no-repeat;	/*Картинка справа от прогресс-бара*/
		width: 100px;
		height: 110px;
		position: absolute;
		top: 20px;
		right: -60px;
		}
		
		.idea-day {
		background: url(idea.png) no-repeat;	/*Картинка слева от прогресс-бара*/
		width: 100px;
		height: 110px;
		position: absolute;
		top: 20px;
		left: -50px;
		}
		
		.progress-bar {
		height: 82px;
		background: #66D4FD;				/*Цвет загрузки прогресс-бара*/
		position: absolute;
		top: 36px;
		left: 0;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		box-shadow: inset 3px 3px 17px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 3px 3px 17px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 3px 3px 17px rgba(0,0,0,0.2);
		}
		
		.progress-bar-container {
		width: 832px;
		height: 150px;
		margin-left: 54px;
		position: relative;
		}
		
		aside.info_block {
		max-width: 50%;
		float: left;
		margin-left: 15px;
		}
		aside.email_block {
		max-width: 50%;
		float: right;
		margin-right: 15px;
		}
		
		.ifno_cell {
		width: 30%;
		display: table-cell;
		float: left;
		margin: 1%;
		min-width: 120px;
		}
		
		.ifno_cell p {
		text-align: left;
		}
		
		.header_email {
		width: 440px;
		margin: 15px 0 15px auto;
		}
		
		.email_block form {
		display: block;
		width: 450px;
		margin: 15px 0 15px auto;
		}
		
		.email_block input[type=text]{
		width: 270px;
		height: 18px;
		background: url(form-bg.png) no-repeat;
		border: none;
		color: #484848;
		font-size: 14px;
		padding: 17px 20px;
		margin: 0;
		}
		
		.email_block input[type=submit]{
		width:90px;
		height: 52px;
		background: url(email_btn.png) no-repeat;
		border: none;
		text-indent: -5000px;
		cursor: pointer;
		margin: 0 0 0 -10px;
		text-transform: capitalize;
		}	
		
		.email_block input[type=submit]:hover{
		background-position: 0 -52px;
		}
		
		.email_block input[type=submit]:active{
		background-position: 0 -104px;
		}
		
		.email_block input[type=text]:focus {
		outline: none;
		}
		
		
		.tipsy { 
		margin-bottom: 25px; 
		font-size: 18px; opacity: 0.8; 
		filter: alpha(opacity=80); 
		background-repeat: no-repeat;  
		background-image: url(tipsy.png); 
		text-transform: uppercase;  
		}
		
  		.tipsy-inner {					/*всплывающий блок с процентами*/
			padding: 10px 20px;
			background-color: white;
			color: #66D4FD;
			max-width: 400px;
			text-align: right;
			box-shadow: 0 10px 15px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 10px 15px rgba(0,0,0,0.5);
			font-weight: bold;
			border: 3px solid;
		}
  		.tipsy-inner { 
		border-radius:5px;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px; 
		}
  		.tipsy-north { 
		background-position: top center; 
		}
  		.tipsy-south { 
		background-position: bottom center; 
		}
  		.tipsy-east { 
		background-position: right center; 
		}
  		.tipsy-west { 
		background-position: left center; 
		}
  		.tipsy-container { 
		border: 1px solid green;
		}