/* CSS Document */
body{padding:0px; margin:0px; background:#4c667d; color:#323639; 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}

#container{width:775px; position:relative; margin: 0 auto;}

/* FIXED */
#fixeddiv{width:217px; height:632px; background:url(../images/b_file.gif) 0 0 no-repeat; position:absolute; top:69px; left:558px; z-index:1}
#searchbox h2{ height:42px; background:url(../images/h_search.gif) 13px 15px no-repeat; margin-bottom:10px; position:relative}

form.search{color:#353739; margin: 10px 0 0 0; padding:0 0 0 12px;}
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:15px 0 0 90px;  width:101px; height:19px; line-height:0; font-size:0; border:0}

#spacerline{height:2px; background:url(../images/line.jpg) 0 0 no-repeat; clear:both; margin:10px 0;}

#offer h2{ height:49px; background:url(../images/h_offer.gif) 7px 0 no-repeat; margin-bottom:5px; position:relative}
#offer p{width:163px; padding-left:37px}
#offer img{width:163px; margin:0 0 5px 28px;}

/* HEADER */
#header{width:775px; height:270px; background:url(../images/b_top.jpg) 0 0 no-repeat; position:relative;}
#logo{position:absolute; top:12px; left:379px}
#slogan{position:absolute; top:93px; left:243px}
#view{position:absolute; top:168px; left:346px}

#header ul{position:absolute; top:242px; left:45px;}
#header ul li{height:13px; margin-right:10px; float:left;}
#header ul li a{height:13px; display:block; text-indent:-20000px; }
#header ul li a:hover{height:13px;}

#header ul li.home a{width:67px; background:url(../images/btn_home.gif) 0 0 no-repeat; }
#header ul li.home a:hover{width:67px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

#header ul li.about a{width:58px; background:url(../images/btn_about.gif) 0 0 no-repeat; }
#header ul li.about a:hover{width:58px; background:url(../images/btn_about_over.gif) 0 0 no-repeat;}

#header ul li.selling a{width:49px; background:url(../images/btn_selling.gif) 0 0 no-repeat; }
#header ul li.selling a:hover{width:49px; background:url(../images/btn_selling_over.gif) 0 0 no-repeat;}

#header ul li.renting a{width:52px; background:url(../images/btn_renting.gif) 0 0 no-repeat; }
#header ul li.renting a:hover{width:52px; background:url(../images/btn_renting_over.gif) 0 0 no-repeat;}

#header ul li.contacts a{width:60px; background:url(../images/btn_contacts.gif) 0 0 no-repeat; }
#header ul li.contacts a:hover{width:60px; background:url(../images/btn_contacts_over.gif) 0 0 no-repeat;}

#header ul li.bullet{width:13px; background:url(../images/bullet_btn.gif) 0 0 no-repeat; }

/* CONTENT */

#content{width:775px; background:#f0ecfd; position:relative; clear:both; padding-top:19px; padding-bottom:20px}

p a{font:10px/14px Tahoma, sans-serif; color:#da9d0f; font-weight:bold; text-decoration:none }
p a:hover{color:#000; text-decoration:none;}

p a.link2{font:10px/14px Tahoma, sans-serif; color:#da9d0f; font-weight:normal; text-decoration:underline}
p a.link2:hover{color:#fff; text-decoration:none; background:#000}

p span.headline{font:12px/12px Trebuchet MS, sans-serif; color:#000; font-weight:bold;}

#welcome{width:455px; margin:0 0 12px 45px; position:relative; padding-bottom:25px; border-bottom:#c0bdca 1px solid }
#welcome h2{ height:36px; background:url(../images/h_welcome.gif) 2px 0 no-repeat; margin-bottom:6px; position:relative}
#welcome img{float:left; margin-right:15px;}
#welcome p{margin-top:7px;}

#services{width:455px; margin:0 0 0 45px; position:relative;}
#services h2{ height:36px; background:url(../images/h_services.gif) 2px 0 no-repeat; margin-bottom:6px; position:relative}
#services p{float:left; width:205px; padding-left:5px; margin-right:25px}

#services ul{float:left}
#services li{background:url(../images/arrow.jpg) 2px 2px no-repeat; padding-left:16px; height:20px}
#services li a{font:10px/14px Tahoma, sans-serif; color:#da9d0f; font-weight:normal; text-decoration:underline}
#services li a:hover{color:#fff; font-weight:normal; text-decoration:none; background:#000;}

/* BLUE */

#blue{width:775px; background:#8db3c0; position:relative; clear:both; padding-top:12px; padding-bottom:35px;}

#blue a.link2{font:10px/14px Tahoma, sans-serif; color:#323639; font-weight:normal; text-decoration:underline}
#blue a.link2:hover{color:#fff; text-decoration:none; background:#000}

#mortgage{width:205px; margin:0 30px 0 43px; position:relative;  background:url(../images/img_mortgage.jpg) 0 26px no-repeat; float:left; display:inline; min-height:91px}
#mortgage h2{ height:25px; background:url(../images/h_mortgage.gif) top right no-repeat; margin-bottom:6px; position:relative}
#mortgage p{padding-left:65px;}

#docs{width:205px; position:relative; background:url(../images/img_docs.jpg) 0 26px no-repeat; float:left; min-height:91px}
#docs h2{ height:25px; background:url(../images/h_docs.gif) top right no-repeat;  margin-bottom:6px; position:relative}
#docs p{padding-left:69px;}

/* FOOTER */
#footer{width:775px; height:80px; background:url(../images/b_footer.jpg) 0 0 repeat-x; position:relative; clear:both}
#footer p{padding: 25px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#000; color:#fff}