body {background-color: #ffffff;}
header img {float: right;}
header hr, nav hr {border-color: #990000;}
h2 {/* border-bottom: groove 2px #c4c4c4;*/ padding-top: 25px; text-align: center;}
h3 {padding-top: 15px;}

#masthead {text-align: center; height: 80px; position: fixed; width: 100%; background-color: white; z-index: 100; display: none;}
#mast-container {margin: 0 auto; width: 1200px;}
#masthead #mast-right {float: right; margin: 25px 0;}
#masthead #mast-left {float: left; margin: 0 0;}
#header-logo {margin-top: 5px;}
#nav-logo {max-height: 75px; float: left; padding-top: 2px;}

.imagedivs img {width: 100%; display: block;}
.imagedivs2 img {display: none; width: 100%;}
img#towercam {clip: rect(200px,0px,300px,0px);}

.content-blocks {position: relative; top: -50px;}

#progress {background-color: #67727C; padding-bottom: 35px;}
#theteasers {background-color: #ddcfac; padding: 25px 0 20px 0;}
#thefloorplans {padding: 40px 0 5px 0;}
#theteasers2 {background-color: #c6d5dd; padding: 25px 0 20px 0;}
#thepartnership {background-color: inherit;}
#thewhynow {background-color: inherit;}
#thegiving {background-color: inherit;}

.teasers {background-color: white; padding: 0; text-align: center;}
.teasers a.bottom {display: block; width: 100%; background-color: #58595b; color: white; padding: 5px; text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 90%;}
.teasers a:link, .teasers a:visited, .teasers a:hover, .teasers a:active {color: white; border: none;}
.teasers p {padding: 10px 5px 0 5px; font-size: 90%;}
.give-now-button {height: 40px; margin-left: 15px;}

ul {list-style: none;}
ul li {font-size: 90%; padding-bottom: 15px;}
/* ul li:last-child {font-weight: bold;} */
a:link, a:visited {color: #58595b; text-decoration: none;}
a:hover, a:active {color: #990000; text-decoration: none;}

.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }


.explore-button-container {position: relative; top: -120px; z-index: 50; text-align: center; width: 100%;}
.explore-button {width: 200px;}
#towercam {padding-top: 35px;}

ul.topnav li {display: block; width: 24%; float: left; text-align: center;}
ul.topnav li:last-child a {font-weight: normal;}

.bodyimage {float: right; width: 35%; margin-left: 10px;}
ul.normal {margin-left: 35px; list-style: disc; }
ul.normal li {padding-bottom: 5px;}
ul.normal li:last-child {font-weight: normal;}
ul.normal ul li {font-size: 100%; padding-bottom: 5px;}

#footer {background-color: #fff; width: 100%; margin: 0 auto; text-align: center; padding: 25px; }
#footer .footer-logo {height: 70px;}
#footer #footerleft {float: left; margin-right: 15px;}
#footer #footercenter-large {margin-top: 5px; line-height: 180%; display: block; font-size: 80%;}
#footer #footercenter-small {display: none;}
#footer #footerright {float: right; margin-left: 15px;}


@media only screen and (max-width: 1280px) {
#mast-container {width: 1000px;}
#footer #footercenter-large {clear: both;}
}

@media only screen and (max-width: 1024px) {
#masthead {margin: 0;}
#mast-container {width: 100%; text-align: center;}
#masthead #mast-right {display: none;}
#masthead #mast-left {float: none;  width: 100%;}
#nav-logo {max-height: 75px; float: none;}

}


@media only screen and (max-width: 900px) {



}


@media only screen and (max-width: 786px) {
.imagedivs img {display: none;}
.imagedivs2 img {display: block; /*padding-top: 50px; height: auto;*/}
#towercam {clip: rect(0px,0px,0px,0px);}
.explore-button-container {display: none;}
#footer #footerleft, #footer #footerright {float: none; margin: 0 0 20px 0;}
#footer #footercenter-large {display: none;}
#footer #footercenter-small {margin-top: 15px; display: block;}

}

@media only screen and (max-width: 600px) {
.bodyimage {width: 50%; padding-bottom: 25px;}
#header-logo {margin-top: 5px;}
}

@media only screen and (max-width: 500px) {
.bodyimage {width: 100%;}

#header-logo {margin-top: 5px;}
#masthead #mast-right {margin: 10px 0;}
}

@media only screen and (max-width: 400px) {

}