@font-face {
  font-family: 'DINRegular';
  src: url('../fonts/DINBek-Regular.ttf') format('truetype'), 
}

body {
	font-family: DINRegular, Tahoma, Geneva, sans-serif;
	width: 100%;
	margin:0;
	padding:0;
	background-color: #F6FFFF
}

h3 {
	font-family: "din-condensed-web"
}

.homeArea {
	position:relative;
	background: url("../images/homeImage.jpg") center top no-repeat;
	height: 764px;
	width: 100%;
	overflow: hidden
}

.homeAreaAudio {
	position:relative;
	background: url("../images/homeImage.jpg") center top no-repeat;
	height: 764px;
	width: 100%;
}

.homeAudio {
	display:block;
	width:300px;
	margin:200 auto 0 auto;
}

.textArea {
	font-size: 16px;
	line-height: 150%;
	max-width: 650px;
	margin:0 auto;
}

.homeVideo {
	display:none;
	width:100%;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
}

.headerTag {
	position:absolute;
	text-align: center;
	width:100%;
	top:0;
}

.headerTag img {
	text-align: center;
	width:388px;
	height:81px;
}

.mainTitle {
	position:absolute;
	width:100%;
	top:32%;
	color:#FFFFFF;
}

.mainTitle h3 {
	width: 500px;
	text-align: center;
	margin:0 auto;
	padding-bottom: 14px;
	font-size: 54px;
	border-bottom: 1px solid #FFFFFF;
}

.mainTitle .tagline {
	text-align: center;
	margin-top:20px;
	font-size: 24px;
	font-family: "din-condensed-web"
}
.mainTitle .author {
	margin-top: 110px;
	text-align: center;
	font-style:italic;
}

.homeVideoLink, .homeStopLink {
	position:absolute;
	bottom:25px;
	margin-left:-100px;
	left:50%;
	cursor:pointer;
}

.homeVideoLink img, .homeStopLink img {
	width:200px;
	height:50px;
}

.homeStopLink {
	display:none;
}

.credits {
	max-width: 650px;
	height: 140px;
	margin:0 auto;
}

.credits p {
	margin-top:50px;
	line-height: 150%;
}

.regularImage {
	max-width: 650px;
	margin:0 auto;
}

.regularImage img {
	max-width:100%;
}

.wideImage {
	max-width: 1048px;
	margin:0 auto;
}

.wideImage img {
	max-width: 100%;
}

.wideTitle, .regularTitle {
	text-align: center;
	padding-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	font-family: "din-condensed-web"
}

.wideCaption, .regularCaption {
	float:right;
	margin-right: -200px;
	margin-top: 0px;
	width:150px;
	font-size:12px;
	line-height: 150%
}

.largeEmbed {
	background: url("../images/mural.jpg") #FFFFFF center top no-repeat;
	height: 389px;
	width: 100%;
}

.embedTitle {
	height: 150px;
}

.musicTitle {
	background-color:#dee5df;
	padding:35px 0;
}

.embedTitle {
	background-color:#4CA2FF;
	padding:35px 0;
}

.embedTitle h3 {
	color:#FFFFFF;
}

.embedTitle.notag {
	height: 32px;
	padding:15px 0;
}

.embedTitle.notag h3 {
	border:none;
	padding:0;
}

.embedTitle h3, .musicTitle h3 {
	width: 500px;
	text-align: center;
	margin:0 auto;
	padding-bottom: 20px;
	font-size: 28px;
	border-bottom: 1px solid #CCCCCC;
}

.embedTitle .tagline, .musicTitle .tagline {
	text-align: center;
	margin-top:20px;
	font-size: 22px;
	max-width: 650px;
	margin:20px auto 0 auto;
}

.videoArea {
	width:100%;
	height:460px;
}

.videoLink, .stopLink {
	width:200px;
	margin:-100px auto 70px auto;
}

.stopLink {
	display:none;
}

.embedVideo {
	display:none;
	width:100%;
	height:100%;
}

.largeEmbedAudio {
	background: url("../images/homeImage.jpg") #FFFFFF center 62px no-repeat;
	height: 742px;
	width: 100%;
	position:relative;
}

.largeEmbedAudio.trans {
	background: url("../images/mural.jpg") #FFFFFF center 62px no-repeat;
	height: 451px;
	width: 100%;
	position:relative;
}

.audioArea {
	width: 100%;
	height: 460px;
	margin-top: 380px;
}

.audioAreaPlay, .audioAreaPause, .audioAreaPlay2, .audioAreaPause2 {
	position:absolute;
	width:200px;
	margin-left:-100px;
	left:50%;
	bottom:25px;
	display:block;
	cursor:pointer;
}

.audioAreaPause, .audioAreaPause2 {
	display:none;
}

.musicList {
	background-color:#dee5df;
	width:100%;
}

.musicTitle {
	padding-bottom: 20px;
}

.audioLink {
	width: 300px;
	margin:0 auto;
	padding:0 0 10px 0;

}

.musicList ul {
	max-width: 650px;
	margin:0 auto;
	padding:0 0 30px 0;
	list-style-type: none;
}

.musicList li {
	color:#333333;
	border-bottom: 1px solid #E6E6E6;
	clear:both;
	height: 25px;
	padding-top:7px;
	font-size:16px;
}

.musicList li .artist, .musicList li a.audioDownload {
	color:#999999;
	font-weight: 300;
	font-size: 12px;
	padding-top:2px;
}

.musicList li.selected {
	background-color: #E6E6E6;
	font-weight: bold;
}

.musicList li:hover {
	background-color: #EEEEEE;
}

.musicList li:hover a.audioDownload {
	font-weight: bold;
}

.songInfo {
	float:left;
	width: 80%;
	padding-left:15px;
}

.musicList li a.audioDownload {
	float:right;
	width: 15%;
	font-size: 12px;
}