@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:12px;
	line-height:18px;
	color:#333333;
	font-family: 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: #d9dcc5;
} 
/* --- 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: 100%;
	margin: 0;
	text-align:left;
	
} 
#page {
	width:990px;
	height:100%;
	margin: 0;
	padding:0;
	background-image:url(../images/siteAssets/bg_page.gif);
	background-repeat:repeat-y;
	border-right:solid 1px #666666;
}
/*smoother page loads if you set header height, although not needed*/
#header {
	width:990px; height:137px;
	background-image:url(../images/siteAssets/bg_header.gif); background-repeat:repeat-x;
} 
#contentWrap {
	width:990px;
	height:auto;
	border-bottom:solid 30px #8ba6ca;
}
#contentLeft {
	width:175px;
	float:left;
	display:block;
	padding-top:25px;
}
#contentLeft .quickSearch{padding:0 0 0 25px;}
#contentRight {
	width:734px;
	float:left;
	padding:40px;
}
/*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:990px;
	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:990px;
	height:74px;
	display:none;
}
/*for pages without left bar, use width:990px;margin:0; --ie the left margin here is the width of the left column */
#foot {
	background-color:#d9dcc5;
	border-top:solid 1px #666666;
	width:991px;
	margin:0;
	padding:20px 0;
	text-align:center;
}
#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 {
	display:block;
	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:10px;
} 
/* --- END PAGE STRUCTURES/LAYOUTS --- */






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


/* TOP HEADER UL/LI INLINE NAVS */
#header {

}
#header .nav {
	width:965px;
	height:50px;
	text-align:right;
	background-color:#fff;
	border-bottom:solid 7px #8ba6ca;
	padding:0 25px 0 0;
}
#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 a:link, #header .nav a:active, #header .nav a:visited, #header .nav a:hover, #header .nav a .selected {
	display:inline-block;
	margin:0;
	height:50px;
	line-height:50px;

	color:#666e42;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
}
#header .nav a:hover {
	color:#bf2e1a;
	text-decoration:underline;
}
#header .nav a .selected {
	color:#bf2e1a;
/*	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;
}
#contentLeft .nav ul{
	margin-bottom:40px;
}

/*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 8px 0;
	display:block;
	width:120px;
	padding:0 0 0 35px;
	background-repeat:no-repeat;
	background-image:url(../images/siteAssets/btn/btn_bg_nav.gif);
	background-position:left top;
	color:#5e6639;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#contentLeft .nav li a:hover {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f2.gif);
	color:#bf2e1a;
}
#contentLeft .nav li .selected {
	margin: 0 0 0 -35px;
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f3.gif);
	color:#bf2e1a;
}
/**/ 




/* 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:24px;
	line-height:28px;
	color:#bf2e1a;
}
.largehead {
	font-size:22px;
	line-height:25px;
	color:#666e42;
}
.midhead {
	font-size:17px;
	font-weight:normal;
	letter-spacing:1px;
	color:#6c668a;
}
.smallhead {
	font-size:13px;
	font-weight:bold;
	color:#6c668a;
}
.redhead {
	color: #bf2e1a;
}
/* -- END HEADLINES --- */



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




/* --- LINKS --- */
a:link, a:visited, a:active {
	color:#bf2e1a;
	text-decoration:none;
}
a:hover {
	color:#bf2e1a;
	text-decoration:underline;
}
#foot a:link, #foot a:active, #foot a:visited {
	text-decoration:none;
	color:#a09384;
}
#foot a:hover {
	text-decoration:none;
	color:#bf2e1a;
}
/* --- 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;
}
/*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;
} 
hr{
width:95%;
color: #fff;
background-color: #fff;
border:solid 1px #fff;
border-bottom:dashed 1px #d9dcc5;
height: 1px;
}

ul.readMoreList {margin:0;padding:0;list-style:none;}
ul.readMoreList li {margin-bottom:10px;padding-bottom:10px;border-bottom:dashed 1px #ccc;display:block;}
.backBtn{margin:-10px 0 10px 0;}
/* --- 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:#f5f3f3;
	border:solid 1px #dddddd;
	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: #999;
	border:solid 1px #ccc;
	font-size: 10px;
	color: #fff;
	padding: 2px;
}
#contentLeft .quickSearch input{margin:3px 0; width:80px;}

/*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;
}
/* --- 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;
} 
/* --- 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 {
}
.headerLogo{width:730px;}
.headerLogo img{padding:40px 0 0 15px;}
.headerSS {width:260px;}

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