html{font-size:100%;} 

.clear {
    clear: both;
}


#body .caption {
    padding: 0;
}
#welcomeMessage {
	float: left;
	width: 60%;
}

#adv {
    width: 40%;
    margin: 0 0 15px 0;
    text-align: right;
}

#adv .adv_wrapper {
    margin: 10px 0 10px 0px;
}
#body .realEstateAgents { padding: 15px }

.scrollable {
    overflow-x: auto;
}

.scrollable.has-scroll {
    position: relative;
}

.logo {
    float: left;
}

.table-container
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

#menu-button {
    display: none;
}

#cssmenu li,
#cssmenu > ul > li {
    display: none;
}

#nav.open .tab {
    display: block;
}

#nav.open #menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

/* Portrait tablets and small desktops */
/*@media (max-width: 991px) {*/
@media (max-width: 960px) {
	
     #body .categories tr td, #body .geo td{
        width: 100%;
        float: left;
    }

    #body table , #mapCanvas, #welcomeMessage { width: 100% !important; }
    #adv, #adv2 {
        float: none;
        max-width: 100%;
        text-align: left;
		margin: 0 0 15px 0;
    }
    #head {
        height: inherit;
    }

    #nav {
        position: relative;
        display: block;
        background: #303030;
        z-index: 500;
    }

    #nav #menu-button {
        display: block;
        cursor: pointer;
    }


    #nav #menu-button::after {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        right: 20px;
        top: 15px;
    }

    #nav::before {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #fff;
        right: 20px;
        top: 25px;
    }

    #nav .tab {
        display: none;
        position: relative;
        margin: 0;
        padding: 0;
    }

    #nav .tab a {
        display: block;
        text-decoration: none;
        padding: 14px 20px;
        color: #fff;
    }

    #nav .tab .lft, #nav .tab .rgt {
        display: none;
    }

    #nav .tab .mid {
        float: none;
        background: none;
    }

    #nav .tab:hover .lft, #nav .tab:hover .rgt, #nav .tab:hover .mid, #nav .tab.on .lft, #nav .tab.on .mid, #nav .tab.on .rgt {
        background: none;
        text-decoration: none;
        color: #fff;
    }

    #nav .bar1, #nav .bar2, #nav .bar3 {
        display: none;
    }

    #body .categories {
        margin-bottom: 20px;
    }

    #body img {
        max-width: 100%;
        height: auto;
    }

    #nav {
        padding: 0 -15px;
    }
	
	
	.vendors {
		font-size: 15px;
	}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    .adv {display: none }
    #welcomeMessage, #adv {
        width: 100%;
        text-align: left;
    }

    #adv .adv_wrapper {
        margin: 0 0 15px 0;
    }

    #body .categories tr td, #body .geo td{
        width: 100% !important;
        display: block;
        float: none !important;
    }

}

@media(max-width:767px) {
    html {  overflow: auto !important; }
    .map img { max-width:100%;  text-align: center; height: auto !important;}
    #body .categories {
        margin-bottom: 20px;
    }

    #body .categories tr td, #body .geo td{
		width: 50%
        float: left;
    }

    #body .geo td a {
         font-size: 16px !important;
        line-height: 200% !important;
    }
    .wrapper {
        padding: 0 15px;
    }

    #head, #nav, #body, #foot {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    #body .categories {
        width: 100% !important;
    }
    #veilBox {
         width: auto !important;  
         position: absolute;
          z-index: 10000 !important;
          left: 7% !important;
          right: 7% !important;
    }
    #adv {
        margin: 0 0 15px 0;
    }

    #body .caption {
        padding: 0;
    }

    #foot .legal {
        float: none;
        display: block;
    }

    #foot .copy {
        background: none;
        padding: 5px 0 5px 0px;
    }

    #foot {
        text-align: center;
    }
}

@media(min-width:768px) {
    #head, #nav, #body, #foot {
        width: 745px;
        margin-right: auto;
        margin-left: auto;
    }

    #body .categories {
        width: 392px;
    }
	
}

/*@media(min-width:992px) {*/
@media(min-width:961px) {
    #body .categories {
        width: 419px;
    }

    #head, #nav, #body, #foot {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }

    #body .caption {
        padding: 10px 100px 10px 100px;
    }
}

@media(min-width:1200px) {
}