HTML { background: #fff; }
BODY { margin: 0; padding: 0; overflow-x: hidden; font-family: 'PT Sans', sans-serif; }
.Normal { font-size: 15px!important; color: #3D4543; }
HEADER { position: relative; text-align: center; }
#HeaderBottom { background: #B25C34; height: 10px; margin-top: 5px;}
#HeaderTop { background: #002f6d; height: 100px; }
#Logo { width: 420px; position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0); padding: 0 20px; background: rgba(255,255,255,0.95); -webkit-box-shadow: 0px 0px 15px 10px #CCCCCC; box-shadow: 0px 0px 25px 0px #000; z-index: 10;}

#BannerContainer { position: relative; width: 100%;}
#Banner { position: relative; width: 100%; height: 60vw; margin-top: -20px; z-index: -1; min-height: 800px; background-position: top center; background-size: cover; background-repeat: no-repeat; background-image: url('/portals/GlennwoodTinyHomes/hero.jpg?width=1920');}

#BannerBottom { background: #B25C34; height: 10px; margin-top: -15px; margin-bottom: 5px; width: 100%;}

#ComingSoonContainer { width: 100%; padding: 28px 0; text-align: center; background: #002f6d; color: #fff;  }
#ComingSoonOutline { width: 90%; margin: 0 auto; text-align: center; padding: 2px 0;}
#ComingSoon { width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; }
#ComingSoon H1 { font-size: 48px; font-weight: 700; padding-top: 10px; color: #fff;}
#ComingSoon p { font-size: 16px; font-weight: 300; padding-bottom: 10px; color: #fff; line-height: 22px;}
#dnn_ContentPane { position: absolute; top: 140px; right: 100px; width: 400px; min-width: 400px; background: rgba(255,255,255,0.9); font-family: Calibri, "Century Gothic", sans-serif; color: #3c4542; font-size: 18px;}

#FormHeaderOutline {width: 68%; margin: 20px auto 0 auto; text-align: center; border-top: 1px solid #002f6d; border-bottom: 1px solid #002f6d; padding: 2px 0;}
#FormHeader {width: 100%; margin: 0 auto; text-align: center; border-top: 3px solid #002f6d; border-bottom: 3px solid #002f6d; text-transform: uppercase;}
#FormHeader H2 { font-size: 40px; font-weight: 500; padding-bottom: 0px; color: #3D4543;}
#dnn_ContentPane H3 { font-size: 22px; font-weight: 500; padding-bottom: 0px; color: #3D4543; text-transform: uppercase;}

#ContentPaneContainer { width: 100%; text-align: center; background: #fff;  }

#PaneContainerContainer {width: 100%; border-top: 10px solid #B25C34; border-bottom: 10px solid #B25C34; text-align: center; margin: 6px 0;}
#PaneContainer { width: 100%; max-width: 1400px;  margin: 0 auto; text-align: center; padding: 40px 0;}
#LeftPane, #ContentPane, #RightPane { width: 32.33%; float: left; margin: 0 0.5%; }
/* #ContentPane { max-width: 1400px; margin: 0 auto; padding: 40px 0;} */

#FooterTop { background: #002f6d; height: 50px; text-align: center; padding-top: 10px;}
#FooterTop img { width: 30px; opacity: 0.5; }
#FooterBottom { background: #002F69; text-align: center; color: #ccc;}
#FooterBottom p:first-child { text-align: center; color: #999; font-style: italic; padding: 20px 0 0 0; }

.clear { clear: both;}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
	#dnn_ContentPane { right: 20px; /*top: 90px; min-width: 460px; */} */
}
@media only screen and (max-width: 767px) {
	#HeaderTop { background: #002f6d; height: 60px; }
	#Logo { width: 250px;}
	#Banner { height: 250px; min-height: 0;}
	#dnn_ContentPane { position: relative; margin-top: 0px; padding-top: 20px; top: 0; left: 0; width: 100%;}
	#ComingSoon H2 { font-size: 22px;}
}