/*
blue color:#6586be;
brown color: #9a5938;
orange color: #bd6b49;
*/

body {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(images/bg.png);
	font:11px verdana, helvetica, arial, sans-serif;
	line-height:15px;
	color: #000;
	text-align: center;
	}

/* -------------------------------------------------- HEADER TAGS -------*/
h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	line-height:16px;
	font-weight:800;
	color: #9a5938;
	}


h2 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	line-height:14px;
	font-weight:700;
	color: #9a5938;
	}

h3 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	line-height:14px;
	font-weight:700;
	color: #bd6b49;
	}

h4 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	font-weight:400;
	color:#000;
	}

h5 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:14px;
	line-height:15px;
	font-weight:900;
	color:#717171;
	}
	
h6 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	line-height:13px;
	font-weight:700;
	color:#333333;
	}

/* -----------------------------------------------  HORIZONTAL RULE & MISC --------------- */
	
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	}
	
.rule {/*the 'Horizontal Rule*/
       border-top-width: 1px;
       border-top-style: solid;
       border-color: #a7a7a7; 
       /*margin: 1%;*/
	   }

img {border:0px;}

blockquote {width:400px;}

.contentleft li { margin-left: 15px; }

/* --------------------------------------------- PARAGRAPH & LINKS -------------- */	

p {
	font:11px verdana, helvetica, arial, sans-serif;
	line-height:15px;
	color: #000;
	margin:0px 0px 16px 0px;
	padding:0px;
	}


a {
	color: #9d3700;
	font-size:11px;
	text-decoration: underline;
	font-weight:400;
	font-family:verdana, helvetica, arial, sans-serif;
	}

a:link {color: #9d3700;}
a:hover {color: #6586be;}
a:visited {color: #6586be;}

/* --------------------------------- TEXT STYLES ------------------- */
	
.smalltext {
	font-size:9px;
	}

.smalltext2 {
	font-size:9px;
	color:#999999;
	}
	
.browntext {
	color: #9a5938;
	}
	
.bluetext {
	color: #6586be;
	}
	
.orangetext {
	color: #bd6b49;
	}

small {font-size:9px;}

#title {
		margin:0px 0px 0px 150px;
		padding: 0px;
		}


/*  -------------  ERRORS --------- */

.errortext, .errormessage, .error { color: red; }
.errorbox { border: 1px solid red; }



/* -------------------------------------------- GENERIC PADDING ------------ */

.pad {
	padding:0px 0px 0px 10px;
	}
	
.pad20 {
	padding:0px 0px 0px 20px;
	}
	
.pad35 {
	padding:0px 0px 0px 35px;
	}

.pad37 {
	padding:0px 0px 0px 37px;
	}
	
.pad40 {
	padding:0px 0px 0px 40px;
	}

.pad42 {
	padding:0px 0px 0px 42px;
	}

.pad45 {
	padding:0px 0px 0px 25px;
	}
	
.pad50 {
	padding:0px 0px 0px 50px;
	}
	
.pad60 {
	padding:0px 0px 0px 60px;
	}

	

/* ------------------------------------  LAYOUT & STRUCTURE ----------- */
	
#center {
	height:100%;
	width: 783px;
	margin:0px auto 0px auto;
	text-align:left;
	
	}

#frameborder
	{
	width: 783px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #000;
	background-color:#fff;
	background: url(images/middle.png);
	}
	
#container {
 width: 760px;
 margin: 0px auto;
 font-family: Verdana,  Arial, Helvetica, sans-serif;
 text-align: left; /* IE hack Part 2 */
}

#header {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:148px;
	width: 783px;
	border-width:0px 0px;
	background: url(images/header.png);

	voice-family: "\"}\"";
	voice-family:inherit;
	height:148px; /* the correct height */
	width: 783px;
	}
body>#header {height:148px;}


#dynamic_nav {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:right;
	width: 100%
	}

#dynamic_nav a {
    color: #959698;
	font-size: 11px;
	line-height: 11px;
	text-decoration: underline;
	font-weight:400;
	font-family: helvetica, arial, sans-serif;
	}

#dynamic_nav a:link {color:#2b1001;}
#dynamic_nav a:hover {color:#666666; text-decoration: none;}
#dynamic_nav a:visited {color:#2b1001;}

#sidebar {
 position: relative;
 float: left;
 width: 217px;
 margin: 0px 0px 0px 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left; /* IE hack Part 2 */
 display: inline;
 border: 0px dashed #000000;
}

#sidebar-content {
	padding: 30px 5px 0px 5px;
	}


#content {
 float: left;
 width: 530px;
 margin:  0 0px 0 0;
 padding: 0 2px 0 2px;
 display: inline;
 border: 0px solid #000000;
 position:static;
 z-index:16;
}

.contentleft {
	padding: 0px 20px 0px 20px;
	}



/* ---------------------------------------------------- NAV PAGE MARKUP -----------------*/	

#navigation {
	padding: 122px 0px 0px 10px;
	}

/*
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
	
#nav a {
	z-index: 10;
	}
	
#nav ul li { 
	float: left;
	background: transparent;
	border-right: 1px solid #bd6b49;
	border-bottom: 1px solid #bd6b49;
	}

#nav ul li a {
	font: 11px verdana, arial, sans-serif;
	color: #fff;
	display: block;
	width: 68px;
	height: 14px;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	}

#nav ul li a:hover {
	background: #bd6b49;
	width: 68px;
	}

#nav ul li ul { 
	position: absolute;
	background: #9a5938;
	width: 158px;
	left: -999px;
	z-index: 10;
	}
	
#nav ul li:hover {
	background: #bd6b49;
	}
	
#nav ul li ul li {
	border: 0px solid #000;
	width: 158px;
	z-index: 10;
	}
	
#nav ul li ul li a {
	text-align: left;
	display: block;
	width: 158px;
	font-size:9px;
	}

#nav ul li ul li a:hover {
	text-align: left;
	display: block;
	width: 150px;
	}

#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;	
	}
	
	*/
	
	
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
	
#nav ul li {
	float: left;
	background: transparent;
	border-right: 1px solid #bd6b49;
	border-bottom: 1px solid #bd6b49;
	}
	
#nav a {
	font: 11px verdana, arial, sans-serif;
	color: #fff;
	display: block;
	width: 68px;
	height: 14px;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	z-index: 10;
	}
	
	
#nav ul li ul {
	position: absolute;
	background: #9a5938;
	width: 160px;
	left: -999px;
	z-index: 10;
	}

#nav ul li ul:hover {
	
	}
	
	
	
	
#nav ul li a {
	font: 11px verdana, arial, sans-serif;
	color: #fff;
	display: block;
	height: 14px;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	}
	
#nav ul li a:hover {
	background: #bd6b49;
	}

#nav ul li:hover {
	display: block;
	text-align: center;
	z-index: 10;
	background: #9a5938;
	}
	
	
	
#nav ul li ul {
	position: absolute;
	
	left: -999px;
	padding-bottom: 1px;
	z-index: 10;
	margin: 0 0 0 0px;
	border-right: 1px solid #bd6b49;
	border-left: 1px solid #bd6b49;
	border-bottom: 1px solid #bd6b49;
	}	
	
	
#nav ul li ul li {
	width: 160px;
	text-align: left;
	z-index: 10;
	padding: 0;
	margin: 0 0 0 0px;

	}
	
#nav ul li ul li a {
	display: block;
	width: 156px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	color: #fff;
	font-size: 90%;
	}

#nav ul li ul li a:hover {
	color: #fff;
	text-decoration: none;
	}
	
#nav ul li ul li:hover {
	text-decoration: none;
	}
	
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }	
	
/* ---------------------------------------------------- End Nav -----------------*/	

/* ---------------------------------------------------------  FOOTER PAGE MARKUP ------------------ */

#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:10px;
	height: 55px;
	width: 783px;
	background: url(images/footer.png);
	background-repeat:no-repeat; 
	border: 0px solid #000;
	text-align: left;
	}
	
#footer p {
	padding: 10px 0px 0px 0px;
	font-size:10px;
	color:#fff;
	border: 1px solid #000;
	} 

.footerlinks {
	margin:0px 0px 0px 50px;
	padding: 20px 0px 0px 0px;
	}

#footer ul a {font-size:10px; color:#000; font-weight:200; text-decoration:none; padding-left: 10px; } 
#footer ul a:link {font-size:10px; text-decoration:none; color:#000; font-weight:200;}
#footer ul a:hover {font-size:10px; text-decoration:underline; color:#6586be; font-weight:200}

#footer ul {
	list-style: square;
	margin: 0px 0px 0px 0px;
	padding: 0;
	}

#footer ul li {
	display: inline;
	background: url(images/listbg.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:20px;
	}

div#foot-left {float: left; margin: 5px 0px 0px 5px; padding:0px 0px 0px 0px;}
div#foot-right {text-align:right; color: #fff; margin: 2px 5px 0px 0px; padding:0px 0px 0px 0px; font-size:12px;}


/* ---------------------------------  DESIGN INCLUDE MARKUP ----------- */

.design {
	text-align:right;
	color: #fff; 
	margin: 2px 0px 0px 5px;
	padding:0px 15px 0px 0px;
	}
	
.design a {
	color: #FFFFFF;
	}
	
.designlink {
	font-size:10px; 
	color:#000; 
	font-weight:200; 
	text-decoration:underline;
	}
	

.design a:link {
	color: #fff;
	font-size:10px;
	font-weight:200;
	text-decoration:underline;
	}

/* --------------------------------- MLS FOOTER MARKUP  ------- */


#mlspunch {
	padding:5px 5px 5px 5px;
	margin: 5px 5px 0px 5px;
	float: left;
	width: 65px;
	height:45px;
	color: black;
	text-align: left;
	border:0px;
	}
#mlspunch img{
 	border:0px;
	width:65px;
	height:40px;
	}
	

/* ----------------------------------INMAN NEWS MARKUP --------------------- */

.headlinetext { 
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	line-height:14px;
	font-weight:700;
	color:#9d3700;
}
.subheadtext { 
	font-size:11px;
	line-height: 11px;
	font-weight: normal;
}	

/* 
--------------------------------------------------- HOMEPAGE MARKUP ---------------------------------------*/

#homebuttons {
	margin: 20px 0px 0px 10px;
	clear:both;
	border:0px dashed #000000;
	}

#featuredhomes {
	clear:both;
	float: right;
	margin: 120px 70px 0px 0px;
	border:1px dashed #000000;
	}

#featuredhomes a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	font-weight:800;
	}
	
#featuredhomes a:link {color:#2F4874;}
#featuredhomes a:hover {color: #2F4874;}
#featuredhomes a:visited {color:#2F4874;}

.home-featured-column {
	width: 195px;
	display: inline;
	border: 0px solid #000;
	float:left;
	padding: 10px 5px 10px 5px;
	font-size:10px;
	clear: left;
	}


/* ---------------------------------------------  CLEARFIX MARKUP -----------------------------------------------------------*/
 /* 
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */

.clearboth {
	clear: both;
	height: 10px;
	width: 100%;
	}

/* ------------------------------------------------  CALCULATOR PAGE MARKUP -------- */
	
#calculator {
	width: 150px;		
	}
	
.calculatorleft {
	width: 52%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dashed #000000;
	line-height: 24px;
	text-align: right;		
	}
	
.calculatorright {
	width: 20%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dashed #000000;
	line-height: 25px;
	float: left;
	text-align: left;
	}
	
.calctext {
	clear:left;
	align:right;
	}
	
	
/*--------------------------------------------------------- CMAR PAGE MARKUP ----------------------------------*/
.cmar-left-column {
	width: 40%;
	/*display: inline;*/
	border: 0px solid #000;
	float:left;
	padding: 4px 0px 0px 0px;
	clear:left;
	}
	
.cmar-right-column {
	width: 49%;
	display: inline;
	border: 0px dashed #000;
	float: left;
	clear: right;
	}
	
/*---------------------------------------------------------- FEATURED PAGE MARKUP ---------------------------*/
.featured-column {
	width: 100%;
	display: inline;
	border: 0px solid #000;
	float:left;
	padding: 10px 5px 10px 5px;
	font-size:10px;
	}
	
	.featured-pic {
		padding:0px 5px 0px 0px;
		float:left;
		
		}
		
.featured-page-column {
	width: 22%;
	display: inline;
	border: 0px solid #000;
	float:left;
	padding: 10px 5px 10px 5px;
	/*clear:left;*/
	}
	
	.listpic img {
	border:1px solid #4F1B00;
	}
	
	.listing {
	color:#2b1001;
	font-weight:600;
	}

/* ---------------------------------------------- SEARCH LISTING PAGES MARKUP -----------------*/

.floatright {
	float: right;
	}

.search-listing-holder {
	width: 100%; 
	position: relative;
	height:auto;
	z-index: 15;
	position:static;
	}

.search-listing-pic-thumb {
	width: 150px; 
	height: 118px;
	text-align: center;
	float: left; 
	display: inline; 
	padding: 0px; 
	margin: 0px 10px 0px 0px;
	}

.search-listing-pic-thumb-pic {
	width: 92px; 
	height: 72px;
	text-align: center;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0;
	background: url(/images/photo_bg.jpg);
	
	}

.search-listing-pic-thumb-pic img {
	width: 92px; 
	height: 72px;
	}
	
	.search-span {
	height:30px;
	}

.search-specific-info {
	text-align: left;
	}
.search-link {
	text-align: left;
	}
.search-listed-by {
	font-size:10px;
	color:#999999;
	text-align: left;
	}
.search-stwmls {
	float: right;
	margin: 0px 20px 0px 0px;
	}
	
/* ----------------------------------------------- LISTING PAGES MARKUP --------- */

#contactform {
	text-align:left;
	padding:0px 0px 15px 10px;
	}	
	
#calculator {
	width: 150px;		
	padding-bottom: 15px;
	}

/*	
.calculatorleft {
	width: 60%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dashed #000000;
	line-height: 25px;
	text-align: right;		
	}
	
.calculatorright {
	width: 20%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dashed #000000;
	line-height: 25px;
	float: left;
	text-align: left;
	}
	
.calctext {
	clear:left;
	align:right;
	}
	*/
	
.holder {
	width: 100%;
	border:1 px outset #000;
	}
	
#picsholder {
	float:left;
	width: 256px;
	}
	
#picsholder img { width: 256px; }

#picsholder2 {
	float: left;
	width: 490px;
	}
	
#picsholder2  img {
	width: 490px;
	}
	
#thumbholder {
	float: left;
	width: 175px;
	margin: 0px 0px 0px 12px;
	}
	
#thumbholder2 {
	clear: left;
	float: left;
	width: 490px;
	margin: 10px 0px 0px 0px;
	color: #dcdcd1;
	}
	
#thumbholder img {
	max-height: 56px;
	max-width: 75px;
	min-height: 56px;
	/*width: 75px;
	width: expression(document.body.clientWidth > 75? "75px": "auto" );*/
	height: expression(document.body.clientHeight > 59? "59px": "auto" );
	}
	
#thumbholder2 img {
	max-height: 56px;
	max-width: 75px;
	min-height: 56px;
	/*width: 75px;
	width: expression(document.body.clientWidth > 75? "75px": "auto" );*/
	height: expression(document.body.clientHeight > 59? "59px": "auto" );
	}
	


.listing-address {
	font-size:12px;
	color:#9a5938;
	font-weight:600;
	padding:0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
	text-transform: uppercase;
	}
	
.remarks {
	font-size: 10px;
	}
	
.heading {
	font-size:12px;
	color:#9a5938;
	font-weight:600;
	text-transform: uppercase;
	}
	
.description {
	font-size:12px;
	color:#9a5938;
	font-weight:600;
	text-transform: uppercase;
	}
	
.listinfo {
	font-size: 10px;
	text-transform: uppercase;
	}
	
.toplistinfo {
	float:left;
	width: 30%;
	font-size: 10px;
	text-transform: uppercase;
	}

.toplistinfo2 {
	float:left;
	width: 30%;
	font-size: 10px;
	text-transform: uppercase;
	}
	
.toplistinfo3 {
	float:left;
	width: 30%;
	font-size: 10px;
	}
	
.toplistinfo4 {
	float:left;
	width: 25%;
	font-size: 10px;
	text-transform: uppercase;
	}

.toplistinfo5 {
	float:left;
	width: 35%;
	font-size: 10px;
	text-transform: uppercase;
	}
	
.column	{
	width:15px;
	float: left; 
	display: inline;
	}
	
.listdetailtopleft {
	width: 45%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	border: 0px dashed #000000;			
	}
	
.listdetailtopright {
	width: 47%;
	float: right;
	border: 0px dashed #000000;			
	}
	
	/* ------------------------------------  ARTICLE PAGE MARKUP  -------- */
	
	#punch2 {
	padding:0px 0px 5px 5px;
	margin: 5px 5px 0px 5px;
	float: right;
	width: 200px;
	color: black;
	text-align: left;
	}

#punch2 IMG {
	width: 200px;
}



/*This controls punch out picture comments*/
#punch2 p {
	font:10px verdana, helvetica, arial, sans-serif;
	line-height:10px;
	color: #9a5938;
	margin:0px 0px 0px 0px;
	padding:0px 2px 0px 0px;
	}
	
	#punch3 {
	border-right: black 0px solid;
	padding-right: 5px;
	border-top: black 0px solid;
	padding-left: 0px;
	background: white;
	float: left;
	padding-bottom: 5px;
	margin: 5px 10px 0px 0px;
	border-left: black 0px solid;
	width: 200px;
	color: black;
	padding-top: 0px;
	border-bottom: black 0px solid;
	text-align: left;
}

#punch3 IMG {
	width: 200px;
}



/*This controls punch out picture comments*/
#punch3 p {
	font:10px verdana, helvetica, arial, sans-serif;
	line-height:10px;
	color: #9a5938;
	margin:0px 0px 0px 0px;
	padding:0px 2px 0px 0px;
	}

/* --------------------------------------------------- TEAM PAGE MARKUP  ----------------- */
.teampunch {
	padding:0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
	float: left;
	width: 200px;
	color: black;
	text-align: center;
	}
	
.teampunch img {
	width: 200px;
	}
	
	
	
/* ---------------------------------- FORMS ----------------- */
	
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row label.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  }

div.row span.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }
	
	
	
span.warn {
	color: #FF6600;
	}

input.invalid {
  background-color: pink;
	}
	
strong.error, span.error {
  color: #CC0000;
	}

div label {
  display: block;
}


form#contactform span {
	color: #fff;
	padding-left: 5px;
	}
	
form#contactform span.warn {
	xcolor: #FF6600;
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}

input.invalid {
 background: #fff6bf;
 border: 2px solid #ffd324;
	}
	
strong.error {
  color: #CC0000;
	}
	
form#contactform span.error {
  xcolor: #CC0000;
	background: #fff6bf url(images/alert.png) center no-repeat;;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 2px 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
.errorlist {
	margin: 0;
	padding: 0;
	}
	
#error {
	xdisplay: none;
	xvisibility: hidden;
	xheight: 0;
	margin-top: -10px;
	}
	
#error ul.errorlist, #error ul.errorlist li {
	margin-left: 0;
	}
	
li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
div#column-left  ul.errorlist  li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat; 
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}