@charset "utf-8";

/* --- GLOBAL SITE SETTINGS ---*/

/*100% height page so bg image will stretch full height*/
html, body {
	height: 100%;
	padding:0;
	margin:0;
}
* html #wrap {
	height: 100%;
}

/*don't set background color/image here, user .body_class below */
body {
	margin:0;
	padding:0;
	font-size:13px;
	line-height:18px;
	color:#474646;
	font-family:Georgia, "Times New Roman", Times, serif;
} 

/*this is the browser window background FOR IMAGE: background-image:url(../images/siteAssets/bg_window.gif); background-repeat:repeat; */
.body_class {
	background-image:url(../images/siteAssets/bg_window.jpg); background-repeat:repeat-x;
	background-color: #ccc2af;
} 
/* --- END GLOBAL SITE SETTINGS ---*/




/* --- PAGE STRUCTURES/LAYOUTS --- */

/* **For centered page use: width:WIDTH OF PAGEpx; margin:0 auto;text-align:center; , **Use background image here if you want it to fill whole screen vertically */
#wrap {
	min-height: 100%;
	border:0;
	width: 1000px;
	margin: 0 auto;
	text-align:center;
	background-image:url(../images/siteAssets/bg_page.png);
	background-repeat:repeat-y;
} 
#page {
	width:1000px;
	height:auto;
	margin: 0;
	padding:0;
	text-align:left;
}
/*smoother page loads if you set header height, although not needed*/
#header {
	width:970px;
	height:102px;
	padding:0 15px;
} 
#contentWrap {
	width:970px;
	height:auto;
	padding:0 15px;
	margin:0;
}
#contentLeft {
	width:175px;
	float:left;
	display:block;
	margin:0;
}
#contentRight {
	width:744px;
	float:left;
	padding:25px;
	margin:0;
}
/*make the content stage a minimum height--ie keep the footer down*/
#contentMinHeight {
	width: 1px;
	height:450px;
	float:left;
}
/*if you need to graphically "wrap" the content with an image top, use this (like mitterealty.com) -- not displayed as default*/
#contentWrapTop {
	width:1000px;
	height:29px;
	display:none;
}
/*if you need to graphically "wrap" the content with an image bottom, use this (like mitterealty.com) -- not displayed as default*/
#contentWrapBot {
	width:1000px;
	height:74px;
	display:none;
}
/*for pages without left bar, use width:1000px;margin:0; --ie the left margin here is the width of the left column */
#foot {
	width:425px;
	margin:0 0 0 225px;
	padding:5px 0 15px 0;
	text-align:left;
	border-top:2px solid #7e3616;
}
#footCell { /*in case footer text needs to be wrapped in something inside #foot*/

}
/*don't change this*/
#preloadDiv {
	display:none;
}
/*in case you need to do anything special to the page title holder*/
#pageTitle {
	height:35px;
	display:block;
} 
/*this is the holder for the unique page stuff (ie newsletter entries, claudius,etc...) after CMS page content*/
.afterPageContent {
	display:block;
	margin-top:10px;
} 
/*dom added for real estate row*/
#headerContact{position:absolute;margin:82px 0 0 794px;font-size:11px; line-height:11px;color:#fff;font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
/* --- END PAGE STRUCTURES/LAYOUTS --- */






/* --- NAV LAYOUTS ---*/


/* TOP HEADER UL/LI INLINE NAVS */
#header {
	line-height:1px;
}
#header .nav {
	width:1000px;
	height:30px;
	text-align:right;
	background-color:#dddddd;
}
#header .nav ul, #header .nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
/*use something like these next three blocks for text navs -- comment them out for image nav*/
/**/
#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;
	background-repeat:repeat-x;
	background-image:url(../images/siteAssets/btn/btn_bg_nav.jpg);
	color:#525252;
	text-decoration:none;
	padding:0px 10px;
}
#header .nav li a:hover {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f2.jpg);
	color:#9c7101;
}
#header .nav li a .selected {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f3.jpg);
	color:#000;
	margin:0 -10px;
}
/**/



/* LEFT UL/LI BLOCK NAVS */
#contentLeft .nav {
}
#contentLeft .nav ul, #contentLeft .nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
/*use something like these next three blocks for text navs -- comment them out for image nav*/
/**/
#contentLeft .nav li a:link, #contentLeft .nav li a:active, #contentLeft .nav li a:visited, #contentLeft .nav li a:hover, #contentLeft .nav li .selected {
	margin:0 0 3px 0;
	display:block;
	width:155px;
	height:20px;
	padding:5px 10px;
	text-indent:10px;
	color:#fff;
	text-decoration:none;
	background-color:#7e3616;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:lowercase;
	text-align:right;
	font-size:15px;
}
#contentLeft .nav li a:hover {
	background-color:#b65d35;
}
#contentLeft .nav li .selected {
	margin:-5px 0 0 -10px;
	background-color:#b65d35;
}
/**/ 




/* FOOTER UL/LI INLINE NAVS */
#foot .nav {
}
#foot .nav ul, #foot .nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#foot .nav li a:link, #foot .nav li a:active, #foot .nav li a:visited, #foot .nav li a:hover, #foot .nav li .selected {
	display:inline;
	margin:0 5px;
}
#foot .nav li a:hover {
}
#foot .nav li .selected {
	color:#838383;
}

/* --- END NAV LAYOUT SCENARIOS ---*/




/* -- HEADLINES --- */
.large24head {
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	color:#7e3616;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	display:block;
	width:600px;
	border-bottom:solid 1px #7e3616;
	margin:0 0 10px 0;
}
.largehead {
	font-size:22px;
	line-height:25px;
	color:#7e3616;
}
.midhead {
	font-size:15px;
	font-weight:bold;
	color:#7e3616;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}
.smallhead {
	font-size:13px;
	font-weight:bold;
	color:#7e3616;

}
.redhead {
	color: #7e3616;
}
/* -- END HEADLINES --- */



/* --- TEXT --- */
.plaintext {
	font-size:12px;
	line-height:18px;
}
.bodytext {
	font-size:12px;
	line-height:18px;
}
.smalltext {
	font-size:10px;
}
#foot {
	color:#666;
	font-size:11px;
	line-height:16px;
}
/* --- END TEXT --- */




/* --- LINKS --- */
a:link, a:visited, a:active {
	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;
}
/* --- 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;
}

/*adds a dashed bottom border with margin/padding to look nice -- good for lists or page breaks*/
.padMarginDashed{
	padding-bottom:10px; 
	margin-bottom:10px; 
	border-bottom:dashed 1px #ccc2af;
}

/*embedded slideshows on pages like newsletters/neighborhoods/resources...*/
.slideshow {
	width:600px;
	height:550px;
	margin:15px auto;
	text-align:center;
} 
/*embedded listing links on pages like neighborhoods/projects...*/
.listingLinks {
	margin:10px 0px;
} 

/* --- 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;
}
/*if you use the quick search asset in a promoBox with promoBoxHead, hide the asset's quickSearchTitle */
.promoBoxContent .quickSearchTitle {
	display:none;
} 
.promoBoxContent {
	font-size:11px;
	padding:5px;
	text-align:center;
}
/* --- END PROMO BOXES --- */




/* --- FORMS --- */
form {
	margin:0;
	padding:0;
	display:inline;
}
select, input, textarea, .wordInput {
	background-color:#efe7d9;
	border:solid 1px #b65d35;
	padding:3px;
	font-size:12px;
	font-family:  Arial, Verdana, sans-serif;
	margin-bottom:2px;
}
input.gobtn, .gobtn, .gobtn:hover {
	cursor:pointer;
	background-color: #7e3616;
	border:solid 1px #7e3616;
	font-size: 10px;
	color: #fff;
	padding: 2px;
	margin-bottom:3px;
}
.gobtn:hover {
	background-color:#b65d35;
}

/*round buttons -- use this if you want rounded submit buttons in non-IE browsers*/
input.gobtn, .gobtn, .gobtn:hover {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px 2px 5px;
}
/* quick search zoom:1 is IE hack*/
.quickSearch{padding:10px;}
.quickSearchTitle{display:block;width:100%; border-bottom:solid 1px #7e3616;margin: 10px 0;}
.quickSearchEntry {margin-bottom:3px;font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.quickSearch .formLabel{zoom:1;display:inline-block;width:80px;font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.quickSearch .formInput{zoom:1;display:inline-block;width:50px;}
.quickSearch .formInput select{padding:1px;font-size:11px;width:80px;}
.quickSearch form {display:block; margin-bottom:20px;}
/* --- END FORMS --- */



/* ---LD SEARCH STUFF --- */
select.box {
	width: 150px;
}
select.100 {
	width: 85px;
}
input.85 {
	width: 85px;
}
input.40 {
	width: 40px;
}
table.cart {
	border:0;
}
table.cart td {
	padding: 10px;
	border:0;
}
/*overwrite the <td bgcolor="#666"> use in detail page slideshow*/
table td {
	background-color:#fff;
} 
table.plaintext td {width:auto;}
table.plaintext td ul li{width:200px;}
/* --- END LD SEARCH STUFF --- */






/* ---UNIQUE PAGE LAYOUTS ---*/

/* homepage: set these if your homepage has different layout than secondary pages*/
#body_home #wrap {
	background-image:url(../images/siteAssets/bg_page_home.png); 
}
#body_home #pageTitle {
	width:525px;margin-top:25px;
}
#body_home .col1{
	width:525px;margin-right:55px;float:left;
}
#body_home .col2 {
	width:189px;float:left;margin-top:-60px;
}
#body_home #contentRight {
	width:769px;
	padding-right:0px;
	padding-top:0px;
}

/* claudius: set these if your mapsearch has different layout than other pages*/
#body_mapsearch #contentWrap {
}
#body_mapsearch #contentLeft {
}
#body_mapsearch #contentRight {
}



/* add more here if needed*/

/* ---END UNIQUE PAGE LAYOUTS ---*/





/* --- CMS ASSETS ---*/


/* contact form asset */
/* block for contact text above form*/
#contactInfo {
	display:block;
	margin-bottom:10px;
}
/*wrapper of contact form iframe, wrapper of table inside iframe -- be sure to set the height here or form may be cut off*/
#contactForm, #formStage {
	width:600px;
	height:450px;
	background:none transparent;
}
/*the table holding the form fields */
.formTable td {
	padding:3px;
}
/* the td of the form label*/
.formLabel {
} 
/*the td of the form input*/
.formInput {
} 
/*the captcha table*/
.captchaTable {
	font-size:11px;
	line-height:11px;
	margin:10px 0;
}
.captchaTable td {
	padding:2px;
}
.wordInput {
	width:50px;
}
/* end contact form asset*/


/*newsletter/neighborhoods/buyers-sellers, etc.. right nav pages*/
/*the posts stage*/
#nlContent {
} 
/*headline for category*/
.catHead {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
} 
/*wraps one post*/
#nlContent .post {
	margin-bottom:25px;
}
/*class for the post title*/
.postHead {
	font-size:15px;
	line-height:18px;
	font-weight:bold;
} 
/*class for byline under title*/
.postByline {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	font-style:italic;
} 
/*class for the post subtitle*/
.postSubHead {
}
/*wrap the text of the post*/
.postContent {
}
/*class for the post credit*/
.postCredit {
	display:block;
	width:594px;
	background-color:#ebe5e5;
	padding:3px;
	font-size:10px;
} 
/* side bar nav*/
#nlSubNav {
	float:right;
	width:150px;
} 
.nlSubNavHead {
	font-weight:bold;
	display:block;
	margin-bottom:3px;
}
#nlSubNav li a, #nlSubNav li a:link, #nlSubNav li a:active, #nlSubNav li a:visited, #nlSubNav li a:hover, #nlSubNav li .selected {
	display:block;
	padding:2px;
	text-indent:2px;
	text-decoration:none;
	color:#533c19;
}
#nlSubNav li a:hover {
	background-color:#e8ecd3;
	color:#533c19;
}
#nlSubNav li .selected {
	background-color:#f0eaea;
	color:#000;
}
/* end newsletter/neighborhoods/buyers-sellers, etc.. right nav pages*/




/*wordpress -- these are mapped like the above newsletter*/
/*the wordpress stage --with subnav*/
#content {
	margin:0;
	padding:0;
}
 /*the wrapper for the wordpress posts stage*/
.narrowcolumn {
	float: left;
	padding: 0;
	margin: 0;
	width: 600px;
}
/*the wrapper for the wordpress posts stage with no side bar nav -- ie comments page*/
.widecolumn {
	width:650px;
}
/*headline for category */
.pagetitle {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:0;
	padding:0;
} 
/*this displays the "older entries/newer entries" sub link under archive title*/
.navigation {
	display: none;
}
/*wraps one post*/
.narrowcolumn .post {
	margin-bottom:25px;
}
/*class for the post title*/
.post h2, .post h3 {
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	padding:0;
	margin:0;
} 
.post h2 a:link, .post h2 a:active, .post h2 a:visited, .post h2 a:hover, .post h3 a:link, .post h3 a:active, .post h3 a:visited, .post h3 a:hover {
	color:#333;
}
 /*class for byline under title*/
.post small {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	font-style:italic;
}
/*wrap the text of the post*/
.post {
	margin: 0;
	text-align: justify;
} 
/*class for the post credit*/
.post .postmetadata {
	display:block;
	width:594px;
	background-color:#ebe5e5;
	padding:3px;
	font-size:10px;
} 
/* wrapper for side bar nav*/
#sidebar {
	padding: 0;
	margin-left: 620px;
	width: 150px;
}
#sidebar h2 {
	font-weight:bold;
	display:block;
	margin:8px 0 0 0;
	font-size:12px;
}
#sidebar ul ul li a:link, #sidebar ul ul li a:active, #sidebar ul ul li a:visited, #sidebar ul ul li a:hover, #sidebar ul ul li .current-cat {
	display:block;
	padding:2px;
	text-indent:2px;
	text-decoration:none;
	font-size:11px;
}
#sidebar li a:link, #sidebar li a:active, #sidebar li a:visited {
	color:#533c19;
}
#sidebar li a:hover {
	background-color:#e8ecd3;
	color:#533c19;
}
/*sidebar currently selected cataegory*/
#sidebar li .current-cat {
	background-color:#f0eaea;
	color:#000;
}
#sidebar #searchsubmit {
	cursor:pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px 2px 5px;
	margin:5px 0 15px 0;
}
/* end wordpres blog*/





/*testimonials page*/
.testimonials {
	width:700px;
}
.testimonialsText {
}
.testimonialAuthor {
	text-indent:25px;
	margin:10px 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:dashed 1px #cbcbcb;
}


/*links page*/
.catTitle {
}
.links {
	margin-bottom:20px;
}
.link {
}
.linkDescription {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:dashed 1px #dddddd;
	font-size:11px;
	line-height:13px;
}


/*nonNWMLS listings/rentals page*/
/*wraps the category title and categories subnav*/
.catWrap {
	display:block;
	margin-bottom:15px;
}
.catTitle {
	text-decoration:underline;
	display:inline;
}
/*wraps all the listings in the page*/
.listings {
}
/* one listing --zoom:1 is an IE hack --keep it*/
.listing {
	zoom:1;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:dashed 1px #dddddd;
}
/* the flash slideshow and blurb bar on the detail pages*/
.listingSlideshowBar {
	display:block;
	margin-top:10px;
}
/* the html pic on the pickpage*/
.listingPic .thumb {
	border:solid 1px #000;
}
.listingPic {
	display:inline;
	float:left;
}
/* the text blurb to right of pic*/
.listingBlurb {
	display:inline;
	float:left;
	margin-left:15px;
}
/*the two blocks of contnet under the pic/blurb*/
.listingDetails, .listingComments {
	display:block;
	margin-top:20px;
}
/*top subnav for categories*/
.catNav {
	display:inline;
	margin-left:15px;
}
.catNav ul, .catNav li {
	display:inline;
	margin:0;
	padding:0;
}
.catNav li a:link, .catNav li a:active, .catNav li a:visited, .catNav li a:hover {
	padding:3px;
	background-color:#f5f3f3;
	border:solid 1px #dddddd;
	font-size:10px;
}
/* end non nwmls listings apge*/


/*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 --- */





/* --- LD SEARCH / STATIC ASSETS ---*/

/*resources page*/
/*bold topic in click-expand pages*/
.handcursor, .handcursor:hover {
	display:block;
	margin:5px 0;
	background-color:#efe7d9;
	border:solid 1px #b65d35;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
} 
.handcursor:hover {
	background-color:#ea9223;
	border:solid 1px #7e3616;
	color:#fff;
}
/*the plus/minus in click-expand pages*/
.status {
}
/*the expanded text body in click-expand pages*/
.switchgroup {
} 
/*end resources*/



/* claudius */
/*main wrapper*/
.content_style {
	border-color:#b65d35;
}
.infobox {
	border:solid 3px #f2a42a;
}
.alertbox {
	line-height:16px;
	border-color:#7e3616;
}
.maintabs {
}
/*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li a,.maintabs li a:link,.maintabs li a:visited,.maintabs li a:active {
	background-image:none; background-color:#ea9223;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px;
	color:#fff;
	text-transform:lowercase;
} 
/*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li a:hover, .maintabs li.selected a:hover {
	background-color:#f2a42a;
	border-color:#b65d35;
} 
/*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li.selected a {
	border-color:#7e3616;
} 

/*focus bar*/
.focusbar {
	line-height:15px;
	border-color:#b65d35;
}


.focusbar_head {
}
.focusfields {
	padding:1px;font-size:10px;margin:0 3px 0 0;
}
/*refine bar*/
.refinebar {
	line-height:15px;
	border-color:#b65d35;
}
.refinebar_head {
}
/*page sub tabs */
a.tab {
}
a.tab:hover,a.stab:hover  {
	background-color:#f2a42a;
	border-color:#b65d35;
	color:#fff;
}
/*selected page sub tab*/
a.stab {
}

/* end claudius*/


/* --- LD SEARCH / STATIC 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%;
}