* {
  box-sizing: border-box;
}





body  {
	background-color: #000000;
	font-family : Arial, sans-serif;
	position: static;
	background-image: url(/elements/backgrounds/redPinstripeBG.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #C3C3C3;
	height:100%;
}








/*general*/
h2 {	font-size: 2.5em;}
h3 {	font-size: 2em;}
h4 {	font-size: 1.5em;}

.seoICONS {
width: 3em;
margin: 0.2em;

}
p {clear: both;}


a:link, a:visited {color: #C3F6FF; 	text-decoration: none; 	text-shadow: 0px 0px 5px #A0F1FF; }
a:hover {color: #FFBE00; 	text-decoration: none; 	text-shadow: 0px 0px 5px #FFFFFF; }
a:active  {color: #481728; 	text-decoration: none; 	text-shadow: 0px 0px 2px #FFFFFF; }

.hidden {opacity: 0;}
.fade25 {opacity: 0.25;}

.centered {width: 100%; height: 100%; max-width: 1920px; max-height: 1080px; min-width: 400px; }


.fitHORZ {
width:95%;
	margin:auto;
	max-width: 800px;
}

.max400 {width:50%; max-width: 350px; border: green dashed 0px;}
.max600 {width:50%; max-width: 600px; }

.textLeft{
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

.wrapLEFT {float: left;	padding-right: 10px; padding-bottom: 10px; padding-top: 0px; }
.wrapRIGHT {float: right; padding-left: 10px; padding-top: 0px; padding-bottom: 10px;opacity: 0.5; }


.width01 {	width: 1%;}
.width02 {	width: 2%;}
.width03 {	width: 3%;}
.width04 {	width: 4%;}
.width05 {	width: 5%;}
.width10 {	width: 10%;}
.width15 {	width: 15%;}
.width20 {	width: 19.5%;}
.width25 {	width: 24.5%;}
.width30 {	width: 29.5%;}
.width40 {	width: 39.5%;}
.width50 {	width: 49.5%;}
.width60 {	width: 59.5%;}
.width70 {	width: 69.5%;}
.width80 {	width: 79.5%;}
.width90 {	width: 89.5%;}
.width99 {	width: 99%;}


.layer02 {	 z-index: 10;}






/*for top navigation menu*/
header {
position: fixed;
width: 100%;
z-index: 20;
text-align: center;
}

.splashLogo {
position: fixed;
width: 100%;
z-index: 20;
text-align: center;
top: 30%;
}

.dmpllcLogo_top {
width: 95%;
max-width: 600px;
left: 50%;
right: 50%;
text-align: center;
}

.topSpacer{
height: 100px;
}

.blackScreen {
top:0px; left:0px;
position: fixed;
height: 105%;
width: 105%;
pointer-events:none;
z-index: 17;
}



.projectIcon {
	width: 400px;
	height: auto;
}

.bottomSpacer{
height:200px;
width:99%;
}


/*for bottom navigation menu*/
footer {
position: fixed;
width: 101%;
text-align: center;
z-index: 20;
bottom: 5%; 
}

.splashFooter {
bottom: 20%; /*position from bottom edge*/
}

.footerText{
/*height: 1.5em; *size of images*/
width:auto;
height:3em;
}





.sampleArtist {
text-transform: uppercase;
font-size: 0.5em;
color: #FFFFFF;
text-align: left;
}

.sampleType {
color: #FFFFFF;
font-size: 0.5em;
}

.serviceIcons {
	height: auto;
	width: 20%;
	max-width: 400px;
	min-width: 200px;
}


.icon {
	width: 21%;
	max-width: 200px;
}








.purpleContentBox {
position: fixed;
	bottom: 41px;
	background-color: #6e3047;
	color: #ffffff;
	width: 90%;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 6px;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	border-radius: 30px;
	opacity: 0.8;
	text-align: justify;
	border: 2px dotted #FFFFFF;
	z-index: 15;
	max-height: 80%;
	overflow:auto;
}



.purpleContentBox_scrolling {
	background-color: #6e3047;
	color: #ffffff;
	width: 90%;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 6px;
	margin-top: 15px;
	margin-bottom: 0px;
	border-radius: 30px;
	opacity: .8;
	text-align: justify;
	border: 2px dotted #FFFFFF;
	z-index: 15;
	max-width: 800px;
}


/*
.propDropdownTest {
	width: 25%;
	text-align: justify;
	float: left;
}
*/



.backgroundPlate {
width: 48%;
min-width: 250px;
max-width: 800px;
border: 1pt solid #8B4B43;
border-radius: 20px;
/* margin: 1%;
top: auto; */
}






	


@media screen and (orientation:landscape){

.clientLogoTop {
width:50%;
}


}



.quote {
font-style: italic;
font-weight: 100;
text-indent: 50px;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}

.roundedCorners {
		border-radius: 30px;
}

.dottedBoarder {	
	border: 2px dotted #FFFFFF;
}

.infoPage_SubTopics {
border-bottom: 1px solid #A96A81;
border-top: 1px solid #A96A81;
border-radius: 18px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
background-image: url(/elements/backgrounds/dmpllcPurple050.png);
}

.fitVERT {
	max-height:95%;
	margin:auto;
}

.middle {
height: 98%;
width: 98%;
position: fixed;
border: green 0px dotted;
top: 40%;
}

.tocChoice {
	height:2em;
}

.episodeAndTime {
font-size: 1.5em;
padding-top: 0px;
margin-top: -15px;
}

.purpleBoxText {
padding-left: 3em;
padding-right: 3em;
text-indent: 1em;
}

.bottomPadding {
padding-bottom: 13px;	
}