@media screen{
	body#numberTHREE { background-color: #000; background-attachment: fixed; font-style: normal; font-weight: 400; font-size: 13px; text-align: center; line-height: 15px; color: #737373; font-variant: normal; text-decoration: none; text-indent: 0px; background-repeat: repeat-x; background-image: url(/landingPage/elements/bgFade_imagesBLURRED/10.jpg); background-position: 50% top; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; z-index: 0; visibility: visible; height: 100%; 	}


a:link, a:visited { color: #E4CC94; text-decoration: none; }
a:hover { color: #FEF0D0; }c
a:active  { color: #694800; vertical-align: -2%; }


.CENTERED { position: fixed; width: 100%; left: 50%;
-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }


.hilltop { position: fixed; width: 102%; height: 105%; left: -2px; min-width: 500px;       left: 50%;
-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0); transform: translate(-50%, 0);}

.title { width: 70%;  height: auto; max-width: 300px; top: 10px; }

.footerBox { position: fixed; width: 90%; height: 25%; bottom: 2%; }

.unfold { color: #F6C600; font-size: 208%; margin-bottom: -10px; }
.moreInfo{ color: #9C7D33; font-size: 134%; margin-bottom: 0px; margin-top: 19px; }
.chanceToWin { }


.blackGlow {  text-shadow: 0px 0px 5px #090909; }



form { position: absolute; height: 24px; width: 50%; margin-top: 0px; top: 72%; }

.HIDDEN { opacity: 0; }

.layerZERO  {position:fixed; z-index: 0; }
.layerONE {position:fixed; z-index: 10; }

.layerTWO {position:fixed; z-index: 20; }
.layerTHREE {position:fixed; z-index: 30; }
.layerFOUR {position:fixed; z-index: 40; }
.layerFIVE {position:fixed; z-index: 50; }
.layerSIX {position:fixed; z-index: 60; }



.lessBottomSpace{ margin-bottom: 5px; } 

*{ }


.splashCharacterAdjustment { margin-top: -20%; }


.vCentered { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


.hCentered { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); max-width: 500px; }






/*lightblue*/
.dmfImage { position: fixed; height: 70%;/* [disabled]border: dotted lightblue 3px; */ bottom: 6%; }



/*blue dashed*/
#container{ height: 35%;/* [disabled]border: 1px dashed blue; */ position: relative; }

/*red*/
#container ul{ width: 99.5%; height: 99.5%; list-style: none outside none; position: absolute;/* [disabled]border: 1px dotted red; */ }

/*purple*/
#container li:first-child{ display: list-item;/* [disabled]border: 1px dashed purple; */ position: absolute; left: 0px; width: 99.5%; }
#container li{ position: absolute;/* [disabled]border: 1px dashed purple; */ display: none; left: 0px; width: 99.5%; }




/*orange*/
#container .prevButton{ height: 15%; width: 15%; position: fixed; background: url('/landingPage/elements/navArrow_previousB.png') no-repeat; top: 50%; background-position: left top; left: 0; background-size: contain; max-width: 150px; max-height: 150px; margin-left: 10px; }

/*orange*/
#container .prevButton:hover{ position: fixed; background: url('/landingPage/elements/navArrow_previousA.png') no-repeat; top: 50%; background-position: left top; left: 0; background-size: contain; max-width: 150px; max-height: 150px; margin-left: 9px; }

/*yellow*/
#container .nextButton{ height: 15%; width: 15%; position: fixed; background: url('/landingPage/elements/navArrow_nextB.png') no-repeat; background-position: right top; right: 0; top: 50%; background-size: contain; max-width: 150px; max-height: 150px; margin-right: 10px; }
/*yellow*/
#container .nextButton:hover{ position: fixed; background: url('/landingPage/elements/navArrow_nextA.png') no-repeat; background-position: right top; right: 0; top: 50%; background-size: contain; max-width: 150px; max-height: 150px; margin-right: 9px; }

}




@media (orientation:portrait){

body#numberTHREE { background-color: #000; background-image: url('/landingPage/elements/xBG_horz20.gif'); background-attachment: fixed; background-size: cover; background-position: center top; background-repeat: repeat-y; }




}