@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);


html, body{
background:#a0adbf;
text-align:center;
}
#pageContent{
text-align:left;
width:780px;
height:100%;
margin:0 auto;
position:relative;
}


div#header{
background:url(images/logo.jpg) no-repeat 0 0;
height:158px;
margin:0;
padding:0;
}

div#header img{
display:none;

}
#mastBlock{
height:288px;
width:780px;
border:1px solid #fff;
border-right:0;
border-left:0;
background-color:#c0d2e8;
overflow:hidden;
}

#topForm1, #topForm2, #topForm3, #topForm4{
width:378px;
padding:6px;
height:250px;
position:relative;
}
#topForm2, #topForm3, #topForm4{
display:none;
}

#heroImage{
width:390px;
padding:0;
float:right;
}



div#container{
background:url(images/cloud-2.jpg) repeat-x #fff;

}

div#content{
width:480px;
padding:60px 0px 100px 30px;
float:left;
}

div#subcolumn{
width:224px;
padding:16px 6px 32px 6px;
float:right;
}

div#subcolumn img{
border:1px solid #fff;
}

div#subcolumn img.logos{
border:0;
}

div#footer{
clear:both;
width:780px;
}

div.paginate{ margin-bottom:40px;}

div.paginate a{
background:url(images/paginate-arrows.gif) -10px 0 no-repeat;
width:10px;
height:15px;
overflow:hidden;
text-indent:-999px;
display:block;
float:left;
margin:3px;
}

div.paginate a.paginateBack{
background-position: top left;
}

div.paginate a.paginateForward{
background-position: top right;
}

div.paginate a.backDisabled{
background-position: bottom left;
}

div.paginate a.forwardDisabled{
background-position: bottom right;
}

div.paginate a.paginateSelect{
background-position: -10px -15px;
}

/*------------- search results--------------*/
ul.searchResults{
position:relative;
list-style:none;
margin:0 0 60px 0;
padding:0;
}

ul.searchResults h4, ul.searchResults h5, ul.searchResults h6, ul.searchResults p{
margin:0;
padding:0;
}

ul.searchResults h4, ul.searchResults h4 a{
font: 11px/13px Helvetica, Arial, sans-serif bold;
color:#666;
font-style:italic;
font-weight:bold;
}

ul.searchResults h5{
margin-bottom:3px;
}

ul.searchResults h6, ul.searchResults p{
font: 11px/13px Helvetica, Arial, sans-serif;
color:#666;
}

ul.searchResults li{
width:230px;
float:left;
margin:6px 10px 26px 0 ;
}

ul.searchResults li img{
border:1px solid #fff;
padding:2px;
}

ul.searchResults li img:hover{
border:1px solid #000099;
padding:2px;
}


/*-------type styles that aren't in the type file, to clean up the styles menu.---*/

ul#tabTop{
height:26px;
background: url(images/tab-bg.gif) bottom left;
margin:0;
padding:0;
}

ul#tabTop li{
float:left;
padding:8px 6px 2px 6px;
border-right:1px solid #a0adbf;
list-style:none;
}

ul#tabTop li a, ul#tabTop li:link{
text-decoration:none;
}

ul#tabTop li.activeTab{
background-color:#c0d2e8;
border-top:1px solid #a0adbf;
}

ul#tabTop li:hover{
background-color:#c0d2e8;
}

ul#tabTop li.contact{
border-right:0;
}

ul#tabTop li:hover{
background-color:#edf3f9;
}


input.mortgageField{
width:100px;
font: 12px/16px Helvetica, Arial, sans-serif;
padding:2px;
float:right;
text-align:right;
}
input.mortgageAnswer{
width:213px;
font: 22px/16px Helvetica, Arial, sans-serif;
font-weight:bold;
padding:4px 0 0 0;
float:right;
text-align:right;
margin-bottom:40px;
border:0;
background: none;
}
button.smallButton{
font: 14px/16px Helvetica, Arial, sans-serif;
padding:3px 17px;
font-weight:bold;
}

a.chatButton{
background: url(images/chatBG.jpg) no-repeat top left;
width:122px;
height:71px;
display:block;
text-align:left;
padding:16px 90px 0 12px;
font: bold 14px/16px Helvetica, Arial, sans-serif;
color: #002375;
margin:16px 0;
clear:both;
}
a.chatButton:hover{
background: url(images/chatBG.jpg) no-repeat bottom left;
color:#D70000;
text-decoration:none;
}

input.contactTop{
width:230px;
right:8px;
position:absolute;
}
textarea.contactText{
width:368px;
}
p.contactTall{
height:24px;
}


div.listAgent{
border: 1px solid #d5d5d5;
background-color:#f2f6f9;
padding:6px;
height:137px;
margin-top:12px;
}


ul.gallery{
width:496px;
list-style:none;
display:block;
position:relative;
padding-top:20px;
margin:0;
}
ul.gallery li img{ vertical-align:middle; padding:0; margin:0;}
ul.gallery li{
float:left;
padding: 2px;
margin:8px 18px 8px 0;
border:1px solid #d5d5d5;
}

ul.gallery li:hover{
border:1px solid #002375;
}

table.listInfo{
border:0;
width:100%;
margin:12px 0 12px 0;
}

table.listInfo td{
width:25%;
padding:8px;
}

#content table.listInfo p, #content table.listInfo li, #content table.listInfo td{
font-size:12px;
}


table.listInfo tr{
background-color:#e1e8f2;
}

table.listInfo tr.zebra1{
background-color:#f2f6f9;
}

/*--------advanced search---------*/

div#searchForm{
width:339px;
}
div#searchForm p{
position:relative;
}

div#searchForm input, div#searchForm select, div#searchForm textarea{
position:absolute;
width:180px;
padding:2px;
margin:0 3px;
left:150px;
}

div#searchForm select{
width:186px;
}

div#searchForm p{
height:36px;
padding:0;
margin:0;
}



div#searchForm p.selectTall{
height:42px;
padding:0;
margin:0;
}

div.SR{
background:url(images/SR-BG.gif) repeat-y top left;
width:421px;
margin-bottom:12px;
position:relative;
padding:2px 6px 6px 6px;
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}
div.SR img{float:left; margin:0 12px 0 0;}
div.SR:hover{
background:url(images/SR-BG.gif) repeat-y top right;
}

div.SR h6{
margin:0;
font: bold italic 13px/18px Helvetica, Arial, sans-serif;
color: #333;
}
div.SR h6 a{
font: bold italic 13px/18px Helvetica, Arial, sans-serif;
color: #333;
}

div.SR p{
font: 13px/16px Helvetica, Arial, sans-serif;
color: #333;
margin:6px 0 0 0;
}

#slideshow {
    position:relative;
    height:260px;
	background:url(images/rotate-bg.jpg)  0px 0px no-repeat;
}

#slideshow div.open-house-sidebar {
    position:absolute;
	background:url(images/rotate-bg.jpg)  0px 0px no-repeat;
    top:0;
    left:0;
    z-index:8;
}

#slideshow div.active {
	background:url(images/rotate-bg.jpg) top left no-repeat;
    z-index:10;
}

#slideshow div.last-active {
    z-index:9;
}
#slideshow div.homeRotate{
height:165px;
}


* html .clearfix, * html label, * html div.SR{height: 1%;overflow: visible;}
*+html .clearfix, *+html label, *+html div.SR{min-height: 1%;}
.clearfix:after, label:after, div.SR:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}








.homeEntry{
margin-bottom:22px;
}

span.dsq-item-sort select{
float:none;
}

div#mapGallery{
margin-bottom:8px;
position:relative;
}

/*-------------------- new search 02/10 ------------------- */

#topFormTabs{
width:378px;
padding:0;
height:250px;
}

ul#iconTabs{
margin:0;
padding:0 0 0 10px;
background:url(images/searchTabs.png) no-repeat top left;
height:44px;
width:380px;
list-style:none;
}

ul#iconTabs li{
margin:0;
padding:0;
width:56px;
height:44px;
float:left;
}
ul#iconTabs li a{
text-indent:-9999px;
overflow:hidden;
display:block;
width:100%;
height:100%;

}
li.homes{background:url(images/searchTabs.png) no-repeat -10px -132px;}
li.multi{background:url(images/searchTabs.png) no-repeat -66px -132px;}
li.commercial{background:url(images/searchTabs.png) no-repeat -122px -132px;}
li.rentals{background:url(images/searchTabs.png) no-repeat -178px -132px;}
li.land{background:url(images/searchTabs.png) no-repeat -234px -132px;}

li:hover.homes{background:url(images/searchTabs.png) no-repeat -10px -88px;}
li:hover.multi{background:url(images/searchTabs.png) no-repeat -66px -88px;}
li:hover.commercial{background:url(images/searchTabs.png) no-repeat -122px -88px;}
li:hover.rentals{background:url(images/searchTabs.png) no-repeat -178px -88px;}
li:hover.land{background:url(images/searchTabs.png) no-repeat -234px -88px;}

li.homes.active{background:url(images/searchTabs.png) no-repeat -10px -44px;}
li.multi.active{background:url(images/searchTabs.png) no-repeat -66px -44px;}
li.commercial.active{background:url(images/searchTabs.png) no-repeat -122px -44px;}
li.rentals.active{background:url(images/searchTabs.png) no-repeat -178px -44px;}
li.land.active{background:url(images/searchTabs.png) no-repeat -234px -44px;}

#topFormTabs div{
padding:10px;
}

#topFormTabs div h3{
border-bottom:1px solid #8796aa;
margin-bottom:9px;
}
#topFormTabs fieldset{
width:169px;
float:left;
display:block;
}
#topFormTabs fieldset.first{
margin-right:10px;
}

#topFormTabs input{
width:160px;
font: bold 16px/18px Helvetica, Arial, sans-serif;
padding:4px 6px 3px;
margin-bottom:9px;
}
#topFormTabs label{
font: bold 12px/18px Helvetica, Arial, sans-serif;
display:block;
}
#topFormTabs select{
width:174px;
font: 13px/18px Helvetica, Arial, sans-serif;
padding:2px;
margin-bottom:9px;
}
#topFormTabs select.shortSelect{
width:92px;
}
#topFormTabs input.button{
width:174px;
border:1px solid #3e1b20;
border-top:1px solid #b38387;
border-left:1px solid #b38387;

}