@charset "utf-8";
/* --- GLOBAL SITE SETTINGS ---*/
html, body {padding:0;	margin:0;}
body,table td {font-size:13px; line-height:20px;color:#333333;font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;} 
.body_class {background:url(/images/siteAssets/bg_page.gif) repeat-y #e0e0e0;} 
/* --- END GLOBAL SITE SETTINGS ---*/

/* --- PAGE STRUCTURES/LAYOUTS --- */
#wrap{border:0;width:1000px;margin:0;text-align:left;} 
#page {width:1000px;height:auto;margin:0;padding:0;}
#header {width:1000px;} 
#contentWrap {width:1000px;	height:auto;}
#contentLeft {width:175px;float:left;display:block;}
#contentRight {width:775px;float:left;padding:25px;}
#contentMinHeight {width: 1px;height:650px;	float:left;margin-left:-1px;}
#contentWrapTop {width:1000px;height:29px;display:none;}
#contentWrapBot {width:1000px;height:74px;display:none;}
#contentColWide{float:left;width:570px;margin:0 20px 0 0;}
#contentColNarrow{float:left;width:180px;}
#foot{width:825px;margin-left:175px;padding:10px 0px;text-align:center; background-color:#e9f6fa; border-top: solid 1px #e3eaee;}

#footCell {}
#preloadDiv {position:absolute;z-index:2;top:0;visibility:hidden;}
#pageTitle {display:block;margin-bottom:10px;} 
.afterPageContent {	display:block;	margin-top:10px;} 
/* --- END PAGE STRUCTURES/LAYOUTS --- */

/* ---UNIQUE PAGE LAYOUTS ---*/
#body_home #header {}
#body_home #contentWrap {}
#body_home #contentLeft {}
#body_home #contentRight {}

#body_search .overlayWrap{width:760px !important; overflow:hidden;}
#body_search #pano{width:760px !important;overflow:hidden;}
/* ---END UNIQUE PAGE LAYOUTS ---*/

/*rentals */
.oneRental{width:775px;margin:0 0 30px 0; padding:0 0 20px 0;border-bottom:dashed 1px #cbcbcb;}
.picsDetails{width:775px;}
.pics{width:420px;float:left;}
.details{width:355px;float:left;}
.comments{width:775px;}

/* --- NAV LAYOUTS ---*/
/* TOP HEADER UL/LI INLINE NAVS */
#header .nav {width:825px;height:30px;text-align:right;background:#277189; margin:0 0 0 175px;}
#header .nav ul, #header .nav li {margin:0;	padding:0;list-style:none;display:inline;}
#header .nav li a:link, #header .nav li a:active, #header .nav li a:visited, #header .nav li a:hover, #header .nav li a .selected {display:inline-block;margin:0;height:30px;line-height:30px;font-size:13px;font-weight:bold;color:#fff;text-decoration:none;padding:0px 15px;font-weight:normal;}
#header .nav li a:hover {background-color:#2f93b4;color:#fff;}
#header .nav li a .selected {background-color:#2f93b4;color:#fff;margin:0 -15px;}
/**/

/*left nav*/
#contentLeft{line-height:1px;}
#contentLeft .nav {padding:4px 4px 5px 4px;margin:0px 0px 17px 1px;width:157px; background-image:url(http://dev.artvanderwel.com/images/siteAssets/bg_leftNav.png); background-repeat:repeat-y; }
#contentLeft .nav ul{margin:0;padding:0;list-style:none;color:#fff;}
#contentLeft .nav li {padding:0;margin:0px 0px 0px 11px;line-height:18px;font-size:12px; }
#contentLeft .nav li a:link, #contentLeft .nav li a:active, #contentLeft .nav li a:visited,#contentLeft .nav li a:hover,#contentLeft .nav li .selected {text-decoration:none;color:#fff;display:block;padding-left:13px;}
#contentLeft .nav li a:hover{text-decoration:none;color:#fff; background-color:#36aad0;} 
#contentLeft .nav li .selected {background-color:#257893;color:#fff;margin-left:-13px;}
#contentLeft .quickSearch {padding-left:16px;margin-top:-17px;}

#contentLeft .nav ul ul{margin:0;padding:0;list-style:none;color:#fff;}
#contentLeft .nav ul ul li {padding:0;margin:0px 0px 0px 11px;line-height:18px;font-size:10px; }
#contentLeft .nav ul ul li a:link, #contentLeft .nav ul ul li a:active, #contentLeft .nav ul ul li a:visited,#contentLeft .nav ul ul li a:hover,#contentLeft .nav ul ul li .selected {text-decoration:none;color:#fff;display:block;padding-left:23px;}
#contentLeft .nav ul ul li a:hover{text-decoration:none;color:#fff; background-color:#36aad0;} 
#contentLeft .nav ul ul li .selected {background-color:#257893;color:#fff;margin-left:-13px;}

/* DROP DOWN MENU LINKS */
.droplink{}
.droplinks{position: absolute;left: 0;top: 0;visibility: hidden;width: 200px; border: 1px solid #9c9898;border-bottom-width: 0;background-color:#e4e3e3;z-index: 100;}
.droplinks ul{margin: 0;padding: 0;list-style-type: none;}
.droplinks ul li a,.droplinks ul li a:link,.droplinks ul li a:active,.droplinks ul li a:visited,.droplinks ul li a:hover{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid #9c9898;padding: 1px 0;text-decoration: none;font-weight: bold;text-indent: 5px;}
.droplinks a:hover{background: #d8d4d4;}
.selectedanchor{background: #d8d4d4;}
.droplinksshadow{position: absolute;left: 0;top: 0;z-index: 99;background: black;visibility: hidden;}
/**/ 


/*for subnavs in the pageTitle, ie mlsplus*/
.listingsSubnav ul {display:block;list-style:none; margin:0 0 15px 0;padding:0;}
.listingsSubnav li {display:block;height:25px;line-height:25px;margin: 0 20px 0 0;padding:0; display:inline;font-size:12px;}
.listingsSubnav li.selected {text-decoration:underline;line-height:25px;}
/* --- END NAV LAYOUT SCENARIOS ---*/


/* -- HEADLINES --- */
.large24head {font-size:17px;line-height:28px;color:#034463;font-weight:normal;}
.largehead{font-size:22px;line-height:28px;color:#034463;font-weight:normal;text-transform:uppercase; letter-spacing:.2em;}
.midhead{font-size:14px;line-height:22px;color:#034463;font-weight:bold;text-transform:uppercase; letter-spacing:.1em; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}
.smallhead{font-size:13px;font-weight:bold;}
.pageTitle{display:block;margin-bottom:15px;}
/* -- END HEADLINES --- */


/* --- TEXT --- */
.plaintext {font-size:12px;line-height:18px;}
.bodytext {font-size:12px;line-height:18px;}
.smalltext {font-size:10px;}
#foot{color:#4a4a4a;font-size:10px;line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.accent{font-size:13px;letter-spacing:1px;line-height:19px;}
/* --- END TEXT --- */


/* --- LINKS --- */
a,a:link, a:visited, a:active {cursor:pointer;color:#9c7101;text-decoration:none;}
a:hover {color:#9c7101;text-decoration:underline;}
#foot a:link, #foot a:active, #foot a:visited {text-decoration:none;color:#333333;}
#foot a:hover {text-decoration:underline;color:#9c7101;}
.imgLink{display:block;margin-bottom:18px;}
/* --- END LINKS --- */


/* --- COMMON DOM ELEMENTS TO REUSE --- */
.fullWidth {display:block;width:100%;}
.floatLeft {float:left;}
.floatRight {float:right;}
.thumb {border:solid 1px #999;}
.thumb:hover {border:solid 1px #666;}
.marginRight{margin-right:15px;}
.marginLeft{margin-left:15px;}
.padRight{padding-right:15px;}
.padLeft{padding-left:15px;}
.slideshow {width:600px;height:550px;margin:15px auto;text-align:center;} 

/*FULL PAGE LISTS, ie testimonials, resources,*/
ul.pageList, ul.pageList li.pageList {margin:0;padding:0;list-style:none;}
ul.pageList li.pageList {margin-bottom:20px;padding-bottom:20px;border-bottom:dashed 1px #cbcbcb;}
.credit{display:block;margin:15px 0;font-style:italic;}

/* PAGES WITH EZ MOD SUBNAVS ie newsletter, neighborhoods, buyers/sellers, news*/
.onePost{margin-bottom:20px;padding-bottom:20px;border-bottom:dashed 1px #cbcbcb;}
.post{}
.postByline{display:block;font-style:italic;margin-bottom:10px;}
.postCredit {display:block;width:96%;background-color:#ebe5e5;padding:0 2%;font-size:10px;line-height:25px;margin:10px 0;}
.files{margin:10px 0;}

.subnav {margin-bottom:20px;}
.subnav ul, .subnav li {padding:0;margin:0;list-style:none;}
.subnav li a, .subnav li a:link, .subnav li a:active, .subnav li a:visited, .subnav li a:hover, .subnav li .selected {display:block;padding:3px;text-decoration:none;color:#533c19;}
.subnav li a:hover {background-color:#e8ecd3;color:#533c19;}
.subnav li .selected {background-color:#f0eaea;color:#000;margin:-3px;}
/* --- END COMMON DOM ELEMENTS TO REUSE --- */


/* --- PROMO BOXES --- */
.promoBox {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color:#f5f3f3;border:solid 1px #dddddd;padding:10px;margin-bottom:10px;}
.promoBoxHead {font-size:13px;font-weight:bold;background-color:#e7e4e4;padding:6px;text-align:center;}
.promoBoxContent .quickSearchTitle {display:none;} 
.promoBoxContent {font-size:11px;padding:5px;text-align:center;}
/* --- END PROMO BOXES --- */


/*resources page*/
.handcursor, .handcursor:hover {display:block;margin:5px 0;padding:3px;background-color:#f5f3f3;border:solid 1px #dddddd;} /*bold topic in click-expand pages*/
.handcursor:hover {background-color:#e9e4e4;border:solid 1px #f95252;}
.status {}/*the plus/minus in click-expand pages*/
.switchgroup {} /*the expanded text body in click-expand pages*/
/*end resources*/


/* --- FORMS --- */
form {margin:0;padding:0;display:inline;}
select, input, textarea, .wordInput,input.gobtn, .gobtn, .gobtn:hover  {background-color:#ecebeb;border:solid 1px #034463; padding:3px;text-indent:3px;color:#096b98;font-size:11px;font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
input.gobtn, .gobtn, .gobtn:hover {cursor:pointer}
.gobtn:hover{background-color:#c6dfe7;}
/* quick search*/
#startSearchInput {width:320px;display:inline;}
#contentLeft #startSearchInput {width:115px;display:inline;margin:5px 0;}
.inlineWrap {display:inline;margin-right:3px;}
#contactInfo {display:block;margin-bottom:10px;}
#contactForm, #formStage {width:450px;height:350px;background:none transparent;}
#buyersForm{display:block;height:500px;}
#sellersForm{display:block;height:580px;}
.formTable td {padding:3px;}
.formLabel {} 
.formInput {} 
.captchaTable {font-size:11px;line-height:11px;margin:10px 0;}
.captchaTable td {padding:2px;}
.wordInput {width:50px;}
.smSearch {width:250px;text-align:center;}
.smSearch #startSearchInput {width:150px;display:inline;margin:5px;text-align:center;}
/* --- END FORMS --- */



/*HTML PICKPAGE PAGE*/
.listings {}
.pickpage .oneListing {}
.pickpage .listingPic {}
.pickpage .listingText,.pickpage .listingDetails{}
.pickpage .pricebedbathsize {}
.pickpage .addressstatusln {}
.pickpage .listingRemarks {}
/*END HTML PICKPAGE PAGE*/

/*HTML DETAIL PAGE*/
.detailpage .oneListing{width:775px;}
#overviewWrap{}
.detailpage .listingTitle {}
.detailpage .listingPic {}
.detailpage .largePhotoWrap{width:402px;height:300px;overflow:hidden;}
.detailpage #thumbNails {}
.detailpage #thumbNails img {}
.detailpage .listingText,.detailpage .listingDetails {}
.detailpage .pricebedbathsize {}
.detailpage .addressstatusln {}
.detailpage .openHouse {}
.detailpage .listingRemarks,.detailpage .listingHistory,.detailpage .listingFeatures {}
.detailpage .nav {}
.detailpage .nav ul{}
.detailpage .nav li{}
.detailpage .nav li a,.detailpage .nav li a:link,.detailpage .nav li a:active,.detailpage .nav li a:visited, .detailpage .nav li a:hover{}
.col1,.col2{font-size:11px;padding-right:15px;width:160px;}
#body_listings .overlayWrap{width:775px !important; overflow:hidden;}
#body_listings #pano{width:775px !important;overflow:hidden;}
/*END HTML DETAIL PAGE*/


/*agent roster*/
/*agent pickpage*/
.agentsWrap {}
.agentRow {border-bottom:dashed 1px #ccc;}
.agentCell {font-size:11px;line-height:15px;}
.rowOdd {background-color:#efefef;}
.rowEven {}
.agentCell .agentPic {}
.agentCell .agentText {}
.agentCell .agentName {}
.agentCell .agentTitle {}
.agentCell .smalltext {}
/*the search/sort controls*/
.agentControls {}
.agentControls .sortDrop {}
.agentControls select {}
.agentControls .agentSearch {}
.agentControls input {}
/* end agent pickpage*/

/*agent detail page*/
.agentWrap {}
.agentWrap .agentDetail {}
.agentWrap .agentDetail .agentPic {}
.agentWrap .agentDetail .agentText {}
.agentWrap .agentDetail .agentName {}
.agentWrap .agentDetail .agentTitle {}
.agentWrap .agentDetail .smalltext {}
.agentWrap .agentBio {}
.agentWrap .listingsDisplayTitle {border-bottom:dashed 1px #ccc;}
.agentWrap .listingsDisplayTitle b {font-weight:normal;}
.agentWrap .listingsDisplay a.viewLink:link, .agentWrap .listingsDisplay a.viewLink:visited, .agentWrap .listingsDisplay a.viewLink:active, .agentWrap .listingsDisplay a.viewLink:hover {background: #b8b8b8;}
.agentWrap .listingsDisplay a.viewLink:hover {background: #9b9b9b;}
.agentWrap .listingsDisplay {}
.agentWrap .featuredWrap {}
.agentWrap .soldWrap {}
.agentWrap .listingsWrap {}
.agentWrap .listingsWrap .oneListing {}
.agentWrap .listingsWrap .oneListing .accent {}
.agentWrap .contactForm {}
.captchaTable td {}
#contactFormFrame {}
/* end agent detail*/
/*end agent roster*/
/* --- END CMS ASSETS --- */


/* --- FIXES --- */
/* don't mess with this*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: .1%;}