body{margin: 0px 0; padding: 0; color: #FFF; font-family: arial; background-color: #84C4BC;}
.clear{clear: both;}

a{color: #FFF;}
a:hover{color: red;}

h1{color: #FFF;}

#wrap{width: 1024px; min-height: 700px; margin: 0 auto;}
#header{width: 1024px; height: 120px; background: transparent url(../images/header.png) no-repeat;}


#banner{width: 1024px; height: 268px; overflow: hidden;}
#button_wrap{width: 680px; height: 130px; position: relative; bottom: 380px; margin: 0 auto;}


.button a{width: 165px; height: 150px; float: left; display: block; text-decoration: none;}

/*home content*/
#content{width: 999px; min-height: 834px; background: #4c9e9a url(../images/bg_main.jpg) no-repeat bottom; display: block; margin: 0 0 0 14px; padding-bottom: 200px;}
#content2{width: 997px; min-height: 934px; margin: 0 auto; color: #FFF;}

#content_left{width: 590px; min-height: 900px; float: left;}
#contentPad{padding: 0 20px;}


/*secondary*/
#sec_banner{width: 1024px; height: 326px; overflow: hidden; background: transparent url(../images/sec_banner.png) no-repeat}
#sec_button_wrap{width: 680px; height: 130px; position: relative; top: 190px; margin: 0 auto;}

/*sidebar*/
#sidebar{width: 407px; min-height: 900px; float: left;}
#blog{width: 384px; height: 328px; background: transparent url(../images/blog.jpg) no-repeat; margin: 10px 0;}
#contact{width: 384px; height: 327px; background: transparent url(../images/contact.jpg) no-repeat; margin: 20px 0;}
#q1{position:relative; top:116px; left:65px; border:1px solid #638584; width:233px; height: 19px;}
#q3{position:relative; top:132px; left:65px; border:1px solid #638584; width:233px; height: 19px;}
#q4{position:relative; top:147px; left:65px; width:233px; height:67px}
#q5{position:relative; top:173px; left:250px; background: transparent; color:#FFFFFF; width:105px; border:none; display: block;}

/*footer*/
#footer{width: 1024px; min-height: 23px; text-align: center; background: transparent url(../images/footer.png) repeat; color: #000; font-size: 14px; padding: 10px 0 0 0;}
#footer a{color: #000;}
/*========================================================CSS BASE============================*/
/*picks*/

.picks_header{width: 545px; height: 222px; background: url(../images/p_head.jpg) no-repeat; margin: 0 auto;}
#ph_one{width: 545px; height: 100px; float: left;}
#ph_two a{width: 180px; height: 125px; float: left; display: block; text-decoration: none;}

.picks{width: 852px; min-height: 231px; background: url(../images/p_bar.png) repeat; padding: 0 0px 0 0px; margin: 20px auto; float: left;}
.picks_box{width: 180px; height: 201px; float: left; margin: 20px 16px 20px 16px; background: url(../images/p_box.jpg) no-repeat; float: left;}
.picks_img{width: 173px; height: 165px; overflow: hidden; margin: 2px 2px 2px 2px; overflow: hidden;}
.picks_title{width: 180px; height: 30px; text-align: center; color: #000; font-size: 12px; padding-top: 2px;}
.picks_title a{color: #fff; text-decoration: none;}
#picks_view{width: 180px; height: 201px; margin: 15px auto; background: url(../images/p_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*/
/*================================================================================================*/
.nav2{width:904px; z-index:1000; padding:0 0px; height:76px; background: transparent url(../images/nav.png) no-repeat; padding:30px 0 0 120px; font-family: arial; z-index: 100; }
.nav2, div.nav2 ul { margin: 0; list-style: none;}
.nav2 ul{padding:0 0 0 10px; margin:0}
.nav2 a {display: block; color:#406970; text-decoration:none; padding:8px 12px; font-size:16px;}
.nav2 ul li a{ margin-left: 1px;}
.nav2 ul li a:hover {color: #AF4E4E; background-color: #FFF;}
.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: #AF4E4E;  background: #FFF}

/*STAFF*/
.staff{width: 660px; 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; }

/*glossary*/
.glossary {width: 174px; height: 26px; float: left; font-size: 10px; border: 1px  #FFF solid; color: #FFF;}
.glossary a{width: 170px; height: 22px; color: #FFF; 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_wrap{width:544px; height:auto; float:left; margin:10px 10px 0px 10px; background:url(../images/test_mid.jpg) repeat-y}
.test{width:464px; min-height: 274px; float:left; background:url(../images/test_top.jpg) no-repeat top; padding: 20px 20px 20px 60px;}
.testBot{width:544px; height:23px; float:left; background:url(../images/test_bot.png) no-repeat; margin-left: 10px;}
.testName{width:544px; 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: 540px; padding: 4px; float: left; margin-top: 10px; border: 1px dashed #804000; margin-bottom: 5px; background-color: #FFF; color: #000;}

.fOne{width: 540px; min-height: 25px; float: left;}
.fTwo{width: 370px; height: 25px; float: left; font-size: 14px;}
.fThree{width: 170px; height: 25px; float: left;}

.chOne{width: 540px; 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}

