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


html, body{
background:#a0adbf;
/*background: url(images/big-clouds.jpg) #002375 no-repeat fixed center top;
*/}
body{
width: 780px;
height:100%;
}

div#header{
background:#C0D2E8;
height:108px;
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:#A7BCD7;
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) no-repeat #fff;
}

div#content{
width:544px;
padding:60px 0px 100px 30px;
}

div#subcolumn{
width:160px;/*224px; 64px added*/
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;tabTop
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;
}

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:20px;
}


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:3px;
}


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;
}

.clearfix:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}