<style type="text/css">
/* = 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: #E73255 1px solid;
padding-top:25px;
}
/*top*/
.logo {
float:left;
}
#top ul {
float:right;
padding-top:55px;
}
#top ul li {
float:left;
padding-left:30px;
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:#06214C;
font-weight:700;
}
#top ul li.twitter {
background-image:url(http://webeffectsnetwork.com/templates/joel/images/longfoster/twitter.jpg);
background-repeat:no-repeat;
background-position:left;
padding-top:1px;
}
#top ul li.youtube {
background-image:url(http://webeffectsnetwork.com/templates/joel/images/longfoster/movie.jpg);
background-position:left;
background-repeat:no-repeat;
height:43px;
line-height:43px;
padding-left:25px;
}
/*content*/
#left {
float:left;
width:410px;
}
#right {
float:right;
width:327px;
border:#042453 2px solid;
background:#EEDDD5;
}
.round {
float:left;
margin-bottom:10px;
position:relative;
margin-top:0px;
background:#EEDDD5;
padding:9px;
width:392px;
}
.info {
float:left;
width:100%;
padding-top:20px;
}
.info p {
float:left;
width:195px;
}
.info a.more {
color:#325b99;
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 {
float:left;
width:100%;
height:17px;
}
.round .top {
position:absolute;
top:-17px;
}
.round .bottom {
position:absolute;
bottom:-9px;
float:left;
left:0px;
}
.bottom {
float:left;
width:100%;
height:9px;
}
.content ul li.list {
text-align:left;
width:160px;
}
.content #search {
background-image:url(http://webeffectsnetwork.com/templates/joel/images/longfoster/search_now.jpg);
background-position:center;
background-repeat:no-repeat;
width:118px;
height:25px;
}
.round .content {
float:left;
border:2px solid #FFF;
width:356px;
padding:14px 16px;
}
.round .content img {
float:right;
}
.nobg .content {
background:none;
}
h2 {
color:#CF3F48;
font-family: "Baskerville Old Face";
font-size:16px;
font-weight:600;
padding-bottom:9px;
}
#right ul li h3 {
padding-bottom:9px;
padding-top:19px;
}
#right ul li h3 a {
color:#da4767;
font-family:"Baskerville Old Face";
font-size:16px;
font-weight:700;
}
.round .content p {
padding:5px 0px;
float:left;
color:#333;
font-size:12px;
}
.round select {
height:26px;
line-height:23px;
color:#333;
padding:2px 8px;
width:215px;
float:left;
border:1px solid #ddd;
}
.round input {
margin-left:15px;
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 {
float:left;
margin-left:0px;
margin-top:5px;
clear:both;
display:block;
}
#footer a {
color:#597AAD;
}
.round a {
padding:0px;
border:none;
font-weight:700;
font-size:12px;
text-decoration:underline;
color:#072251;
}
.round input {
padding:0px;
width:84px;
border:none;
height:23px;
}
#right .top {
height:15px;
}
#right .bottom {
height:10px;
}
#right ul {
float:left;
width:270px;
padding:0px 30px 17px;
}
#right ul li {
padding-bottom:25px;
}
#right ul li.last {
border: none;
padding-bottom:5px;
margin-bottom:4px;
border-bottom:1px solid #A4A09F;
}
#right ul li.bottomimg {
border-top:1px solid #DDDDDD;
padding:0;
}
#right ul li .smallimg {
margin:0;
padding:5px 0 0 40px;
}
#right ul li p {
font-size:10px;
text-align:left;
color:#666;
}
/* footer */
#footer .top {
height:7px;
}
#footer .bottom {
height:7px;
}
#footer ul li {
float:left;
width:183px;
padding:0px 11px;
}
#footer ul li h4 {
color:#E6183F;
font-size:14px;
font-weight:700;
line-height:30px;
}
#footer ul li p {
font-size:12px;
color:#333;
}
#footer ul li.last {
padding:0px;
width:140px;
}
</style>
<div id="wrapper">
<div id="top"><a href="http://www.x.com" class="logo"><img src="http://webeffectsnetwork.com/templates/joel/images/longfoster/logo.jpg" width="153" height="117" alt="logo" /></a>
<ul>
<li class="youtube"><a href="http://www.x.com/Tools/Downloads.cfm">Video Channel</a></li>
<li class="twitter"><a href="http://www.x.com/Tools/Downloads.cfm">Follow us on Twitter</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.x.com">
<select name="myDestination">
<option selected="selected">Choose Location</option>
<option value="http://www.x.com/homes/Aptos,CA/">Aptos, CA</option>
<option value="http://www.x.com/homes/Aromas,CA/">Aromas, CA</option>
<option value="http://www.x.com/homes/Watsonville,CA/">Watsonville, CA</option>
</select>
<input name="search" type="submit" value="" id="search" onclick="document.setLocation(this.getForm().serialize().myDestination||'http://www.x.com');return false;"/>
</form>
</p>
</div>
</div>
<div class="round">
<div class="content">
<h2>OPEN HOUSES</h2>
<a href="x.html"><img src="http://webeffectsnetwork.com/templates/joel/images/longfoster/search_houses.jpg" width="125" height="25" alt="Search Houses" /></a>
<p> Search dates, times, directions & more! </p>
</div>
</div>
<div class="round nobg">
<div class="content">
<h2>LONG & FOSTER SERVICES</h2>
<img src="http://webeffectsnetwork.com/templates/joel/images/longfoster/office.jpg" id="office" width="180" height="81" alt="office" />
<ul>
<li class="list"> <a href="x.html"> Mortgage </a></li>
<li class="list"> <a href="x.html"> Insurance </a></li>
<li class="list"> <a href="x.html"> Relocation </a></li>
<li class="list"> <a href="x.html"> Settlement and Title </a></li>
<li class="list"> <a href="x.html"> Rental Search </a></li>
<li class="list"> <a href="x.html"> Property Management </a></li>
<li class="list"> <a href="x.html"> Home Service Connections </a></li>
</ul>
</div>
</div>
<div class="info">
<p> Long & Foster is the largest real estate company in the Mid-Atlantic region.
<br /><br />
Our goal is to bring you the total home ownership experience. That means providing services that go beyond the exchange of real estate. <br />
<a href="http://www.x.com/About/" class="more">Continue Reading</a></p>
<div class="information">
<h5>Information</h5>
<span class="title">Location</span><a href="http://www.x.com">317 30th Street.<br /> Virginia Beach, VA 23451</a> <span class="title">Phone:</span>1-866-677-6937
<span class="title">Email:</span><a href="http://www.x.com/Contact/Send-Us-Feedback.cfm">Online Contact Form</a> </div>
</div>
</div>
<div id="right">
<ul>
<li>
<h3><a href="x.html"> VIEW FEATURED PROPERTIES </a></h3>
<a href="http://www.x.com/Search/Search-Results.cfm?JL=4"><img src="http://webeffectsnetwork.com/templates/joel/images/longfoster/house1.jpg" width="270" height="180" alt="view featured properties" /></a>
<p> Whether you're simply thinking of buying a new home or actually ready to make your move, we're here to ensure your real estate buying process is a great one. </p>
</li>
<li class="last">
<h3> <a href="x.html"> VIEW RECENT FORECLOSURES </a></h3>
<a href="http://www.x.com"><img src="http://webeffectsnetwork.com/templates/joel/images/longfoster/house2.jpg" width="270" height="180" alt="view recent foreclosures" /></a>
<p>View available foreclosures along with other searches!</p>
</li>
<li class="bottomimg">
<img class="smallimg" src="http://webeffectsnetwork.com/templates/joel/images/longfoster/housing.jpg" width="43" height="41" alt="housing" />
<img class="smallimg" src="http://webeffectsnetwork.com/templates/joel/images/longfoster/properties.jpg" width="104" height="46" alt="properties" />
</li>
</ul>
</div>
</div>
<div id="footer">
<ul>
<li>
<h4>Market Conditions Report</h4>
<p> Your <a href="x.html">quick reference</a> to the residential real estate market in the Mid-Atlantic region. </p>
</li>
<li>
<h4>Relocation Services</h4>
<p> Whether you're moving in or moving out, our wide range of relocation services can make it easy. Get more information on our <a href="x.html">relocation services</a>.</p>
</li>
<li>
<h4>Owning a Home</h4>
<p> <a href="x.html">We offer services</a> that go beyond the initial real estate transaction, because living in your home is when the real experience begins.</p>
</li>
<li class="last">
<h4>Mid-Atlantic Region</h4>
<p>Find everything from rolling hills and green valleys, to mountain ranges, coastline and metropolitan hubs. Choose your <a href="x.html">desired location</a>.</p>
</li>
</ul>
</div>
</div>