<style type="text/css">
@charset "utf-8";
/* CSS Document */
/* = Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a:link, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-weight:normal;
text-decoration:none;
}
strong {
font-weight:700;
}
ol, ul {
list-style: none;
}
hr {
height:0px;
outline:0;
background: #999999;
border-top:1px solid #999999;
border-left:none;
border-right:none;
border-bottom:none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
body {
text-align:center;
margin:0px;
padding:0px;
font-size:13px;
}
* {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-style:normal!important;
text-decoration:none;
}
/* wrappers */
#wrapper {
position:relative;
margin:0px auto;
width:760px;
text-align:left;
}
#top, #content, #footer {
position:relative;
float:left;
width:100%;
}
#top {
padding:14px 0 15px 0;
}
#content {
padding-bottom:28px;
}
#footer {
margin-bottom:30px;
border-top:#1ed2d2 1px solid;
padding-top:25px;
}
/*top*/
.logo {
float:left;
}
#top ul {
float:right;
padding-top:45px;
}
#top ul li {
float:left;
padding-left:45px;
color:#007c7f;
font-size:12px;
font-weight:700;
background-repeat:no-repeat;
background-position:bottom left;
padding-right:15px;
line-height:40px;
height:40px;
}
#top ul li a {
color:#007c7f;
font-weight:700;
}
#top ul li.email {
background-image:url(http://ua5clients.com/roost/images/averyhess/emailicon.jpg);
}
#top ul li.twitter {
background-image:url(http://ua5clients.com/roost/images/averyhess/twittericon.jpg);
}
#top ul li.youtube {
background-image:url(http://ua5clients.com/roost/images/averyhess/youtubeicon.jpg);
height:43px;
line-height:43px;
padding-left:35px;
}
/*content*/
#left {
float:left;
width:410px;
}
#right {
float:right;
width:327px;
border:#00cccc 2px solid;
background:#dfeef7;
}
.round {
float:left;
margin-bottom:10px;
position:relative;
margin-top:0px;
background:#dfeef7;
padding:9px;
width:392px;
}
.info {
float:left;
width:100%;
padding-top:20px;
}
.info p {
float:left;
width:195px;
}
.info a.more {
color:#325b99;
background:url(http://ua5clients.com/roost/images/averyhess/MoreLink.jpg) no-repeat right center;
margin-top:10px;
padding-right:15px;
float:left;
}
.information {
float:right;
width:195px;
color:#000;
font-size:13px;
}
.information h5 {
border-top:1px solid #94a3c4;
background:#eaeff3;
padding-left:10px;
line-height:24px;
font-size:13px;
}
.information span.title {
float:left;
width:100%;
padding-top:12px;
color:#989898;
font-size:13px;
}
.information a {
color:#325b99;
width:100%;
display:block;
}
.top {
background:url(http://ua5clients.com/roost/images/averyhess/topcorners.png) no-repeat;
float:left;
width:100%;
height:17px;
}
.round .top {
position:absolute;
top:-17px;
}
.round .bottom {
position:absolute;
bottom:-9px;
float:left;
left:0px;
}
.bottom {
background:url(http://ua5clients.com/roost/images/averyhess/bottomcorners.png) no-repeat;
float:left;
width:100%;
height:9px;
}
.round .content {
float:left;
border:2px solid #00cccc;
width:356px;
padding:14px 16px;
background:url(http://ua5clients.com/roost/images/averyhess/BigBg.jpg) no-repeat bottom right;
}
.nobg .content {
background:none;
}
.small .content {
background:url(http://ua5clients.com/roost/images/averyhess/smallbg.jpg) no-repeat 341px center;
}
h2 {
color:#3a7475;
font-size:16px;
font-weight:700;
padding-bottom:9px;
}
h3 {
color:#3a7475;
font-size:16px;
font-weight:700;
padding-bottom:9px;
padding-top:19px;
}
.round .content p {
padding:5px 0px;
float:left;
color:#666;
font-size:12px;
}
.round .content p.metro {
background:url(http://ua5clients.com/roost/images/averyhess/metro.jpg) no-repeat left 5px;
padding-left:60px;
}
.round .content p.comp {
background:url(http://ua5clients.com/roost/images/averyhess/computer.jpg) no-repeat left 5px;
padding-left:60px;
}
.round select {
height:26px;
line-height:23px;
color:#666;
padding:2px 8px;
width:215px;
float:left;
border:1px solid #ddd;
}
.round input, .round a, #footer p a {
margin-left:15px;
background:url(http://ua5clients.com/roost/images/averyhess/button.jpg) repeat-x;
height:23px;
line-height:23px;
padding:0px 21px;
border:1px solid #FFF;
color:#FFF;
font-weight:700;
text-transform:uppercase;
font-size:11px;
cursor:pointer;
}
#footer p a {
float:left;
margin-left:0px;
margin-top:20px;
clear:both;
display:block;
}
.round a {
padding:0px;
border:none;
}
.round input {
padding:0px;
width:84px;
border:none;
height:23px;
}
.round .content a {
float:right;
margin-top:10px;
padding:0px 10px;
}
#right .top {
background:url(http://ua5clients.com/roost/images/averyhess/rightcorners.jpg) no-repeat;
height:15px;
}
#right .bottom {
background:url(http://ua5clients.com/roost/images/averyhess/bottomcorners-12.jpg) no-repeat;
height:10px;
}
#right ul {
float:left;
width:270px;
padding:0px 30px 17px;
}
#right ul li {
padding-bottom:25px;
}
#right ul li.last {
border: none;
}
#right ul li p {
padding:12px 40px 0px;
text-align:center;
color:#999;
}
/* footer */
#footer .top {
background:url(http://ua5clients.com/roost/images/averyhess/footer-top-round.jpg) no-repeat;
height:7px;
}
#footer .bottom {
background:url(http://ua5clients.com/roost/images/averyhess/footer-bottom-corners.jpg) no-repeat;
height:7px;
}
#footer ul li {
float:left;
width:180px;
padding:0px 11px;
}
#footer ul li h4 {
color:#3a7475;
font-size:13px;
font-weight:700;
line-height:30px;
}
#footer ul li p {
font-size:12px;
color:#333;
}
#footer ul li.last {
padding:0px;
width:145px;
}
</style>
<div id="wrapper">
<div id="top"><a href="http://www.averyhess.com" class="logo"><img src="http://ua5clients.com/roost/images/averyhess/logo.jpg" width="227" height="112" alt="logo" /></a>
<ul>
<li class="email"><a href="http://www.averyhess.com/My-Avery-Hess/">Email Alerts</a></li>
<li class="twitter"><a href="http://www.averyhess.com/Tools/Downloads.cfm">Mobile App</a></li>
<li class="youtube"><a href="http://www.averyhess.com/Tools/Downloads.cfm">Text Alerts</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<div class="round small">
<div class="content">
<h2>Search MLS Listings</h2>
<p>
<form action="http://www.roost.com">
<select name="myDestination">
<option selected="selected">Enter Location</option>
<option value="http://www.interorealestateidx.com/homes/Aptos,CA/">Aptos, CA</option>
<option value="http://www.interorealestateidx.com/homes/Aromas,CA/">Aromas, CA</option>
<option value="http://www.interorealestateidx.com/homes/Watsonville,CA/">Watsonville, CA</option>
</select>
<input name="search" type="submit" value="search" onclick="document.setLocation(this.getForm().serialize().myDestination||'http://www.averyhess.com');return false;"/>
</form>
</p>
</div>
</div>
<div class="round">
<div class="content">
<h2>Search by Metro</h2>
<p class="metro"> <strong>Choose your Metro Line & Metro Stop</strong><br />
Metro is a convenient and stress-free way to get around
the Washington, DC metropolitan area. </p>
<p class="comp"> View the map and select regions to get detailed profiles of our neighborhoods - video, photos, news, housing market data, school ratings and more! </p>
<a href="http://www.averyhess.com/Search/?metroSearch">SEARCH BY METRO</a> </div>
</div>
<div class="round nobg">
<div class="content">
<h2>Communities Served</h2>
<p>View communities served by Avery Hess <a href="http://www.averyhess.com/Communities/" style="margin-top:0px;">My Communities</a> </p>
</div>
</div>
<div class="info">
<p> We are Avery-Hess, Realtors® - a brokerage unlike any other. Our respect, and commitment to the things that make our community special, demand that we answer to a higher authority - you.
<br /><br />
This ideal has been deeply ingrained in our culture from the day we planted our first sign in 1992. <br />
<a href="http://www.averyhess.com/About-Avery-Hess/" class="more">More</a></p>
<div class="information">
<h5>Information</h5>
<span class="title">Website:</span><a href="http://www.averyhess.com">http://www.averyhess.com</a> <span class="title">Phone:</span>(866) 239-5089
<span class="title">Email:</span><a href="http://www.averyhess.com/Contact/Send-Us-Feedback.cfm">Contact Form</a> </div>
</div>
</div>
<div id="right">
<ul>
<li>
<h3>Homes Just Listed</h3>
<a href="http://www.averyhess.com/Search/Search-Results.cfm?JL=4"><img src="http://ua5clients.com/roost/images/averyhess/listings.jpg" width="270" height="180" alt="view all listings" /></a>
<p> Some of the most recent homes listed by Avery-Hess Realtors </p>
</li>
<li class="last">
<h3>Avery-Hess on Youtube</h3>
<a href="http://www.youtube.com/user/AveryHess"><img src="http://ua5clients.com/roost/images/averyhess/video.jpg" width="270" height="180" alt="view videos" /></a>
<p>Watch the latest insights and news in the Real Estate market.</p>
<br>
<hr>
<img src="http://joelx.com/a-h-rightcolbg.jpg" alt="" />
</li>
</ul>
</div>
</div>
<div id="footer">
<ul>
<li>
<h4>From the Avery-Hess Blog</h4>
<p> Check out our latest insights in the Real Estate Market and homeownership in America.<a href="http://www.averyhessblog.com/">Visit the blog</a> </p>
</li>
<li>
<h4>Find An Avery-Hess Agent</h4>
<p> Avery-Hess, Realtors sales associates not only give you the time, attention and tools necessary to buy or sell a home, they also have at their fingertips access to additional services<a href="http://www.averyhess.com/About-Avery-Hess/Find-An-Agent.cfm">View all</a> </p>
</li>
<li>
<h4>Buyers Guide</h4>
<p> The Buying Process explained, and how Avery Hess provides you with professional services and guidance in the home-buying process. <br />
<a href="http://www.averyhess.com/About-Avery-Hess/Downloads.cfm">download</a> </p>
</li>
<li class="last">
<h4>Selling Your Home</h4>
<p>One of the most important elements involved in the sale of a home is developing a sound marketing strategy tailored specifically to your property. <a href="http://www.averyhess.com/Selling-Services/index.cfm">learn more</a> </p>
</li>
</ul>
</div>
</div>