@charset "utf-8";

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

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


/*don't set background color/image here, user .body_class below */
body, table td {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:19px;
	color:#222222;
	font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
} 

/*this is the browser window background FOR IMAGE: background-image:url(../images/siteAssets/bg_window.gif); background-repeat:repeat; */
.body_class {
	background-color: #2c4566;
	background-image:url(../images/siteAssets/bg_window.gif); background-repeat:repeat;
} 
/* --- 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 {
	border:0;
	width: 866px;
	margin: 0 auto;
	text-align:center;
	background-image:url(../images/siteAssets/bg_page.gif);
	background-repeat:repeat-y;
} 
#page {
	width:860px;
	height:auto;
	margin:15px auto 20px auto;
	padding:2px;
	text-align:left;
	border:solid 1px #47657f;
	background-color:#2e4033;
}
/*smoother page loads if you set header height, although not needed*/
#header {
	width:860px;
	height:251px;
} 
#contentWrap {
	width:860px;
	height:auto;
	background-image:url(../images/siteAssets/bg_page.jpg); background-repeat:repeat-y;
}
#contentLeft {
	display:none;
}
#contentRight {
	width:738px;
	float:left;
	padding:30px 60px;
}
/*make the content stage a minimum height--ie keep the footer down*/
#contentMinHeight {
	width: 1px;
	height:500px;
	float:left;
}
/*if you need to graphically "wrap" the content with an image top, use this (like mitterealty.com) -- not displayed as default*/
#contentWrapTop {
	display:none;
}
/*if you need to graphically "wrap" the content with an image bottom, use this (like mitterealty.com) -- not displayed as default*/
#contentWrapBot {
	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:800px;
	margin:0;
	padding:15px 30px;
	text-align:center;
	background-color:#114210;
	background-image:url(../images/siteAssets/bg_foot.jpg); background-repeat:repeat-x;
}
#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, .sectionHead {
	display:block;
	width:740px;
	padding-bottom:6px;
	border-bottom:solid 1px #222222;
	margin-bottom:10px;
} 
/*this is the holder for the unique page stuff (ie newsletter entries, claudius,etc...) after CMS page content*/
.afterPageContent {
	display:block;
	margin-top:25px;
} 
.contactStrip{
display:block; margin:0;padding:0;width:860px; height:29px;background-image:url(../images/siteAssets/bg_contactStrip.jpg); background-repeat:no-repeat;font-size:12px;line-height:29px;text-align:center;color:#020f02;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:860px;
	height:32px;
	text-align:center;
	background-image:url(../images/siteAssets/btn/btn_bg_nav.jpg); background-repeat:repeat-x;
	color:#589856;
}

/*use something like these next three blocks for text navs -- comment them out for image nav*/
/**/
#header .nav a:link, #header .nav a:active, #header .nav a:visited, #header .nav a:hover, #header .nav a .selected {
	display:inline-block;
	margin:0;
	height:32px;
	line-height:32px;
	font-size:12px;
	color:#ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-decoration:none;
	padding:0px 10px;
}
#header .nav a:hover {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f2.jpg);
	background-repeat:repeat-x;
}
#header .nav a .selected {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f2.jpg);
	background-repeat:repeat-x;
	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;
	display:block;
	width:160px;
	height:20px;
	padding:5px;
	text-indent:10px;
	background-repeat:repeat-x;
	background-image:url(../images/siteAssets/btn/btn_bg_nav.jpg);
	color:#525252;
	text-decoration:none;
}
#contentLeft .nav li a:hover {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f2.jpg);
	color:#9c7101;
}
#contentLeft .nav li .selected {
	margin:-5px 0 0 -5px;
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f3.jpg);
	color:#000;
}*/
/**/ 




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

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




/* -- HEADLINES --- */
.large24head {
	font-size: 24px;
	color: #496131;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-top: 15px;
}
			
.largehead {font-size:19px;font-weight:normal;color:#021101;text-decoration: none;}
			
.midhead {
	font-size: 15px;
	color: #496131;
	font-weight: bold;
}
			
.smallhead {
	font-size: 12px;
	color: #496131;
	font-weight: bold;
}
	
.redhead {
	font-size: 12px;
	color: #CC0033;
}
/* -- END HEADLINES --- */



/* --- TEXT --- */
.plaintext, .bodytext {
	font-size: 12px;
	color: #000000;
}

.smalltext, table.smalltext td {
	font-size: 11px; line-height:13px;
	color: #000000;
}
#foot {
	color:#fff;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
}
/* --- END TEXT --- */




/* --- LINKS --- */
a:link, a:visited, a:active {
	color:#2e4033;
	text-decoration:none;
}
a:hover {
	color:#2e4033;
	text-decoration:underline;
}
#foot a:link, #foot a:active, #foot a:visited {
	text-decoration:none;
	color:#fff;
}
#foot a:hover {
	text-decoration:underline;
	color:#fff;
}
.contentStrip a:link, .contentStrip a:active, .contentStrip a:visited, .contentStrip a:hover {
color:#020f02; text-decoration:none;
}
.contentStrip a:hover{text-decoration:underline;}
/* --- END LINKS --- */




/* --- COMMON DOM ELEMENTS TO REUSE --- */
.fullWidth {
	display:block;
	width:100%;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.thumb  {
	border:solid 1px #49625e;
}
.thumb:hover {
	border:solid 1px #6ed36c;
}
.alignCenter{
	text-align:center;
}
.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}
/*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 {
	padding:10px;
	margin-bottom:10px;
	border-bottom:dashed 1px #47657f;
}
.promoBoxHead {
	font-size:15px;
	font-weight:normal;
	padding:6px;
	text-align:center;
	color:#2e4033;
	letter-spacing:1px;
}
/*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:#e8f5fc;
	border:solid 1px #47657f;
	padding:3px;
	font-size:12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
input.gobtn, .gobtn, .gobtn:hover {
	cursor:pointer;
	background-color: #47657f;
	border:solid 1px #47657f;
	font-size: 10px;
	color: #fff;
	padding: 2px;
	margin-bottom:3px;
}

/*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 - in case you need to mess with any of these*/
.quickSearch{padding:10px;}
.quickSearchTitle{}
.quickSearchEntry {} /*one 'row' of label and input field*/
.quickSearch .formLabel{}
.quickSearch .formInput{}
.quickSearch .formInput select{}
.quickSearch form {}
/* --- 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: none transparent !important;
	background-color: none !important;
} 
/* --- END LD SEARCH STUFF --- */






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

/* homepage: set these if your homepage has different layout than secondary pages*/
#body_home #header {
}
#body_home #contentWrap {
}
#body_home #contentLeft {
}
#body_home #contentRight {
}
.featListingsWrap {display:block; margin-bottom:20px;}
.featListingsWrap b {display:block;width:190px;font-size:12px;margin:5px 0 -10px 0;}

/* 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:450px;
	height:350px;
	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 {
	width:740px;
	
} 
/*headline for category*/
.catHead {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
} 
/*wraps one post*/
#nlContent .post {
	margin-bottom:25px;
	text-align:left;
}
/*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 {
display:block;
float:left;
}
/*class for the post credit*/
.postCredit {
	display:block;
	width:594px;
	background-color:#ebe5e5;
	padding:3px;
	font-size:10px;
} 
/* side bar nav*/
#nlSubNav {
	display:block;
	width:100%;
	margin-left:0px;
} 
.nlSubNavHead {
	font-weight:bold;
	display:block;
	margin-bottom:3px;
}
#nlSubNav ul, #nlSubNav li {margin:0;padding:0;display:inline; list-style:none;}
#nlSubNav ul {display:block;margin:0px 0 20px 0px;border-left:solid 1px #c0cdbf;}

#nlSubNav li a, #nlSubNav li a:link, #nlSubNav li a:active, #nlSubNav li a:visited, #nlSubNav li a:hover, #nlSubNav li .selected {
	display:inline-block;
	padding:0px 10px;
	text-decoration:none;
	color:#275b24;
	margin:0;
	border-right:solid 1px #c0cdbf;
	font-size:14px;
}
#nlSubNav li a:hover {
	color:#8b6428;
}
#nlSubNav li a .selected {
	color:#000;
	margin:0 -10px;
	border-right:0;
}
/* 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;
	padding:3px;
	background-color:#f5f3f3;
	border:solid 1px #dddddd;
} 
.handcursor:hover {
	background-color:#e9e4e4;
	border:solid 1px #f95252;
}
/*the plus/minus in click-expand pages*/
.status {
}
/*the expanded text body in click-expand pages*/
.switchgroup {
} 
/*end resources*/



/* claudius */
/*main wrapper*/
.content_style {
}
.infobox {
}
.alertbox {
	line-height:16px;
}
.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 {
} 
/*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li a:hover {
} 
/*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li.selected a {
} 
.maintabs li.selected a:hover {
}
/*focus bar*/
.focusbar {
	line-height:15px;
}
.focusbar_head {
}
.focusfields {
}
/*refine bar*/
.refinebar {
	line-height:15px;
}
.refinebar_head {
}
/*page sub tabs */
a.tab {
}
a.tab:hover {
}
/*selected page sub tab*/
a.stab {
}
a.stab:hover {
}
/* 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%;
}