/***********************************************************
Bootstrap Override
***********************************************************/
.container {
    padding: 0;
    max-width: 940px;
}

.navbar {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    margin: 0;
    min-height: 0;
}
    .navbar-nav > li > a { padding: 0; }
    .navbar-inverse {
        background: none;
        border: none;
        margin: 0;
    }
    .navbar-collapse { padding: 0; }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        background: transparent;
    }
    .headerWrapper .navbar ul li.short.nav-home {
        width: 130px;
    }
    .headerWrapper .navbar ul li.long.nav-buying {
        margin-right: 35px;
    }

a:hover,
a:focus {
    outline: none; text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
}
/***********************************************************
TEMPLATE
***********************************************************/

/***********************************************************
Season Changing Background
***********************************************************/

html.Spring {
    background: url("/images/template/spring-bkg.jpg") no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
html.Summer {
    background: url("/images/template/summer-bkg.jpg") no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
html.Fall {
    background: url("/images/template/fall-bkg.jpg") no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
html.Winter {
    background: url("/images/template/winter-bkg.jpg") no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/**********************************************************
/ Individual County Markers
 **********************************************************/
div.imageArea .markerIcons {
    position: absolute;
      top: 0;
      right: 63px;
}
    div.imageArea .countyMarker { position: absolute; z-index: 999; }
    div.imageArea .countyMarker.adams { right: 232px; top: 280px; }
    div.imageArea .countyMarker.ashland { right: 305px; top: 70px; }
    div.imageArea .countyMarker.barron { right: 398px; top: 145px; }
    div.imageArea .countyMarker.bayfield { right: 348px; top: 50px; }
    div.imageArea .countyMarker.brown { right: 90px; top: 245px; }
    div.imageArea .countyMarker.buffalo { right: 390px; top: 245px; }
    div.imageArea .countyMarker.burnett { right: 440px; top: 95px; }
    div.imageArea .countyMarker.calumet { right: 105px; top: 270px; }
    div.imageArea .countyMarker.chippewa { right: 353px; top: 177px; }
    div.imageArea .countyMarker.clark { right: 300px; top: 220px; }
    div.imageArea .countyMarker.columbia { right: 196px; top: 330px; }
    div.imageArea .countyMarker.crawford { right: 322px; top: 352px; }
    div.imageArea .countyMarker.dane { right: 200px; top: 370px; }
    div.imageArea .countyMarker.dodge { right: 146px; top: 337px; }
    div.imageArea .countyMarker.door { right: 42px; top: 200px; }
    div.imageArea .countyMarker.douglas { right: 405px; top: 50px; }
    div.imageArea .countyMarker.dunn { right: 400px; top: 195px; }
    div.imageArea .countyMarker.eau-claire { right: 353px; top: 209px; }
    div.imageArea .countyMarker.florence { right: 123px; top: 100px; }
    div.imageArea .countyMarker.fond-du-lac { right: 132px; top: 300px; }
    div.imageArea .countyMarker.forest { right: 150px; top: 120px; }
    div.imageArea .countyMarker.grant { right: 307px; top: 389px; }
    div.imageArea .countyMarker.green { right: 216px; top: 407px; }
    div.imageArea .countyMarker.green-lake { right: 174px; top: 300px; }
    div.imageArea .countyMarker.iowa { right: 260px; top: 378px; }
    div.imageArea .countyMarker.iron { right: 265px; top: 60px; }
    div.imageArea .countyMarker.jackson { right: 315px; top: 252px; }
    div.imageArea .countyMarker.jefferson { right: 150px; top: 380px; }
    div.imageArea .countyMarker.juneau { right: 260px; top: 290px; }
    div.imageArea .countyMarker.kenosha { right: 90px; top: 415px; }
    div.imageArea .countyMarker.kewaunee{ right: 60px; top: 235px; }
    div.imageArea .countyMarker.la-crosse { right: 338px; top: 289px; }
    div.imageArea .countyMarker.lafayette { right: 260px; top: 415px; }
    div.imageArea .countyMarker.langlade { right: 175px; top: 155px; }
    div.imageArea .countyMarker.lincoln { right: 230px; top: 155px; }
    div.imageArea .countyMarker.manitowoc { right: 75px; top: 270px; }
    div.imageArea .countyMarker.marathon { right: 230px; top: 195px; }
    div.imageArea .countyMarker.marinette { right: 93px; top: 150px; }
    div.imageArea .countyMarker.marquette { right: 202px; top: 300px; }
    div.imageArea .countyMarker.menominee { right: 144px; top: 180px; }
    div.imageArea .countyMarker.milwaukee { right: 87px; top: 380px; }
    div.imageArea .countyMarker.monroe { right: 300px; top: 285px; }
    div.imageArea .countyMarker.oconto { right: 115px; top: 180px; }
    div.imageArea .countyMarker.oneida { right: 215px; top: 115px; }
    div.imageArea .countyMarker.outagamie { right: 125px; top: 240px; }
    div.imageArea .countyMarker.ozaukee { right: 85px; top: 340px; }
    div.imageArea .countyMarker.pepin { right: 410px; top: 215px; }
    div.imageArea .countyMarker.pierce { right: 445px; top: 215px; }
    div.imageArea .countyMarker.polk { right: 445px; top: 145px; }
    div.imageArea .countyMarker.portage { right: 208px; top: 237px; }
    div.imageArea .countyMarker.price { right: 280px; top: 125px; }
    div.imageArea .countyMarker.racine { right: 100px; top: 400px; }
    div.imageArea .countyMarker.richland { right: 285px; top: 345px; }
    div.imageArea .countyMarker.rock { right: 173px; top: 407px; }
    div.imageArea .countyMarker.rusk { right: 340px; top: 145px; }
    div.imageArea .countyMarker.saint-croix { right: 445px; top: 182px; }
    div.imageArea .countyMarker.sauk { right: 246px; top: 338px; }
    div.imageArea .countyMarker.sawyer { right: 345px; top: 110px; }
    div.imageArea .countyMarker.shawano { right: 150px; top: 200px; }
    div.imageArea .countyMarker.sheboygan { right: 84px; top: 308px; }
    div.imageArea .countyMarker.taylor { right: 290px; top: 165px; }
    div.imageArea .countyMarker.trempealeau { right: 358px; top: 252px; }
    div.imageArea .countyMarker.vernon { right: 320px; top: 325px; }
    div.imageArea .countyMarker.vilas { right: 210px; top: 75px; }
    div.imageArea .countyMarker.walworth { right: 133px; top: 407px; }
    div.imageArea .countyMarker.washburn { right: 394px; top: 100px; }
    div.imageArea .countyMarker.washington { right: 110px; top: 345px; }
    div.imageArea .countyMarker.waukesha { right: 115px; top: 380px; }
    div.imageArea .countyMarker.waupaca { right: 170px; top: 236px; }
    div.imageArea .countyMarker.waushara { right: 190px; top: 268px; }
    div.imageArea .countyMarker.winnebago { right: 144px; top: 270px; }
    div.imageArea .countyMarker.wood { right: 255px; top: 240px; }

/***********************************************************
Body
***********************************************************/

body {
    font-family: 'Lato', sans-serif;
    background: transparent;
}

@media (max-width: 767px) {
    
    body.home { margin-top: 114px; }
    
}

.site-wrapper { margin-bottom: 30px; }
/***********************************************************
Header
***********************************************************/

h2 {
    color: #4F1C00;
    font-size: 1.8em;
    font-weight: 700;
    padding-right: 3%;
    text-transform: uppercase;
}

.headerWrapper .headerTop {
    float: left;
    height: 150px;
}
.headerWrapper .headerTop a img {
    margin-top: 30px;
    position: relative;
    z-index: 2000;
}

/***********************************************************
Navigation
***********************************************************/

.headerWrapper .navbar {
    background: url("/images/template/navigation-bg-pattern.jpg") 0 0 repeat-x;
    clear: both;
    height: 49px;
}
.headerWrapper .navbar ul { width: 100%; }
    .headerWrapper .navbar ul li.short { width: 15.33333333333333%; }
    .headerWrapper .navbar ul li.long { width: 18%; }
    .headerWrapper .navbar ul li a {
        color: #fff;
        font-size: 1.4em;
        line-height: 49px;
        text-align: center;
    }

/***********************************************************
Embedded Form
***********************************************************/
.embedded-form-wrapper { position: relative; }

.right-embedded-form {
    background-color: #6982a4;
    border: 3px solid #dae0e8;
    position: fixed;
        right: -285px;
        top: 200px;
    width: 285px;
    z-index: 9999;
}

	.right-embedded-form .embedded-signup p {
		color: #fff;
		padding: 10px;
		padding-top: 78px;
		text-align: center;
	}

.form-popout-button {
    background: url("/images/template/new-listings-button.png") 0 0 no-repeat;
    cursor: pointer;
    height: 200px;
    position: absolute;
        left: -30px;
        top: -3px;
    width: 27px;
}
.popout-form-header,
.embedded-signup label {
    color: #fff;
}
.embedded-signup input { padding: 0 2px; }
.popout-form-header { text-align: center; }
    .embedded-signup label {
        margin-bottom: 0;
        margin-top: 5px;
    }
    .popout-form-header,
    .embedded-signup label,
    .embedded-signup input,
    .embedded-signup button {
        margin-left: 10%;
        width: 80%;
    }

    .embedded-signup input[type="checkbox"] { margin-left: 0; width: auto; }

    .embedded-signup input { border: none; }
    .embedded-signup .button { margin: 20px 10%; }

/***********************************************************
Content
***********************************************************/

.contentWrapper .content { background: url("/images/template/bottom-bkg-repeat.jpg") left top repeat; }

/***********************************************************
Content Images
***********************************************************/

.contentWrapper .header-home{ position: relative; }
    .contentWrapper .header-home .wood-planks {
        position: relative;
        z-index: 1;
}
        .contentWrapper .header-home .wood-planks~p {
            color: #fff;
            font-size: 1.22em;
            position: absolute;
            top: 15px;
            right: 26px;
            line-height: 120%;
            text-align: right;
            width: 25%;
            z-index: 40;
        }
.contentWrapper .header-home .wi-map {
    position: absolute;
    top: 1px;
    right: 63px;
    z-index: 30;
}
.headerWrapper .text { float: left; width: 60%; }
.headerWrapper h1 {
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    margin: 115px 0px 0px 5%;
    width: 100%;
}

#webfitters {
    color: #CCC;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    float: left;
    height: 14px;
}
    #webfitters a:link, #webfitters a:visited {
        background: url('/images/template/webfitters_logo.png') no-repeat scroll 0px 0px transparent;
        color: #CCC;
        padding: 0 26px;
    }
    #webfitters a:hover, #webfitters a:active {
        background-position: 0 -14px;
        color: #ACB44F;
    }

/***********************************************************
Left Side Bar
***********************************************************/
.lower-half { position: relative; }

.left {
    float: left;
    width: 32%;
}
.lower-side-bar .side-bar-content p {
    font-weight: 400;
    font-size: 1.092em;
    line-height: 24px;
    letter-spacing: .2px;
    padding: 30px 31px 20px 31px;
}
    .lower-side-bar .side-bar-content p~p { margin-top: -50px; }
.lower-side-bar .side-bar-content .contact-info-outer {
    border: 1.5px solid #A0A0A0;
    float: none;
    height: 120px;
    margin-left: 26px;
    position: relative;
    width: 252px;
    z-index: 100;
}
    .lower-side-bar .side-bar-content .contact-info-outer p {
        padding: 0px;
        text-align: center;
    }
.lower-side-bar .side-bar-content .contact-info-inner {
    background-color: #D5DBCB;
    height: 111px;
    margin: 3px 0px 0px 3px;
    padding-top: 11px;
    width: 244px;
}
    .lower-side-bar .side-bar-content .contact-info-inner #name-con {
        color: #114B2C;
        font-size: 1.2em;
        letter-spacing: .3px;
    }
    .lower-side-bar .side-bar-content .contact-info-inner #phone-con {
        font-size: 2.2em;
        letter-spacing: 1px;
        margin-top: -2px;
    }
        .lower-side-bar .side-bar-content .contact-info-inner #phone-con a { color: #AA5526; }
    .lower-side-bar .side-bar-content .contact-info-inner #email-con {
        color: #114B2C;
        font-size: 1em;
        margin-top: -3px;
    }
.lower-side-bar .side-bar-content img {
    height: auto;
    margin-top: -9.8px;
}

.lower-side-bar .side-bar-content .sideImage img {
    margin-top: 10px;
}
.breadcrumbs li {
    display: inline;
    font-size: 12px;
}
.breadcrumbs li strong { text-transform: capitalize; }

.lower-side-bar .side-bar-content .county-info {
    height: auto;
    margin: 20px auto;
    width: 75%;
}
    .lower-side-bar .side-bar-content .county-info .county-specs { color: #4F1C00; }
    .lower-side-bar .side-bar-content .county-info .county, .county-info .county-specs { font-weight: 700; }
    .lower-side-bar .side-bar-content .county-info p {
        margin: 40px 0px;
        padding: 0;
    }
 .lower-side-bar .side-bar-content .county-info ul li { list-style: none; }
.propertiesPerCounty {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    clear: both;
    height: auto;
    margin: 25px auto 0px auto;
    width: 225px;
}
.propertiesPerCounty p {
    background: #1453af;
    border: 1px solid #1453af;
    color: #fff;
    padding: 0 !important;
    text-align: center;
    width: 100%;
}
.propertiesPerCounty ul {
    margin-left: 10%;
}
.propertiesPerCounty ul li{
    display: inline;
    float: left;
    margin-bottom: 5px;
    width: 50%;
}
.propertiesPerCounty ul li a {
    color: #1453af;
}
.propertiesPerCounty ul li a:hover {
    color: #000;
}

/***********************************************************
Right Side Content
***********************************************************/

.right {
    background: #fff;
    float: left;
    width: 68%;
}

.content-right {
    min-height: 550px;
    padding-left: 3%;
}
.content-right .listing-image {
    float: left;
    position: relative;
}
    .property-status {
        position: absolute;
            left: 0;
            top: 0;
    }
    .propertyNumber {
        background: #1453af;
        color: #fff;
        height: 20px;
        text-align: center;
        position: absolute;
        width: 20px;
    }
.content-right .listing-image:hover { opacity: 0.9; }
    .content-right .listing-image a img {
        height: auto;
        max-width: 160px;
    }
.content-right .listings {
    background: #F1F1F1;
    float: left;
    margin: 0px 0px 10px 1%;
    min-height: 120px;
    padding:0px 0px 0px 4%;
    width: 72%;
}
.content-right h3 { margin-top: 0; }
.content-right .listings h3, .content-right div+p a{
    text-transform: uppercase;
}
.content-right .listings h3 a {
    color: #767473;
    font-size: 20px;
    letter-spacing: -.25px;
}
.content-right .listings h3 a:hover { color: #b9a796; }
.content-right .listings .module { margin-top: 10px; }
    .content-right .listings .module p {
        color: #4F1C00;
        font-size: 1.25em;
        line-height: 22px;
    }
.content-right .listings .module p, .content.right ul li{ font-weight: 700; }
.content-right .module ul { margin-bottom: 20px; }
.content-right .module ul li {
    display: list-item;
    font-size: 1em;
    margin-left: 5%;
    padding-left: 0;
}
.content-right ul {
    margin-left: -5%;
}
.content-right ul li {
    color: #767473;
    display: inline;
    font-size: 1.2em;
    padding-left: 5%;
}
.content-right ul#lightSlider li,
.content-right ul.lSGallery li {
	padding-left: 0 !important;
}
.content-right ul+p {
    float: right;
    font-size: .8em;
    font-weight: 900;
    margin-right: 5%;
}
.content-right ul+p a {
    color: #1453af;
    text-transform: uppercase;
}
.content-right ul+p a:hover {
    color: #666666;
}


/***********************************************************
Footer
***********************************************************/

.footerWrapper {
        margin: auto;
        max-width: 940px;
        position: relative;
    }
    .footerWrapper .container ~ .container{
        position: absolute;
            bottom: 5px;
            left: 5px;
    }

.footerContainer {
    background: url("/images/template/footer-bar.png") bottom center repeat-x;
    height: 100px;
    text-align: right;
}
.footerContainer .top { position: relative; }
.footerContainer .top ul li,
.footerContainer .top ul li a {
    color: white;
}
.footerContainer .top ul li,
.footerContainer .bottom ul li {
    display: inline-block;
    text-decoration: none;
}
.footerContainer .top ul {
    margin: 14px 4% 16px 0px;
}
.footerContainer .top ul li {
    font-size: 1.33em;
    margin-left: 22px;
}
.footerContainer .bottom ul { margin-top: 80px; }
.footerContainer .bottom ul li {
    clear: both;
    color: #ADADBC;
    font-size: 0.777em;
    position: relative;
    top: -4px;
    left: -10px;
}
.footerContainer .bottom ul li a {
    color: #34C10D;
}
.footerContainer img {
    height: auto;
    margin: 10px 4% 28px 0px;
    width: 26px;
}
.footerContainer .top p {
    color: #fff;
    float: left;
    font-size: 1em;
    margin: 20px 0 0 5%;
    font-style: italic;
}

/***********************************************************
Media Queries
**********************************************************/

/***********************************************************
991px
***********************************************************/

@media (max-width: 991px){

    .headerWrapper .text {
        width: 50%;
    }
    .headerWrapper .text h1 {
        font-size: 1.1em;
        letter-spacing: 2px;
        width: 97%;
    }
    .headerWrapper .navbar ul li a {
        font-size: 1.2em;
    }
    .headerWrapper .navbar ul li.short.nav-home {
        width: 100px;
    }
    .contentWrapper .header-home .wood-planks {
        height: auto;
        width: 100%;
    }
    .contentWrapper .header-home .wood-planks~p {
        font-size: 1em;
        width: 20%;
    }
    .contentWrapper .header-home .wi-map {
        height: auto;
        left: 40%;
        width: 52%;
    }
    .left {
        width: 40%;
    }
    .lower-side-bar .side-bar-content p {
        font-size: 1em;
    }
    .right {
        width: 60%;
    }
    .content-right {
        height: 740px;
    }
        .content-right.home { height: auto; }
    .content-right .listings {
        width: 60%;
    }
    .content-right .listings ul {
        margin-left: -5%;
    }
    .content-right .listings ul li {
        padding-left: 5%;
    }
    .content-right .listings h3+p, .content-right .listings ul li {
        font-size: 1em;
    }
    .footerWrapper { max-width: 751px; }
    .footerContainer .top p {
        width: 91%;
        padding: 0;
    }
    .footerContainer .top ul { margin-bottom: 53px; }
    .footerContainer .top p,
    .footerContainer .top ul li {
        font-size: 1em;
    }
    div.imageArea .countyMarker { position: absolute; z-index: 9999; }
    div.imageArea .countyMarker.adams { right: 193px; top: 219px; }
    div.imageArea .countyMarker.ashland { right: 245px; top: 40px; }
    div.imageArea .countyMarker.barron { right: 330px; top: 114px; }
    div.imageArea .countyMarker.bayfield { right: 280px; top: 50px; }
    div.imageArea .countyMarker.brown { right: 73px; top: 208px; }
    div.imageArea .countyMarker.buffalo { right: 312px; top: 210px; }
    div.imageArea .countyMarker.burnett { right: 345px; top: 95px; }
    div.imageArea .countyMarker.calumet { right: 88px; top: 233px; }
    div.imageArea .countyMarker.chippewa { right: 283px; top: 158px; }
    div.imageArea .countyMarker.clark { right: 243px; top: 183px; }
    div.imageArea .countyMarker.columbia { right: 164px; top: 282px; }
    div.imageArea .countyMarker.crawford { right: 260px; top: 296px; }
    div.imageArea .countyMarker.dane { right: 165px; top: 312px; }
    div.imageArea .countyMarker.dodge { right: 120px; top: 287px; }
    div.imageArea .countyMarker.door { right: 30px; top: 169px; }
    div.imageArea .countyMarker.douglas { right: 325px; top: 45px; }
    div.imageArea .countyMarker.dunn { right: 322px; top: 169px; }
    div.imageArea .countyMarker.eau-claire { right: 285px; top: 185px; }
    div.imageArea .countyMarker.florence { right: 95px; top: 76px; }
    div.imageArea .countyMarker.fond-du-lac { right: 105px; top: 255px; }
    div.imageArea .countyMarker.forest { right: 126px; top: 115px; }
    div.imageArea .countyMarker.grant { right: 250px; top: 327px; }
    div.imageArea .countyMarker.green { right: 177px; top: 340px; }
    div.imageArea .countyMarker.green-lake { right: 140px; top: 256px; }
    div.imageArea .countyMarker.iowa { right: 209px; top: 320px; }
    div.imageArea .countyMarker.iron { right: 210px; top: 60px; }
    div.imageArea .countyMarker.jackson { right: 256px; top: 217px; }
    div.imageArea .countyMarker.jefferson { right: 125px; top: 315px; }
    div.imageArea .countyMarker.juneau { right: 213px; top: 246px; }
    div.imageArea .countyMarker.kenosha { right: 76px; top: 348px; }
    div.imageArea .countyMarker.kewaunee{ right: 51px; top: 199px; }
    div.imageArea .countyMarker.la-crosse { right: 274px; top: 248px; }
    div.imageArea .countyMarker.lafayette { right: 212px; top: 344px; }
    div.imageArea .countyMarker.langlade { right: 175px; top: 155px; }
    div.imageArea .countyMarker.lincoln { right: 186px; top: 138px; }
    div.imageArea .countyMarker.manitowoc { right: 63px; top: 212px; }
    div.imageArea .countyMarker.marathon { right: 788px; top: 172px; }
    div.imageArea .countyMarker.marinette { right: 75px; top: 107px; }
    div.imageArea .countyMarker.marquette { right: 165px; top: 256px; }
    div.imageArea .countyMarker.menominee { right: 114px; top: 164px; }
    div.imageArea .countyMarker.milwaukee { right: 73px; top: 318px; }
    div.imageArea .countyMarker.monroe { right: 243px; top: 246px; }
    div.imageArea .countyMarker.oconto { right: 90px; top: 145px; }
    div.imageArea .countyMarker.oneida { right: 170px; top: 85px; }
    div.imageArea .countyMarker.outagamie { right: 100px; top: 210px; }
    div.imageArea .countyMarker.ozaukee { right: 72px; top: 289px; }
    div.imageArea .countyMarker.pepin { right: 339px; top: 202px; }
    div.imageArea .countyMarker.pierce { right: 357px; top: 184px; }
    div.imageArea .countyMarker.polk { right: 357px; top: 128px; }
    div.imageArea .countyMarker.portage { right: 170px; top: 204px; }
    div.imageArea .countyMarker.price { right: 226px; top: 113px; }
    div.imageArea .countyMarker.racine { right: 82px; top: 336px; }
    div.imageArea .countyMarker.richland { right: 230px; top: 292px; }
    div.imageArea .countyMarker.rock { right: 144px; top: 344px; }
    div.imageArea .countyMarker.rusk { right: 278px; top: 127px; }
    div.imageArea .countyMarker.saint-croix { right: 356px; top: 163px; }
    div.imageArea .countyMarker.sauk { right: 201px; top: 284px; }
    div.imageArea .countyMarker.sawyer { right: 278px; top: 100px; }
    div.imageArea .countyMarker.shawano { right: 116px; top: 162px; }
    div.imageArea .countyMarker.sheboygan { right: 70px; top: 263px; }
    div.imageArea .countyMarker.taylor { right: 234px; top: 145px; }
    div.imageArea .countyMarker.trempealeau { right: 288px; top: 216px; }
    div.imageArea .countyMarker.vernon { right: 257px; top: 273px; }
    div.imageArea .countyMarker.vilas { right: 173px; top: 75px; }
    div.imageArea .countyMarker.walworth { right: 109px; top: 343px; }
    div.imageArea .countyMarker.washburn { right: 318px; top: 91px; }
    div.imageArea .countyMarker.washington { right: 90px; top: 290px; }
    div.imageArea .countyMarker.waukesha { right: 93px; top: 317px; }
    div.imageArea .countyMarker.waupaca { right: 135px; top: 205px; }
    div.imageArea .countyMarker.waushara { right: 155px; top: 230px; }
    div.imageArea .countyMarker.winnebago { right: 110px; top: 212px; }
    div.imageArea .countyMarker.wood { right: 205px; top: 205px; }
}

/***********************************************************
767px
***********************************************************/

@media (max-width: 767px){

    html.Spring,
    html.Summer,
    html.Fall,
    html.Winter {
        background: none;
    }
    body {
        background-color: #0055d4;
        margin-top: 86px;
    }
    .site-wrapper {
        margin-bottom: 0px;
    }

    /***********************************************************
    767px Nav
    ***********************************************************/
    .headerWrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }
    .headerWrapper .navbar {
        background: none;
        position: absolute;
        top: 30px;
        width: 100%;
    }
    
    #map_canvas { pointer-events: none; }
    
    .navbar-default .navbar-toggle {
        background-color: #214bd2;
        border: none;
        border-radius: 0px;
        height: 50px;
        margin-top: -10px;
        width: 50px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        border-radius: 0px;
        width: 29px;
        height: 4px;
    }
    .navbar-nav {
        background-color: #e6e6d6;
        margin: 0px;
        width: 100%;
    }
    .navbar-header {
        border-bottom: none;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        width: inherit;
    }
    .headerWrapper .navbar ul li {
        border: thin solid #b2b2b2;
        display: inline-block;
    }
    .headerWrapper .navbar ul li.long,
    .headerWrapper .navbar ul li.short {
        width: 100%;
    }
    .headerWrapper .navbar ul li.long a,
    .headerWrapper .navbar ul li.short a {
        color: #000;
    }
    .headerWrapper .navbar ul li.short.nav-home {
        width: 100%;
    }
    .headerWrapper .navbar ul li.long.nav-buying {
        margin-right: 0;
    }
    .right-embedded-form {
        background-color: #6982a4;
        border: 3px solid #dae0e8;
        position: fixed;
        top: 180px;
        right: -285px;
        width: 285px;
        z-index: 9999;
    }

    ul.copyright { text-align: center; }
    #webfitters { text-align: center; width: 100%; }

    /***********************************************************
    767px Header
    ***********************************************************/

    .headerWrapper .headerTop {
        background-color: #F0E6D2;
        height: 86px;
        width: 100%;
    }
    .headerWrapper .headerTop a img {
        margin-top: 10px;
        margin-left: 5%;
        width: 225px;
    }
    .headerWrapper .text {
        width: inherit;
    }
    .headerWrapper .text h1 {
        color: #53301D;
        background-color: #fff;
        font-size: 1.3em;
        margin: 0px 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        letter-spacing: .5px;
        text-align: center;
        width: 100%;
    }

    .markerIcons { display: none; }
    .contentWrapper .header-home,
    .contentWrapper .header-home .wood-planks,
    .contentWrapper .header-home .wi-map,
    .contentWrapper .header-home .wood-planks~p,
    .lower-side-bar .side-bar-content img {
        display: none;
    }
    .contentWrapper .content {
        background: #F1F1F1;
    }

    /***********************************************************
    767px Left Side Bar
    ***********************************************************/

    .left {
        width: 100%;
    }
    .lower-side-bar .side-bar-content p {
        padding-left: 5%;
        font-size: 1.25em;
        line-height: 22px;
        padding: 0;
        text-align: center;
    }
    .lower-side-bar .side-bar-content .contact-info-outer, .lower-side-bar .side-bar-content .contact-info-inner {
        background: none;
        border: none;
        margin: auto;
        margin-top: -20px;
        margin-bottom: -60px;
    }
    .lower-side-bar .side-bar-content .contact-info-inner #name-con,
    .lower-side-bar .side-bar-content .contact-info-inner #email-con {
        display: none;
    }
    .lower-side-bar .side-bar-content .contact-info-inner #phone-con {
        font-size: 2.6em;
    }

    .side-bar-content { margin-bottom: 20px; }
        .lower-side-bar .side-bar-content .county-info {
            margin-bottom: -20px;
            width: 90%;
        }
        .propertiesPerCounty.visible-xs {
            margin-bottom: 15px;
            margin-top: 0;
            margin-left: 15px;
            margin-right: 15px;
            width: auto;
        }

    /***********************************************************
    767px Right Content
    ***********************************************************/
    .right {
        width: 100%;
    }
    .content-right.home { padding-left: 0; }
    .listing-image { width: auto; }
    .content-right img {
        margin: 10px 0 10px 36%;
    }
    .content-right .listings {
        margin-left: 2.5%;
        padding-right: 5%;
        width: 95%;
    }
    .content-right h2 { margin: 20px 0 10px 0px; text-align: center; }
    .content-right .listings h3 { font-size: 16px; line-height: 22px !important; margin-top: 10px; text-align: center; }
    .content-right .listings h3,
    .content-right .listings .module { clear: both; }
    .content-right .listings ul li {
        line-height: 30px;
    }
    .propertyNumber { left: 21%; }
    
    .listings .module .mobileInfo {
	    float: left;
	    list-style: none;
	    margin: 0;
	    margin-left: 20px;
	    margin-top: 10px;
	    text-align: left;
	    width: auto;
	}
	
	.listings .module .mobileInfo li {
	    font-size: 1.2em;
	    margin-top: 1px;
	    text-align: left;
	}
    
    .lower-side-bar .side-bar-content .propertiesPerCounty.home { width: 80%; }

    /***********************************************************
    767px Footer
    ***********************************************************/
    .footerWrapper { max-width: 100%; }
    .footerContainer { height: 125px; }
    .footerContainer .top p {
        margin-top: 30px;
        text-align: center;
    }
    .footerContainer .bottom ul { margin-top: 55px; }
}

@media (max-width: 767px) {
	
	.propertyNumber {
	    left: 0;
	    top: 0;
	}
	
}
@media (max-width: 580px) {
    .footerContainer .top ul li {
        font-size: 1em;
    }
    .content-right img {
        margin: 10px 0 10px 30%;
    }
    .content-right .listings {
        margin-left: 2.5%;
        padding-right: 5%;
        width: 95%;
    }
}
/***********************************************************
480px
***********************************************************/

@media (max-width: 480px){
    .headerWrapper .headerTop a img {
        max-width: 285px;
    }
    
    .content-right .listing-image img, .propertyNumber {
	    margin: 10px 0%;
	}
}
@media (max-width: 455px) {
    
    .headerWrapper .text h1 { font-size: 1.1em; }
    
}

/***********************************************************
430px
***********************************************************/

@media (max-width: 430px) {
    
    .headerWrapper .headerTop a img {
        max-width: 275px;
    }
    
}
@media (max-width: 414px) {

    .navbar-nav { margin-top: 101px; }

    .content-right .listing-image img, .propertyNumber {
	    margin: 10px 0%;
	}

}

/***********************************************************
375px
***********************************************************/

@media (max-width: 375px) {
    
    .headerWrapper .text h1 {
        font-size: .9em;
        padding-bottom: 7px;
        padding-top: 7px;
    }
    .headerWrapper .headerTop a img {
        width: 220px;
        height: auto;
        margin-left: 5%;
    }
    .headerWrapper .headerTop {
        height: 86px;
    }
    .content-right .listings,
    .content-right .listings .module p,
    .content-right .listings p~ul li,
    .lower-side-bar .side-bar-content p {
        font-size: 1em;
    }
    .content-right img {
        margin: 10px 0 10px 22%;
    }
    .lower-side-bar .side-bar-content aside p {
        text-align: left;
    }
    .lower-side-bar .side-bar-content .contact-info-inner #phone-con {
        font-size: 1.8em;
    }
    ul.nav.navbar-nav {
        margin-top: 8px;
    }
    .lower-side-bar .side-bar-content .propertiesPerCounty { width: 75%; }
}

/***********************************************************
320px
***********************************************************/

@media (max-width: 320px) {
    body {
        margin-top: 120px;
    }
    h1 {
        display: none;
    }
    .headerWrapper .headerTop a img {
        height: auto;
        width: 210px;
    }
    ul.nav.navbar-nav {
        margin-top: 24px;
    }
    .right-embedded-form {
        position: fixed;
        top: 120px;
    }
    .lower-side-bar {
        margin-top: 0px;
    }
}

/***********************************************************
Color Guide

h2: #4F1C00;
Picture Border: #a0a0a0
***********************************************************/