﻿* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    color: #000;
    text-align: left;
}

h1,h2,h3,h4,h5,h6,p,ul,li{
	margin:0;
	padding:0;
	letter-spacing:0;

}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }


#neighborhood 
{
    position:relative;
    font-family: "Trebuchet MS",sans-serif;
}

.left { float: left; display: inline; }
.right { float: right; display: inline; }
#backToCity {text-align:right;}
#header
{
    background: url("../images/citylanding/subheader.jpg") no-repeat scroll 0 0 transparent;
    padding: 10px;
    margin: 10px 0;
    height:205px;
    position:relative;
}
#header h1{ margin: 0;font-family:"Trebuchet MS";color:#000000;font-size:1.5em;display:inline;}
#header #listingCount {font-family:"Trebuchet MS";color:#000000;font-size:1.5em;display:inline;}
#header h2     
{
    font-size: 1.25em;
    font-weight: normal;
    margin-top: 106px;
}
#header #description{width:450px;}
#header #description p{margin:0.5em 0; padding:0;font-size:0.9em;}

.searchForm
{
    position:absolute;
    top: 40px;
    width:465px;
}

.searchForm label{ display:block;}
.searchForm .price { float:left; width: 175px;}
.searchForm .beds { float:left; width: 90px;}
.searchForm .baths { float:left; width: 90px;}
.searchForm .propertytype { float:left; width: 205px;margin:20px 0;clear:left;}
.searchForm .propertytype label{ float:left; margin: 0 4px 0 0;}
.searchForm .button { float:left; width: 100px;margin: 16px 0;}

#quickConnect{width:806px;font-family: Verdana,Sans-Serif; margin:0 auto;}
#quickConnect .left{float:left;width:9px;height:35px;background: #ffffff url(../images/black_bar_shadow_left.gif)}
#quickConnect .right{float:left;width:12px;height:35px;background: #ffffff url(../images/black_bar_shadow_right.gif)}
#quickConnect .content{padding-left: 15px;color:#ffffff;text-align:center;float:left;width:770px;height:35px;background: #ffffff url(../images/black_bar_shadow_bg.gif) repeat;}
#quickConnect .phone{padding-left:5px;float:left;color:#ffffff; font-weight:bold; font-size:16px;line-height:29px;}
#quickConnect p{ line-height:29px; font-size:12px; padding:5px 0;display:inline;}
#quickConnect a{color:#fff; font-style:italic; text-decoration:underline}

#content{float:left; display:inline; width:614px}
.listings .left,
.listings .right{width:296px; background:url(../images/citylanding/citylistings.gif) repeat-y 0 0; position:relative; margin-bottom:20px;}
.listings .left-top,
.listings .right-top{background:url(../images/citylanding/citylistings-top.gif) no-repeat 0 0;}
.listings .left-bottom,
.listings .right-bottom{background:url(../images/citylanding/citylistings-bottom.gif) no-repeat 0 bottom; padding:7px 7px 20px 7px; height:100%}
.listings h2{font-weight:normal;font-size:18px; text-align:center; padding:13px 0 13px 0;}
.listings h2.yellow{background:#ffff66 url(../images/citylanding/yellow.gif) no-repeat 0 0;}
.listings h2.yellow a{color:#000;font-weight:normal;}
.listings h2.blue{background:#666 url(../images/citylanding/blue.gif) no-repeat 0 0;}
.listings h2.blue a{color:#fff;font-weight:normal;}
.listings h2.gray{background:#666 url(../images/citylanding/gray.gif) no-repeat 0 0;}
.listings h2.gray a{color:#fff;font-weight:normal;}

.listings .searchResultPreview h2{background:#666 url(../images/citylanding/gray.gif) no-repeat 0 0;}
.listings .searchResultPreview h2 a{color:#fff;font-weight:normal;}
.listings .searchResultPreview .listing{min-height:80px;padding:9px 2px 7px 11px; border-bottom:1px solid #fff;}
.listings .searchResultPreview .bottom{border:0;}
.listings .searchResultPreview .alt{background:#dbd5c3;}
.listings .searchResultPreview .listing .img{float:left; display:inline; width:100px}
.listings .searchResultPreview .listing .img img{border:1px solid #fff; float:left}
.listings .searchResultPreview .listing .details{float:right; display:inline; width:160px;}
.listings .searchResultPreview .details strong a{color:#000; font-weight:normal}
.listings .searchResultPreview .details img{margin-top:3px;}
.listings a.bottomLink{background:#e6dfcd url(../images/citylanding/more.gif) no-repeat 0 0; padding:2px 14px 6px 31px; position:absolute; z-index:2; bottom:0; right:0; margin-bottom:-10px; margin-top:6px;}
.listings .searchResultPreview .clr{height:0;margin:0; padding:0;}

.listings .searchResultPreview .listing .details .address{color:Black; font-size:13px;font-weight:normal;text-decoration:none;display:block;}
.listings .searchResultPreview .listing .details .price{font-size:16px;display:block;float:left;clear:left;}
.listings .searchResultPreview .listing .details .icons{display:block;float:left; padding-left:5px;}
.listings .searchResultPreview .listing .details .type{display:block;clear:left;float:left;}
.listings .searchResultPreview .listing .details .saleType{display:block;clear:right;float:left;padding:0 0 0 3px;}
.listings .searchResultPreview .listing .details .bedBath{display:block;clear:both;}

.listingData{line-height:10px;position:relative;width:100%;clear:both;}
.listingDataInfo{width:145px;}
.mlsLogoImage{margin:0;}

#AccountContent{ height:434px; width:255px; text-align:left;margin:30px 10px 20px 10px;}
#AccountContent img {text-align:center; display:block;margin:0 auto;}
#AccountContent p {margin: 20px 0 20px 0;}

#content .box{background:#e6dfcd url(../images/citylanding/content-box.gif) no-repeat 0 0; margin-bottom:12px}
#content .box-bottom{background:url(../images/citylanding/content-box-bottom.gif) no-repeat 0 bottom; padding:15px 14px 9px 22px}
#content .box ul{float:left; padding-right:34px; height:100%; list-style-type:none}
#content .box ul.last{padding-right:0; width:127px}
#content .box li{padding-bottom:2px;}
#content .box li.title{padding-bottom:5px;}
#content .box li.link{padding-bottom:11px;}
#content .box h3{font-size:12px; color:#000}
#content .box .first{padding-bottom:11px; margin-bottom:9px; border-bottom:1px solid #fff}

#linkSection { clear:both; }

#sidebar{float:right; display:inline; width:305px; padding:0 0 0 0}
#sidebar .box{background:url(../images/citylanding/sidebar-box.gif) repeat-y 0 0; margin-bottom:6px}
#sidebar .box-top{background:url(../images/citylanding/sidebar-box-top.gif) no-repeat 0 0;}
#sidebar .box-bottom{background:url(../images/citylanding/sidebar-box-bottom.gif) no-repeat 0 bottom; height:100%; padding:8px }
#sidebar h2{background:#666 url(../images/citylanding/sidebar-h2-gray.gif) no-repeat 0 0; padding:13px 0 13px 0; text-align:center; width:289px; margin-bottom:9px; font-weight:normal; font-size:18px}
#sidebar h2{color:#fff;}
#sidebar h2 a{color:#fff;}
#sidebar h2.blue{background:#666 url(../images/citylanding/sidebar-h2-blue.gif) no-repeat 0 0;}
#sidebar h2.gray{background:#666 url(../images/citylanding/sidebar-h2-gray.gif) no-repeat 0 0;}
#sidebar h2.light-blue{background:#6699cc url(../images/citylanding/light-blue.gif) no-repeat 0 0; font-size:14px; padding-bottom:15px}
img.map{margin-left:-1px; position:relative; z-index:2}
#sidebar p.center{text-align:center; margin-top:-2px; padding-bottom:5px}
#sidebar ul{width:120px; height:100%; overflow:hidden; float:left; border:1px solid #999; border-bottom:0; list-style-type:none}
#sidebar ul.second{width:150px; margin-left:12px;}
#sidebar ul.second li span{width:102px; border-left:0; padding:5px 0 2px 0; text-align:center}
#sidebar ul.second li span.gray{width:102px; border-left:0; text-align:center}
#sidebar ul.second li strong{width:47px; border-left:0}
#sidebar ul li{float:left; width:100%}
#sidebar ul li span{display:block; float:left; width:70px; border-right: 1px solid #999; padding:5px 0 2px 5px; border-bottom:1px solid #999}
#sidebar ul li strong{display:block; float:left; width:44px; text-align:center; padding:5px 0 2px 0; background:#e0dcd4; border-bottom:1px solid #999}
#sidebar ul li span.gray,
#sidebar ul li strong.gray{color:#fff; background:#666; font-weight:bold; padding:3px 0 6px 0}
#sidebar ul li span.gray{padding:3px 0 6px 0; width:75px; text-align:center;}
#sidebar .table li{font-family: Verdana, Sans-Serif; font-size:10px;letter-spacing:-.6pt; white-space:nowrap;}

#statDate{ margin: 5px 0 5px 5px; font-size:11px; }

.community {clear:both; vertical-align:top; width:100%; margin:10px auto;background-color:#fff;}
.community h2, .community h3{background-color: #666;margin:0 0 9px 0;padding:3px 0 3px 0;font-size:1.5em;text-align:center;font-weight:normal; font-size:18px;color:#fff;}
.community div.chartSection{background-color:#e6dfcd;padding-bottom: 10px;width:100%;margin-bottom:10px;text-align:center;}
.community div.chartSection p{ padding: 8px 8px; text-align:left; }
.community div.left {width: 300px; float:left; margin: 0 14px; text-align:center;}
.community div.right {width: 600px; float:left; margin: 0 14px 0 0; text-align:center;}
.community dl {margin:20px auto;padding:0 5px;display:block;}
.community dl dt {clear: left;float: left;margin: 0;padding: 5px 0;font-weight: bold;text-align:left;width:80%}
.community dl dd {float: left;margin: 0;padding: 5px 0;text-align:center;width: 20%;}

.communityCharacteristics ul { width:100%; }
.communityCharacteristics ul li { float:left; width: 25%; }

.summaryData {width:308px;float:left;}
.communitySummary {height:174px}
.housingStability {margin-top:13px;margin-bottom:10px;}
.housingInventory {width:628px !important; float:right;text-align:center;}

.populationDeomographics .totals {display:inline-block;position:relative;width:95%;}
.populationDeomographics .total {position:absolute; left:0;top:0;}
.populationDeomographics .households {text-align:center;}
.populationDeomographics .medianAge {position:absolute; right:0;top:0;}

.fairMarketRents dl { width: 55%; margin: 10px auto; }
.fairMarketRents dd {background-color: #CCCCCC;border-bottom: 1px solid #e6dfcd;}
.smokingBan dl { width: 55%; margin: 10px auto; }
.smokingBan dd {background-color: #CCCCCC;border-bottom: 1px solid #e6dfcd;}

#footer{clear:both; }
