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-family: 'Segoe UI',Arial; font-style: inherit; outline: 0; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; margin-top: 15px; margin-bottom: 5px; font-family: 'Oswald', sans-serif; }

table { border-collapse: collapse; border-spacing: 0; }


iframe { width: 100%; height: 400px; }
embed { width: 100%; height: 400px; }



a { color: #6E8B8F; }

    a:hover { text-decoration: underline !important; }

img { border: 0px; vertical-align: middle; }

.Larger {font-size:190%;font-weight:700;}

body { margin: 0px; padding: 0px; background-color: #6E8B8F; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: center; margin: 0px; padding: 0px; font-size: 15px !important; background-image: url('/images/master/background.jpg'); background-repeat: repeat-x; }

.MemberLogin { position: absolute; top: -28px; left: 0px; color: #DFDFDF; }
    .MemberLogin a { color: #DFDFDF; text-decoration: none; }

h1 { font-size: 160%; position: absolute; top: -48px; left: 15px; color: #DFDFDF; display: block; text-decoration: none; font-weight: normal; }

    h1 a { text-decoration: none; color: inherit; }

h2 { font-size: 130%; color: #614628; font-weight: normal; }

    h2 a { text-decoration: none; color: inherit; }

h3 { font-size: 110%; font-weight: normal; }

    h3 a { text-decoration: none; color: inherit; }

p { line-height: 20px; }

#Social img { width:32px!important;height:32px!important; margin-left:10px; border-radius:5px; border:1px solid black;}

#HouzzAward { width:100%;height:auto; }

.ClearLeft { clear: left; }

.ClearRight { clear: right; }

.ClearBoth { clear: both; }

#Clear { clear: both; }

.GalleryItem {float:left; padding:1%;margin:1%; width:31%;height:250px; overflow:hidden; text-align:center; border:1px solid silver; font-weight:normal; }
.GalleryItem h2 {text-align:center; font-weight:normal;color:#6f89ce; font-size:110%; padding:0px;margin:0px;white-space:nowrap;}
.GalleryItemImage { width:100%;height:220px; margin-bottom:10px; }

.GalleryPageImage { padding:1%;margin:1%; width:30%;height:150px; border:1px solid silver; font-weight:normal; }

.SoftImage {width:100%;height:220px; margin-bottom:10px;}

.ConsultantView { border:1px dotted gray;padding:20px;font-size:80%; }

.VendorList { border-top: 1px dotted gray; margin-top: 10px; }

.VoteContractorUp { background-color:#DFDFDF; text-align:right;  }
.VoteContractorUp a { color:black; padding:5px; }

.HomeLink { margin-top: -10px; margin-left: -5px; margin-right: 10px; }

#HeaderWrapper { background-color: #000000; }

#Header { position: relative; max-width: 1450px; margin: auto; height: 85px; padding-left: 1%; padding-right: 1%; }

    #Header a { color: #6e8b8f; }

#Houzz { position:absolute;right:550px;top:20px; z-index:22222; height:auto;width:auto;}

#SignUpTop { position: absolute; left: 200px; top: 10px; width: 430px; color: white; font-size: 90%; }
    #SignUpTop span { color: green; font-size: 150%; }
    #SignUpTop a { color: white; }

#SignUp { width: 100%; height: auto; }

.Blink { animation-name: blink; animation-duration: 3s; animation-iteration-count: infinite; }

@keyframes blink {
    from { opacity: 1; }
    to { opacity: .6; }
}

.Testimonial { text-align:center;  border-top:1px dotted gray; }
.TestimonialCredit { text-align:right; color:#6E8B8F; }

#ETBResponsiveRotatorNav { display:none!important; }

#Logo { position: absolute; left: -10px; top: -5px; height: 140px; width: auto; }

#TopLinks { max-width: 1450px; margin: auto; text-align: right; padding: 10px; }
    #TopLinks a { text-decoration: none; color: #DFDFDF; border-left: 1px solid gray; padding-left: 15px; padding-right: 15px; }
        #TopLinks a:first-child { border-left: 0px; }

#TopBarWrapper { background-image: url('/images/master/top-bar.jpg'); border-bottom: 2px solid silver; background-repeat: repeat-x; background-position: center bottom; }

#TopBar { position: relative; max-width: 1450px; margin: auto; text-align: left; height: 40px; padding: 10px; padding-left: 10px; padding-right: 10px; }

    #TopBar a { color: #6E8B8F; text-decoration: none; }
    #TopBar img { vertical-align: text-bottom; margin-right: 10px; }

#TopContact { position: absolute; font-size:150%; top: 10px; right: 15px; color: #DFDFDF; }

#Main { position: relative; width: 100%; max-width: 1450px; margin: auto; margin-top: 10px; background-color: white; border: 10px solid #000000; border-radius: 10px; box-shadow: 3px 5px 9px 0px rgba(50,50,50,0.75); border-top: 40px solid #000000; background-size: 27.5%; background-image: url('/images/master/wrapper.jpg'); background-repeat: repeat-y; background-position: right top; }

.SurveyTable { border-collapse: collapse; font-size: 90%; background-color: #ffffff; }
    .SurveyTable td { padding: 1px; border: 1px solid gray; vertical-align: top; }
        .SurveyTable td input { width: 100%; border: 0px !important; }

.SurveyHead { padding: 5px !important; background-color: #DFDFDF; }

.SurveyFirstTD { font-size: 80%; padding-top: 7px !important; padding-left: 3px !important; }

.SurveyError td { background-color: #ff6d5e; }

.SurveyLabel { font-size: 80%; }

#Content { float: left; margin-right: 10px; width: 74%; background-color: white; text-align: left; margin-left: 0px; margin-right: 0px; padding-left: 10px; padding-top: 10px; padding-right: 10px; min-height: 338px; border: none; margin-right: -20px; }


#SideBar { float: right; position: relative; text-align: left; width: 25.5%; font-size: 80%; background-color: #DDE2E4; overflow: hidden; color: black; padding-left: 0px; margin-left: 0px; clear: right; margin-bottom: 20px; line-height: normal !important; }

    #SideBar h3 { text-transform: uppercase; font-size: 140%; clear: both; color: #DFDFDF; padding: 10px; padding-top: 15px; padding-bottom: 13px; background-color: #000000; margin-bottom: 0px; }

    #SideBar p { padding-left: 10px; }

#bbb img { float: right; }

#Locations { text-align: left; }

#CtrlNavigation { list-style-type: none; margin: 0px; padding: 0px; }
    #CtrlNavigation li { list-style-type: none; margin: 0px; }
    #CtrlNavigation a { display: block; padding: 7px; text-decoration: none; border-bottom: 1px dotted gray; }
        #CtrlNavigation a:hover { color: white !important; text-decoration: underline; }

    #CtrlNavigation li:hover { background-image: url('/images/master/links.jpg'); }

#Locations { list-style-type: none; margin: 0px; padding: 0px; }
    #Locations li { list-style-type: none; margin: 0px; border-bottom: 1px dotted gray; }
    #Locations a { display: block; padding: 8px; text-decoration: none; }
        #Locations a:hover { color: white !important; text-decoration: underline; }

    #Locations li:hover { background-image: url('/images/master/links.jpg'); }

#ClearDiv { line-height: 1px; height: 1px; clear: both; margin-bottom: -1px; }

#FooterWrapper { background-color: #BDCBCC; border-top: 5px solid #A5B0B2; }

#Copyright { text-align: center; margin: 0px; margin-left: 30px; margin-right: 30px; margin-top: 10px; padding: 10px; font-size: 90%; border-top: 1px dotted gray; }

#Footer { min-height: 240px; }

    #Footer div { color: #808080; padding-top: 10px; float: left; width: 32%; margin-left: 1%; text-align: left; }

    #Footer h3 { font-size: 100%; text-transform: uppercase; color: #DFDFDF; background-color: #000000; padding: 10px; padding-bottom: 8px; border-radius: 5px; box-shadow: 3px 5px 9px 0px rgba(50, 50, 50, 0.75); }

    #Footer a { text-decoration: none; }
        #Footer a:hover { text-decoration: underline; }

    #Footer p { padding: 10px; }

    #Footer ul { list-style-type: none; padding: 10px; }

    #Footer li { list-style-type: none; margin: 0px; padding-top: 5px; padding-bottom: 5px; border-top: 1px dotted gray; }

.ETBSearchControl { position: absolute; top: 5px; right: 10px; width: 270px; box-shadow: 3px 5px 9px 0px rgba(50, 50, 50, 0.75); }
.ETBSearchControlButton { right: 2px; }


@media only screen and (max-width: 1200px)
{
   
 #SignUpTop {display:none}
   
}


@media only screen and (max-width: 1000px)
{
    #Main { border-left: 0px; border-right: 0px; box-shadow: none; border-radius: 0px; }

   
}

@media only screen and (max-width: 900px) {
    #Logo { height: 90px; }

   
    #Houzz { right:450px;}
    #TopLinks { text-align: center; }

    #Social {display:block; text-align:right;margin-top:5px;}
}

@media only screen and (max-width: 800px) {
    #Logo { height: 90px; }
    #TopContact { font-size:100%; }
    #Houzz { right:400px;}
    #TopLinks { text-align: center; }

    #Social {display:block; text-align:right;margin-top:5px;}
}

@media only screen and (max-width: 700px) {
    #Logo { height: 90px; }

    #Houzz { right:370px;width:110px;height:auto;}
    #TopLinks { text-align: center; }

    #Social {display:block; text-align:right;margin-top:5px;}
}

@media only screen and (max-width: 650px) {
   
     #Houzz {left:auto; right:150px;width:100px;height:auto;top:52px;}
     #SignUp { width:300px;height:auto; }

    h1 { position: relative; text-align: center; top: auto; left: auto; color: #6E8B8F; display: block; text-decoration: none; font-weight: normal; }

    #Content { float: none; width: auto; margin: 0px; }
    #SideBar { float: none; width: auto; }

    #TopLinks a { border: 1px solid gray !important; display: inline-block; margin: 4px; padding: 3px; }



    #Footer div { float: none; width: auto; margin: 0px; text-align: center; height: auto; }
    #Footer h3 { border-radius: 0px; }

    #Main { background-image: none; border-top: 10px solid black; }

    #TopLinks { font-size: 90%; }

    #SideBar { text-align: center; }
}

@media only screen and (max-width: 550px) {
    
    
    .GalleryPageImage { padding: 1%; margin: 1%; width: 47%; height: 150px; border: 1px solid silver; font-weight: normal; }
}

@media only screen and (max-width: 490px) {
     #Social { display: none; }
     .GalleryPageImage { padding:1%;margin:1%; width:47%;height:130px; border:1px solid silver; font-weight:normal; }
      .GalleryItem {float:none; padding:1%;margin:1%; width:100%;height:220px; overflow:hidden; text-align:center; border:1px solid silver; font-weight:normal; }
    .SoftImage {width:100%;height:193px; margin-bottom:10px;}

     #SignUp { width:100%;height:auto; }

    .ETBSearchControl { display: none; }
    #CustLogin { display: none; }
    #TopContact { width: 150px; }

    #Logo { height: 70px; left:20px; }
     #Houzz { left:30px;right:auto;width:100px;height:auto;top:60px;}
}


.ReviewWidget {float:right; margin-left:10px; width:300px;height:450px;}

.VCSWarning { color: red; font-size: 130%; }