﻿* { 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; }

.shell a:hover { text-decoration: none; }
.shell a { color: #16457f; text-decoration: underline; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.no-text{font-size:0; line-height:0; text-indent:-4000px; display:block}

#city
{
    position:relative;
    background: url("../images/citylanding/subheader.jpg") no-repeat scroll 0 0 transparent;
    font-family: "Trebuchet MS",sans-serif;
}

#header
{
    padding: 10px;
    margin: 10px;
    height:205px;
}
#header .listingCount{font-family:"Trebuchet MS";color:#000000;font-size:1.5em;display:inline;}
#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;}

.advert{background:url(../images/citylanding/connect.jpg) no-repeat 0 0; padding:14px 19px 0 87px; margin-left:-18px; position:absolute; left:0; bottom:0; width:281px}
.advert a{color:#fff; font-style:italic; text-decoration:underline}
.advert h3{color:#000; font-size:18px; font-weight:normal}
.advert h3 span.blue{color:#003366; font-weight:bold}
.advert p{ line-height:13px; font-size:12px; padding:5px 0;}

#content{float:left; display:inline; width:614px}
.cityListings{padding:0 0 0 3px;}
.cityListings .left,
.cityListings .right{width:296px; background:url(../images/citylanding/citylistings.gif) repeat-y 0 0; position:relative; margin-bottom:20px;}
.cityListings .left-top,
.cityListings .right-top{background:url(../images/citylanding/citylistings-top.gif) no-repeat 0 0;}
.cityListings .left-bottom,
.cityListings .right-bottom{background:url(../images/citylanding/citylistings-bottom.gif) no-repeat 0 bottom; padding:7px 7px 20px 7px; height:100%}
.cityListings h2{font-weight:normal;font-size:18px; text-align:center; padding:13px 0 13px 0;}
.cityListings h2.yellow{background:#ffff66 url(../images/citylanding/yellow.gif) no-repeat 0 0;}
.cityListings h2.yellow a{color:#000;font-weight:normal;}
.cityListings h2.blue{background:#666 url(../images/citylanding/blue.gif) no-repeat 0 0;}
.cityListings h2.blue a{color:#fff;font-weight:normal;}
.cityListings h2.gray{background:#666 url(../images/citylanding/gray.gif) no-repeat 0 0;}
.cityListings h2.gray a{color:#fff;font-weight:normal;}

.cityListings .searchResultPreview h2{background:#666 url(../images/citylanding/gray.gif) no-repeat 0 0;}
.cityListings .searchResultPreview h2 a{color:#fff;font-weight:normal;}
.cityListings .searchResultPreview .listing{min-height:80px;padding:9px 2px 7px 11px; border-bottom:1px solid #fff;}
.cityListings .searchResultPreview .bottom{border:0;}
.cityListings .searchResultPreview .alt{background:#dbd5c3;}
.cityListings .searchResultPreview .listing .img{float:left; display:inline; width:100px}
.cityListings .searchResultPreview .listing .img img{border:1px solid #fff; float:left}
.cityListings .searchResultPreview .listing .details{float:right; display:inline; width:160px;}
.cityListings .searchResultPreview .details strong a{color:#000; font-weight:normal}
.cityListings .searchResultPreview .details img{margin-top:3px;}
.cityListings 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;}
.cityListings .searchResultPreview .clr{height:0;margin:0; padding:0;}

.cityListings .searchResultPreview .listing .details .address{color:Black; font-size:13px;font-weight:normal;text-decoration:none;display:block;}
.cityListings .searchResultPreview .listing .details .price{font-size:16px;display:block;float:left;clear:left;}
.cityListings .searchResultPreview .listing .details .icons{display:block;float:left; padding-left:5px;}
.cityListings .searchResultPreview .listing .details .type{display:block;clear:left;float:left;}
.cityListings .searchResultPreview .listing .details .saleType{display:block;clear:right;float:left;padding:0 0 0 3px;}
.cityListings .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;}

.playerContainer{margin-bottom:18px; background:url(../images/citylanding/player-bgr.jpg) no-repeat 0 0; height:397px; width:100%; padding:11px 0 0 0;}
.player {width:540px;margin:0 auto;}
.player embed#player{margin: 0 45px 0 45px;}
.player h2{color:#666; font-size:18px; margin-bottom:6px;text-align:center;}

#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;margin:0;display:block;}
#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; width:100%}

#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; }

.profile p{font-size:12px;}

#content .box ul#zipLinks{width:300px;}
ul#zipLinks li {display:inline-block;white-space:nowrap;}
ul#zipLinks li:after {content: "•"; margin: 0 4px;}
ul#zipLinks li.title:after {content: normal;}
ul#zipLinks li:last-child:after {content: normal;}

#content .box ul#nearbyLinks { float:none; width:100%;margin: 0 0 10px 0;padding:0;}
ul#nearbyLinks li {display:inline-block;white-space:nowrap;}
ul#nearbyLinks li:after {content: "•"; margin: 0 4px;}
ul#nearbyLinks li.title:after {content: normal;}
ul#nearbyLinks li:last-child:after {content: normal;}

#footer {
	width:614px;
	text-align: left;
	font-size:12px;
	margin-top:20px;
}

#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}

.searchResultsMessage{
	width: 530px; 
	margin: 15px 0 15px 0; 
	padding: 0 10px 0 10px;
}

#disclaimerFooter{text-align:left;}
#disclaimerFooter p{margin:1.3em 0;}


