/*dpm.css */

body {
  margin:0;
  /*height: 400px;*/
  color: white;
  background-color: black;
  /* Remove for white background
  background-image: linear-gradient(to right, rgba(63, 191, 191, 1), rgba(255, 255, 255, 0));
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: top left, top right;
  background: -moz-linear-gradient(to right, rgba(63, 191, 191, 1), rgba(255, 255, 255, 0)), -webkit-gradient(to right, rgba(63, 191, 191, 1), rgba(255, 255, 255, 0)), -ms-linear-gradient(to right, rgba(63, 191, 191, 1), rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(63, 191, 191, 1), rgba(255, 255, 255, 0));
  background-attachment: fixed;
  */
}
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background:black;	/*#d7ebb0*/; /*#d2f788;*/
	color: white;
	padding-top: 15px;
	padding-bottom: 10px;
}

footer {
	background: #d2f788;
	color: black;
}
.clear { clear: both; height: 60px; }
.acfont {font-family: "Apple Chancery";}

#bckgrndDiv {
	position: relative;
	width:100%;
	max-width:100%;
	height: auto;
	/*margin-bottom:12px;*/
}
#inspireTxt {
	
	font-family: MediciScript;
	font-size: 24pt;
	text-align: left;
	padding-left:120px;
	margin-bottom: 20px;
	z-index:22;
}
#theContent {
  display:none;	
}
.container {
	margin-top:20px;	
	margin-bottom:20px;
}

/*.container-test {
	
	background: url("test_image.jpg") no-repeat center;	
	background-size: cover;
	background-origin: content-box, padding-box;
	width: 97%;
	 height: auto;
	 margin-bottom:20px;
  padding: 20px;
}*/

.container .content {
	color: #00F;
}
.container .content {
	font-family: Georgia, Times New Roman, Times, serif;
}
blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
	max-width:100%;
	background-color: #0099FF;
	
}
#CDInfoPlayerDiv {
	position:relative;
	width:100%;
	max-width:513px;
	height:auto;
	margin: 0 auto;
    padding: 10px;
}
#SamplePlayerDiv {
	position:relative;
	width:100%;
	max-width:513px;
	height:auto;
	margin: 0 auto;
    padding: 10px;
}
#papyrus_sm_red_ctr {
	font-family: Papyrus;
	font-size:14pt;
	color: DarkRed;
}
#thanks {
	font-family: Papyrus;
	font-size:14pt;
	color: DarkRed;
}
.cdcover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 1);
	background-size: cover;
	/*max-width:100%;*/
	width:35%;
	height: auto;
	margin-bottom:15px;
}
#mgsite {
	margin-top:5px;
	text-align:center;
	font-size:8pt;
}
#paypal-button-container {
	position:relative;
	display: block;
	width:50%;
	height:auto;
	margin-left: auto;
    margin-right: auto;
	margin-top:24px;
	max-width:235px;
}
#dpSignupTxt {
	font-family: Papyrus;
	font-size:14pt;
	color: DarkRed;
	align:center;
	margin-bottom: 10px;
}
#SamplerWelcomeTxt {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:14pt;
	color: black;
	text-align:left;
	width: 85%;
	margin-bottom: 10px;
}
#welcomeTxt {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:14pt;
	color: white;
	text-align:left;
	width: 85%;
	margin-bottom: 20px;
}
#formcontainer {
	font-family: Papyrus;
	font-size:14pt;
	color: DarkRed;
	align:center;
	margin-bottom: 10px;
	
}
.regbutton {
 border-top: 1px solid #96d1f8;
background: #f1da36;

background: -moz-linear-gradient(top,  #f1da36 0%, #fefcea 100%);

background: -webkit-linear-gradient(top,  #f1da36 0%,#fefcea 100%);

background: linear-gradient(to bottom,  #f1da36 0%,#fefcea 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fefcea',GradientType=0 );


 padding: 5px 10px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
 box-shadow: rgba(0,0,0,1) 0 1px 0;
 text-shadow: rgba(0,0,0,.4) 0 1px 0;
 color: DarkRed;
 font-size: 12px;
 font-family: Georgia, serif;
 text-decoration: none;
 }
.regbutton:hover {
 border-top-color: #28597a;
 background: #28597a;
 color: #ccc;
 }
.regbutton:active {
 border-top-color: #1b435e;
 background: #1b435e;
 }

#loginDiv {
	position:relative;
	display: block;
	width:50%;
	height:auto;
	margin-left: auto;
    margin-right: auto;
	margin-top:24px;
	max-width:235px;
	z-index:25;
}
#moreinfo {
	/*position:relative;
	display: block;
	width:50%;
	height:auto;
	margin-left: auto;
    margin-right: auto;*/
	margin-top:24px;
	/*max-width:235px;*/
}
.hiddenDiv {
	display: none;
}
#blurbDiv {
	position:relative;
	width:100%;
	max-width:648px;
	height:auto; 
	margin: 0 auto 24px;
    padding: 10px;
	font: Times New Roman, Times, serif;
	text-align:left;
}
#playerDiv {
	position:relative;
	width:80%;
	max-width:423px;
	height:auto;  /*295px;*/
	margin: 0 auto;
    padding: 10px;
	/*background: #0099FF;*/
	/*
		 width: 423px; 
		 background: #0099FF; 
		 vertical-align: middle; 
		 padding-top: 10px; 
		 padding-left: 8px; 
		 padding-right: 8px; 
		 overflow: visible; 
		 background-color: #0099FF; 
		 margin-right:10px;
		 max-width: 100%;
		 */	
}



.styleSong{
  color: #990000;
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  font-weight:bold;
  background-color: #0099FF;
  }
  
.stylePerf{
	color: black;
	font-size: 9pt;
	background-color: #0099FF; 
	}
	
.styleNote{
	color: black;
	font-size: 10pt;
	background-color: #0099FF; 
	}
	
#password {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight:bold;
	width:50%;
	text-align:center;
}
#username {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight:bold;
	width:50%;
	text-align:center;
}
#email {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight:bold;
	width:50%;
	text-align:center;
}
#sampleuser {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight:bold;
	width:50%;
	text-align:center;
}
#sampleemail {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight:bold;
	width:50%;
	text-align:center;
}
#samplefrmid {
	visibility:hidden;
}

input[type=button]  {
	font-size:20pt;
	margin-top:20px;
}

.requiredfield {
	font-family:"Times New Roman";
	font-size: 10pt;
	color:black;
}

.contacth1 {
	margin-top:35px;
}

.contacth2 {
	margin-left:35px;
}

.contacth3 {
	font-family:"Times New Roman";
	font-size: 12pt;
	font-style: italic;
	color:black;
}

/* Buttons */
.footerbuttons {
	margin-top:5px;
}

#yourmomentbtndiv {
	position: absolute;
	top: 130px;
	width: 80%;
}

.yourmomentbtn {
   border-top: 1px solid #97f7c9;
   background: #65d6b6;
   background: -webkit-gradient(linear, left top, left bottom, from(#65d6b6), to(#72b599));
   background: -webkit-linear-gradient(top, #65d6b6, #72b599);
   background: -moz-linear-gradient(top, #65d6b6, #72b599);
   background: -ms-linear-gradient(top, #65d6b6, #72b599);
   background: -o-linear-gradient(top, #65d6b6, #72b599);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65d6b6', endColorstr='#72b599',GradientType=0);
	background-color:#65d6b6;
   padding: 6px 24px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 12px;
   font-family: Arial;
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   }
.yourmomentbtn:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #65d6b6));
	background:-moz-linear-gradient(top, #dfbdfa 5%, #65d6b6 100%);
	background:-webkit-linear-gradient(top, #dfbdfa 5%, #65d6b6 100%);
	background:-o-linear-gradient(top, #dfbdfa 5%, #65d6b6 100%);
	background:-ms-linear-gradient(top, #dfbdfa 5%, #65d6b6 100%);
	background:linear-gradient(to bottom, #dfbdfa 5%, #65d6b6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#65d6b6',GradientType=0);
	background-color:#dfbdfa;
   }
.yourmomentbtn:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }


.newsamplebtn {
   border-top: 1px solid #97f7c9;
   background: #dfbdfa;
   background: -webkit-gradient(linear, left top, left bottom, from(#dfbdfa), to(#bc80ea));
   background: -webkit-linear-gradient(top, #dfbdfa, #bc80ea);
   background: -moz-linear-gradient(top, #dfbdfa, #bc80ea);
   background: -ms-linear-gradient(top, #dfbdfa, #bc80ea);
   background: -o-linear-gradient(top, #dfbdfa, #bc80ea);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea',GradientType=0);
	background-color:#dfbdfa;
   padding: 6px 24px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 12px;
   font-family: Arial;
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   }
.newsamplebtn:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa));
	background:-moz-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-webkit-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-o-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-ms-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa',GradientType=0);
	background-color:#bc80ea;
   }
.newsamplebtn:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }


.loginButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea));
	background:-moz-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-webkit-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-o-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-ms-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea',GradientType=0);
	background-color:#dfbdfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
}
.loginButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa));
	background:-moz-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-webkit-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-o-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-ms-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa',GradientType=0);
	background-color:#bc80ea;
}
.loginButton:active {
	position:relative;
	top:1px;
}

.subscribebtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.subscribebtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.subscribebtn:active {
	position:relative;
	top:1px;
}

.morebtn {
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
  	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ebcc34), color-stop(1, #eb8934));
	background:-moz-linear-gradient(top, #ebcc34 5%, #eb8934 100%);
	background:-webkit-linear-gradient(top, #ebcc34 5%, #eb8934 100%);
	background:-o-linear-gradient(top, #ebcc34 5%, #eb8934 100%);
	background:-ms-linear-gradient(top, #ebcc34 5%, #eb8934 100%);
	background:linear-gradient(to bottom, #ebcc34 5%, #eb8934 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebcc34', endColorstr='#eb8934',GradientType=0);
	background-color:#ebcc34;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ebcc34;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
   }
.morebtn:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eb8934), color-stop(1, #ebcc34));
	background:-moz-linear-gradient(top, #eb8934 5%, #ebcc34 100%);
	background:-webkit-linear-gradient(top, #eb8934 5%, #ebcc34 100%);
	background:-o-linear-gradient(top, #eb8934 5%, #ebcc34 100%);
	background:-ms-linear-gradient(top, #eb8934 5%, #ebcc34 100%);
	background:linear-gradient(to bottom, #eb8934 5%, #ebcc34 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb8934', endColorstr='#ebcc34',GradientType=0);
	background-color:#eb8934;
   }
.morebtn:active {
   border-top-color: #1b435e;
   background: #1b435e;
   position:relative;
		top:1px;
   }

/*#89c403;*/
/*.morebtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eb8934), color-stop(1, #ebcd34));
	background:-moz-linear-gradient(top, #eb8934 5%, #ebcd34 100%);
	background:-webkit-linear-gradient(top, #eb8934 5%, #ebcd34 100%);
	background:-o-linear-gradient(top, #eb8934 5%, #ebcd34 100%);
	background:-ms-linear-gradient(top, #eb8934 5%, #ebcd34 100%);
	background:linear-gradient(to bottom, #eb8934 5%, #ebcd34 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb8934', endColorstr='#ebcd34',GradientType=0);
	background-color:#eb8934	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ebcd34;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.morebtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.morebtn:active {
	position:relative;
	top:1px;
}*/


.samplebtn {
	-moz-box-shadow:inset 0px 0px 14px -3px #f2fadc;
	-webkit-box-shadow:inset 0px 0px 14px -3px #f2fadc;
	box-shadow:inset 0px 0px 14px -3px #f2fadc;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dbe6c4), color-stop(1, #9ba892));
	background:-moz-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-webkit-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-o-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-ms-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:linear-gradient(to bottom, #dbe6c4 5%, #9ba892 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe6c4', endColorstr='#9ba892',GradientType=0);
	background-color:#dbe6c4;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #b2b8ad;
	display:inline-block;
	cursor:pointer;
	color:#000; /*#757d6f;*/
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ced9bf;
}
.samplebtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ba892), color-stop(1, #dbe6c4));
	background:-moz-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-webkit-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-o-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-ms-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:linear-gradient(to bottom, #9ba892 5%, #dbe6c4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba892', endColorstr='#dbe6c4',GradientType=0);
	background-color:#9ba892;
}
.samplebtn:active {
	position:relative;
	top:1px;
}

input[type=listenbtn] {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	text-align:center;
	margin-top:10px;
}
input[type=listenbtn]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
input[type=listenbtn]:active {
	position:relative;
	top:1px;
}

.homebut {
	-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea));
	background:-moz-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-webkit-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-o-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-ms-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea',GradientType=0);
	background-color:#dfbdfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
}
.homebut:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa));
	background:-moz-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-webkit-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-o-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-ms-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa',GradientType=0);
	background-color:#bc80ea;
}
.homebut:active {
	position:relative;
	top:1px;
}

.jammusebtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ee1eb5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.jammusebtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
}
.jammusebtn:active {
	position:relative;
	top:1px;
}
.contactbut {
	-moz-box-shadow:inset 0px -3px 7px 0px #1564ad;
	-webkit-box-shadow:inset 0px -3px 7px 0px #1564ad;
	box-shadow:inset 0px -3px 7px 0px #1564ad;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0fffff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #0fffff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #0fffff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #0fffff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #0fffff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #0fffff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fffff', endColorstr='#378de5',GradientType=0);
	background-color:#0fffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.contactbut:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #0fffff));
	background:-moz-linear-gradient(top, #378de5 5%, #0fffff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #0fffff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #0fffff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #0fffff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #0fffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#0fffff',GradientType=0);
	background-color:#378de5;
}
.contactbut:active {
	position:relative;
	top:1px;
}

.aboutbut {
	-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
	-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.aboutbut:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
.aboutbut:active {
	position:relative;
	top:1px;
}

/* media queries */
@media (max-width: 1080px) {
	.beachpic {
		width:80%;
	}
}

@media (max-width: 736px) {
	.beachpic {
		width:70%;
	}
	.aboutbut {
		margin-top:5px;
	}
	.morebtn {
		margin-top:5px;
	}
}


.listenbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	text-align:center;
	margin-top:10px;
}
.listenbtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.listenbtn:active {
	position:relative;
	top:1px;
}

.txtColorDkRed {
	color: DarkRed	;
}

.btn-show-hide-pwd {
	color: #3c026e;
	cursor: pointer;
	margin-left: 10px;
	opacity: 0.5;
}

.btn-show-hide-pwd:hover {
	opacity: 1;
}

.btn-show-hide-pwd:active {
	transform: scale(0.9);
}

#youtubediv	{
	margin: 8px auto; 
	width:50%; 
	height:auto; 
	max-width: 85px; 
	min-height:27px; 
	background-color:white
}