/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0; font-size: 13px; line-height: 1.231;     background-color: #fefefe;
}
body, button, input, select, textarea { font-family: sans-serif; color: #000099; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

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


/* ===================================================
    Initializr styles
    http://verekia.com/initializr/responsive-template
    Author: Jonathan Verrecchia
   =================================================== */

body{ font:16px/1.4 Helvetica, Helvetica Neue, Arial, sans-serif; }

.wrapper{
    width:90%;
    margin:0 5%;

}
table {font-size: inherit;}
/* ===================
    ALL: Orange Theme
   =================== 

#fafad2 250,250,210 light tan
#4682b4 70,130,180 light blue
#AABECE lighter blue text
#000060 0,0,96 dark blue

#F6DC99 246,220,153 Logo


OSS
#d3e6f8 light blue
#fafad2 250,250,210 light tan
#000060 0,0,96 dark blue
#0000b3 med blue header
#000099 Med blue text
#dcebc3 yellow rays
*/
#main a, a:visited, a:hover { color: #000099; }
#main aside MLSbtns a, a:visited, a:hover { color: #fafad2; }
#MLSbtns a, a:visited, a:hover { color: #7EA8CA; }

#nav-container{ border-top: 3px solid #000060;
                border-bottom: 3px solid #000060;
                background:#000060;
}
#footer-container{ 
    border-top:    10px solid #000060; 
    border-bottom:    10px solid #000060;
    margin-bottom: 15px;
}
#footerlogos{ 
    margin-top: 10px;
    font-size: .8em;
    text-align: center;
    border-top:    1px solid #000060; 
    color: #000060;
}
#main aside, #leftsmallrebate{ 
    border-top:    20px solid #000060; 
} 

#header-container, #footer-container, #main aside{
    background:#d3e6f8; 
} 
#main aside{
    margin-bottom: 20px;
} 
#header-container{
    line-height: 24px; 
}

#header-contact{ margin: 5px;
                 text-align: center;
                 color:#0000b3;
                 height: 50px;
                 float: none;
                 display: none
}
#header-contact a{ color: #0000b3; }
#header-contact a:visited { color: #0000b3; }
#header-contact a:hover { color: #09242f; }
#title a{ text-decoration: none; }
#title a:visited { color: #0000b3; }
#title a:hover { color: #0000b3; }
#title a{ color: #0000b3; }

#title-container{
    padding-bottom: 0px;
    text-align: center; 
    color:#0000b3;
    /*    text-shadow:#000060 1px 1px 1px;*/
}
#title{ 
    text-shadow:#ffff66 1px 1px 3px !important;
    color: #0000b3;
    font-size: 2em;
    font-weight: bold;
    padding-top: 40px;
    line-height: 1.2em;
    width: auto;
    height: 40px;
    float:  none;
    text-align: center;
    display: none;
} 
#alttitle{ 
    text-shadow:#ffff66 1px 1px 3px !important;
    color: #0000b3;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2em;
    width: auto;
    float:  none;
    text-align: center;
    background-color: #e4f098;
}
#altcontact{ 
    padding-bottom: 5px;
    color: #0000b3;
    width: auto;
    float:  none;
    text-align: center;
    background-color: #e4f098;
}

#logo{
    padding-right: 10px;
    padding-top: 5px;
    display: block; margin-left: auto; margin-right: auto ;
}
#titlelogo{
    width: 100px;
    height: 160px;
    float: left;

}
#titlelightbulb{
    width: 125px;
    height: 160px;
    float: right;

}

::-moz-selection { background: #4682b4; color: #fff; text-shadow: none; }
::selection      { background: #4682b4; color: #fff; text-shadow: none; }

#OSSHeader{
    background-image: url(../OSSLogoBanner.jpg);
    background-repeat: no-repeat;
    height: 160px;
}

#PanelRow{
    height: 60px;
    background-image: url(../solarPanelBanner.jpg);
    background-repeat: repeat;
}

#OSSHeaderBottom{
    background-image: url(../OSSLogoBannerBottom.jpg);
    background-repeat: no-repeat;
    height: 20px;
}

#WireContainer{
    clear: both;
    background-image: url(../wire.jpg);
    background-repeat: repeat;
    height: 4px;
} 


/* ==============
    MOBILE: Menu
   ============== */
/*#header-container { border-top: 35px solid #4682b4 }*/
a.floating_contact, a.floating_feedback, #floating_top {
    position: fixed;
    bottom:  0;
    display: block;
    width: 101px;
    height: 29px;
    text-indent: -10000px;
    overflow: hidden;
    border: 1px solid #102B36;
    -webkit-box-shadow:-3px 5px 10px #3a5560;
    -moz-box-shadow:-3px 5px 10px #3a5560;
    box-shadow:-3px 5px 10px #3a5560;
    border-top-left-radius: 25px 30px;
    border-top-right-radius: 25px 30px;
    z-index:  9999 ;      
} 
a.floating_contact {
    right: 202px;
    background-image: url(../contacttop.gif);
    ;      
} 
a.floating_feedback {
    right: 101px;
    background-image: url(../feedbacktop.gif);
    ;      
} 
#floating_top {
    right: 0;
    background-image: url(../toptop.gif);     
} 

/*Uses javascript menu if browser supports javascript*/
.selectnav { margin-left: auto; margin-right: auto;  }
.js .selectnav { display: block; }
#FloatMenu{ display: block; }
#FloatMenuJS{ display: none; }
.js #FloatMenu{ display: none; }
.js #FloatMenuJS{ display: block; }
@media only screen and (max-width: 479px){
    .js ul#css3menu1{ display:none !important; }
}



/* ==============
    MOBILE: Main
   ============== */
.trunderline{
    border-bottom: 1px, solid,  #000;
}

#SMIcons{
    text-align: right;
    margin-bottom: 10px;
}
input{ font-weight: bold ; }
input[type=submit]{
    font-weight: normal
}
input.normalweight{
    font-weight:normal;
}
textarea{ font-weight: bold ; }

#calculatordiv input{
    font-weight:  normal;
}

#TCSelected {
    border-collapse: separate ;
    border-spacing: 8px 2px;
}
#index h2{
    margin-bottom: .1em;
    font-weight:  normal;
}
#AddCommunities{
    padding: 5px;
}
#mapcontainer{
    border:1px solid ;
}
#mapmarkerlistsearch{
    font-size: .8em;
    font-weight: bold ;
    line-height: 2em;
}
#mapmarkerlistsearch input[type=text]{
    width:100px;
    border:1px solid ;
}
#mapmarkerlistsearch select{
    width:125px;
    border:1px solid ;
}
#mapmarkerlistsearch2{
    text-align: left;
}
#comtable{
    margin-left: auto; margin-right: auto;
}
#comtable td{
    vertical-align: top;
}
#ProsandConsTable{
    table-layout:fixed;
    width:100%;
}
#ProsandConsDiv{
    border-right: 10px;
}
.green{
    color: #2e8b57;
}
.red{
    color: #cd5c5c;
}
.imgTextWrapRight{
    float: right;
    margin: 10px
}
.imgTextWrapLeft{
    float: left;
    margin: 10px
}
.showimage{
/*    display: block;*/
    margin: 10px
}
.img150{
    width: 150px;
}
#ProsandConsTable td, #ProsandConsTable th{
    vertical-align: top;
    border: 1px solid #000060;
    padding: 1px 5px;
}
#TableWithBorders td, #TableWithBorders th{
    vertical-align: top;
    border: 1px solid #000060;
    padding: 10px 10px;
}
#main-container{
    margin-bottom: 15px;
}




#main article h1{
    font-size:1.75em;
    text-shadow:#555560 1px 1px 2px;
    /*    filter: Shadow(Color=#000060, Direction=130, Strength=1);  IE Proprietary Filter*/
    text-align:  center ;
}
#main article h2{
    font-size:1.1em;
}
#morepromo{ display: none }
#main aside{
    color:#000099;
    padding:0px 3% 10px;
    width:70%;
    margin-left: auto; margin-right: auto ; 
    -webkit-box-shadow:0 5px 10px #aaa;
    -moz-box-shadow:0 5px 10px #aaa;
    box-shadow:0 5px 10px #aaa;
}
#leftsmallrebate{
    color:#fafad2;
    padding:0px 6px 6px;
    width:85%;
    margin-left: auto; margin-right: auto ; 
}
aside h3{ 
    text-align: center;
    font-size: 1.1em;
    font-weight: normal;
}
.bluelarge{ 
    font-size: 1.3em; 
    color:#000099; 
    text-shadow:#555560 1px 1px 1px;
}
#homemapcontainer{
    width:100%; height: 100%
}

#aside1 img{
    width: 200px;  /*Original width 300*/ 
}



#container {
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: .8em;
}
#dummy {
    padding-top: 120%; /* 75% is 4:3 aspect ratio */
}
#dummy2{
    padding-top: 480px; /* 75% is 4:3 aspect ratio */

}
#element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: silver /* show me! */
}
/*<div style="overflow: auto; width:300px; height:200px;">*/
#Comlist-Container{
    border:  #000060 solid 1px;
    background-color: #dfdfdf;
    font-size: .8em;
}
#communitytable table, #communitytable th, #communitytable td{ 
    padding-left: 3px;
    padding-bottom: 1em;
}
#communitytable{
    margin: 15px;
}
#requestcomminfo{
    margin-top: 8px;
    margin-bottom: 10px;
}
.formcontainer{
    font-size: .8em;
    width:  auto;
}
.formcontainer table{
    display: inline-block;
}
.formcontainer td{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: left;
}
#formcontainer{
    line-height: 180%;
}
.calculator{
    border: 1px solid #000060;
    width: 383px;
}
#ArticleTitle{
    font-size: 1.5em;
    font-weight: bold    
}
#ArticlesHeader{
    border-bottom: 1px solid;
}
.ArticlesContainer{
    border: 1px solid;
    margin: 0 7%;

}
#Articles td{
    font-size: .8em ;
    padding: 10px;
}
#Articles a{
    text-decoration: none;
}

#footer-container footer{
    color:#000099;
    font-size: .8em;
    text-align: center;
    padding-bottom: 40px;
}
#footer-container footer a{ color: #000099; }
#footer-container footer a:visited { color: #000099; }
#footer-container footer a:hover { color: #000000; }

.error{
    display: inline-block;
    color: red;
}
div.nowrap{
    white-space: nowrap;
    display:  inline-block;
}
.backgroundltgray{ background-color: #f5f5f5 ;}
.backgrounddkgray{ background-color: #dfdfdf ;}
a.no-underline{ text-decoration: none; }
div.centerdiv { display: inline-block; }
.centertext { text-align: center }
.bold { font-weight: bold }
.underline{text-decoration: underline}
.smaller{ font-size: .8em;}
.smallest{ font-size: .7em;}
.larger{ font-size: 1.2em }
.floatright{ float: right }
.floatleft{ float: left }
.rightjust{text-align: right}
.bgLtBlue{ background-color:#4682b4 ; }
.margin5{ margin: 5px;}
input.setwidth{ width: 80px; }
input.setwidth4{ width: 40px; }
td.setwidth{ width: 86px }
input.rightjust{ direction:rtl; }
td.rightjust{ text-align: right }
.textalignright{text-align: right}
select.setwidth{ width: 80px; }
td.center{ text-align:  center}
.italics{ font-style: italic }
#main a.reda, a.reda:visited, a.reda:hover { color: #cd5c5c; }
table.linetopbottom{
    border-top: 1px solid #000060; 
    border-bottom: 1px solid #000060; 
}
td.aligntop{
    vertical-align: top;
}
.BuilderReviewForm td{
    border: 1px solid #000060 ;
}
#ReviewContact td{
    border: none;
}

#newhomesearch{
    width: 100%;
    height: 650px;
    border: 0;
    margin: 0
}
.btnSearchDiv {
    background: #2222b3;
    background-image: -webkit-linear-gradient(top, #2222b3, #000060);
    background-image: -moz-linear-gradient(top, #2222b3, #000060);
    background-image: -ms-linear-gradient(top, #2222b3, #000060);
    background-image: -o-linear-gradient(top, #2222b3, #000060);
    background-image: linear-gradient(to bottom, #2222b3, #000060);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    text-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 1px 2px 3px #666666;
    -moz-box-shadow: 1px 2px 3px #666666;
    box-shadow: 1px 2px 3px #666666;
    padding: 5px 15px 5px 15px;
    margin-bottom: 5px;
    width: 400px;
}
.btnSearch {
    text-shadow: 2px 2px 2px #000000;
    font-family: Arial;
    color: #7EA8CA;
    font-size: 15px;
    text-decoration: none;
}

.btnSearchDiv:hover {
    background: #2323ed;
    background-image: -webkit-linear-gradient(top, #2323ed, #00008a);
    background-image: -moz-linear-gradient(top, #2323ed, #00008a);
    background-image: -ms-linear-gradient(top, #2323ed, #00008a);
    background-image: -o-linear-gradient(top, #2323ed, #00008a);
    background-image: linear-gradient(to bottom, #2323ed, #00008a);
    text-decoration: none;
}
.btnSearch:hover {
    text-decoration: none;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ padding-top:20px; }


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {

    /* ====================
        INTERMEDIATE: Menu
       ==================== */
    #floating_top, a.floating_feedback, a.floating_contact  { display: none; } 
    #nav-container{ border-top: 0px ;
                    border-bottom: 0px ;
    }
    .js .selectnav { display: none; }

    /* ====================
        INTERMEDIATE: Main
       ==================== */
    #aside1 img{
        width: 300px;  /*Original width 300*/ 
    }
    #titlelogo{
        width: 200px;
    }
    #title{ 
        display: block;
    }
    #alttitle{ 
        display: none;
    }
        .showimage{
/*        display: block;*/
    float: left;
    }
#title-container{
        padding-bottom: 0px;
        padding-top: 5px;		
        padding-left: 10px;
        text-align: left; 
    }
    #logo{ float:left; }
    #morepromo{ display: block }
    .right-spacer{ 
        padding:10px ;        
        float:right;
        width:35%;
        clear: right;
    }
    #SMIcons{
        float: right
    }
    #leftsmallrebate{
        float:right;
        width:25%;
    }


    #homemapcontainer{
        float:right;
        width:35%; 
    }
    #widespacer{
        clear: left;
    }

    #main article.noaside {
        float: left;
        margin-left: auto; margin-right: auto;
        width: auto;
    }
    #ProsandConsArticle{
        clear: both !important;
        width: 100% !important;
    }
    #footer-container footer{
        padding-bottom: 10px;
    }
    .smallscreen{
        display: none;
    }

    /* ========================
        INTERMEDIATE: IE Fixes
       ======================== */
    /* old nav stuff
            nav ul li{
                    display:inline;
            }	
            .oldie nav a{
                    margin:0 0.7%;		
            }   */
}

@media only screen and (min-width: 700px) {

    /* ====================
        INTERMEDIATE LARGER: Main
       ==================== */

    #header-contact{ 
        display: block;
    }
    #altcontact{ 
        display: none;
    }
    #title{ 
        /*        font-size: 2em;*/
        padding-top: 50px; 
    } 
    #mapcontainer{
        margin-right: 10px;
        width: 65%;
        max-width: 720px;
        float: left
    }
    #Comlist-Container{
        width: 32%;
        float: left;
    }
    #mapmarkerlist{
        height: 350px;
        overflow: auto;
    }

}


@media only screen and (min-width: 768px) {

    /* ====================
        WIDE: CSS3 Effects
       ==================== */
    #main article{
        float:left;
        width:65%;
        clear: left; 
    }
    #main aside{
        float:right;
        width:35%;
        clear: right;
    }
    #aside1 img{
        width: 200px;  /*Original width 300*/ 
    }
    #title{
        font-size: 2.8em;
    }
    #header-contact{
        font-weight: bold;
    }
    /* ============
        WIDE: Menu
       ============ */
    a.floating_contact, a.floating_feedback {
        display: block;
        right: 0;
        width: 29px;
        height: 101px;
        border-top-left-radius: 25px 30px;
        border-bottom-left-radius: 25px 30px;
        border-top-right-radius:  0px 0px;
        border-bottom-right-radius:  0px 0px;
    } 
    a.floating_contact {
        top:  115px;
        background-image: url(../contact.gif);
    } 
    a.floating_feedback {
        top:  216px;
        background-image: url(../feedback.gif);
    } 



    /* ============
        WIDE: Main
       ============ */
    #header-contact{ text-align: center ;
                     /*                     text-shadow:#000060 1px 1px 1px;*/
    }
    #header-contact a, #footer-container footer a{ text-decoration: none; }
    #text-us, #text-us-foot { display: none }         
    .ShowPhoneOnly{ display: none }
    #title-container{ float:left; }
    #main article.noaside {
        float: none;
        width: 640px;
    }
    #main article.noasidefullwidth {
        float: none;
        width: 100%;
    }
    #main aside{
        width:28%;
    }
    #leftsmallrebate{
        width:150px;
    }
    #ProsandConsArticle{
        clear: none !important;
        width:57% !important;
    }


}

@media only screen and (min-width: 950px) {
    #aside1 img{
        width: 250px;     }
    #title{
        letter-spacing: .2em;
    }
}

@media only screen and (min-width: 1140px) {

    /* ===============
        Maximal Width
       =============== */
    #aside1 img{
        width: 300px; 
    }
    .wrapper{
        width:95%;
        margin: auto;
    }

    .wrapper1140{   
        margin:0 auto;
        width:1126px;
        -webkit-box-shadow:0 5px 10px #000;
        -moz-box-shadow:0 5px 10px #000;
        box-shadow:0 5px 10px #000; 
    }
    .solarbackground{
        background: url("../solarpanel.jpg") repeat;
    }
    .nobackgroundimage{
        background-image: none;
        background-color: #fefefe;
    }
    .wrapperMLS{
        width:90%; /* 1140px - 10% for margins */
        margin:0 auto;
    }
}

/* ==|== print styles ======================================================= */

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
    a, a:visited { text-decoration: underline; }
    /*    a[href]:after { content: " (" attr(href) ")"; }  Prints url after link
        abbr[title]:after { content: " (" attr(title) ")"; }*/
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    ul#css3menu1{ display:none !important; }
    aside{ display:none !important; }
    #floating_top, a.floating_feedback, a.floating_contact  { display: none; } 
    .selectnav { display: none !important;  }

}