body{margin: 0px 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #CCD8F2; color: #1e5475; letter-spacing: -1.12px;} .clear{clear: both;} a{color: #406970;} a:hover{color: red;} #q4{position:relative; top:180px; left:15px; width:308px; height:120px} #q1{position:relative; top:205px; left:15px; border:1px solid #638584; width:223px; height: 16px;} #q3{position:relative; top:220px; left:15px; border:1px solid #638584; width:223px; height: 16px;} #q5{position:relative; top:173px; left:250px; background: transparent; color:#FFFFFF; width:105px; border:none; display: block; height: 50px;} #q12{position:relative; top:62px; left:15px; border:1px solid #638584; width:173px; height: 16px;} #q32{position:relative; top:76px; left:15px; border:1px solid #638584; width:173px; height: 16px;} #q42{position:relative; top:95px; left:15px; width:173px; height:50px} #q52{position:relative; top:120px; left:15px; background: transparent; color:#FFFFFF; width:165px; border:none; display: block;} #wrap{width: 1024px; min-height: 800px; background: transparent url(../images/bg.jpg) repeat-y; margin: 0 auto;} #header{width: 1024px; height: 480px; overflow: hidden;} #header_main{width: 1024px; height: 130px; background: transparent url(../images/header.png) no-repeat; z-index: 1000; position: relative; bottom: 480px;} #header_link a{width: 873px; height: 130px; display: block; text-decoration: none; float: left;} #header_contact a{width: 150px; height: 130px; display: block; text-decoration: none; float: left;} #banner{width: 939px; height: 480px; background: transparent url(../images/banner.jpg) no-repeat; margin: 0 42px;} #content_wrap{width: 932px; min-height: 600px; background: transparent url(../images/content_bg.jpg) repeat-y; margin: 0 auto;} #top_buttons{width: 913px; height: 188px; background: transparent url(../images/top_buttons.jpg) no-repeat; margin: 0 0 0 8px;} #top_buttons a{width: 225px; height: 188px; display: block; float: left; text-decoration: none;} #content_2{width: 932px; height: 346px; background: transparent url(../images/content_2.jpg) no-repeat; padding: 60px 0 0 0;} .content_2a{width: 283px; height: 346px; float: left; margin: 0 13px;} .c2a_cont{width: 283px; height: 141px; overflow: hidden;} #content{width: 932px; min-height: 600px;} #content_left{width: 347px; min-height: 600px; float: left; padding: 20px 16px;} #content_buy{width: 347px; height: 481px; background: transparent url(../images/content_buy.jpg) no-repeat; } #contact{width: 347px; height: 451px; background: transparent url(../images/contact.jpg) no-repeat; margin: 20px 0 0 0;} #contact_link{width: 347px; height: 40px; position: relative; top: 175px;} #contact_link a{text-decoration: none; width: 115px; height: 50px; display: block; float: left;} #content_right{width: 550px; min-height: 600px; float: left;} #home_map{width: 499px; height: 377px; background: transparent url(../images/home_map.jpg) no-repeat; margin: 0 0 0 25px;} #home_comm{width: 110px; height: 320px; float: left; padding: 9px 10px 0 10px;} #home_comm a{color: #0b3543; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 28px; font-family: arial;} #blog{width: 513px; height: 477px; background: transparent url(../images/blog.jpg) no-repeat; margin: 10px 0 0 20px;} #blog2{width: 520px; height: 370px; padding: 60px 0 0 0;} .blog3{width: 75px; height: 105px; float: left; background: transparent url(../images/blog2.jpg) no-repeat; color: #FFF; padding: 15px 5px 0 5px; text-align: center;} .blog4{width: 395px; height: 100px; float: left; margin: 10px 20px; border-bottom: 1px solid #FFF; } #blog5 a{width: 500px; height: 40px; display: block; text-decoration: none;} #content_bot{width: 911px; height: 355px; background: transparent url(../images/content_bot.jpg) no-repeat; margin: 0 0 0 10px;} /*secondary*/ #sec_banner{width: 1024px; height: 350px; background: transparent url(../images/sec_banner.jpg) no-repeat;} #sec_main{width: 932px; min-height: 600px;} #sec_content{width: 892px; min-height: 560px; margin: 20px; background-color: #E7ECF9;} #sec_contact{width: 216px; height: 345px; background: transparent url(../images/sec_contact.jpg) no-repeat; float: left;} #s_cont{width: 216px; height: 60px; text-align: center; font-size: 13px; position: relative; top: 140px;} #sec_left{width: 635px; min-height: 560px; margin: 5px 10px 10px 15px; background-color: #E7ECF9; float: left; padding: 20px 20px;} #sec_left2{width: 675px; min-height: 560px; margin: 5px 10px 10px 15px; float: left; padding: 0px 0 20px 0px;} #sec_right{width: 230px; min-height: 600px; float: left;} #side_contact{width: 217px; height: 346px; background: transparent url(../images/side_contact.jpg) no-repeat;} #side_test{width: 177px; height: 142px; background: transparent url(../images/side_test.jpg) no-repeat; margin: 10px 0; padding: 60px 20px 0 20px;} #side_test2 a{width: 137px; height: 30px; display: block; text-decoration: none;} #footer{width: 932px; min-height: 80px; font-size: 14px;} /*saff2*/ .st_one{width: 110px; height: 270px; overflow: hidden; float: left; text-align: center; font-size: 11px; margin:5px 5px;} .st_img{width: 104px; height: 147px; overflow: hidden; border: 1px solid #A6CE19;} #vSta_wrap{width: 655px; height: auto;} #vsta_top{width: 655px; height: 232px;} #vSta_img{width: 375px; height: 232px; overflow: hidden; float: left;} #vSta_right{width: 270px; height: 232px; float: left; margin-left: 10px;} #vSta_head{width: 247px; height: 46px; background: transparent url(../images/staff.jpg) no-repeat; padding: 5px;} blockquote .\MsoTableGrid\ {display: none;} /*open house*/ #open{width: 850px; min-height: 100px; margin: 20px auto;} .open_box{width: 150px; height: 210px; border: 1px solid #000; float: left; margin: 5px 8px;} .open_address{width: 150px; height: 18px; background-color: #5d797a; color: #FFF; font-size: 12px; text-align: center; float: left;} .open_date{width: 150px; height: 18px; background-color: #87a0a3; color: #FFF; font-size: 12px; text-align: center; float: left; margin-top: 1px;} .open_img{width: 150px; height: 120px; text-align: center; float: left; overflow: hidden; margin-top: 1px;} .open_bot{width: 150px; height: 50px; float: left; font-size: 12px; text-align: center;} .open_view a{color: #406970; text-decoration: underline; font-size: 12px;} #open1{width: 600px; height: 109px;} #open2{width: 620px; min-height: 100px; float: left; padding: 20px 20px;} #open3{width: 230px; min-height: 100px; float: left; padding: 0px 0px; text-align: center;} #open4{width: 150px; margin: 0 auto;} /*========================================================CSS BASE============================*/ /*picks*/ .picks_header{width: 932px; height: 248px; background: url(../images/p_head.jpg) no-repeat;} #ph_two a{width: 310px; height: 248px; float: left; display: block; text-decoration: none;} .picks{width: 785px; min-height: 700px; background-color: #E7ECF9; margin: 0 auto; padding-bottom: 20px;} .picks_box{width: 147px; height: 201px; float: left; margin: 22px 5px 0 5px; background: url(../images/p_box.jpg) no-repeat; float: left;} .picks_img{width: 145px; height: 168px; overflow: hidden; margin: 1px; overflow: hidden;} .picks_title{width: 145px; height: 30px; text-align: center; color: #000; font-size: 12px; padding-top: 2px;} .picks_title a{color: #000; text-decoration: none;} #picks_view{width: 154px; height: 186px; margin: 15px auto; background: url(../images/picks_box.jpg) no-repeat; padding-top: 1px;} .parts{width: 800px; min-height: 300px; margin: 0 0 0 100px;} .parts_box{width: 150px; height: 200px; float: left;} .parts_img{width: 120px; min-height: 50px; overflow: hidden; margin: 5px 7px; border: 1px double blue; padding: 3px; background-color: #FFF;} .parts_text a{width: 150px; text-align: center; color: #000; font-size: 13px; text-decoration: none;} #email2 a{width:200px; height: 33px; float: left; position: relative; bottom: 35px; overflow: hidden; text-decoration: none;} /* navigation*/ /*================================================================================================*/ #nav {font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px;} .nav2{width:939px; z-index:1000; padding:0 0px; height:39px; background: transparent url(../images/nav.png) repeat-x; padding:0px 0 0 0px; font-family: arial; position: relative; left: 42px; z-index: 1000;} .nav2, div.nav2 ul { margin: 0; list-style: none;} .nav2 ul{padding:0 0 0 0px; margin:0; float: left;} .nav2 a {display: block; color:#000; text-decoration:none; padding:8px 17px; font-size:16px;} .nav2 ul li a{ background: #CCD8F2; margin: 0 9px; background: transparent url(../images/nav2.png) repeat-x;} .nav2 ul li a:hover {color: #406970; background: transparent url(../images/nav3.png) repeat-x;} .nav2 ul li ul li a {padding:5px 3px 5px 3px; background:#a5cc1e; z-index:1000} .nav2 ul li ul li a:hover {display:block; z-index:1000; width:160px; min-height:10px; background:#CCD8F2;} .nav2 li {float: left;} .nav2 li ul {position: absolute; left: -999em; text-align:left; font-weight:100; font-size:13px;} .nav2 li:hover ul {left: auto; padding:0; width:160px;} .nav2 li:hover ul, #nav li.sfhover ul {left:auto;} .navOne a{ border:#A8966a 1px solid; text-align:left; width:160px; min-height:10px; color: #000; font-size: 13px; font-weight: normal;} .navOne a:hover{ display:block; z-index:1000; width:160px; color: #000; min-height:10px;} #sel{color: #406970; background: transparent url(../images/nav3.png) repeat-x;} /*STAFF*/ #staffNav{width: 550px; float: left; margin-bottom: 20px;} #staffNav a{color: #406970; text-decoration: none; padding: 20px 10px; font-size: 14px;} #staffNav a:hover{color: red; text-decoration: underline;} .staff{width: 100%; min-height: 120px; float: left; padding: 10px;} .staffImg{width: 100px; min-height: 50px; float: left; border: 2px #A23835 solid; overflow: hidden; margin: 0 10px 10px 0;} .staffImg img{width: 100px; border: 0;} .staffBio{width: 440px; height: 150px; float: left; text-align: left; } #staffCont{width: 550px; float: left;} /*glossary*/ .glossary {width: 174px; height: 26px; float: left; font-size: 10px; border: 1px #406970 solid;} .glossary a{width: 170px; height: 22px; color: #406970; text-decoration: none; display: block; padding: 2px;} .glossary a:hover{background-color: #406970; color: #FFF;} .highlight_word{background: #555; color: #FFF;} /* map */ /*================================================================================================*/ #map{border:1px #FFF solid; padding:5px} #map a{background:none; color:#000000} #map a:hover{background:none; color:#BB0000} #mark{width:520px; height:auto; border:1px #996600 solid; float:left; background:#FFFFFF; color: black; margin: 0 0 30px 22px;} .markOne{height:auto; float:left; padding:8px 20px; font-size:10px} .markOne a{color:#9933CC; text-decoration:none; font-size:10px} .markOne a:hover{color:#880000} /*pagination*/ /*================================================================================================*/ div.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #748892; text-decoration: none; color: #000099;} div.pagination a:hover, div.pagination a:active {border: 1px solid #D98085; color: #000;} div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #6A5E52; font-weight: bold; background-color: #6A5E52; color: #FFF;} div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD;} /* testimonials */ /*================================================================================================*/ .test{width:555px; height:auto; float:left; margin:10px 10px} .testTop{width:555px; float:left;} .testBot{width:555px; height:42px; float:left; background: transparent url(../images/test_bot.jpg) no-repeat;} .testMid{width:555px; height:auto; float:left;} .testCon{ padding:0 30px; color: #7c0721;} .testName{width:555px; height:40px; float:left; font-size:20px; font-weight:bold;} /* Form */ /*================================================================================================*/ .gForm{ width:500px; height:25px; float:left;} .gForm1{ width:200px; height:25px; float:left; font-weight:bold} .gForm2{ width:300px; height:25px; float:left} .gForma{ width:500px; height:auto; float:left} .gForm1a{ width:200px; height:auto; float:left; font-weight:bold} .gForm2a{ width:300px; height:auto; float:left} /*dream_home==========================================================================================*/ .fOneH{width: 630px; padding: 4px; float: left; margin-top: 10px; border: 1px dashed #804000; margin-bottom: 5px; background-color: #FFF; color: #000;} .fOne{width: 630px; min-height: 25px; float: left;} .fTwo{width: 390px; height: 25px; float: left; font-size: 14px;} .fThree{width: 190px; height: 25px; float: left;} .chOne{width: 630px; min-height: 25px; float: left;} .chTwo{width: 135px; height: 25px; float: left; font-size: 14px;} .chTwoA{width: 180px; height: 25px; float: left; font-size: 14px;} /* listing */ /*================================================================================================*/ #mod_base{width: 550px; min-height: 180px; border: 1px solid #000; background:#BED964 url(../images/listing.jpg) no-repeat; color: #000;} #mod2{width: 140px; height: 125px; float: left; padding: 0 10px; font-size: 12px;} .viewP{height:109px; margin:0px 0 0px 0 ; width: 677px; background: transparent url(../images/Listing_banner.jpg) no-repeat;} .viewPText{ font-size:26px; padding:36px 0; color: #FFF; margin: 0 100px;} .viewP2{ width:600px; height:42px; text-align:center; margin-bottom:20px} .viewPText2{ font-size:24px; padding:9px 0;} .rsListing2{ width:600px; height:auto; border: ; margin:3px auto; color: #000;} .rsL12{padding:10px; float:left; font-size:12px; color: #000;} .listMod{width:600px; height:201px; margin:auto; padding:2px; background:url(../images/lisMod.jpg) no-repeat; line-height:18px; color: black; font-size: 12px;} .listMod2{width:540px; height:21px; margin:20px 0; background:#BED964; padding:5px 0 0 10px; font-size: 11px;} .listMod2 a{color:#000; text-decoration:none; padding:5px 3px} .listMod2 a:hover{ color: #CF789F} .listMA a{display:block; width:150px; background-color:#BED964; padding:4px 0; text-align:center; color:#FFFFFF; float:left; margin:0 2px; text-decoration:none; font-weight:bold;} .listMA a:hover{background-color:#DED4C0; color: #CF789F} .rlsBase{ padding:10px; background:#FFFFFF; float:left; height:170px} .rlsBase4{ width:395px; float:left; height:auto} .rlsBase2{ width:200px; float:left; padding:5px; height:110px} .rlsBase3{ width:175px; float:left; padding:5px; height:110px} .rsListing{ width:217px; height:auto; float:left; font-size:18px; font-weight:bold; padding:0 0px; margin-top: 10px; background-color: #8DAFF7;} .rsL1{ width:197px; float:left; font-size:12px; padding: 10px;} .rsL1 a{ font-size:12px; text-decoration:none;} .rsL1 a:hover{ color:red} .rsL2{ width:200px; float:left; padding:2px 0 2px 4px; text-align:left} .rsL2a{ width:210px; float:left; background-color:#DED4C0; padding:2px 0 2px 4px; color:#FFF; text-align:left} .rsL3{ width:80px; float:left; padding:2px 0 2px 4px; color:#FFF; text-align:left} .list{ width:541px; height: 177px; float:left; margin:0 50px 5px 0px; background: transparent url(../images/listing.png) no-repeat; color: black; padding: 10px 0 0 10px;} .list1{width:411px; height:20px; float:left; padding:8px 0 3px 0px; text-align: center; font-weight: bold; color: #FFF;} .list2{width:117px; height:20px; float:left; padding:8px 0 3px 0px; text-align: center; color: #FFF; font-weight: bold;} /*feat bg*/ .list2a{width:210px; height: 134px; float:left; overflow: hidden;} .list4 a{width:75px; height:136px; float:left; text-decoration: none; display: block;} .list5{width:123px; height:33px; float:left; text-align:center; font-size:11px; padding:6px 0} #back a{display:block; width:198px; height: 18px; display: block; background: url(../images/back.jpg) no-repeat; color:#FFFFFF; text-decoration:none; padding:3px 0; font-size:10px; text-align:center} .c2a_cont h3 {margin: 6px 0px} #home_comm a {display: block; height: 15px;}