* {
  box-sizing: border-box;
}




body #stripes {
margin: 0;
font-family: Arial;
font-size: 14px;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
background-color: #000000;
background-image: url(/elements/backgrounds/redPinstripeBG.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
background-attachment: fixed;
color: #FFFFFF;
}


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




body, html {
  height: 100%;
  background-color: black;
  margin: 0;
  font-family: Arial;
color: #FFFFFF;
}

.bg {
  /* The image used */
  background-image: url("/elements/backgrounds/slideshow_001.mp4");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}






/*general*/
h1 {color: #FFFFFF; font-size: 19px;}

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;}
.fade50 {opacity: 0.5; z-index: 2; }
.fade75 {opacity: 0.75;}

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


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

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

.textLeft{ text-align: left;}
.textCenter{text-align: center; }
.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%;}

.layer01 {	 z-index: 1;}
.layer02 {	 z-index: 2;}
.layer03 {	 z-index: 3;}
.layer04 {	 z-index: 4;}
.layer05 {	 z-index: 5;}
.layer06 {	 z-index: 6;}
.layer07 {	 z-index: 7;}
.layer08 {	 z-index: 8;}



/*for top navigation menu*/
header#headerPurpleBox {
position: fixed;
width: 101%;
overflow-x: visible;
top: -5px;
left: -1px;
background-image: url(/elements/backgrounds/dmpllcPurple075.png);
height: 38px;
border-bottom: 2px dotted #FFFFFF;
-webkit-box-shadow: 0px 0px 40px #000000;
box-shadow: 0px 0px 40px #000000;
z-index: 6;
}
.clientLogoTop {
position: fixed;
top: 66px;

width: 100%;
border: blue dashed 0px;
z-index: 5;
}
.topSpacer{height: 200px;}

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

.dmpllcLogo_top {width:95%; max-width: 600px; }



.projectIcon {
	width: 48%;
	max-width: 200px;
	height: auto;
}

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



/*for bottom navigation menu*/
footer#splashFooter {
	position: fixed;
	width: 101%;
	height: 4%;
	bottom: -5px;
	left: -1px;
	z-index: 6;
	background-image: url(/elements/backgrounds/dmpllcPurple075.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
	background-attachment: fixed;
	padding-bottom: 0px;
	border-top: 2px dotted #FFFFFF;
}
.footerText{
	margin-top: -37px;
	width: 20%;
	bottom: auto;
}





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

.sampleType {
color: #FFFFFF;
font-size: 10px;
}

.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: 5;
	max-height: 80%;
	overflow:auto;
}



.purpleContentBox_scrolling {
	background-color: #6e3047;
	color: #ffffff;
	width: 80%;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 6px;
	margin-top: 15px;
	margin-bottom: 0px;
	border-radius: 30px;
	opacity: 0.8;
	text-align: justify;
	border: 2px dotted #FFFFFF;
	z-index: 1;
	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 {
position: fixed;
top: 66px;
border: purple dashed 0px;
height: 30%;
width: 100%;
z-index: 5;
}


}



.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);
}