

html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }

iframe { border:0px; }

/*Comments*/
.ETBComment { clear: both; margin-bottom: 20px; min-height: 100px; }
    .ETBComment p { font-size: 90%; }
.ETBCommentH3 { background-color: gray; color: white; padding: 5px; }
    .ETBCommentH3 span { float: right; }
.ETBComment img { float: left; margin-right: 10px; }
.ETBCommentDate { float: right; font-weight: 700; }

/*Email form*/

.ETBFormYesNo {
    list-style-type:none;margin:0px;padding:0px;
}

    .ETBFormYesNo li {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

.ETBFormControl { width: 100%; }
    .ETBFormControl label { display: block; font-size: 90%; }
        .ETBFormControl label span { color: #FF0000; }

.ETBErrorInput { color: red; }
.ETBFormHelpIcon { vertical-align: middle; cursor: help; }

.ETBEmailFormBreak { clear: left; line-height:1px;height:1px; }

.ETBFormMessage { margin-bottom: 10px; }
.ETBFormFinalMessage { display: block; border: 2px dotted green; padding: 10px; border-radius: 10px; }

.ETBFormCellSmall { width: 25%; float: left; margin-bottom: 15px; }
.ETBFormCellMedium { width: 50%; float: left; margin-bottom: 15px; }
.ETBFormCellLarge { width: 100%; float: left; margin-bottom: 15px; }

.ETBFormNotification { text-align: left; }
.ETBFormErrorSpan { color: red; }

.ETBFormNone { display:none; height:1%; }

.ETBBackToTopControl { position:fixed; bottom:5px; right:5px; display:inline-block; cursor:pointer; }


@media only screen and (max-width: 650px)
{
    .ETBFormCellSmall { width: 99%; float: none; height: auto; margin-bottom: 10px; }
    .ETBFormCellMedium { width: 99%; float: none; height: auto; margin-bottom: 10px; }
    .ETBFormCellLarge { width: 99%; float: none; height: auto; margin-bottom: 10px; }

    .ETBFormSeparator { display:none; }
}

/*OLD Mobile Select*/
.ETBMobileNavDropDown { width: 100%; font-size: 60px!important; margin-bottom: 30px; display: block; }

/*Mobile Menu*/
.ETBMobileNavigationControl { display:none; position: absolute; right: 10px; top: 10px; display: block; height: 40px; width: 40px; }
.ETBMobileNavigationDropDown { position:absolute; right:0px; top: 40px; display:none; min-width:200px; list-style-type:none; text-align:left; margin:0px; padding:0px; background-color:white; border:1px solid gray;}

.ETBMobileNavigationDropDown li { text-align:left; }
.ETBMobileNavigationDropDown a { text-decoration:none!important; font-size:90%; display:block; padding:5px; margin:5px; border-top:1px dotted gray; border-collapse:collapse; }
    .ETBMobileNavigationDropDown li:first-child a { border-top:0px!important; }

.ETBMobileNavigationImage { cursor: pointer; width:100%; height:100%; }

.MobileNavigationSelected { font-weight:bold; }

.MobileNavigationSubItem { padding:3px!important;border-top:0px!important; }

/*Search*/
.ETBSearchControl { position: relative; }

.ETBSearchControlTextBox { font-style: italic; color: gray; width: 100%; }

.ETBSearchResult { margin-bottom: 15px; }
    .ETBSearchResult div { font-size: 90%; color: #388222; }
    .ETBSearchResult h2 { font-size: 120%; text-decoration: underline; margin: 0px; padding: 0px; font-weight: normal; margin-bottom: 3px; }
    .ETBSearchResult a { text-decoration: none; color: inherit; }
    .ETBSearchResult p { margin: 0px; }

.ETBPageSearchBoxDiv { margin-top: 10px; }
    .ETBPageSearchBoxDiv input { width: 75%; vertical-align: top; }

.ETBPageSearchBoxButton { width: 21px!important; height: 21px!important; cursor: pointer; }
.ETBSearchControlButton { position: absolute; right: -2px; top: 2px; background-color: White; padding: 2px; }
    .ETBSearchControlButton:hover { background-color: #DEE0C8; }
/*FAQ*/
.ETBFAQContainer { margin-bottom: 10px; }

    .ETBFAQContainer p { height: 0px; overflow: hidden; transition: height 1s; -ms-transition: height 1s; -moz-transition: height 1s; -webkit-transition: height 1s; -o-transition: height 1s; }

.ETBFAQPanelOpen p { height: auto!important; color: Green; }

/*LIST*/
.ETBDefaultList { padding-left: 0px; list-style-type: none; }
    .ETBDefaultList li { padding-left: 0px; list-style-type: none; }

/*RECENT LIST*/
.ETBRecentList { padding-left: 0px; list-style-type: none; }
    .ETBRecentList ul { padding-left: 0px; list-style-type: none; }
    .ETBRecentList li { padding-left: 0px; margin-bottom: 5px; list-style-type: none; }

/*Events*/
.ETBEventItemDate { font-weight: 700; }


/*References*/
.ETBReference { color: #648258; font-size: 110%; }
.ETBReferenceLeftQuote { font-weight: 700; color: Black; }
.ETBReferenceRightQuote { font-weight: 700; color: Black; }
.ETBReference span { display: block; text-align: right; font-weight: 700; color: Black; }


/**Admin Links*/

.AdminLinks { position: fixed; left: 0px; bottom: 0px; background-color: white; border: 1px solid gray; padding: 10px; }


/*Rad Textbox Fix*/
span.RadInput textarea { white-space: pre-wrap; }

.ETBSiteMapControl { line-height:30px;}


/*Social Share*/

ul.ETBSocialShare{
  list-style: none;
  padding: 0;
}

ul.ETBSocialShare li{
  display: inline;
}

ul.ETBSocialShare .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

@keyframes shareAni {
0%{margin:0;width:32px}
100%{margin:-5px;width:42px}
}
ul.ETBSocialShare img:hover{animation:shareAni;animation-fill-mode:forwards;animation-duration:.5s}

.ETBContactControl img:hover{animation:contactAni;animation-fill-mode:forwards;animation-duration:.5s}
@keyframes contactAni {
0%{margin:0;width:32px}
100%{margin:-5px;width:42px}
}


input::-webkit-input-placeholder {
    color: #b3b5a1 !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #b3b5a1 !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #b3b5a1 !important;
}

input:-ms-input-placeholder {
    color: #b3b5a1 !important;
}


textarea::-webkit-input-placeholder {
    color: #b3b5a1 !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #b3b5a1 !important;
}

textarea::-moz-placeholder { /* Firefox 19+ */
    color: #b3b5a1 !important;
}

textarea:-ms-input-placeholder {
    color: #b3b5a1 !important;
}
* { vertical-align: baseline;  font-style: inherit; outline: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 10px 0; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: #F6CC26; }
    a:hover { text-decoration: underline !important; }

img { border: 0px; vertical-align: middle; }

label { color:#45d734; }



::selection { background-color:#F6CC26; color:#fff;  }

body { text-align: center; scrollbar-base-color:#F6CC26; scrollbar-track-color:#4D4D4D;  margin: 0px; padding: 0px; font-family: 'Segoe UI Historic',Arial; font-size: 16px !important; color: #e1dfdf; }

h1 { font-size: 180%; color: #F6CC26; font-family: 'Quicksand', sans-serif!important; }
    h1 a { text-decoration: none; color: inherit; }

h2 { font-size: 140%; color: #e1dfdf; font-family: 'Quicksand', sans-serif!important; }
    h2 a { text-decoration: none; color: inherit; }

h3 { font-size: 130%; color: #e1dfdf; font-family: 'Quicksand', sans-serif!important; }
    h3 a { text-decoration: none; color: inherit; }

p { line-height: 20px; }

.ClearLeft { clear: left; }
.ClearRight { clear: right; }
.ClearBoth { clear: both; }

/*.ETBImageGalleryLinkImage { width:250px!important; height:200px!important; }*/


.Centered { line-height: 30px; }
.Smaller { font-size: 80%!important; }

#MainWrapper { margin-top: 140px; overflow: auto; background-color: #014488; border-top: 10px solid #000; }

#Main { position: relative; width: 100%; max-width: 1200px; box-sizing: border-box; text-align: left; padding-left: 10px; padding-right: 10px; overflow: visible; margin: auto; }


#Links { position: absolute; right: 10px; top: 20px; }
    #Links ul { margin: 0px; padding: 0px; border: 0px; background-image: none; }
    #Links li { margin: 0px; padding: 0px; border: 0px; background-image: none; }
    #links ul li a span { cursor: pointer !important; }
.rmText { text-transform:uppercase; cursor: pointer !important; font-size:80%; padding: 0px !important; }

.rmRootLink { border-bottom: 1px solid transparent; color: #fff !important; padding: 10px !important; padding-left: 7px !important; padding-right: 7px !important; margin-left: 7px !important; margin-right: 7px !important; }
.rmRootLink.rmFocused { border-bottom-color: #F6CC26 !important; color: #fff !important; }
.rmExpanded { color: #fff !important; border-bottom-color: #4D4D4D; }

.rmGroup.rmFocused { border-bottom-color: #4D4D4D !important; color: #fff !important; }

.rmRootLink:hover { animation: linkAni; animation-fill-mode: forwards; animation-duration: 1s; }

@keyframes linkAni 
{
    0% { color: #fff; border-bottom-color: #4D4D4D; }
    20% { color: #fff; border-bottom-color: #F6CC26; }
    100% { color: #fff; border-bottom-color: #fff; }
}

.rmGroup li { text-align: left !important; padding: 20px !important; text-align: left; background-color: #fff; border-bottom: 1px solid #CFCFCF; text-decoration: none; text-align: left; border-top: 0; }
    .rmGroup li a { text-decoration: none; color: inherit !important; }

    .rmGroup li:hover { background-color: #4D4D4D !important; color: #fff !important; }
    .rmGroup li a:hover { color: #fff !important; }

.rmGroup { border:1px solid #4D4D4D!important; }


#ContactControl { position: absolute; right: 10px; top: 12px; }
#ContactHeader { display:none; position: absolute; right: 10px; top: 19px; }

#SharePage { clear:both; text-align:center;font-size:120%; font-style:italic; margin:0px;padding:10px;}

#TopPhone { position: absolute; left: 10px; top: 14px; color: #fff; font-size: 150%; text-decoration: none; }
    #TopPhone img { margin-right: 10px; vertical-align: middle; }

#RotatorWrapper { overflow: hidden; }

#HeaderTopWrapper { position: absolute; top: 0px; left: 0px; right: 0px; background-color: #014488; text-align: center; height: 60px; }
#HeaderTop { position: relative; width: 100%; max-width: 1200px; margin: 0px auto; }

#HeaderWrapper { position: absolute; top: 60px; left: 0px; right: 0px; text-align: center; background-color: #014488; height: 80px; }
#Header { position: relative; width: 100%; max-width: 1200px; margin: 0px auto; }

#FeaturedImage { float:right;width:300px;height:auto; margin:15px; max-width:40%; border:1px solid gray; border-radius: 10px; box-shadow:0px 4px 8px rgba(0,0,0,0.8);}
#PageContent { float:left; width:65%; border-right:1px dotted gray; margin-top:10px; padding-right:5px; }
#ContactForm { float:right;margin-left:10px; padding-left:10px; width:30%;  }

.FooterForm { width: 100%; }

#MainImgWrapper { max-height: 140px; overflow: hidden; border-bottom: 10px solid #000; }
    #MainImgWrapper img { width: 100%; height: auto; }

.HomeHeader { height:19px; display:block; vertical-align:middle; overflow:hidden;  color:#785413;}

.MapFrame { width:100%; height:300px; }

#HomesList { text-align:center; list-style-type: none; margin: 0px; padding: 0px; }
    #HomesList li { text-align:center; position:relative; display: inline-block; margin: 10px; margin-bottom:28px; padding: 10px; width:100%; max-width:240px; background-color: #fff; color: #000; border:1px solid gray; border-radius: 10px; box-shadow:0px 4px 8px rgba(0,0,0,0.8); }
    #HomesList a { text-decoration: none; font-size:90%; }
    #HomesList img { width:100%; max-height:150px; }

.HomesPriceWrapper {position:absolute;  bottom:-18px; left:0px; right:0px; text-align:center; }
.HomesPrice { color:#399b2e; background-color:#fff; padding:5px; padding-top:0px; border:1px solid gray; border-top:0px; border-bottom-left-radius:10px;border-bottom-right-radius:10px; }
.HomesStatus { text-transform:uppercase; font-weight:700; position:absolute; padding:5px; padding-bottom:0px; font-size:80%; top:-18px; right:9px; background-color:#fff; border:1px solid gray; border-bottom:0px; border-top-left-radius:10px;border-top-right-radius:10px;  }


.MainSpan { display:block;  overflow:hidden; margin-top:5px; position:relative; }
   .PanelSpan { display:none; position:absolute; bottom:0px;left:0px;right:0px; background-color:rgba(0,0,0,.5); padding:5px; color:#fff; }

   .MainSpan:hover .PanelSpan{display: block; animation: panelAni; animation-timing-function:ease-in; animation-fill-mode: forwards; animation-duration: .5s; }
    
   @keyframes panelAni
    {
    0% { bottom:-80px; opacity:0; }
    100% {bottom:0px; opacity:1;}
    }


.EFrame { width:100%;height:auto; overflow:auto; height:2000px; }

.ETBForm { max-width:800px; }
#ServicesWrapper { clear: both; padding: 20px; display:none; }

#ServicesDiv { width: 100%; max-width: 1200px; margin: 0px auto; color:#fff; }

    #ServicesDiv h2 { color:#fff; margin-bottom:20px;}

.OfficeMap { width:100%;}

#ReferencesWrapper { clear: both; overflow:auto; }
.ETBReference { color: #fff !important; border-top:1px dotted gray; text-align: left; vertical-align: top; display: block; box-sizing: border-box; padding: 5px; }

.ETBReferenceLeftQuote { font-size: 150%; font-weight: 700; font-family: 'Quicksand', sans-serif; color: #F6CC26; }
.ETBReferenceRightQuote { font-size: 150%; font-weight: 700; font-family: 'Quicksand', sans-serif; color: #F6CC26; }

#FooterTop { clear: both; font-size: 150%; background-color: #F6CC26; padding: 10px; font-family: 'Quicksand', sans-serif; text-align: center; color: #fff; border-top: 1px solid #7d040e; text-shadow: 1px 1px 1px #0c3347; }
    #FooterTop a { color:#fff!important; }

#FooterInfo { clear: both; text-align: center; font-size: 130%; font-family: 'Quicksand', sans-serif; background-color: #014488; padding: 10px; color: #fff; }


#Footer { width: 100%; max-width: 1200px; font-size: 90%; margin: 0px auto; color: #fff; position: relative; clear: both; text-align: center; padding-top: 20px; }

    #Footer a { color: #e1dfdf !important; }

    #Footer h3 { border-top: 2px solid #F6CC26; text-transform:uppercase; color: #fff; padding: 10px; text-align: center; }

    #Footer img { max-width:100%;  border-radius: 10px;  box-shadow:0px 4px 8px rgba(0,0,0,0.8); }

#FooterPanel1 { width: 19%; float: left; padding: 10px; box-sizing: border-box; text-align: center; }
#FooterPanel2 { width: 39%; float: left; padding: 10px; box-sizing: border-box; text-align: center; }
#FooterPanel3 { width: 39%; float: left; padding: 10px; box-sizing: border-box; }



#Copyright { text-align: center; font-size: 90%; padding: 10px; clear: both; background-color: #3E3E3E; color: #fff; }
    #Copyright a { color: #e1dfdf; }


#Notice { position:fixed; width:100%;  right:0px; bottom:0px; opacity: 0; animation-name: notice;  animation-duration: 6s; animation-timing-function: ease-out; animation-fill-mode:none; }
    #Notice img { max-width:100%;height:auto; border:1px solid #000; border-top-left-radius:10px;}


.ETBMobileNavigationDropDown { min-width:270px!important;}


@keyframes notice {
    0% {  opacity: 0; }
   20% {  opacity: 1; }
   70% {  opacity: 1; }
    100% {  opacity: 1; }
}


#Logo { position: absolute; left: 50%; top: -40px; width: 400px; margin-left:-200px; height: auto; animation-name: logo; animation-duration: 1s; animation-timing-function: ease-out; animation-fill-mode: forwards; }

@keyframes logo {
    0% {  opacity: .2; }
    100% {  opacity: 1; }
}

#SideBar { float: right; width: 30%; font-size: 80%; color: black; padding-left: 10px; margin-left: -10px; clear: right; margin-bottom: 20px; line-height: normal !important; }

#Content { position: relative; min-height: 200px; padding-top: 0px; margin-bottom: 20px; overflow: visible; }

.ETBMobileNavigationControl { position: absolute; right: 5px; top: 5px; display: none; }

.ETBImageGalleryLinkImage { width: 140px; height: 120px; }
.ClearBoth { line-height: 1px; height: 1px; clear: both; }
.ETBMobileNavigationControl { position: absolute; right: 5px; top: 10px; display: none; }


#Evolve { font-size: 80%; }

.CaptionDisplay h2 { animation-name: caption; animation-duration: 1s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
.CaptionDisplay p { animation-name: caption; animation-duration: 2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
   

@keyframes caption {
    0% {  margin-left: -600px; opacity: 0; }
    100% {  margin-left: 0px; opacity: 1; }
}

#RotatorWrapper { border-bottom:10px solid #000;}

#ETBResponsiveRotatorCaption { color: #e1dfdf !important; border-top-right-radius: 40px; text-align: center; padding: 30px !important;  left: auto !important; top: auto !important; bottom: 0px !important; }
    #ETBResponsiveRotatorCaption h2 { color: #e1dfdf; font-size: 175%; font-weight: 700; text-shadow: 1px 1px 1px #0f537a; }
    #ETBResponsiveRotatorCaption p { font-size: 100%; }
    #ETBResponsiveRotatorCaption a { text-decoration: none; }

#ETBResponsiveRotatorNav { text-align: center !important; top: 10px !important; left: 0px !important; }
    #ETBResponsiveRotatorNav a { color: transparent; width: 10px; height: 10px; border-radius: 8px; }


.ETBBreadCrumbs {  clear:both;}



.ETBDefaultList img { float:left;margin-right:10px; margin-bottom:10px; border-radius:10px; border-top-right-radius:0px; border-bottom-right-radius:0px; width:150px; height:auto; }
.ETBDefaultList li { clear:left; border-top:1px dotted gray; }



#ETBResponsiveRotatorNav { text-align: center !important; top: 10px !important; left: 0px !important; }
    #ETBResponsiveRotatorNav a { color: transparent; width: 10px; height: 10px; border-radius: 10px; }


    #MobileLinks { vertical-align:top; position:absolute;top:20px;left:200px; display: none; text-align: center; margin: 0px auto !important; width: auto; height: 100px; }
        #MobileLinks a { color: #000; padding: 5px; display: inline-block; text-decoration: none; vertical-align: top; white-space: nowrap; width:100%; }


.MobPanel { display: inline-block; text-align: center; width: 45%; vertical-align: top; }

@media only screen and (max-width: 1200px) { .etbMenuItem13 { display: none; }

}

@media only screen and (max-width: 1050px) {

    #Links {  top: 10px; }
    #MainWrapper { margin-top: 130px; }
 
    #HeaderWrapper { height:70px; }
   
    .rmText { font-size:70%; }

    .etbMenuItem6 { display: none; }
}

@media only screen and (max-width: 950px) {
    #UnderConstruction { display:none;}

    #Logo { width: 240px; margin-left: -120px; }
}



@media only screen and (max-width: 850px) {

    #ETBResponsiveRotatorCaption { padding-left:40px!important; zoom:.8; }
    #ETBResponsiveRotatorCaption h2 { font-size: 200%; }
    #ETBResponsiveRotatorCaption p { font-size: 120%; }
    
     .etbMenuItem2 { display:none; }
}

@media only screen and (max-width: 750px) {

     .etbMenuItem3 { display:none; }

      .ETBReference { font-size:80%; }
}


@media only screen and (max-width: 700px) {

    #Logo { top: 10px; width: 280px; margin-left: -140px;  }

     .etbMenuItem1 { display:none; }

     #PageContent { float:none; width:auto; border-right:0px; margin-top:10px; padding-right:0px; }
     #ContactForm { float:none;margin-left:0px; padding-left:0px; width:auto;  }

    .PanelSpan { display:block; }
  
    #Notice img { border-top-left-radius:0px;}
    /*#ETBResponsiveRotatorCaption { left:10px!important; top:auto!important; height:auto; bottom:0px!important; font-size:60%; }*/
        /*#ETBResponsiveRotatorCaption p { display:none; }*/
    #ETBResponsiveRotatorNav { display:none; }
    .CaptionDisplay { padding:3px!important; }
    #ETBResponsiveRotatorCaption h2 { font-size: 75%;  }
    #ETBResponsiveRotatorCaption p { font-size: 70%; }


    #ETBResponsiveRotatorNext { right: 2px !important; }
   #ETBResponsiveRotatorPrev {left: 2px !important;  }
 
   .etbMenuItem8 { display:none; }

    #MainWrapper { margin-top:230px; }
    #MainImgWrapper { display:none; }
    #SideBar { border-top: 5px solid #F6CC26; }
    .ETBReference { display: block; width: auto; font-size:80%; }
     #ContactControl { right:60px; }

    

    #MobileLinks { display: block; left:0px; right:0px; top:70px;background-color:#F6CC26;  }
    #MobileLinks a {color:#fff!important; }

    #Links { display: none; }
    #Content { float: none; padding:0px; width: auto; margin: 0px; }
    #SideBar { float: none; padding:0px; width: auto; margin: 0px; text-align: center; }

    .ETBMobileNavigationControl { display: block; }


    #FooterPanel1 { text-align: center; width: auto !important; display: block; float: none; padding: 10px; box-sizing: border-box; }
    #FooterPanel2 { width: auto !important; display: block; float: none; padding: 10px; box-sizing: border-box; }
    #FooterPanel3 { width: auto !important; display: block; float: none; padding: 10px; box-sizing: border-box; }
}

@media only screen and (max-width: 550px) {
    #Logo { left: 10px; top:20px; margin-left:auto; }
    .ETBDefaultList li { }
    .ETBDefaultList img { display:none; }


    #ContactControl { display:none;}
    #ContactHeader {display:block; }
    #MainBG { min-height: 110px; }
}

@media only screen and (max-width: 350px) {

     .MobileHide { display:none; }

    .PageImageLeft { float: none !important; width: 100% !important; height: auto !important; margin-right: 0px !important; margin-bottom: 5px !important; }

    .PageImageRight { float: none !important; width: 100% !important; height: auto !important; margin-left: 0px !important; margin-bottom: 5px !important; }
}



.PageImageWide { width:100%;height:auto; }
.PageImageLeft { float:left; margin-right:10px; margin-bottom:5px; }
.PageImageRight { float:right; margin-left:10px; margin-bottom:5px; }
.HideWhenMobile { display:none; }

#ServiceAreaDiv { max-height: 300px; display:block; height:300px;background-size: 100%; border-radius:10px; background-image: url('/images/master/service-area.jpg'); background-repeat:no-repeat; background-position:center center; }

#requestserviceform{ padding:10px; border-radius:10px; background-color:#F6CC26; color:#fff;}
    #requestserviceform:hover { color:#F6CC26 }

.ContactButton { padding: 5px; text-align: center; border: #F6CC26; font-size: 80%; border-radius: 10px; background-color: #F6CC26; color: #014488; margin-top: 22px; display: inline-block; width: 150px; }
    
#ReviewFrame { width:100%; height:500px;}

#SearchFrame {width:100%; height:1200px; }

  .Centered { text-align:center; font-size:160%; font-style:italic;}
   
#HomePanel { width:100%; text-align:center; }
#HomePanel a { position:relative; overflow:hidden;  display:inline-block; margin-left:5%; margin-right:5%; margin-bottom:15px; border:1px solid gray; border-radius: 10px; box-shadow:0px 4px 8px rgba(0,0,0,0.8); }
    #HomePanel img { width:240px; height:240px; }
#HomePanel span { text-align:center; color:#fff; font-size:150%; display:block; position:absolute; left:0px;bottom:0px;right:0px; top:auto; background-color:rgba(0,0,0,.5); padding:10px; }

 #MapDiv { position: relative; margin-bottom:20px;}

        #MapImage { width: 100%; height: auto; }


        #Tomball { left: 38%; bottom: 73%; position: absolute; height: 10%; width: auto; box-shadow:none!important; border-radius:0px!important; border:0px!important;}
        #Magnolia { left: 31.5%; bottom: 85%; position: absolute; height: 10%; width: auto; box-shadow:none!important; border-radius:0px!important; border:0px!important;}
        #Waller { left: 21.5%; bottom: 66%; position: absolute; height: 10%; width: auto; box-shadow:none!important; border-radius:0px!important; border:0px!important;}
        #Woodlands { left: 49%; bottom: 75%; position: absolute; height: 10%; width: auto; box-shadow:none!important; border-radius:0px!important; border:0px!important;}
        #Heights { left: 50%; bottom: 34%; position: absolute; height: 10%; width: auto;box-shadow:none!important; border-radius:0px!important; border:0px!important; }

.Award { width:120px;height:auto; margin-left:10px; margin-right:10px;}

@media only screen and (max-width: 650px) {

     .ContactButton {padding:2px; text-align:center; border:#F6CC26; font-size:80%; border-radius:5px;margin-top:0px; display:inline-block;width:auto;}
 
}


