/*
This is based on the ReMax 1st Choice style sheet

Dark grey: b2af9f;
Light grey: dcdcd1;
Blue text: 364c87;
*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #b2af9f;
	font: 12px verdana, helvetica, arial, sans-serif; 
	line-height: 20px;
	color: #000;
	text-align: center;
	}

/* ---------------------- HEADER TAGS -------*/
h1 { /* Use these for the header on each box div throughout the site */
	margin:0px;
	padding: .3em .7em;
	color: #364c87;
	background-color: #b2af9f;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	xtext-transform: uppercase;
	font-variant: small-caps;
	font-weight: bold;
	}
	
h2.bg { 
	margin: 0 0 1em 0;
	padding: .3em .7em;
	color: #364c87;
	xbackground: #B6CAD4;
	background: transparent; 
	border-bottom: 4px solid #fff;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	xtext-transform: uppercase;
	font-variant: small-caps;
	font-weight: bold; 
	}	

h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
	xtext-transform: uppercase;
	font-variant: small-caps;
	font-weight: normal;
	/*color: #364c87;*/
	color: 000;
	}

h3 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight:normal;
	color: #364c87;
	xtext-transform: uppercase;
	font-variant: small-caps;
	}

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

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

/* ---------------------  HORIZONTAL RULE and 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 {
	margin-top: .75em;
	margin-bottom: 2em;
	width:400px;
	}

/* -------------------- PARAGRAPH and LINKS -------------- */	

p {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000;
	margin:0 0 1em 0;
	padding: 0;
	}


a {
	color: #364c87;
	text-decoration: none;
	font-weight:normal;
	font-family:verdana, helvetica, arial, sans-serif;
	}

a:link {color: #364c87;}
a:hover {
	color: #666666;
	text-decoration:underline;
	}
a:visited {color: #364c87;}

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

.smalltext2 {
	font-size:9px;
	color:#999999;
	line-height: 13px;
	}
	
.smalltext3 { /* Used on listings to show who it was listed by */

}

.smalltext4 { /* Used on listings to show who it was listed by */
	font-size: 95%;
	color: #364c87;
	font-weight: bold;
}

.smalltext3-5 { /* Used on listings to show who it was listed by */
	font-size: 95%;
	color: #000;
}
	
.browntext {
	color: #9a5938;
	}
	
.bluetext {
	color: #6586be;
	font-size: 90%
	}
	
.orangetext {
	color: #bd6b49;
	}

small {font-size:9px;}

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



/* -------------------------------------------- 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 and STRUCTURE ----------- */
	
#center {
	height:100%;
	width: 770px;
	margin:10px auto 0px auto;
	text-align:left;
	}
	
#frameborder {
	display:block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #000;
	background-color:#fff;
	float:left; /* Fix Mozilla display problem */
	}

#bigpic {
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	border-width:0px 0px;
	background: url(/images/header.jpg);
	height:180px;
	width: 760px;
	}

#header {
	height: 67px;
	padding: 0px;
	position: relative;
	}

#header img {
	display: block;
	margin: 0px; /* Setting the margin-top bumps down the entire #header div for some reason in Firefox! */
	padding-top: 5px;
	padding-left: 5px;
	}

#contentcontainer, #contentcontainer-home {
	display: inline; /* Fix the IE Doubled Float-Margin Bug - RS */
	float: left; /* Fix Container DIV tag IE Bug - RS */
	background-color: #dcdcd1; /* If the columns don't line up at the bottom, this will cover it up - RS */
	margin:5px; /* This means that the content area is only 760px wide - RS */
	margin-top: 3px;
	}
#contentcontainer {
	background: url(/images/sidebar_col_back.gif) repeat-y; /* If the right column is taller than the left column, this will allow for the white border to go all the way to the bottom - RS */
	}
#contentcontainer-home {
	background: url(/images/half_col_back.gif) repeat-y; /* If the right column is taller than the left column, this will allow for the white border to go all the way to the bottom - RS */
	}

.content { /* This controls the body area under the header of each content div. allows for padding - RS */
	/*margin: 8px 9px 15px 9px;*/
	padding: 5px 2px 5px 5px;
	padding:.7em .75em 1.5em .75em;
	font-size: 12px;
	}

.pad-vertical { /* Used for more padding on the listing pages */
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	} 
.pad-left {
	padding-left: 20px;
	}

#dynamic_nav {
	margin: 10px;
	margin-left: 20px;
	}

#leftcol { /* Applies to every page but the home page - see HOMEPAGE MARKUP */
	width: 567px; /* Total width (minus contentcontainer margin) = 760px; Three fourths for this column: 570px; Minus 3px border: 567; - RS */
	border-right: 3px solid white;
	padding:0px;
	margin: 0px;
	float: left;
}

#rightcol { /* Applies to every page but the home page - see HOMEPAGE MARKUP */
	width: 190px; /* Total width (minus contentcontainer margin) = 760px; One fourth for this column: 190px; - RS */
	padding:0px;
	margin: 0px;
	float: right;
}

#footer {
	margin:6px;
	/*margin-bottom:1em;*/
	font-size: 9px;
	text-align: left;
	}
	
#footer #language { float: right; }	

/* ----------------------------- NAVIGATION -----------------*/		


#nav {
	float: right;
	padding: 2px 0px 0px 0px;
}


#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#nav ul li {

	}
	
#nav a {
	display: block;
	/*width: 10em;*/
	text-decoration: none;
	z-index: 10;
	}
	
#nav li {
	float: left;
	}
	
#nav ul li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 10;
	
	}

#nav ul li ul:hover {
	
	}
	
#nav ul li a {
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: #3a528b;
	}
	
#nav ul li a:hover {
	text-decoration: underline;
	}

#nav ul li:hover {
	display: block;
	text-align: center;
	z-index: 10;
	}
	
#nav ul li ul {
	position: absolute;
	width: 150px;
	left: -999px;
	padding-bottom: 1px;
	border: 0px dashed #333366;
	background: #efefef;
	}	
	
	
#nav ul li ul li {
	width: 150px;
	text-align: left;

	}
	
#nav ul li ul li a {
	display: block;
	text-align: left;
	width: 146px;
	margin: 1px 1px 0px 1px;
	padding: 0 0 0 2px;
	background: #fff;
	}

#nav ul li ul li a:hover {
	background: #efefef;
	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;}	



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

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

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

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


#mlspunch {
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
	float: left;
	width: 65px;
	height:40px;
	color: black;
	text-align: left;
	border:0px;
	}
#mlspunch img{
 	border:0px;
	padding: 0px;
	margin: 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;
}	

div.news img {
	float:left;
	margin:0 5px 0px 0;
}


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

#homeleftcol {
	width: 377px; /* Total width (minus contentcontainer margin) = 760px; Divided in half for two columns = 380px; Subtract white border = 377px; - RS */
	padding:0px;
	margin: 0px;
	float: left;
	overflow-x: hidden;
	}

#homerightcol {
	width: 379px; /* Total width (minus contentcontainer margin) = 760px; Divided in half for two columns: 380; - RS */
	border-left: 3px solid white;
	padding:0px;
	margin: 0px;
	float: right;
	overflow-x: hidden;
	}
	
#homefeatured { border-top: 4px solid #fff; }	

#searchform {
	background: #B6CAD4;
	}
	
div.home-searchform {
	display: block;
	margin-bottom: .5em;
	clear: both;
	
	}	
	
div.home-searchform label {
	width: 35%;
	float: left;
	font-weight: bold;
	}	

#homefeatured, #quicklinks, #homewelcome, #homenews {
	background-color: #dcdcd1; /* Just in case these boxes don't line up at the bottom, don't worry contentcontainer has this as it's background color, too - RS */
	width:100%;
	float:left;
	}
	
.quicklinks { margin: 0 10px 10px 10px; width: 94px; float: left;  }
.quicklinks img { width: 92px; border: 1px solid #fff;}	
	
.home-featured-pic {
	padding:0px 5px 0px 0px;
	/*float:left;*/
	}
		
.home-featured-pic img { 
	border: 1px solid;
	border-color: #fff;
	width: 170px;
	height: 133px;
	}


.home-featured-column {
	display: block;
	float: left;
	padding: 2px;
	margin-bottom: 10px;
	width: 48%; /* 165px 	
	height: 60px;*/

}

.home-featured-column2 {
	display: block;
	float: left;
	padding: 2px;
	margin-bottom: 10px;
	width:  178px; 	
	height: 200px;

}


.announce {
	/*height: 270px;
	overflow: auto;*/
	}

a.why-gammons {
	display: block;
	float: right;
	width: 82px;
	height: 64px;
	text-indent: -9999px;
	background: url(images/why-gammons.png) top left no-repeat;
}

a.why-gammons:hover {
	background: url(images/why-gammons-hov.png) top left no-repeat; 
}

/* -------------------  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: 170px;
	margin: 0px auto 0px auto;
	border: 0px solid #fff;
	}
	
.calculatorleft {
	width: 52%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dashed #000000;
	line-height: 24px;
	text-align: left;		
	}
	
.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;
	}
	
	
#calculator label {
   width: 45%;
   float: left;
   text-align: right;
   margin-right: 1em;
}

#calculator input {
	width: 30%;
	}
	
.calctext {
	clear:left;
	text-align:left;
	padding: 2px;
	font-weight: bold;
	}

.height25 { height: 25px;}
	
	
/*---------------------------- 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%;
	height: 150px;
	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: left;
	margin: 1px 1px 5px 1px; /* Resolves an odd IE bug */
	clear: both;
	}

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

.search-listing-pic-thumb {
	width: 152px; 
	height: 119px;
	text-align: center;
	float: left; 
	display: inline; 
	padding: 0px; 
	margin: 0px 10px 0px 0px;
	}
	
.search-listing-pic-thumb img {
	width: 150px; 
	height: 117px;
	border: 1px solid #fff;
	}	

.search-listing-pic-thumb-pic {
	width: 96px; 
	height: 76px;
	text-align: center;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0;
	background: #fff;
	
	}

.search-listing-pic-thumb-pic img {
	width: 92px; 
	height: 72px;
	border: 1px solid #fff;
	}
	
	.search-span {
	height:30px;
	}

.search-specific-info {
	text-align: left;
	}
.search-link {
	text-align: left;
	padding: 10px 0px 0px 0px;
	}
	
.search-link a { /* Added by RS to turn the search links blue */
	color: #364c87;
	text-decoration: underline;
	}
.search-link a:hover {
	color: #666666;
	}
.search-link a:visited {
	color: #364c87;
	}

.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 0px 10px;
	}	

#contactform form {
	padding: 0px;
	margin: 0px;
}

/*	
.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%;*/
	clear: both;
	}
	
#picsholder {
	float:left;
	width: 256px; /* Total width of leftcol = 567px; (picsholder = 256px) + (thumbholder = 175px) + (margin = 12px) = only 443px */
	}
	
#picsholder img { width: 256px;}

#picsholder2 {
	float: left;
	width: 512px;
	}
	
#picsholder2 img {
	width: 508px;
	border: 2px solid #fff;
	}
	
#thumbholder {
	float: left;
	width: 175px;
	margin: 0px 0px 0px 12px;
	}
	
#thumbholder2 {
	clear: left;
	float: left;
	width: 512px;
	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" );
	border: 1px solid #fff;
	}

.listing-address {
	font-size:125%;
	color:#364c87;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
	text-transform: uppercase;
	}
	
.remarks {
	font-size: 90%;
	}
	
.heading {
	font-size:100%;
	color:#364c87;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.description {
	font-size:100%;
	color:#364c87;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	padding-top: 5px;
	font-variant: small-caps;
	}
	
.listinfo {
	font-size: 95%;
	text-transform: uppercase;
	}
.listinfo span strong { 
	font-weight: bold;
	}

.toplistinfo {
	float:left;
	width: 30%;
	font-size: 95%;
	text-transform: uppercase;
	}

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

.toplistinfo5 {
	float:left;
	width: 35%;
	font-size: 95%;
	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: transparent;
	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 10px 5px 5px;
	float: left;
	width: 200px;
	color: black;
	text-align: center;
	}
	
.teampunch img { width: 200px; }

/*---------------------------------- FORMS  ---------------------------*/
	
input {
	border: 1px solid #BFBFBF;
	color: #505967;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}
	
input:hover {
	background: #fff;
	border: 1px solid #505967;
	color: #505967;
	font-size: 1em;
	}
	
input:focus {
	color: #000;
	border: 1px solid red;
	}
	
input.widebutton { width: 50%; text-align: center; }	

textarea {
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	color: #505967;
	padding: 2px 5px 1px 5px;
	}

textarea:hover {
	background: #fff;
	border: 1px solid #505967;
	}
	
textarea:focus {
	color: #000;
	border: 1px solid red;
	}
	
select {
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	color: #949494;
	padding: 0px 0px 0px 0px;
	}