body{padding: 0; margin: 0; background: #ECECD8; font-family: arial; color: #3E6B80;} #wrap{width: 1024px; min-height: 600px; margin: 0 auto;} #header{width: 1024px; height: 195px; background: url(../images/header.jpg) no-repeat; } #headerlink a{width: 580px; height: 190px; float: left; display: block; text-decoration: none;} #headerEmail{width: 440px; height: 150px; float: left;} #headerEmail2 a{width: 190px; height: 25px; display: block; text-decoration: none; position: relative; top: 61px; left: 196px; float: left;} #searchHead a{width: 165px; height: 31px; float: left; display: block; text-decoration: none;} #adviceHead a{width: 200px; height: 31px; float: left; display: block; text-decoration: none;} #content{width: 1024px; min-height: 600px; background: url(../images/middle.jpg) repeat-y} #content_inner{width: 950px; min-height: 600px; background: url(../images/content.jpg) no-repeat; margin: 0 auto;} #column_one{width: 269px; min-height: 700px; float: left;} /*picks*/ .picks_header{width: 679px; height: 214px; background: url(../images/picks_header.png) no-repeat} #ph_one{width: 679px; height: 100px; float: left;} #ph_two a{width: 222px; height: 100px; float: left; display: block; text-decoration: none;} .picks{width: 679px; min-height: 185px; background: url(../images/picks_bg.jpg) repeat; float: left;} .picks_box{width: 150px; height: 165px; float: left; margin: 10px 35px; background: url(../images/picks_box.png) no-repeat;} .picks_img{width: 142px; height: 129px; overflow: hidden; margin: 6px 4px 4px 4px;} .picks_title{width: 150px; height: 28px; text-align: center; color: #FFF; font-size: 12px; padding-top: 2px;} .picks_title a{color: #FFF; text-decoration: none;} #picks_view{width: 172px; height: 256px; margin: 15px auto; background: url(../images/picks_box.png) no-repeat;} .parts{width: 679px; min-height: 300px; margin: 0 auto;} .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: #3E6B80; font-size: 13px; text-decoration: none;} #nav{width: 269px; height: 659px; background: url(../images/nav.jpg) no-repeat} .nav2 {font-family: arial, sans-serif; width:269px; height:62px; position:relative; margin:0;} .nav2 ul li a, .nav2 ul li a:visited {display:block; text-decoration:none; color:#000; width:269px; height:62px;} .nav2 ul {padding:0; margin:0;list-style-type: none; } .nav2 ul li {float:left; margin-right:1px; position:relative;} .nav2 ul li ul {display: none;} /* specific to non IE browsers */ .nav2 ul li:hover a {color:#fff; background:#b3ab79;} .nav2 ul li:hover ul {display:block; position:absolute; top:62px; left:0px; width:200px;} .nav2 ul li:hover ul li a.hide {background:#dfc184; color:#000;} .nav2 ul li:hover ul li:hover a.hide {width:150px;} .nav2 ul li:hover ul li ul {display: none;} .nav2 ul li:hover ul li a {display:block; background:#FFF; color:#000; width:200px; height: 20px;} .nav2 ul li:hover ul li a:hover {background:#3f7896; color:#000; height: 20px;} .nav2 ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;} .nav2 ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;} .nav2 ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;} .nav2 ul{padding:0; margin:0} .nav2{width:259px; height:591px; z-index:1000; padding: 100px 0 0 5px;} .navOne a{ border:#000000 1px solid; text-align:left; width:135px; background:#FFF; z-index:1000; padding:5px 5px 15px 5px; position: relative; bottom: 6px;} .navOne a:hover{ display:block; z-index:1000; width:135px;} /*nav*/ .nav3{width:940px; height:36px; z-index:1000; padding:0 0px; border-bottom: #8d8270 1px solid; background: url(../images/nav_mid.jpg) repeat-x;} .nav3, div.nav3 ul { margin: 0 0 0 3px; list-style: none;} .nav3 a {display: block; color:#FFF; text-decoration:none; padding:10px 16px; font-size:15px;} .nav3 ul li a:hover { color: #F18D4C;} .nav3 ul li ul li a {padding:5px 5px 10px 5px; min-height:10px; color: #000; font-size: 12px;} .nav3 ul li ul li a:hover { width:135px; min-height:10px; background-color: #3f7896; } .nav3 li {float: left;} .nav3 li ul {position: absolute; left: -999em; text-align:left; font-weight:100; font-size:13px; z-index:1000} .nav3 li:hover ul {left: auto; padding:0; width:135px;} .nav3 li:hover ul, #nav li.sfhover ul {left:auto;} .navOne2 a{ border:#000000 1px solid; text-align:left; width:135px; background:#FFF; z-index:1000; padding:5px 5px 15px 5px; position: relative; bottom: 6px;} .navOne2 a:hover{ display:block; z-index:1000; width:135px;} #sel{ color:#F18D4C} #communities a:hover{background: url(../images/nav/communitiesRO.jpg) no-repeat; width: 269px; height: 62px;} #search a:hover{background: url(../images/nav/searchRO.jpg) no-repeat; width: 269px; height: 62px;} #listing a:hover{background: url(../images/nav/listingRO.jpg) no-repeat; width: 269px; height: 62px;} #buyers a:hover{background: url(../images/nav/buyersRO.jpg) no-repeat; width: 269px; height: 62px;} #sellers a:hover{background: url(../images/nav/sellersRO.jpg) no-repeat; width: 269px; height: 62px;} #international a:hover{background: url(../images/nav/internationalRO.jpg) no-repeat; width: 269px; height: 62px;} #resources a:hover{background: url(../images/nav/resourcesRO.jpg) no-repeat; width: 269px; height: 62px;} #meet a:hover{background: url(../images/nav/meetRO.jpg) no-repeat; width: 269px; height: 62px;} #communitiesSEL a{background: url(../images/nav/communitiesRO.jpg) no-repeat; width: 269px; height: 62px;} #searchSEL a{background: url(../images/nav/searchRO.jpg) no-repeat; width: 269px; height: 62px;} #listingSEL a{background: url(../images/nav/listingRO.jpg) no-repeat; width: 269px; height: 62px;} #buyersSEL a{background: url(../images/nav/buyersRO.jpg) no-repeat; width: 269px; height: 62px;} #sellersSEL a{background: url(../images/nav/sellersRO.jpg) no-repeat; width: 269px; height: 62px;} #internationalSEL a{background: url(../images/nav/internationalRO.jpg) no-repeat; width: 269px; height: 62px;} #resourcesSEL a{background: url(../images/nav/resourcesRO.jpg) no-repeat; width: 269px; height: 62px;} #meetSEL a{background: url(../images/nav/meetRO.jpg) no-repeat; width: 269px; height: 62px;} #communities a{background: url(../images/nav/communities.jpg) no-repeat; width: 269px; height: 62px;} #search a{background: url(../images/nav/search.jpg) no-repeat; width: 269px; height: 62px;} #listing a{background: url(../images/nav/listing.jpg) no-repeat; width: 269px; height: 62px;} #buyers a{background: url(../images/nav/buyers.jpg) no-repeat; width: 269px; height: 62px;} #sellers a{background: url(../images/nav/sellers.jpg) no-repeat; width: 269px; height: 62px;} #international a{background: url(../images/nav/international.jpg) no-repeat; width: 269px; height: 62px;} #resources a{background: url(../images/nav/resources.jpg) no-repeat; width: 269px; height: 62px;} #meet a{background: url(../images/nav/meet.jpg) no-repeat; width: 269px; height: 62px;} #communities{background: url(../images/nav/communitiesRO.jpg) no-repeat; width: 269px; height: 62px;} #search{background: url(../images/nav/search.jpg) no-repeat; width: 269px; height: 62px;} #listing{background: url(../images/nav/listing.jpg) no-repeat; width: 269px; height: 62px;} #buyers{background: url(../images/nav/buyers.jpg) no-repeat; width: 269px; height: 62px;} #sellers{background: url(../images/nav/sellers.jpg) no-repeat; width: 269px; height: 62px;} #international{background: url(../images/nav/international.jpg) no-repeat; width: 269px; height: 62px;} #resources{background: url(../images/nav/resources.jpg) no-repeat; width: 269px; height: 62px;} #meet{background: url(../images/nav/meet.jpg) no-repeat; width: 269px; height: 62px;} .navOne a{background:#EDEDDA; border:#000000 1px solid; text-align:left; width:160px; padding:5px; position: relative; left: 260px; bottom: 60px; color: #5A96BB; font-size: 14px;} .navOne a:hover{ display:block; background:#5A96BB; z-index:1000; width:160px; padding:5px; color: #EDEDDA;} #sel{} #home_featured{width: 262px; height: 383px; background: url(../images/home_featured.jpg) no-repeat; padding: 60px 0 0 7px;} .feat_box{width: 255px; height: 109px; background: url(../images/feat_bg.jpg) no-repeat; text-align: center; font-size: 12px;} .feat_img{width: 135px; height: 92px; overflow: hidden; padding: 6px 5px 6px 10px; float: left;} #column_two{width: 665px; min-height: 700px; float: left;} #column_twoPAD{padding: 10px 20px;} #banner{width: 665px; height: 386px; background: url(../images/banner.jpg) no-repeat } #main_content{width: 665px; min-height: 370px;} #main_content2{width: 665px; min-height: 259px;} #home_blog{width: 254px; height: 259px; background: url(../images/home_blog.jpg) no-repeat; float: left; } #home_blog2{padding: 80px 20px 0 20px;} #home_map{width: 406px; height: 259px; background: url(../images/home_map.jpg) no-repeat; float: left; } /*FORMS*/ .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} /*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} .markOne{height:auto; float:left; padding:8px 0px; font-size:13px} .markOne a{color:#9933CC; text-decoration:none; font-size:13px} .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;} /*STAFF*/ .staff{width: 740px; 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: 520px; height: 150px; float: left; text-align: left; } /*LISTINGS*/ #column_left{width:732px; min-height:680px; float:left} #column_left_listing{width:724px; min-height:700px; float:left; position:relative; bottom:10px} .rsListing2{ width:616px; height:auto; margin:3px auto;} .rsL12{padding:10px; float:left; font-size:12px} .listMod{width:616px; height:201px; margin:auto; padding:2px; background:url(../images/lisMod.jpg); line-height:18px; font-size: 13px;} .listMod2{width:606px; height:21px; margin:20px auto; background:#5a94b9; color:#FFFFFF; padding:5px 0 0 10px; font-size: 12px;} .listMod2 a{color:#FFFFFF; text-decoration:none; padding:5px 3px} .listMod2 a:hover{ color:#BB0000} .listMA a{display:block; width:115px; background-color:#5a94b9; padding:4px 0; text-align:center; color:#FFFFFF; float:left; margin:0 2px; text-decoration:none; font-weight:bold} .listMA a:hover{background-color:#594c43; color:#213E82} .rlsBase{ padding:10px; background:#FFFFFF; float:left; height:170px} .rlsBase4{ width:395px; float:left; height:auto} .rlsBase2{ width:180px; float:left; padding:40px 5px 5px 25px; height:65px} .rlsBase3{ width:175px; float:left; padding:0px 5px 5px 5px; height:100px} .rsListing{ width:198px; height:auto; float:left; background:#5a94b9; font-size:18px; font-weight:bold; padding:0 10px} .rsL1{ width:208px; float:left; font-size:12px; color:#FFF; background-color:#5a94b9 } .rsL1 a{ font-size:12px; text-decoration:none; color:#6A5E52} .rsL1 a:hover{ color:#FFFFFF} .rsL2{ width:200px; float:left; background-color:#5a94b9; padding:2px 0 2px 4px; color:#FFF; text-align:left} .rsL2a{ width:210px; float:left; background-color:#5a94b9; padding:2px 0 2px 4px; color:#FFF; text-align:left} .rsL3{ width:80px; float:left; background-color:#5a94b9; padding:2px 0 2px 4px; color:#FFF; text-align:left} .list{ width:530px; padding:5px; border:1px solid #6A5E52; float:left; margin:0 0 5px 50px; height: 200px;} .list1{width:145px; height:100px; overflow:hidden; float:left} .list2{width:380px; height:110px; float:left; padding:0 0 5px 5px} .list2a{width:380px; float:left; background-color:#3d738b; text-align:center; font-size:14px; color:#FFFFFF; font-weight:bold; padding:3px 0} .list2b{width:380px; float:left; background-color:#3d738b; text-align:center; font-size:14px; color:#FFFFFF; font-weight:bold; padding:3px 0; margin:1px 0} .list2c{ width:150px; height:23px; float:left; border:1px solid #3d738b; text-align:center; font-size:20px; padding:10px; margin:1px} .mImage{width:615px; height:400px; margin:auto; padding:2px; border:1px solid #3d738b; overflow:hidden} .tImage{ width:615px; margin:10px auto 0 auto; border:1px solid #3d738b; padding:3px;} .list3{width:530px; height:75px; float:left} .list4{width:123px; height:42px; float:left; text-align:center} .list5{width:123px; height:33px; float:left; text-align:center; font-size:11px; padding:6px 0} #list_space{width: 100%; height: 300px; display: block; float: left;} .viewP{ width:650px; height:42px; text-align:center; margin-bottom:20px} .viewPText{ font-size:24px; padding:9px 0;} .viewP2{ width:600px; height:42px; text-align:center; margin-bottom:20px} .viewPText2{ font-size:24px; padding:9px 0;} #back a{display:block; width:100%; background-color:#3D3D5F; color:#FFFFFF; text-decoration:none; padding:3px 0; font-size:10px; text-align:center} /*TESTIMONIALS*/ .test{width:569px; height:auto; float:left; margin: 20px 50px} .testTop{width:569px; height:110px; float:left; background:url(../images/test_top.gif) no-repeat} .testBot{width:569px; height:56px; float:left; background:url(../images/test_bot.png) no-repeat} .testMid{width:569px; height:auto; float:left; background:url(../images/test_mid.png) repeat-y} .testCon{ padding:10px; color: #FFF;} .testName{width:446px; height:40px; float:left; padding-left:80px; font-size:20px; font-weight:bold; text-align: center;} #footer{width: 1024px; height: 151px; background: url(../images/footer.jpg) no-repeat} #footer2{width: 600px; min-height: 60px; margin: 0 auto; text-align: center; padding-top: 80px; color: #FFF; font-size: 14px;}