real-estate-agency
<!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>
<title>Real Estate Agency</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
/* CSS Document */
body{padding:0px; margin:0px; background:#FFF; color:#969686; font:10px/14px Tahoma, Geneva, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
.clear {clear: both; margin: 0px; height:0}
p a{font:10px/14px Tahoma, sans-serif; color:#f56848; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}
.headline{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3f3128; font-weight:bold}
#container{width:775px; position:relative; margin:0 auto; background:url(real-estate-agency-images/b_header.jpg) 0 0 no-repeat}
/* HEADER */
#header{width:775px; height:273px; position:relative; }
#header img#logo{position:absolute; top:0; left:15px}
#header ul.menu{position:absolute; top:72px; left:24px; width:127px}
#header ul.menu li{ width:127px; height:28px; margin-bottom:3px;}
#header ul.menu li a{ width:127px; height:28px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{ width:127px; height:28px;}
#header ul.menu li.btn_1 a{background:url(real-estate-agency-images/btn_1.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_1 a:hover{background:url(real-estate-agency-images/btn_1_over.jpg) 0 0 no-repeat;}
#header ul.menu li.btn_2 a{background:url(real-estate-agency-images/btn_2.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_2 a:hover{background:url(real-estate-agency-images/btn_2_over.jpg) 0 0 no-repeat;}
#header ul.menu li.btn_3 a{background:url(real-estate-agency-images/btn_3.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_3 a:hover{background:url(real-estate-agency-images/btn_3_over.jpg) 0 0 no-repeat;}
#header ul.menu li.btn_4 a{background:url(real-estate-agency-images/btn_4.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_4 a:hover{background:url(real-estate-agency-images/btn_4_over.jpg) 0 0 no-repeat;}
#header ul.menu li.btn_5 a{background:url(real-estate-agency-images/btn_5.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_5 a:hover{background:url(real-estate-agency-images/btn_5_over.jpg) 0 0 no-repeat;}
/* CONTENT */
#content{width:775px; position:relative;}
#leftPan{width:208px; float:left; margin:0 49px 0 23px; display:inline}
#rightPan{width:455px; float:left; margin:56px 0 0 0;}
#news{margin-bottom:25px}
#news h2{height:26px; position:relative; background:url(real-estate-agency-images/h_news.gif) 0 0 no-repeat; margin-bottom:15px}
#news p{margin:0 0 15px 5px}
#news p span{display:block; margin-bottom:5px; padding-left:19px; background:url(real-estate-agency-images/arrow.gif) 0 0 no-repeat; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3f3128; font-weight:bold}
#ideas h2{height:26px; position:relative; background:url(real-estate-agency-images/h_ideas.gif) 0 0 no-repeat; margin-bottom:9px}
#ideas img{margin-bottom:15px}
#ideas p{margin:0 0 0 4px}
#ideas p span{display:block; margin-bottom:10px}
#welcome{margin-bottom:25px}
#welcome h2{height:34px; position:relative; background:url(real-estate-agency-images/h_welcome.gif) 0 0 no-repeat; margin-bottom:11px}
#welcome img{float:left; margin: 0 20px 0 2px; display:inline}
#welcome p{width:346px; float:left}
#welcome p span{display:block; margin-bottom:8px}
#featured h2{height:34px; position:relative; background:url(real-estate-agency-images/h_featured.gif) 0 0 no-repeat; margin-bottom:15px}
.fItem{width:220px; float:left}
.fItem img{float:left; margin: 0 14px 0 0 }
.fItem p{margin-top:13px}
.fItem p.fText{width:100px; float:left; font:10px/14px Tahoma, Geneva, sans-serif; color:#3f3128; margin-top:0}
.fItem#fItem1{margin-right:15px}
.clear#end{height:15px}
/* FOOTER */
#footer{width:775px; height:60px; clear:both; background:#eedfcc }
#footer p{padding: 14px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#3f3128;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#3f3128; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#3f3128}
</style>
</head>
<body>
<div id="container">
<div id="header">
<ul class="menu">
<li class="btn_1"><a href="#">home</a></li>
<li class="btn_2"><a href="#">about us</a></li>
<li class="btn_3"><a href="#">education</a></li>
<li class="btn_4"><a href="#">services</a></li>
<li class="btn_5"><a href="#">contacts</a></li>
</ul>
<img src="real-estate-agency-images/logo.jpg" alt="" name="logo" width="251" height="45" id="logo"/> </div>
<div id="content">
<div id="leftPan">
<div id="news">
<h2></h2>
<p><span>September 29</span> <a href="#">Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. Aenean</a></p>
<p><span>September 28</span> <a href="#">Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. Aenean</a></p>
</div>
<div id="ideas">
<h2></h2>
<img src="real-estate-agency-images/img_ideas.jpg" width="208" height="62" alt="" />
<p><span class="headline">Nam justo augue, dictum hendrerit!</span> <a href="#">Fusce interdum. Maecenas eu elit sed nulla</a><br />
dignissim interdum. Sed laoreet. Aenean pede. Phasellus porta. Ut dictum nonummy diam. Cras ullamcorper nibh. Fusce interdum. </p>
</div>
</div>
<div id="rightPan">
<div id="welcome">
<h2></h2>
<img src="real-estate-agency-images/img_welcome.jpg" width="83" height="63" alt="" />
<p><span class="headline">Nam justo augue, dictum a, hendrerit!</span> Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. Aenean pede. Phasellus porta. Ut dictum nonummy diam. Cras ullamcorper nibh. Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed per</p>
<div class="clear"></div>
</div>
<div id="featured">
<h2></h2>
<div class="fItem" id="fItem1"> <img src="real-estate-agency-images/img_featured.jpg" width="95" height="63" alt="" />
<p class="fText">Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. </p>
<div class="clear"></div>
<p><a href="#">Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. Aenean pede. </a><br />
Phasellus porta. Ut dictum nonummy diam. Cras ullamcorper nibh. Fusce interdum. </p>
</div>
<div class="fItem"> <img src="real-estate-agency-images/img_featured-04.jpg" width="95" height="63" alt="" />
<p class="fText">Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. </p>
<div class="clear"></div>
<p><a href="#">Fusce interdum. Maecenas eu elit sed nulla dignissim interdum. Sed laoreet. Aenean pede. </a><br />
Phasellus porta. Ut dictum nonummy diam. Cras ullamcorper nibh. Fusce interdum. </p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear" id="end"></div>
</div>
<div id="footer">
<p><a href="#">HOME PAGE</a> | <a href="#">ABOUT US</a> | <a href="#">CATALOGUE</a> | <a href="#">SUPPORT</a> | <a href="#">CONTACTS</a><br/>
Copyright © Your Company Name | Design by <a href="http://freshtemplates.com/">Website Templates</a></p>
</div>
</div>
</body>
</html>
Related examples in the same category