body {
	border: 0;	
	top: 0; left: 0;
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	color: #fff;
	background: url('../i/body_back.jpg') no-repeat left top;
	background-color: #000005;
	} 
body, div, p, ul, li, a {
	font: normal 12px Arial;
	color:  #fff;
	line-height: 1.5;
	font-size: 12px;
}
.none, .alt {
	display: none;
}
.empty {
	display: block;
	clear: both;
	line-height: 1;
	height: 1;
	border: 0;
}
div#header {
	display: block;
	clear:both;
	width: 960px;
	height: 330px;
	margin: 0;
	margin: 0 auto;  
	padding: 0;
}
h1#logo a {
	display:block;
	float: left;
	width: 162px;
	height: 103px;

	padding: 0;
	background: url('../i/logo.gif') no-repeat left top;
	position: absolute;  
	top:40px;  
	left:120px;  
}

h2#stairway a {
	display:inline;
	float: left;
	width: 460px;
	height: 240px;
	float: right;  
	margin-top:20px;
	margin-right:65px;
	padding: 0;
	background: url('../i/stairway-logo-giutar.gif') no-repeat left top;
}

h2#stairway-bg a {
	display:inline;
	float: left;
	width: 460px;
	height: 240px;
	float: right;  
	margin-top:20px;
	margin-right:65px;
	padding: 0;
	background: url('../i/stairway-logo-bg.gif') no-repeat left top;
}

div#description {
	display: block;
	clear:both;
	width: 600px;
	margin: 0;
	margin: 0 auto;  
	padding: 0 0 0 400px;
	width: 560px;  
}
form#artists {
	display: block;
	clear:both;
	margin: 0;
	padding: 0;
}
div.block {
	display: block;
	clear:both;
	width: 706px;
	margin: 0 auto; 
	padding: 50px 0 0 0;
	width: 960px;  
	text-align: center;  
}
ul.alphabet {
	display:block;
	display: inline-block;  
	clear: both;
	width: 540px;
	width: auto;  
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
ul.alphabet {display:inline-block;}
*:first-child+html ul.alphabet {display:inline}
* html ul.alphabet {display:inline}

ul.alphabet li {
	display:block;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.alphabet a {
	display:block;
	float: left;
	width: 20px;
	width: 18px;  
	height: 18px;
	margin: 0;
	padding: 18px 0 0 0;
	color: #007DA6;
	font: normal 18px Arial, sans-serif;
	font: normal 15px Arial, sans-serif;  
	text-decoration: none;
	text-align: center;
}
ul.alphabet a.active {
	display:block;
	float: left;
	width: 40px;
	height: 36px;
	margin: 0;
	padding: 2px 0 0 0;
	color: #fff;
	font: normal 36px Arial, sans-serif;
	text-decoration: none;
	text-align: center;
}
ul.alphabet a:hover {
	padding: 12px 0 0 0;
	color: #FFAB00;
	font: normal 24px Arial, sans-serif;
}
ul.alphabet a.active:hover {
	display:block;
	float: left;
	width: 40px;
	height: 36px;
	margin: 0;
	padding: 2px 0 0 0;
	color: #FFAB00;
	font: normal 36px Arial, sans-serif;
	text-decoration: none;
	text-align: center;
}
div.inputs {
	display: block;
	clear:both;
	width: 600px;
	width: auto;  
	text-align: left;  
	margin: 0 auto;
	padding: 50px 50px 0 50px;
	background: url('../i/songs_back.jpg') no-repeat center 4px;
}
div.col {
	display: block;
	float: left;
	margin: 0 auto;
	padding:0 20px;
	width:240px;
}
div.col2 {
	padding:0;
	width:auto;
}





/*######## LABELS ########*/

div.block label {
	display:block;
	float: left;
	height: 50px;
	width: 200px;
	padding: 0 0 0 40px;
	background: url('../i/newstar.gif') no-repeat left top;
	cursor: pointer;
	font: normal 14px Arial, sans-serif;
	color: #fff;
}
div.block label.checked {
	background: url('../i/newstar.gif') no-repeat left -140px;
	color: #FFAB00;
}
div.block label.over {
	background: url('../i/newstar.gif') no-repeat left -140px;
}
div.block label span {
	display:block;
	float: left;
 	position: relative;
	width: 160px;
	font: normal 11px Arial, sans-serif;
	color: #0099cc;
}
div.block label.checked span {
	color: #0099CC;
}
div.block label.over span {
}





div.personal_info {
	display: block;
	clear:both;
	width: 686px;
	width: 800px;  
	padding: 150px 0 0 20px;
	padding: 150px 0 0 160px;  
	background: url('../i/person_back.jpg') no-repeat center -10px;
	margin: 0 auto;  
}
div.personal_info label {
	display: block;
	float: left;
	clear: left;
	width: 220px;
	height: 20px;
	margin: 0 8px 15px 0;
	padding: 2px 0 0 0;
	text-align: right;
	background: none;
}
div.personal_info input {
	display: block;
	float: left;
	width: 290px;
	height: 18px;
	margin: 0 5px 15px 0;
	padding: 4px 5px 0 5px;
	text-align: left;
	border: 0;
	background: url('../i/input_back.gif') no-repeat left top;
	color: #fff;
	font: normal 12px Arial, sans-serif;
}
div.personal_info input.age {
	display: block;
	float: left;
	width: 29px;
	height: 18px;
	margin: 0 5px 15px 0;
	padding: 4px 5px 0 5px;
	text-align: left;
	border: 0;
	background: url('../i/input_age_back.gif') no-repeat right top;
	color: #fff;
	font: normal 12px Arial, sans-serif;
}
div.personal_info span {
	display: block;
	float: left;
	padding: 2px 0 0 0;
}
div.imgcaptcha {
	display: block;
	float: left;
	clear: left;
	padding: 0 0 10px 228px;
	width: 300px;
	color: #0099cc;
	font: normal 9px Tahoma, Arial, sans-serif;
}
div.imgcaptcha img {
	display: block;
	clear: both;
	border: 1px solid #003045;
}

div#submit {
	display: block;
	width: 960px;  
	height: 210px;
	padding: 190px 0 0 0;
	background: url('../i/foot_back.jpg') no-repeat center top;
	margin: 0 auto;  
}
div#submit p {
 margin: 0;
 text-align: center;
 font: normal 18px Arial, sans-serif;
}
a#submit_but {
	display:block;
	font: normal 24px Arial;
	color: #fff;
	text-decoration: none;
}
a#submit_but {
	display:block;
	width: 300px;
	margin: 0 auto;
	text-align: center;
	font: normal 24px Arial;
	color: #003762;
	text-decoration: none;
}
a#submit_but:hover {
	color: #fff;
}
div#copyright {
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 100px 0 0 0;
	color: #005D85;
	font: normal 9px Tahoma, Arial, sans-serif;
	text-align: center;
}
div#copyright a {
	color: #0099cc;
	font: normal 9px Tahoma, Arial, sans-serif;
}
div#copyright a:hover {
	color: #fff;
	text-decoration: none;
}


/*######## LABELS ########*/

div.col ul {
	display:block;
	margin:0;
	padding: 0;
	list-style-type: none;
}
div.col ul li {
	display:block;
	list-style-type: none;
	display:block;
	float: left;
	clear: left;
	height: 62px;
	width: 280px;
	padding: 0;
	font: normal 14px Arial, sans-serif;
}
div.col ul li span {
	font: normal 11px Arial, sans-serif;
	width: 160px;
	color: #0099cc;
}
div.col ul li span.percents {
	display: block;
	float: left;
	clear: left;
	height: 50px;
	width: 100px;
	margin: 0 10px 0 0;
	padding: 0;
	font: bold 14px Arial, sans-serif;
	color: #fff;
	text-align: right;
	background: url('../i/percents.gif');
	background-repeat: no-repeat;
	background-position: 0 20px;
	}

div#description p a{
	color: #c40bde;
	text-decoration: none;
}

div#description p a:hover{
	text-decoration: underline;
}