body{margin: 0; padding: 0; background: #D0DBE2 url(../images/bg.jpg) repeat-x;}

.clear{clear:both}


#wrap{width: 995px; min-height: 900px; margin: 0 auto;}

#header{width: 970px; height: 107px; margin: 53px 0 0 15px; background: transparent url(../images/header.jpg) no-repeat;}
#header1 a{width: 765px; height: 107px; text-decoration: none; display: block; float: left;}
#header2{width: 185px; height: 102px; float: left; font-size: 14px; text-align: right; padding: 5px 20px 0 0;}


/*open house*/
#open4{width: 850px; height: auto; 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: #698DA5; color: #FFF; font-size: 12px; text-align: center; float: left;}
.open_date{width: 150px; height: 18px; background-color: #AAB8C1; 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;}



/*contact*/
#q1{position:relative; top:30px; left:20px; border:1px solid #638584; width:200px; height: 17px;}
#q3{position:relative; top:40px; left:20px; border:1px solid #638584; width:200px; height: 17px;}
#q4{position:relative; top:52px; left:20px; width:200px; height:53px}
#q5{position:relative; top:65px; left:120px; background: transparent; color:#FFFFFF; width:125px; height: 60px; border:none; display: block;}

#banner{z-index: 1; margin-left: 20px;}

/*home-content*/
#right{width: 698px; min-height: 700px; float: left;}
#left{width: 297px; min-height: 1017px; float: left; margin: 0px 0 0 0px;}
#weather{width: 297px; height: 68px;}
#featured {width: 297px; height: 94px; background: transparent url(../images/featured.jpg) no-repeat;}

#feata{width: 297px; height: 165px; background: transparent url(../images/feata.png) no-repeat;}


#open a{width: 297px; height: 92px; background: transparent url(../images/open.jpg) no-repeat; display: block;}
#meet a{width: 297px; height: 134px; background: transparent url(../images/meet.jpg) no-repeat; display: block;}
#lunch a{width: 297px; height: 116px; background: transparent url(../images/lunch.jpg) no-repeat; display: block;}
#blog {width: 283px; height: 289px; background: #FFF url(../images/blog.jpg) no-repeat; display: block;}
#face a{width: 297px; height: 109px; display: block; background: transparent url(../images/face.png) no-repeat;}
#twitter a{width: 297px; height: 107px; display: block; background: transparent url(../images/twitter.png) no-repeat;}

#home-1{width: 698px; height: 45px; background: transparent url(../images/home-1.jpg) no-repeat; font-size: 32px; text-align: center; color: #FFF; padding-top: 5px; font-family: monotype corsiva}

#hc-bg{width: 618px; height: 541px; background: #FFF url(../images/hc-bg.jpg) no-repeat; padding: 20px 40px 10px 40px; margin-left: 20px;}

#home_content{background: #FFF url(../images/home_content.jpg) no-repeat; width: 880px; min-height: 171px; float: left; margin-left: 21px; padding: 130px 40px 70px 40px;}

/*secondary*/

#sec_cont{width: 995px; min-height: 800px; background: transparent url(../images/sec_cont.png) repeat-y;}

#sec_side{width: 290px; min-height: 800px; float: left; margin-left: 20px;}
#sec_main{width: 671px; min-height: 1100px; float: left; background: transparent url(../images/side_content.jpg) no-repeat bottom right;}
#main_pad{padding: 20px 20px 200px 30px; float: left;}

#main_pad2{padding: 20px 20px 100px 50px; float: left;}

#sec_head {width: 685px; min-height: 32px; background: transparent url(../images/sec_head.png) no-repeat; float: left; text-align: center; color: #FFF; font-size: 30px; font-weight: bold; padding: 6px 0;}

/*side*/
#feat_box{width: 290px; height: 91px; background: transparent url(../images/feat_box.jpg) no-repeat; }
#side_search{width: 290px; height: 404px; background: transparent url(../images/side_search.jpg) no-repeat;}
#side_meet a{width: 290px; height: 255px; background: transparent url(../images/side_meet.jpg) no-repeat; display: block;}
#side_contact{width: 290px; height: 271px; background: transparent url(../images/side_contact.jpg) no-repeat;}

#footer{background: #698da5 url(../images/footer.jpg) no-repeat bottom ; width: 960px; min-height: 75px; float: left; margin-left: 21px;}






/*========================================================CSS BASE============================*/
/*picks*/

.picks_header{width: 945px; height: 255px; background: url(../images/p_head.jpg) no-repeat; margin-left: 21px;}
#ph_one{width: 945px; height: 125px; float: left;}
#ph_two a{width: 180px; height: 125px; float: right; display: block; text-decoration: none;}

.picks{width: 960px; min-height: 364px; background: url(../images/picks_bg.jpg) repeat; float: left; margin: 0 0 0px 20px;}
.picks_box{width: 215px; height: 245px; float: left; margin: 70px 5px 50px 18px; background: url(../images/picks_box.png) no-repeat; float: left;}
.picks_img{width: 210px; height: 180px; overflow: hidden; margin: 2px 2px 2px 2px; overflow: hidden;}
.picks_title{width: 215px; height: 30px; text-align: center; color: #000; font-size: 14px; padding-top: 2px; font-family: arial;}
.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;}


/* navigation*/
/*================================================================================================*/
#navWrap{width: 995px; height: 76px;}
#navS{width: 15px; height: 76px; float: left; display: block;}
.nav2{width:970px; z-index:1000; height:76px; background: transparent; padding: 0; background: transparent url(../images/nav.jpg) no-repeat; float: left;}
.nav2, div.nav2 ul { margin: 0; list-style: none;}
.nav2 ul{padding:0 0 0 10px; margin:0}
.nav2 a {display: block; text-decoration:none; padding:28px 18px; font-size:17px;}
.nav2 ul li a{color: #FFF; z-index:1000;}
.nav2 ul li a:hover {color: #406970;  background: url(../images/navRO.jpg) repeat-x; z-index:1000;}
.nav2 ul li ul li a {padding:5px 3px 5px 3px;  background:#698da5; z-index:1000; color: #FFF;}
.nav2 ul li ul li a:hover {display:block; z-index:1000; width:160px; min-height:10px; background:#abb9c4;}
.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: #FFF; font-size: 13px; font-weight: normal; z-index:1000;}
.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:504px; height:auto; float:left; margin:10px 70px}
.testTop{width:504px; height:78px; float:left; background:url(../images/test_top.jpg) no-repeat}
.testBot{width:504px; height:151px; float:left; background:url(../images/test_bot.jpg) no-repeat}
.testMid{width:504px; 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: 620px; padding: 4px; float: left; margin-top: 10px; border: 1px dashed #804000; margin-bottom: 5px; background-color: #FFF; color: #000;}

.fOne{width: 620px; min-height: 25px; float: left;}
.fTwo{width: 400px; height: 25px; float: left; font-size: 14px;}
.fThree{width: 200px; height: 25px; float: left;}

.chOne{width: 620px; min-height: 25px; float: left;}
.chTwo{width: 150px; height: 25px; float: left; font-size: 14px;}
.chTwoA{width: 200px; 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 auto 20px auto ;}

.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}