<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/template_css.css" type="text/css" />
<title>WorldReferals</title>
</head>
<body>
<div id="contentwrapper">
<div id="top">
<div id="loggo">
<a href="#"><img src="images/loggo_bg.jpg" border="0" /></a>
<p>Where buyers ans sellers select the industry’s best</p>
</div>
<div id="login">
<div id="contentl">
<ul>
<li><label for="username">Username</label><input type="name" size="15" /></li>
<li><label for="password">Password</label> <input type="password" size="15" /></li>
<li><input type="submit" value="Sign-In" class="log" /><input type="submit" value="Sign-Up" class="up" /></li>
<li class="forgot"><a href="#">Forgot password?</a><label for="forgot" class="remeber">Remember my pasword</label><input type="checkbox" class="check"/></li>
</ul>
</div>
<div id="bottoml">
</div>
</div>
<div id="sm">
<div id="search"><label for="search">Search</label><input type="name" size="20" /><input type="submit" value="GO" class="go" />
</div>
<div id="menu">
<ul>
<li><a href="#">Referals</a></li>
<li><a href="#">Premium Agents</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Members</a></li>
</ul>
</div>
</div>
</div>
<div id="middle">
<div id="left">
<div id="topl">
<ul>
<li>
<ul>
<li><h1>Free evaluation</h1></li>
<li><a href="#"><img src="images/top_img1.jpg" border="0" /></a></li>
<li><h4>What is your<br /> home worth? </h4></li>
</ul>
</li>
<li>
<ul>
<li><h1>Relocation Package</h1></li>
<li><a href="#"><img src="images/top_img2.jpg" border="0" /></a></li>
<li><h4>Planning<br /> to move? </h4></li>
</ul>
</li>
<li>
<ul>
<li><h1>Home Search</h1></li>
<li><a href="#"><img src="images/top_img3.jpg" border="0" /></a></li>
<li><h4>Nationwide<br /> Property Listings</h4></li>
</ul>
</li>
</ul>
</div>
<div id="middlel">
<div id="mtop">
</div>
<div id="mmiddle">
<div id="mml">
<div id="topmm">
<h1>Real Estate Advise<img src="images/middle_img1.jpg" /></h1>
</div>
<div id="cmm">
<ul>
<li><p><span>*</span> Is your home a healthy home? (Part 1)</p></li>
<li><p><span>*</span> Is your home a healthy home? (Part 2)</p></li>
<li><p><span>*</span> Is your home a healthy home? (Part 3)</p></li>
<li><p><span>*</span> How can I get top dollar on my renovations?</p></li>
</ul>
</div>
</div>
<div id="mmr">
</div>
</div>
<div id="mbottom">
</div>
</div>
<div id="mbottoml">
<h1><img src="images/bottom_img1.jpg" />Find A Top Agent</h1>
<p>Select a region to find a top producing real estate agent in your area...</p>
<p><img src="images/bottom_img2.jpg" align="middle" /></p>
<label for="searchc">Search City</label><input type="name" size="15" /><label for="state">State</label><select name="select"><option>First Choice</option><option>Second Choice</option><option>Third Choice</option></select>
</div>
</div>
<div id="right">
<div id="unu">
<h1>Buyers<img src="images/r_img1.jpg" /></h1>
<p>We've interviewed thousands of top Realtors and done all the work for you. Finding a quality real estate agent
to represent you has never been easier.</p>
<h5><a href="#"> Real Estate Buyers </a></h5>
</div>
<div id="doi">
<h1>Sellers<img src="images/r_img2.jpg" /></h1>
<p> The advice of our industry realty experts could save you from making costly mistakes. Make sure you get a top real estate agent's advice before selling your home.</p>
<h5><a href="#"> Real Estate Buyers </a></h5>
</div>
<div id="trei">
<h1>Realtors<img src="images/r_img3.jpg" /></h1>
<p>We've interviewed thousands of top Realtors and done all the work for you. Finding a quality real estate agent
to represent you has never been easier.</p>
<h5><a href="#"> Real Estate Buyers </a></h5>
</div>
</div>
</div>
<div id="bottom">
<p>Copyright 1999-2007 Red Pepper Technologies Inc.Privacy Policy * Terms Of Use * Membership Agreement * Glossary * Directory Contact Webmaster * Conyers real estate * Arkansas real estate * Arkansas real estate offices * Links * real estate </p>
</div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
body {
margin:0px;
padding:0px;
text-align:center;
}
#contentwrapper {
margin:0 auto;
text-align:left;
width:894px;
height:1048px;
background:url(../images/content_bg.jpg) repeat-y;
}
#top {
float:left;
position:relative;
top:0px;
left:9px;
width:876px;
height:145px;
}
#loggo {
float:left;
position:relative;
top:0px;
left:9px;
width:320px;
height:95px;
}
#loggo p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
#login {
float:right;
position:relative;
top:0px;
right:40px;
width:225px;
height:100px;
}
#contentl{
float:right;
position:relative;
top:0px;
right:0px;
width:225px;
height:90px;
background:url(../images/login_content_bg.jpg) repeat-y;
}
#contentl ul {
margin:5px 0px 0px 0px;
padding:0px;
list-style:none;
}
#contentl ul li {
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
display:inline;
float:left;
}
#contentl ul li label{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:-5px;
color:#FFFFFF;
}
#contentl ul li input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:20px;
margin:-25px 0px 0px 0px;
background:url(../images/input_box.jpg) no-repeat;
padding:4px 0px 0px 5px;
border:none;
}
#contentl ul li input.log {
background:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:-5px 0px 0px 20px;;
color:#FFFFFF;
}
#contentl ul li input.up {
background:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:-5px 0px 0px 50px;
color:#FFFFFF;
}
#contentl ul li.forgot {
width:270px;
height:12px;
margin-left:10px;
}
#contentl ul li a {
background:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}
#contentl ul li label.remeber{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#contentl ul li input.check {
position:relative;
top:11px;
left:-65px;
float:right;
width:12px;
height:12px;
}
#bottoml {
position:relative;
top:0px;
right:0px;
float:right;
width:225px;
height:10px;
background:url(../images/login_bottom.jpg) no-repeat;
}
#sm {
position:relative;
top:20px;
left:0px;
float:left;
width:100%;
background:url(../images/menu_bg.jpg) repeat-x;
height:44px;
}
#search {
width:300px;
position:relative;
float:left;
top:0px;
left:0px;
}
#search label {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin:0px;
padding:0px 2px 0px 5px;
}
#search input {
color:#000;
width:122px;
height:20px;
padding:2px 0px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:16px 0px 0px 0px;
background:url(../images/input_search.jpg) no-repeat;
border:none;
}
#search input.go {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
width:30px;
height:20px;
border:none;
background:none;
margin-top:6px;
}
#menu {
width:500px;
height:34px;
position:relative;
float:right;
top:0px;
right:0px;
}
#menu ul {
margin:5px 0px 0px 0px;
padding:0px;
list-style:none;
}
#menu ul li {
margin:2px 0px 0px 20px;
padding:2px 0px 0px 0px;
display:inline;
float:right;
}
#menu ul li a{
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
padding-right:10px;
position:relative;
top:6px;
float:left;
}
#middle {
float:left;
position:relative;
top:10px;
left:9px;
width:876px;
height:500px;
}
#topl {
width:500px;
height:200px;
position:relative;
top:0px;
right:0px;
float:left;
}
#topl ul {
margin:5px 0px 0px 10px;
padding:0px;
list-style:none;
width:550px;
}
#topl ul li {
margin:0px 5px 0px 5px;
padding:0px;
display:inline;
float:left;
}
#topl ul li ul{
margin:5px 0px 0px 0px;
padding:0px;
list-style:none;
width:160px;
}
#topl ul li ul li {
margin:0px;
padding:0px;
display:block;
}
#topl ul li ul li h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
}
#topl ul li ul li h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#a0a0a0;
margin-top:0px;
margin-left:10px;
}
#topl ul li ul li a {
margin:0px 0px 0px 5px;
}
#middlel {
width:500px;
height:150px;
position:relative;
top:0px;
right:0px;
float:left;
}
#mtop {
position:relative;
top:0px;
left:0px;
float:left;
width:469px;
height:14px;
background:url(../images/topc_bg.jpg) no-repeat;
}
#mmiddle {
position:relative;
top:0px;
left:0px;
float:left;
width:469px;
height:154px;
background:url(../images/middlec_bg.jpg) repeat-y;
}
#mml {
position:relative;
top:0px;
left:0px;
float:left;
width:350px;
height:124px;
}
#topmm h1{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
width:170px;
border-bottom:1px solid #000;
text-align:right;
}
#topmm h1 img {
position:absolute;
top:-7px;
left:170px;
border:none;
}
#cmm {
width:350px;
height:100px;
position:relative;
top:0px;
right:0px;
float:left;
}
#cmm ul {
margin:0px 0px 0px 0px;
padding:0px;
list-style:none;
width:350px;
}
#cmm ul li {
margin:-5px 0px 0px 25px;
padding:0px;
display:block;
}
#cmm ul li p {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}
#cmm ul li p span{
color:#0099FF;
}
#mmr {
position:relative;
top:0px;
left:0px;
float:left;
width:110px;
height:124px;
background:url(../images/middle_img2.jpg) no-repeat;
}
#mbottom {
position:relative;
top:0px;
left:0px;
float:left;
width:469px;
height:12px;
background:url(../images/bottomc_bg.jpg) no-repeat;
}
#mbottoml {
position:relative;
top:30px;
left:10px;
float:left;
width:459px;
height:300px;
}
#mbottoml h1{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#a0a0a0;
padding-left:5px;
}
#mbottoml p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin-left:20px;
margin-top:-5px;
}
#mbottoml label {
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin-right:3px;
}
#mbottoml input {
color:#000;
width:122px;
height:20px;
padding:2px 0px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:16px;
border:none;
background:url(../images/city_inbox.jpg) no-repeat;
}
#right {
position:relative;
top:-340px;
left:0px;
float:right;
width:382px;
height:461px;
background:url(../images/r_bg.jpg) no-repeat;
}
#unu {
position:relative;
top:6px;
left:0px;
float:right;
width:382px;
height:150px;
}
#unu h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#000;
margin:0px;
padding:0px 0px 0px 50px;
}
#unu p {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
width:340px;
margin:0px;
padding:0px 0px 0px 20px;
}
#unu h5 a {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
padding-right:30px;
position:relative;
top:-31px;
float:right;
}
#doi {
position:relative;
top:-14px;
left:0px;
float:right;
width:382px;
height:150px;
}
#doi h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#000;
padding-left:50px;
margin:0px;
padding:0px 0px 0px 50px;
}
#doi p {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
width:340px;
margin:0px;
padding:0px 0px 0px 20px;
}
#doi h5 a {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
padding-right:30px;
position:relative;
top:-31px;
float:right;
}
#trei {
position:relative;
top:-16px;
left:0px;
float:right;
width:382px;
height:150px;
}
#trei h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#000;
margin:0px;
padding:0px 0px 0px 50px;
}
#trei p {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
width:340px;
margin:0px;
padding:0px 0px 0px 20px;
}
#trei h5 a {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
padding-right:30px;
position:relative;
top:-31px;
float:right;
}
#bottom {
float:left;
position:absolute;
top:850px;
left:9px;
width:876px;
height:50px;
}
#bottom p {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
width:400px;
margin:0px 0px 0px 420px;
padding:70px 0px 0px 0px;
text-align:center;
}