body{margin: 0px 0; padding: 0; background: #fff url(../images/bg.jpg) repeat-x; color: #406970; font-family: arial; } .clear{clear: both;} a{color: #406970;} a:hover{color: red;} h1{color: #740a16;} #wrap{width: 1024px; min-height: 700px; margin: 0 auto; overflow: hidden;} #header_wrap{width: 1024px; height: 211px; background: #fff url(../images/header.jpg) no-repeat} #headerone a{width: 346px; height: 166px; display: block; float: left; text-decoration: none;} #banner{width: 633px; height: 193px; float: left; background: #fff url(../slideshow/img1.jpg) no-repeat} #q1{position:relative; top:34px; left:15px; border:1px solid #638584; width:233px; height: 19px;} #q3{position:relative; top:46px; left:15px; border:1px solid #638584; width:233px; height: 19px;} #q4{position:relative; top:151px; left:15px; width:233px; height:87px} #q5{position:relative; top:153px; left:190px; background: transparent; color:#FFFFFF; width:55px; border:none; display: block;} /*secondary content*/ #sec-content_wrap{width: 897px; min-height: 500px; margin: 10px auto; background: transparent url(../images/sec_cont_mid.jpg) repeat-y} #sec-content_top{width: 897px; height: 18px; margin: 0 auto; background: transparent url(../images/sec_cont_top.jpg) no-repeat} #secondary_content{width: 587px; min-height: 935px; float: left; padding: 10px 20px; } #secondary_content2{width: 895px; min-height: 955px; float: left;} #secondary_content3{width: 615px; min-height: 1035px; float: left; padding: 10px 20px;} /*communities*/ #comm_cont{width: 600px; min-height: 100px; margin: 0 auto;} #comm_cont a{width: 150px; background-color: #add3d6; border: 2px #000 solid; font-size: 14px; padding: 3px 0; text-align: center; text-decoration: none; text-align: center; color: #FFF; margin: 5px 20px; display: block; float: left;} #comm_cont a:hover{background-color: #93b9b6;} /*sidebar*/ #sidebar{width: 270px; height: 945px; float: left;} #sidebar2{width: 220px; min-height: 945px; float: left; background-Color:#5d787e; color: #FFF;} #sidebar2 a{color: #FFF;} #side1 a{width: 270px; height: 181px; background: transparent url(../images/side1.jpg) no-repeat; display: block;} #side2 a{width: 270px; height: 135px; background: transparent url(../images/side2.jpg) no-repeat; display: block;} #side3 a{width: 270px; height: 136px; background: transparent url(../images/side3.jpg) no-repeat; display: block;} #side4 a{width: 270px; height: 177px; background: transparent url(../images/side4.jpg) no-repeat; display: block;} #side5 {width: 270px; height: 312px; background: transparent url(../images/side5.jpg) no-repeat; display: block;} /*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: 40px; margin:0 70px;} #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;} /*home content*/ #content_wrap{width: 895px; min-height: 400px; margin: 20px auto; z-index: 10;} /*left*/ #left_column{width: 265px; min-height: 400px; float: left;} #home1 a{width: 265px; height: 221px; background: transparent url(../images/home1.jpg) no-repeat; display: block;} #home2{width: 255px; min-height: 212px; background: transparent url(../images/home2.jpg) repeat; display: block; padding: 5px;} #btn_search {width: 265px; height: 68px; text-decoration: none; display: block; background: transparent url(../images/btn_search.jpg) no-repeat;} #btn_search a{width: 265px; height: 68px; text-decoration: none; display: block; background: transparent url(../images/btn_search.jpg) no-repeat;} #btn_search a:hover{ background: transparent url(../images/btn_searchRO.jpg) no-repeat;} #btn_home {width: 265px; height: 67px; text-decoration: none; display: block; background: transparent url(../images/btn_home.jpg) no-repeat;} #btn_home a{width: 265px; height: 67px; text-decoration: none; display: block; background: transparent url(../images/btn_home.jpg) no-repeat;} #btn_home a:hover{ background: transparent url(../images/btn_homeRO.jpg) no-repeat;} #btn_comm {width: 265px; height: 69px; text-decoration: none; display: block; background: transparent url(../images/btn_comm.jpg) no-repeat;} #btn_comm a{width: 265px; height: 69px; text-decoration: none; display: block; background: transparent url(../images/btn_comm.jpg) no-repeat;} #btn_comm a:hover{ background: transparent url(../images/btn_commRO.jpg) no-repeat;} #eco{width: 265px; height: 145px; background: transparent url(../images/eco.jpg) no-repeat; display: block;} #eco1 a{width: 170px; height: 145px; display: block; float: left; text-decoration: none;} #eco1 a:hover{width: 170px; height: 145px; display: block; float: left; display: block; background: transparent url(../images/ecoRO.jpg) no-repeat;} #eco2 a{width: 95px; height: 145px; display: block; float: left;} /*center*/ #center_column{width: 417px; min-height: 400px; float: left;} #center1{width: 417px; height: 125px; background: transparent url(../images/center1.jpg) no-repeat; padding: 10px 0 0 0px;} #centerS a{width: 140px; height: 111px; background: transparent url(../images/centerS.jpg) no-repeat; display: block; float: left;} #center2 a{width: 135px; height: 111px; background: transparent url(../images/center2.jpg) no-repeat; display: block; float: left;} #center3 a{width: 139px; height: 111px; background: transparent url(../images/center3.jpg) no-repeat; display: block; float: left;} #center_content{width: 377px; min-height: 585px; overflow: hidden; padding: 20px;} #centerMaps{width: 417px; height: 43px;} #skiMap a{width: 198px; height: 43px; display: block; float: left; background: transparent url(../images/skiMap.jpg) no-repeat;} #golfMap a{width: 219px; height: 43px; display: block; float: left; background: transparent url(../images/golfMap.jpg) no-repeat;} /*right*/ #right_column{width: 213px; min-height: 400px; float: left;} #ps_tool{width: 213px; height: 211px; background: transparent url(../images/ps_tool.jpg) no-repeat; padding-top: 40px;} #ps_tool a{width: 193px; font-size: 14px; padding: 2px 0 2px 20px; border-bottom: 1px #FFF solid; display: block; color: #FFF; text-decoration: none;} #ps_tool a:hover{background-color: #979386;} #add_info{width: 213px; height: 193px; background: transparent url(../images/add_info.jpg) no-repeat; padding-top: 30px;} #add_info a{width: 193px; font-size: 15px; padding: 2px 0 2px 20px; border-bottom: 1px #FFF solid; display: block; color: #FFF; text-decoration: none;} #add_info a:hover{background-color: #979386;} #comm{width: 213px; height: 291px; background: transparent url(../images/comm.jpg) no-repeat; padding-top: 25px;} #comm a{width: 193px; font-size: 15px; padding: 2px 0 2px 0px; display: block; color: #FFF; text-decoration: none; text-align: center;} #comm a:hover{text-decoration: underline; color: #911100;} #content_bottom{width: 895px; height: 378px; background: transparent url(../images/homeBot.jpg) no-repeat;} #homeBot{width: 895px; height: 18px; background: transparent url(../images/homeBot2.jpg) no-repeat; margin: 0 auto;} #homeBot3{width: 897px; height: 18px; background: transparent url(../images/homeBot3.jpg) no-repeat; margin: 0 auto;} #footer{ width: 100%; height: 178px; background: #5f7c7e url(../images/footer.jpg) repeat-x; color: #FFF; position: relative; bottom: 38px; z-index: -1;} #footer a{color: #FFF;} #footer2{width: 700px; height: 118px; margin: 0px auto; padding: 18px 0 0 0;} #footerS{ width: 100%; height: 178px; background: #5f7c7e url(../images/footer.jpg) repeat-x; color: #FFF; z-index: -1; position: relative; bottom: 10px;} #footer2 a{color: #FFF;} /*========================================================CSS BASE============================*/ /*picks*/ .picks_header{width: 895px; height: 125px; background: url(../images/p_head.jpg) no-repeat; margin-left: 1px;} #ph_one{width: 340px; height: 125px; float: left;} #ph_two a{width: 180px; height: 125px; float: left; display: block; text-decoration: none;} .picks{width: 895px; min-height: 231px; background: url(../images/picks_bg.jpg) repeat; float: left; padding: 0 0px 0 0px; margin-left: 1px;} .picks_box{width: 154px; height: 186px; float: left; margin: 22px 32px 23px 32px; background: url(../images/picks_box.jpg) no-repeat; float: left;} .picks_img{width: 150px; height: 149px; overflow: hidden; margin: 2px 2px 2px 2px; overflow: hidden;} .picks_title{width: 154px; height: 30px; text-align: center; color: #000; font-size: 12px; padding-top: 2px;} .picks_title a{color: #fff; 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*/ /*================================================================================================*/ .nav2{width:766px; z-index:1000; padding:0 0px; height:33px; background: transparent; padding:0px 0 0 0px; font-family: arial; padding-left: 28px; position: relative; bottom: 15px; z-index: 100; float: left;} .nav2, div.nav2 ul { margin: 0; list-style: none;} .nav2 ul{padding:0 0 0 10px; margin:0; float: left;} .nav2 a {display: block; color:#406970; text-decoration:none; padding:10px 12px; font-size:12px;} .nav2 ul li a{ background: #FFF; margin-left: 1px;} .nav2 ul li a:hover {color: #406970; background: url(../images/navRO.jpg) repeat-x} .nav2 ul li ul li a {padding:5px 3px 5px 3px; background:#add3d6; z-index:1000} .nav2 ul li ul li a:hover {display:block; z-index:1000; width:160px; min-height:10px; background:#93b9b6;} .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: url(../images/navRO.jpg) 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 #996600 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:532px; height:auto; float:left; margin:10px 10px} .testTop{width:532px; height:78px; float:left; background:url(../images/test_top.jpg) no-repeat} .testBot{width:532px; height:23px; float:left; background:url(../images/test_bot.jpg) no-repeat} .testMid{width:532px; height:auto; float:left; background:url(../images/test_mid.jpg) repeat-y} .testCon{ padding:0 30px; color: #7c0721;} .testName{width:530px; height:40px; float:left; font-size:20px; font-weight:bold; text-align: right;} /* 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: 580px; padding: 4px; float: left; margin-top: 10px; border: 1px dashed #804000; margin-bottom: 5px; background-color: #FFF; color: #000;} .fOne{width: 580px; min-height: 25px; float: left;} .fTwo{width: 390px; height: 25px; float: left; font-size: 14px;} .fThree{width: 190px; height: 25px; float: left;} .chOne{width: 580px; 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:#617d7e url(../images/listing.jpg) no-repeat; color: #000;} #mod2{width: 140px; height: 125px; float: left; padding: 0 10px; font-size: 12px;} .viewP{height:47px; text-align:center; margin:0px 0 20px 0 ; width: 650px; } .viewPText{ font-size:28px; padding:7px 0; color: #740a16; margin: 0 auto;} .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:#617d7e; padding:5px 0 0 10px; color: #FFF; font-size: 11px;} .listMod2 a{color:#FFF; text-decoration:none; padding:5px 3px} .listMod2 a:hover{ color: #CF789F} .listMA a{display:block; width:150px; background-color:#617d7e; 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:196px; height:auto; float:left; font-size:18px; font-weight:bold; padding:0 10px; margin-top: 10px;} .rsL1{ width:216px; float:left; font-size:12px; padding: 0 0px;} .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}