real-estate-co : Business « Templates « HTML / CSS

HTML / CSS » Templates » Business 
real-estate-co
  

<!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 Co.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
/* CSS Document */
body{padding:0px; margin:0px; background:#2f383f; color:#FFF; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}
.spacer{font-size:0; line-height:10px; clear:both;}

/* TOP */

#top{width:747px; height:91px; position:relative; background:url(real-estate-co-images/b_top.jpg0 0 no-repeat; margin: auto;}

#logo{width:186px; height:36px; position:absolute; top:34px; left:11px }

ul.menu {position:absolute; top:0; left:257px;}
ul.menu li{float:left}

ul.menu li.home a{width:106px; height:66px; display:block; background:url(real-estate-co-images/btn_home.jpg0 0 no-repeat; text-indent:-20000px;}
ul.menu li.home a:hover{width:106px; height:66px; background:url(real-estate-co-images/btn_home_over.jpg0 0 no-repeat;}

ul.menu li.about a{width:88px; height:66px; display:block; background:url(real-estate-co-images/btn_about.jpg0 0 no-repeat; text-indent:-20000px;}
ul.menu li.about a:hover{width:88px; height:66px; background:url(real-estate-co-images/btn_about_over.jpg0 0 no-repeat;}

ul.menu li.selling a{width:80px; height:66px; display:block; background:url(real-estate-co-images/btn_selling.jpg0 0 no-repeat; text-indent:-20000px;}
ul.menu li.selling a:hover{width:80px; height:66px; background:url(real-estate-co-images/btn_selling_over.jpg0 0 no-repeat;}

ul.menu li.renting a{width:86px; height:66px; display:block; background:url(real-estate-co-images/btn_renting.jpg0 0 no-repeat; text-indent:-20000px;}
ul.menu li.renting a:hover{width:86px; height:66px; background:url(real-estate-co-images/btn_renting_over.jpg0 0 no-repeat;}

ul.menu li.contacts a{width:92px; height:66px; display:block; background:url(real-estate-co-images/btn_contacts.jpg0 0 no-repeat; text-indent:-20000px;}
ul.menu li.contacts a:hover{width:92px; height:66px; background:url(real-estate-co-images/btn_contacts_over.jpg0 0 no-repeat;}

/* HEADER */

#header{width:747px; height:257px; position:relative; margin: auto; clear:both;}

#formPan{width:212px;height:257px; float:left; background:url(real-estate-co-images/b_form.jpg0 0 no-repeat; }
#formPan h2{height:32px; background:url(real-estate-co-images/h_form.gif7px 9px no-repeat; position:relative;}

form.search{color:#353739; margin: 10px 0 0 0; padding:0 0 0 9px;}
form.search select{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:80px}
form.search select.location{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:190px}
form.search input{height:16px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:85px}
form.search input.submitBtn{margin:10px 0 0 120px;  width:66px; height:17px; line-height:0; font-size:0;}

#mainimgPan{width:535px; float:left;}

#mainimgPan ul{position:relative; margin: 6px 0 0 65px; clear:both; height:26px;}
#mainimgPan ul li {float:left; margin-right:40px}
#mainimgPan ul li.btn1 a{width:133px; height:15px; display:block; background:url(real-estate-co-images/btn_compare.jpg0 0 no-repeat; text-indent:-20000px; }
#mainimgPan ul li.btn2 a{width:196px; height:15px; display:block; background:url(real-estate-co-images/btn_presentation.jpg0 0 no-repeat; text-indent:-20000px; }
#mainimgPan ul li.line {width:2px; height:18px;}

#mainimg{position:relative; height:225px; clear:both; background:url(real-estate-co-images/b_slogan.jpg0 0 no-repeat;}
#mainimg img {position: absolute; top:126px; left:424px}


/* CONTENT */

#content{width:747px; position:relative; margin: auto; clear:both; background:#70848f; border-bottom: #FFFFFF 1px dashed; border-top: #FFFFFF 1px dashed;}
#content a{font:10px/14px Tahoma, sans-serif; color:#00e0f9; text-decoration:none }
#content a:hover{color:#FFF;}

#leftPan{width:212px; position:relative; float:left; background:url(real-estate-co-images/b_leftpan.jpg0 0 repeat-y; }

#services{position:relative; margin: 20px 15px 15px 15px}
#services h2{width:182px; height:25px; background:url(real-estate-co-images/h_services.jpg0 0 no-repeat; position:relative; padding-bottom:15px}
#services p{width:170px; position:relative; padding: 0 0 0 4px; }
#services p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}

.spacerline{position:relative; clear:both; height:2px; background:url(real-estate-co-images/b_hline.jpg0 0 repeat-x; margin:}

#mortgage {position:relative; margin: 20px 15px 15px 5px}
#mortgage h2{width:182px; height:25px; background:url(real-estate-co-images/h_mortgage.jpg0 0 no-repeat; position:relative; padding-bottom:15px; margin-left:10px}
#mortgage p{width:80px; position:relative; padding: 22px 10px 20px 103px; background:url(real-estate-co-images/img_mortgage.jpg0 0 no-repeat; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold; }

#mortgage ul {position:relative; clear:both; margin: 5px 20px 0 16px}
#mortgage ul li{height:18px;}
#mortgage ul li a{font:10px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:underline; background:url(real-estate-co-images/arrow1.gif0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#mortgage ul li a:hover{text-decoration:none; background:#3c474f;}

#rightPan{width:535px; position:relative; float:left;}

#welcome{width:497px; position:relative; margin:15px 0 0 14px; }
#welcome h2{width:285px; height:24px; background:url(real-estate-co-images/h_welcome.jpg0 0 no-repeat; position:absolute; top:0; left:0;}
#welcome h3{width:113px; height:113px; background:url(real-estate-co-images/img_welcome.jpg0 0 no-repeat; position:absolute; top:40px; left:4px;}
#welcome p{width:350px; position:relative; margin: 0 0 10px 137px; clear:both; padding-top:40px}
#welcome p span{font:12px/18px Tahoma, sans-serif; color:#00e0f9; font-weight:normal;}

#welcome ul{width:155px; position:relative; float:left; padding-bottom:20px;}
#welcome ul li{height:18px;}
#welcome ul li a{font:10px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:underline; background:url(real-estate-co-images/arrow1.gif0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#welcome ul li a:hover{text-decoration:none; background:#3c474f;}
#welcome ul.left {margin: 0 0 0 140px;}
#welcome ul.right {margin: 0 0 0 30px;}

#fcontainer{width:497px; position:relative; margin:18px 0 0 14px; }

#featured{width:331px; position:relative; float:left;}
#featured h2{width:285px; height:24px; background:url(real-estate-co-images/h_featured.jpg0 0 no-repeat; position:relative; padding-bottom:17px}
#featured p{width:225px; position:relative; padding: 0 0 20px 95px;}
#featured p span.town{font:10px/14px Tahoma, sans-serif; color:#000; font-weight:bold;}
#featured p span.price{font:10px/14px Tahoma, sans-serif; color:#000; font-weight:normal;}
#featured p span.number{font:10px/14px Tahoma, sans-serif; color:#00e0f9; font-weight:bold;}
#featured p.feat1{background:url(real-estate-co-images/img_featured1.jpg4px no-repeat; }
#featured p.feat2{background:url(real-estate-co-images/img_featured2.jpg4px no-repeat; }

#vspacerline{width:2px; height:164px; position:relative; float:left; padding-right:7px; margin-top:5px; background:url(real-estate-co-images/line1.jpg0 0 no-repeat;  }

#links{width:157px; position:relative; float:left; padding-top:3px}
#links h2{width:107px; height:22px; background:url(real-estate-co-images/h_links.jpg0 0 no-repeat; position:relative; padding-bottom:10px}
#links ul{width:157px; position:relative; clear:both; padding-bottom:20px;}
#links ul li{height:18px;}
#links ul li.back{background:#5a6a72;}
#links ul li a{font:11px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:none; background:url(real-estate-co-images/arrow2.gif8px 7px no-repeat; padding: 0 0 0 26px; display:block;}
#links ul li a:hover{text-decoration:underline;}

/* FOOTER */

#footer{width:747px; height:53px; position:relative; margin: auto; clear:both; background:#3c474f;}
#footer img{width:156px; height:37px; position:absolute; left:15px; top:9px;}
#footer p{width:535px; position:relative; margin: 20px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}
#footer a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;  color:#fff; text-decoration:none; padding: 0 5px}
#footer a:hover{color:#000; text-decoration:none; background:#fff;}

/* BOTTOM */

#bottom{width:747px; height:56px; position:relative; margin: auto; clear:both;}
#bottom a {
  color: #FFFFFF;
}
#bottom p{width:535px; position:relative; margin: 10px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}


</style>


</head>
<body>
<div id="top">
  <ul class="menu">
    <li class="home"><a href="http://www.free-css.com/">Home</a></li>
    <li class="about"><a href="http://www.free-css.com/">About</a></li>
    <li class="selling"><a href="http://www.free-css.com/">Selling</a></li>
    <li class="renting"><a href="http://www.free-css.com/">Renting</a></li>
    <li class="contacts"><a href="http://www.free-css.com/">Contacts</a></li>
  </ul>
  <div id="logo"><a href="http://www.free-css.com/"><img src="real-estate-co-images/logo.jpg" alt="" width="186" height="36" border="0" /></a></div>
</div>
<div id="header">
  <div id="formPan">
    <h2></h2>
    <form method="post" action="http://www.free-css.com/" name="search" class="search">
      <label>price per month</label>
      <br />
      <input name="minprice" type="text" id="minprice" size="15" />
      <label>to</label>
      <input name="maxprice" type="text" id="maxprice" size="15" />
      <br />
      <br class="spacer"/>
      <label>location</label>
      <br />
      <select name="location" id="location" class="location">
        <option></option>
      </select>
      <br />
      <br class="spacer"/>
      <label>min. bedrooms</label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <label>property type</label>
      <br />
      <select name="minbedrooms" id="minbedrooms">
        <option></option>
      </select>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <select name="propertytype" id="propertytype">
        <option></option>
      </select>
      <br />
      <br class="spacer"/>
      <label>availability</label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <label>furnished</label>
      <br />
      <select name="availability" id="availability">
        <option></option>
      </select>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <select name="furnished" id="furnished">
        <option></option>
      </select>
      <input type="image" src="real-estate-co-images/btn_submit.jpg" tabindex="9" title="Submit" class="submitBtn" />
    </form>
  </div>
  <div id="mainimgPan">
    <ul>
      <li class="btn1"><a href="http://www.free-css.com/">text</a></li>
      <li class="line"><img src="real-estate-co-images/line2.jpg" alt="" width="2" height="18" /></li>
      <li class="btn2"><a href="http://www.free-css.com/">text</a></li>
    </ul>
    <div id="mainimg"> <a href="http://www.free-css.com/"><img src="real-estate-co-images/btn_clickhere.jpg" alt="" width="66" height="17" border="0" /></a></div>
  </div>
</div>
<div id="content">
  <div id="leftPan">
    <div id="services">
      <h2></h2>
      <p><span>Consetetur pscing elitr, sed diam nonumy eirmod Erat, sed diam </span><br />
        <br />
        elit consetetur pscing elitr, sed diam nonumy eirmod Dolores et ea consetetur sadi pscing elit consetetur pscing elitr, sed diam nonumy eirmod elit consetetur <a href="http://www.free-css.com/">more...</a></p>
    </div>
    <div class="spacerline"></div>
    <div id="mortgage">
      <h2></h2>
      <p>Consetetur pscing elitr, sed diam nonumy eirmod Erat</p>
      <ul>
        <li><a href="http://www.free-css.com/">Dolores et ea consetetur sadi </a></li>
        <li><a href="http://www.free-css.com/">pscing elit elit consetetur pscing </a></li>
        <li><a href="http://www.free-css.com/">elitr, sed diam nonumy eirmod </a></li>
      </ul>
    </div>
  </div>
  <div id="rightPan">
    <div id="welcome">
      <h2></h2>
      <h3></h3>
      <p><span>Consetetur pscing elitr, sed diam nonumy eirmod Erat, sed diam</span><br />
        Dolores et ea consetetur sadi pscing elit consetetur pscing elitr, sed diam SED nonumy eirmod Dolores et ea consetetur sadi pscing elit consetetur pscing </p>
      <ul class="left">
        <li><a href="http://www.free-css.com/">Dolores et ea consetetur sadi </a></li>
        <li><a href="http://www.free-css.com/">pscing elit elit consetetur pscing </a></li>
        <li><a href="http://www.free-css.com/">elitr, sed diam nonumy eirmod </a></li>
      </ul>
      <ul class="right">
        <li><a href="http://www.free-css.com/">Dolores et ea consetetur sadi </a></li>
        <li><a href="http://www.free-css.com/">pscing elit elit consetetur pscing </a></li>
        <li><a href="http://www.free-css.com/">elitr, sed diam nonumy eirmod </a></li>
      </ul>
    </div>
    <div class="spacerline"></div>
    <div id="fcontainer">
      <div id="featured">
        <h2></h2>
        <p class="feat1"><span class="town">New York</span> | rooms | <span class="price">Price:</span> <span class="number">$ 200.000</span><br />
          Dolores et ea consetetur sadi pscing elit consetetur pscing elitr, sed diam nonumy eirmod Dolores et ea consetetur sadi pscing elit consetetur <a href="http://www.free-css.com/">more...</a></p>
        <p class="feat2"><span class="town">San Francisco</span> | rooms | <span class="price">Price:</span> <span class="number">$ 300.000</span><br />
          Dolores et ea consetetur sadi pscing elit consetetur pscing elitr, sed diam nonumy eirmod Dolores et ea consetetur sadi pscing elit consetetur <a href="http://www.free-css.com/">more...</a></p>
      </div>
      <div id="vspacerline"></div>
      <div id="links">
        <h2></h2>
        <ul>
          <li class="back"><a href="http://www.free-css.com/">Dolores et ea consetetur</a></li>
          <li><a href="http://www.free-css.com/">sadi pscing elit elit</a></li>
          <li class="back"><a href="http://www.free-css.com/">consetetur pscing elitr,</a></li>
          <li><a href="http://www.free-css.com/">sed diam nonumy eirmod</a></li>
          <li class="back"><a href="http://www.free-css.com/">elit pscing elit consetetur</a></li>
          <li><a href="http://www.free-css.com/">pscing elitr, sed diam</a></li>
          <li class="back"><a href="http://www.free-css.com/">nonumy eirmod lorem</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="clear"></div>
</div>
<div id="footer"> <img src="real-estate-co-images/call.jpg" alt="" width="156" height="37" />
  <p><a href="http://www.free-css.com/">HOME</a> | <a href="http://www.free-css.com/">ABOUT US</a> | <a href="http://www.free-css.com/">SELLING</a> | <a href="http://www.free-css.com/">DJS</a> | <a href="http://www.free-css.com/">RENTING</a> | <a href="http://www.free-css.com/">CONTACTS</a></p>
</div>
<div id="bottom">
  <p>Copyright &copy; Your Company Name. Designed by <a href="http://www.freecsstemplates.com">FreeCSSTemplates.com</a></p>
</div>
</body>
</html>

   
    
  
Related examples in the same category
1.metamorph_disco
2.businesdesign2007
3.businesportal
4.business template
5.business web design
6.business web template 38
7.business-1
8.business-2
9.business-box
10.business-center
11.business-co
12.business-company
13.business-consultants
14.Business-Design
15.business-elegance
16.business-llc
17.business-online
18.business-solution
19.business-strategy
20.business-time
21.business-way
22.business-world
23.businessblog
24.businessdesign
25.businesshighway
26.businesslike
27.BusinessName
28.BusinessSolution
29.businesssolutions01
30.businesstheme
31.businessweb
32.Business_Elegance
33.business_events
34.business_maritime
35.busineswebdesign
36.CarCar
37.car-club
38.car-dealer
39.cars-website
40.bloodybusiness
41.Bloody_Business
42.biz-company
43.biz-solution
44.biz-watch
45.bizbox
46.bizgroup
47.metamorph_autosalon
48.metamorph_business
49.metamorph_casino
50.alouette-agency
51.advertising
52.financial-services
53.financial-website
54.five-star-hotel
55.metamorph_advice
56.bloom
57.blooming
58.clubcard
59.clubhouse
60.bed-and-breakfast
61.construction-company
62.construction-group
63.constructional-company
64.consulting-services
65.Consulting
66.corporate-2.0
67.corporate-blue
68.corporate
69.CorporateBlack
70.corporateblue
71.CorporateBlue2
72.corporategreen
73.CorporateGrey
74.corporateluxe
75.corporateprofiles
76.CorporateRedGrey
77.Corporate_Design
78.corporation-ltd
79.design-company
80.metamorph_shopping
81.metamorph_spasaloon
82.metamorph_restaurant
83.metamorph_photostudio
84.abc-company
85.ad-agency
86.foo_shooting_club
87.firming
88.financialco
89.abstract-studio
90.carpet-cleaning
91.architect-company
92.architect-group
93.architect
94.architectural-company
95.architectural-group
96.architecture-bureau
97.architecture
98.computer-business
99.computer-store
100.djclub
101.dally_studio
102.future-business
103.global-business
104.global-hosting
105.global
106.globalhouse
107.globalpress
108.enterprise
109.corpplus
110.corpwire-magazine
111.funkycorporate
112.simply_business
113.Small_Corporation
114.your-business
115.voip-company
116.economics
117.educational-site
118.ec-mania
119.furniture-collections
120.mobileshop
121.political-party
122.pizza-factory
123.pizzaparlor
124.plainoffice
125.plantshop
126.play-school
127.office
128.online-casino
129.online-radio
130.online_education
131.outsource-inc
132.software-co
133.software-company
134.simplyBusiness
135.smallstudio
136.small-corporation
137.rainbow_consultant
138.Professional
139.professional-web2
140.premium-business
141.premiumtemplateshop
142.radio-station
143.real-estate-agency
144.real-estate
145.realestate-company
146.realestate
147.sample-resume
148.sample_business_site
149.resume
150.shop-around
151.shop-online
152.social-community-management
153.workshyfop
154.workspacer
155.whirlpool
156.WebStore
157.weblogo
158.strategicbusinessdesigns
159.thebluecompany
160.thebookstore
161.TheCorporation
162.total_management
163.thepinkcompany
164.theme-marketplace
165.transportcompany
166.internetmarket
167.internetjobs
168.market-leader
169.Market
170.marketing-company
171.lawyer-and-attorney
172.lawyer-marketing
173.Job-Portal
174.happy-print-shop
175.health-care
176.inbusiness
177.industrial-company
178.industrial-construction
179.industrial
180.industry
181.internethosting
182.internetservices
183.luxury-hotel
184.luxury-restaurant
185.military-school
186.headquarters
187.hosting-co
188.incorporated
189.interior-design
190.internetcorporation
191.internetmanagement
192.internet-studio
193.TWO COLUMN CSS BUSINESS WEBSITE TEMPLATE
194.Business template 2
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.