/* 150 */
@media screen and (min-width: 150px) {

body{
    font-size: 10px;

h1{ font-size: 18px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }

h4{ font-size: 16px; }
h5{ font-size: 14px;  }
h6{ font-size: 14px;  }

}

#homepage_slider_container{
    display: block;
}


}/* end 150 */


/* 320 */
@media screen and (min-width: 300px) {

body{
    font-size: 12px;
}

#home_page_slider_caption_c{
    display: block;
}


}/* end 320 */


/* 450 */
@media screen and (min-width: 450px) {

ul.galleryContainer li{
    width: 31%;
    max-width: 31%;
    padding: 1%;
}

#cboxTitle{left: 0px; }

.mls_list_addr_block{
    padding-top: 5px;
    line-height: 1.5em;
}

.mls_list_addr_block span{
    padding: 5px 0px;
}

}/* end 450 */


/* 580 */
@media screen and (min-width: 580px) {

h1{ font-size: 36px; }
h2{ font-size: 36px; }
h3{ font-size: 24px; }

h4{ font-size: 18px; }
h5{ font-size: 16px;  }
h6{ font-size: 14px;  }

#content h1{
    font-size: 36px;
}

body{
    font-size: 16px;
}

#home_title_bar h1{
    font-size: 30px;
}
#home_title_text{
    font-size: 24px;
}

#h_tap{
    display: none;
}

#h_call{
    display: block;
}

#hmenu li a{
    margin-bottom: 0px;
}

#quote_button_c{
    display: none;
}



.r_col_3{ overflow: hidden; }
.r_col_3 .r_col{
    float: left;
    width: 31%;
    padding-left: 1%;
    padding-right: 1%;
}

#footer{
    padding-bottom: 20px;
}

#f_attr_c{
    background: #641552 url(/images/menu_bg.gif) repeat-x top left;
}

#f_attr{
    padding-bottom: 10px;
}

#f_bx3, #f_copyright{
    color: #fff;
}

#f_bx3 a{
    color: #fff;
}

.mls_list_info{
    float: left;
    width: 66%;
    height: 125px;
}

.mls_list_info a{
    font-size: 12px;
}

.mls_list_specs{
    float: left;
    width: 33%;
    height: 125px;
    line-height: 1.5em;
}

.mls_list_specs .mls_list_b_n{
    display: inline-block;
    width: 120px;
}
.mls_list_specs .mls_list_b_v{
    font-weight: bold;
}

.mls_list_pricing{
    clear: both;
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
    padding-bottom: 10px;

    background: #fbfbfb;
}

.mls_list_pricing .mls_list_block{
    float: right;
    width: 45%;
}

.mls_list_pricing .mls_list_b_v{
    font-size: 18px;
    font-weight: bold;
}

.mls_list_pricing .mls_list_links{
    float: left;
    width: 45%;
    text-align: left;
    padding-top: 0px;
}

#newsForm input{ width: 30%; float: left; }
#newsForm input:first-child{ width: 68%; margin-right: 2%; }
#newsForm input[type=submit]{ padding: 15px 0px; }

}/* end 580 */

/* 600 */
@media screen and (min-width: 600px) {

.r_col_2, .r_col_4{ overflow: hidden; }
.r_col_2 .r_col, .r_col_4 .r_col{
    width: 46%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    margin-bottom: 40px;
}
.r_col_2 .r_col:nth-child(odd), .r_col_4 .r_col:nth-child(odd){
    clear: both;
}

#bottom_form .r_col_2, #bottom_form .r_col_2 .r_col{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

}
/* end 600 */

/* 640 */
@media screen and (min-width: 650px) {


#header_slogan{
    top: 30%;
}

#header_contact{
    display: none;
}

.r_col_4{ overflow: hidden; }
.r_col_4 .r_col{
    width: 21%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
}
.r_col_4 .r_col:nth-child(odd){
    clear: none;
}
.r_col_4 .r_col:nth-child(5n + 0){
    clear: both;
}

.form_container{
    max-width: 600px;
}

.form_container .form_item_text{
    display: block;
    display: inline-block;
    width: 47%;
    margin-right: 3%;
}

.form_sub_items{ width: 230px; }

.form_item_textarea{
    text-align: left;
}
.form_item_textarea textarea{ width: 95%; height: 200px; margin-right: 12px; }

#custom_form .button{ width: auto !important; }
#form_buttons{ float: none; }



.testimonial_block_c{
    background: url(/images/quote_left.png) no-repeat left 35%;
}

.testimonial_block{
    background: url(/images/quote_right.png) no-repeat right 65%;
    padding: 20px 80px 30px 80px;
}


#mls_addr{ float: left; }
#mls_price_block{ float: right; text-align: right; }



}
/* end 640 */


/* 720 */
@media screen and (min-width: 720px) {

#content td img{
    display: inline;
}

#f_attr{
    overflow: hidden;
}

#f_copyright{
    float: left;
}
#f_bx3{
    float: right;
    padding-right: 10px;
}


.hbc_block{
    float: left;
    padding: 5px 0px;
    max-width: 48.8%;
    width: 48.8%
    margin: 0px;
    margin-bottom: 20px;
    margin-left: 2%;
}

.hbc_block:nth-child(odd){
    margin-left: 0px;
}

.hbc_name{
    padding-left: 0px;
}

.hbc_name, .hbc_title, .hbc_content{
    padding-left: 95px;
}

#hbc_block_0{
    background: url(/images/icon_quality.png) no-repeat 10px 5px;
}
#hbc_block_1{
    background: url(/images/icon_service.png) no-repeat 10px 5px;
}
#hbc_block_2{
    background: url(/images/icon_our_mission.png) no-repeat 10px 5px;
}
#hbc_block_3{
    background: url(/images/icon_our_customers.png) no-repeat 35px 5px;
}


#hs_content{
    width: 90%;
    height: 50%;
}


#hs_content h1{
    padding-bottom: 20px;
    font-size: 35px;
}

#hs_content span, #mls_list_search span{
    display: inline;
    display: inline-block;
    padding: 0px 10px;
}

#hs_content .button, #hs_content select, #mls_list_search .button, #mls_list_search select{
    width: auto;
    min-width: 180px;
}

#hs_content .button{
    padding: 16px;
}

#mls_list_search select{
    padding: 10px;
}







}
/* end 720 */


/* 780 */
@media screen and (min-width: 780px) {

.htc_block{
    display: inline-block;
    vertical-align: top;

    max-width: 30%;
    padding: 10px 1% 60px 1%;
}

.htc_title{
    font-size: 22px;
    padding-bottom: 20px;
}

.htc_content{
    min-height: 200px;
}

.htc_link a.button{
}

#google_map, #google_pano{ height: 430px; }



.mls_list_info{
    width: 53%;
    height: 125px;
}

.mls_list_info a{
    font-size: 14px;
}

.mls_list_specs{
    float: left;
    width: 47%;
    height: 125px;
    line-height: 1.5em;
    text-align: center;
}

.mls_list_specs .mls_list_block{
    display: inline-block;
    text-align: left;
    width: 22%;
    padding: 0px 5%;
}

.mls_list_specs .mls_list_b_n{
    display: block;
    width: auto;
    font-size: 13px;
    padding-top: 20px;

}
.mls_list_specs .mls_list_b_v{
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
}


.recently_sold tr td:nth-child(2){ display: table-cell; }
.recently_sold tr th:nth-child(2){ display: table-cell; }

.recently_sold tr td:nth-child(4){ display: table-cell; }
.recently_sold tr th:nth-child(4){ display: table-cell; }

}
/* end 780 */


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


#header{
    padding-top: 10px;
}

#header_slogan{
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;

    width: 385px;
    height: 89px;

    margin: 0 auto;
}
#header_slogan img{
    max-width: 100%;
}

#header_contact{
/*    display: block; */
}

#top_nav{
    top: 10px;
    right: 20px;
    left: auto;
    width: auto;

    text-align: center;

    white-space: normal;
}

#h_lng_links{
    display: block;
    margin-right: 0px;
}

#h_broker{
    display: block;
    padding-top: 20px;
}

#h_broker img{
    max-width: 100%;
    margin: 0px auto;
}

#header_contact div{
    display: block;
    margin: 0px 10px;
    line-height: 2em;
    font-size: 14px;
}


#f_top{
    overflow: hidden;
     padding-bottom: 20px;
}
#f_menu_base{
    float: left;
}

#f_menu_extra{ text-align: left; }

#f_bbb{
    float: right;
    padding-right: 20px;
}


#columnRight{
    display: block;
    float: right;
    padding: 20px;
    display: block;
    float: right;
    max-width: 260px;
}

#content.content_float{
    float: left;
    width: 60%;

}


}
/* end 800 */


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

#home_title_bar h1{
    font-size: 36px;
}
#home_title_text{
    font-size: 24px;
}

#header_contact div{
    font-size: 16px;
}


.mls_addr_street{
    font-size: 30px;
}

.mls_addr_csz{
    font-size: 18px;
}

#mls_price{
    font-size: 30px;
}

#mls_email a{
    font-size: 16px;
}


}
/* end 880 */


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


#main_container{
    padding-top: 0px;
}

#header_contact{
    display: block;
}


#content, #columnRight{
    margin-top: 20px;
}

#h_menu_button{
    display: none;
}

#menubar{
    position: relative;
    top: auto;

    display: block !important;

    background: transparent;
    width: auto;

    margin: 0px;
    padding: 0px;
    padding-top: 20px;


}

#menubar .tmenu{
    position: relative;

    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;

    background-color: transparent;
}



.tmenu li{
    position: relative;
    display: inline;
    display: inline-block;
}


.tmenu li ul li:first-child{
    display: block;
}

.tmenu li a{
    position: relative;
    display: inline-block;
    border: 0px;
    padding: 0px;
    padding-right: 0px;
    margin: 0px 10px 0px 10px;
    font-weight: 300;
    font-size: 14px;

    color: #fff;

    text-shadow: 0px 0px 1px #c7acd1;
}

.tmenu li a:hover{
    background: transparent;
    color: #fff;

    text-shadow: 0px 0px 8px #fff;
}

.tmenu li a.has_sub_nav{
    padding-right: 15px;
}

.tmenu li a.has_sub_nav{
    background: url(/images/tmenu_arrow_down.gif) no-repeat 98% center;
}
.tmenu li a.ta_active{
    background: url(/images/tmenu_arrow_up.gif) no-repeat 98% center;
}

.tmenu li a:active{ border: 0px; }

.tmenu li ul{
    min-width: 250px;
}

.tmenu li{
    position: relative;
}

.tmenu li div{
    display: none;
    position: absolute;
    top: 33px !important;
    left: 0px;
    overflow: hidden;
    border: 0;
}
.tmenu li ul li, .tmenu li ul li a{
    display: block;

}

.tmenu li ul li a{
    text-align: left;
    padding-left: 10px;
    font-size: 14px;

    color: #fff;

    background: #641552;
}

.tmenu li ul li a:hover, .tmenu li ul li a.ta_cur{

}

.tmenu li ul li a:hover{
    background: #7a2566;
    color: #fff;
    text-decoration: none;
}

.tmenu li ul li:last-child a{
    padding-bottom: 10px;
}


.sat_content{
    float: left;
    width: 60%;
}
.sat_form{
    float: right;
    width: 30%;
}

#columnRight{ max-width: 320px; }

#content.content_float{ width: 60%; }



#footer .tmenu{
    display: none;
}

#footer{
    overflow: hidden;
    max-width: 1200px;
}

#f_news{
    float: right;
    max-width: 29%;
    padding-left: 1%;
    text-align: left;
}

#f_menu{
    display: block !important;
    float: left;

    overflow: hidden;

    width: 69%;
    padding-right: 1%;

}

#f_menu ul{
    float: left;
    display: block;
    width: 33%;
    text-align: left;
}

#f_menu ul li{
    display: block;
}

#f_menu li a.fa_bold{
    font-size: 16px;
}


}
/* end 950 */


@media screen and (min-width: 980px) {
.tmenu li:first-child{
    display: inline;
    display: inline-block;
}


.tmenu li ul li:first-child{
    display: block;
}

#columnLeft{
    float: left;

    width: 27%;

    margin-left: 0px;
    margin-right: 0px;

}

#content.content_ml{
    float: right;
    width: 71%;

}

#home_h2{ padding: 60px 0px 20px; }

}
/* end 980 */

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

#columnMain{
    width: 73%;

}

#h_call{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 8px 20px;
}

#hmenu{
    display: block;
    float: left;
}

#columnRight{ max-width: 350px; }
#content.content_float{ width: 59%; }


#hs_content{
    width: 95%;
    height: 30%;
}

#hs_content h1{
    font-size: 55px;
}


.mls_list_info{
    width: 45%;
    height: 125px;
}

.mls_list_info a{
    font-size: 14px;
}

.mls_list_specs{
    float: left;
    width: 35%;
    height: 125px;
}

.mls_list_pricing{
    clear: none;
    float: left;
    width: 20%;
    height: 125px;
    text-align: center;
    padding: 0px
}

.mls_list_specs .mls_list_block{
    display: inline-block;
    text-align: left;
    width: 22%;
    padding: 0px 5%;
}

.mls_list_specs .mls_list_b_n{
    display: block;
    width: auto;
    font-size: 13px;
    padding-top: 20px;

}
.mls_list_specs .mls_list_b_v{
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
}



.mls_list_pricing{
    clear: none;
    overflow: hidden;
    border-top: 0px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;

    padding-bottom: 10px;

    text-align: center;
}

.mls_list_pricing .mls_list_block{
    display: inline-block;
    float: none;
    width: auto;
    text-align: left;

    padding-top: 33px;

    width: 170px;
}

.mls_list_pricing .mls_list_links{
    display: inline-block;
    float: none;
    width: auto;
    text-align: center;
    padding-top: 10px;

    width: 200px;



}

.mls_list_pricing .mls_list_b_n{
    display: block;
    text-align: left;
    width: auto;
    padding-bottom: 10px;
    font-size: 13px;
}
.mls_list_pricing .mls_list_b_v{
    display: block;
    font-size: 24px;
}

#f_menu li a{ font-size: 14px; }
#f_menu li a.fa_bold{ padding-top: 15px; font-size: 18px; }

}
/* end 1024 */


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


.tmenu li a{
    margin: 0px 15px;
    font-size: 18px;
}

#columnMain{
    width: 75%;

}


}
/* end 1080 */

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

#columnMain{
    width: 76%;

}

#columnRight{ max-width: 440px; }
#content.content_float{ width: 55%; }


}
/* end 1080 */


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

#columnRight{ max-width: 440px; }
#content.content_float{ width: 58%; }


}
/* end 1200 */

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

#hp_mls_list{
    max-width: 1333px;
}

}
/* end 1300 */

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

#left_tab{
    display: block;
    position: fixed;
    left: 0px;
    top: 200px;
    z-index: 10000;
}

#left_tab a{
    display: block;
    width: 65px;
    height: 270px;

    /* need to replace this with a png */
    background: url(/images/left_tab.png) no-repeat top left;

}
#left_tab a:hover{
    opacity: .9;
}

#columnRight{ max-width: 440px; }
#content.content_float{ width: 60%; }

}
/* end 1330 */

/* Image Hacks for leaving existing convention alone (using max width) */

@media screen and (max-width: 850px) {

#content .r_col img{
    max-width: 100%;
}

}

@media screen and (max-width: 580px) {

#content img[style]{
    display: block;
    max-width: 95%;
    max-height: 200px;
    margin: 10px auto !important;
    width: auto !important;
    height: auto !important;

    float: none !important;

}

#content div[style]{
    float: none !important;
    /*width: auto !important;*/
}

}