* {
	padding: 0;
	margin: 0;
}

td {
	vertical-align: top;
}

.clr {
	clear: both;
}

a {
	color: inherit;
}

body {
	background-color: #000;
	min-width: 1200px;
}
#wrapper {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	color: #fff;
	
	.social-share {
		margin-left: -60px;
		margin-top: 20px;
	}
	
	.desc {
		font: 18px/20px Futura;
		width: 580px;
		margin-left: 220px;
		-webkit-font-smoothing: antialiased;
	}
	.wrap-elem {
		position: relative;
		margin-left: 291px;
		.transp {
			background-color: rgba(0, 0, 0, .7);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 4;
			width: 984px;
			height: 735px;
			display: none;
			cursor: pointer;
		}
		.mini-popup {
		}
		.hide {
			position: absolute;
			z-index: 3;
			display: none;
			cursor: pointer;
		}
		.point {
			width: 30px;
			height: 47px;
			background: url(../images/p.png) no-repeat;
			position: absolute;
			z-index: 2;
			cursor: pointer;
			&:hover {
				background: url(../images/p_.png) no-repeat;
			}
		}
		.popup {
			width: 400px;
			margin-left: 570px;
			position: absolute;
			z-index: 3;
			top: 0;
			display: none;
			h2 {
				font: 22px/26px Futura;
				text-transform: uppercase;
			}
			p {
				font: 16px/20px Futura;
				margin-top: 30px;
				-webkit-font-smoothing: antialiased;
			}
			img {
				margin: 0 0 0 -110px;
				&.mini {
					cursor: pointer;
				}
			}
			span{
				font: 16px/20px Futura;
				-webkit-font-smoothing: antialiased;
				text-transform: uppercase;
				&.mini {
					text-decoration: underline;
					cursor: pointer;
				}
			}
		}
	}
	.lyrics {
		font: 16px/20px Futura;
		-webkit-font-smoothing: antialiased;
		
		span {
			font: 22px/26px Futura;
			text-transform: uppercase;
		}
	}
}

.comments {
	color: #fff;
}