/*  Table of Contents
==============================================================


  Table Of Contents:
  1. General Page Layout Styles
  2. Accessibility Menu Layout Styles
  3. Site brand (Header) Layout Styles
     3a. Site Logo
     3b. Site Tagline
  4. Navigation Layout Styles
     4a. Primary Navigation
     4b. Secondary Navigation
     4c. Pagnation / Breadcrumbs
  5. Page Content Layout Styles
     5a. Feature Content
     5b. Primary Content
     5c. Secondary Content
  6. Legal (Footer) Layout Styles


#sample-declaration {
	display:;
	position:; left:; right:;
	float:;
	clear:;

	width:; height;
	margin:; padding;
	border:;
	color:; background:;

	font:;
	text-decoration:;
	text-align:; vertical-align:;
	list-style:;
	white-space:;

	}

------------------------------------------------------------*/

/*  ## How To Switch Nav-Secondary from Left Side (default) to
Right Side (alt) in Template #3
===============================================================

  To switch the secondary nav menu from the left to the right
  side, see the comments in the following declarations:

  #page {}
  #nav-primary ul {}
  #nav-primary a {}
  #nav-secondary {}
  #nav-secondary li {}
  #nav-secondary ul li.sub a {}
  #content-feature {}
  #content-primary {}
  #legal .legal-copyright {}
  #legal .legal-credits {}
  #rew-credit {}

------------------------------------------------------------*/


/*  ## Page
==============================================================

  Used for general page styles and backgounds. It is possible
  to add 2 background images to the XHTML document by adding
  background to both the HTML and BODY tags.

------------------------------------------------------------*/


html {
	}

	body {
	background: #fff url(/img/gbl/bg-body.jpg) 0 0 repeat-x;
	text-align: center;
	color: #404040;
		}

		#page {
			width: 960px;
			position: relative;

			margin: 0 auto;
			text-align: left;
			}

			#cat-default #page-wrap {
			border-bottom: 9px solid #9E6F0F;
			background: url(/img/gbl/bg-content.gif) repeat-x left 396px;
			padding-bottom: 40px;

				}

body#cat-default {
      	background:#fff url(/img/gbl/bg-body.jpg) repeat-x;
      	}

body {
      	background:#fff url(/img/gbl/bg-body-alt.jpg) repeat-x;
      	}

body#cat-blog #page-wrap, body#cat-idx #page-wrap, body#cat-map #page-wrap {
	background-image: none;
	}

#cat-map #content, #cat-idx #content, #cat-blog #content {
	margin-top:30px;
	}

#cat-map #content-primary.extended {
	background:none !important;
	}



/*  ## Accessibility Menu (Usualy Hidden)
==============================================================

  These styles control the display the "skip to content" and
  "Skip to Navigation" Links. These links are normaly hidden
  from Web browsers.

------------------------------------------------------------*/

#accessibility {
	display: none;
	}

	#nav-skipto-content {
		}

		#nav-skipto-navigation {
			}




/*  ## Site brand (Header)
==============================================================

  These style control the header styles (Logo, tagline). To
  add a linked logo, use image replacement technique to
  replace the h3's a tag.

------------------------------------------------------------*/

#brand {
	background: url(/img/gbl/bg-brand.jpg) no-repeat 620px 22px ;
	position: relative;
	height:115px;
	}

	#brand-wrap {
		padding: 20px 20px 20px 5px;

		}

		#brand-logo {
			}

			#brand-logo a {
				margin: 0; padding: 0;
				}

		#brand-tagline {
			text-indent:-999em;
			position: absolute;
			right: 0px; bottom: -35px;
			width: 250px; height:35px;
			background:url(/img/gbl/bg-brand-tagline.gif) no-repeat right top;
			}

			#brand-tagline p {
				margin: 0; padding: 0;
				}


/*  ## Navigation
==============================================================

  This space is reserved for styles that control the
  navigation of the site. #nav-site is normally the top
  nav, #nav-secondary is often the "side" navigation.

------------------------------------------------------------*/

#nav {

	}

	#nav-wrap {
		}

		#nav-primary {
			background: url(/img/gbl/bg-nav-primary.jpg) no-repeat center top  ;
			width:690px;
			height: 36px;

			}

			#nav-primary-wrap {
				}

				#nav-primary ul {
					margin: 0 0 0 0;
					/* for Right-Nav, change to margin:0; */
					padding: 0;
					list-style: none;
					}

					#nav-primary li {
						margin: 0; padding: 0;
						float: left;
						width: 115px;
						position: relative; /* requried if using Suckerfish drop-down menus*/
						z-index: 101;
						}

						#nav-primary a {
							display: block;
							text-decoration: none;
							text-transform:uppercase;
							text-align:center;
							color: #f5ffce;
							width: auto; height: 16px;
							padding: 10px 0px 10px 0px;
							/* for Right-Nav, change to border-right:1px solid #d1d1d1; */
							font-size:0.9em;
							position: relative; /*requried if using Suckerfish drop-down menus*/
							}


							#cat-default #nav-primary #nav-home a,
							#cat-about #nav-primary #nav-about a,
							#cat-buying #nav-primary #nav-buyers a,
							#cat-selling #nav-primary #nav-sellers a,
							#cat-listings #nav-primary #nav-listings a,
							#cat-contact #nav-primary #nav-contact a
							{ color: #f5ffce;}


/*        SUCKERFISH           */


				#nav-primary li:hover, #nav-primary li.sfhover {
					background: #4a491b url(/img/gbl/bg-primary-nav-hover.gif) repeat-x left top;
					border-left: 1px solid #333; border-right: 1px solid #333; border-bottom:#333;
					width:113px;

					}

				#nav-primary li:hover li{
					border: none;
					}

					#nav-primary li li a{
						text-transform: none;
						padding: 10px 15px 12px 15px;
						height: auto;
						text-align: left;
						border-top: 1px solid #4f4e25;
						width: 190px;
						}

				#nav-primary li li {
					width: 220px;
					background: none;
					border: none;
					}

			#nav-primary li li a:hover{
				background-color: #4f4e25
				}

		#nav-primary li ul {
			position: absolute;
			width: 220px; top: 36px;
			left: -999em;
			background: #4a491b;
			padding: 0;
			border: 1px solid #333; border-top: none;
			z-index: 100;
			}

	#nav-primary li:hover ul, #nav-primary li.sfhover ul {
		left: -1px;
		}



/*         NAV SECONDARY           */


		#nav-secondary {
	float: right;
	display: inline;
	/* for Right-Nav, change to float:right; */
			width: 238px;
	margin: 15px 19px 50px 0;
	padding: 1px 1px 0 1px;
	border-bottom: 9px solid #9E6F0f;
	background-color: #E4E4E4;
			}

			#nav-secondary-wrap {
				margin:0; padding:0 0 9px 0;
				border-top: 9px solid #9E6F0F;
				border-bottom: 1px solid #fff;

				}

				h3.area-information, h3.nav-sub-title{
	margin:6px;
	padding:6px;
	padding-left:10px;
	color:#350000;
	background-color:#FFF;
					}

				#nav-secondary ul {
					margin: 6px 0 0 8px; padding: 0 0 20px 0;
					list-style: none;
					width: 222px;
					border-top:none;
					}

					#nav-secondary li {
						margin: 0; padding: 0;
						text-align:left;
						/* for Right-Nav, change to text-align:left; */
						border-bottom:1px dotted #999;
						}

						#nav-secondary li a {
							color: #350000;
							display:block;
							width: 206px;
							text-decoration: none;
							padding:6px 8px 6px;
							}

							#nav-secondary li a:hover {
	color:#6A0000;
	background-color: #FFF;
								}

					#nav-secondary img {
						border:0px solid #ccc;
						border-bottom:none;
						margin: 9px 0 0 8px;
						}


			#nav-secondary ul.sub-submenu {
				border:none;
				margin:0; padding:0;
				}

				#nav-secondary li.sub {
					margin:0; padding:0;
					border:none;
					border-top:1px solid #CAC2BD;
					}

					#nav-secondary ul li.sub a {
						padding-left:15px;
						width: 199px;
						/* for Right-Nav, change to padding-right:15px; */
						background:#DFD8C3;
						}

						#nav-secondary ul li.sub a:hover {
							background:#BFB8A7;
							}






/*  ## Page Content

==============================================================

  This space is reserved for styles that control the layout of
  the content areas of the site. #content-feature is reserved
  for a Flash slideshow or a call-to-action graphic. This area
  is NOT to be used for styles that control the appearance of
  the content.  Such styles belong in /inc/css/content.css.

------------------------------------------------------------*/

#content {


	}

	#content-wrap {
		}

		#content-feature {
			margin-top: 3px;
			height: 240px;
			width:681px;
			float:left;
			/* for Right-Nav, change to float:left; */
			}

			#content-feature-wrap {
				}

		#content-primary {
			margin-top: 30px;
			width: 680px;
			float: left;
			/* for Right-Nav, change to float:left; */
			}

	  #cat-idx #content-primary
	  {
		  margin-top:0;
	  }
			#content-primary.extended {
			   width: 960px;
			   background:#fff;
			   }

			#content-primary-wrap {
				padding: 20px;
				}

		#content-primary a, #content-wide a {
	color:#500;
	text-decoration:underline;
			}

			#content-primary a:hover, #content-wide a:hover {
	color:#7D0000;
				}


		#content-secondary {
			}

			#content-secondary-wrap {
				}


/*  ## Aditional (Plug-In) Modules
==============================================================

  These styles are used for the quick search, featured listings,
  featured call out etc.

------------------------------------------------------------*/

#quick-search{margin: -9px 0 0 0;}
#nav-secondary #quick-search img {margin: 0}
#quick-search form{background: url(/img/gbl/bg-quick-search.jpg) no-repeat center top; margin: 1px 0 0 0; padding: 11px 0 0 0; width: 238px; height: 219px; text-align:center;}
#quick-search select.options {width:216px; margin: 0 0 11px 0; border: 1px solid #21140e; padding: 1px; font-size: 92%;}
#quick-search select.options.short {width:102px;}
#quick-search select.options.short.alt {margin-right: 6px;}
#quick-search .submit-button {width:204px; height: 23px; background:url(/img/gbl/btn-find-homes.gif) no-repeat left top; border: none; margin-top: 4px; margin-bottom: 5px; cursor:pointer }
#quick-search a {font-size: 85%; color: #666; }
#quick-search a:hover {color: #333; text-decoration:none }

#featured-listings-module {margin: 0 0 30px 0; overflow: hidden; width: 632px;}
#featured-listings-module #featured-listings{width: 194px; float:left; display:inline; margin: 0 16px 0 0;  background:url(/img/gbl/bg-feat-listings-module.gif) no-repeat center bottom; padding: 0 0 18px 0;}
#featured-listings-module #featured-listings.no-margin{margin-right: 0;}

#featured-listings-module #featured-listings img{width: 194px; height:120px; padding: 2px 0 ; border-top: 5px solid #4a491b; border-bottom: 5px solid #4a491b; margin-bottom: 10px;}
#featured-listings-module #featured-listings span{display: block; text-align:right; border-bottom: 1px solid #edeae9; margin: 0 8px; padding: 3px 0 2px 0; font-size: 92%; color: #333;}
#featured-listings-module #featured-listings strong{float: left; text-align:left; width: 50px;}
#featured-listings-module #featured-listings span.feat-price{color:#8A8855; font-size: 107%; padding: 1px 0 0 0;}
#featured-listings-module #featured-listings span.feat-price strong{font-size: 85%; color: #333;}
#featured-listings-module #featured-listings span.feat-button{border-bottom: none; margin: 3px 0}
#featured-listings-module #featured-listings span.feat-button a{ display: block; text-indent: -9999px; background: url(/img/gbl/bg-feat-listings-btn.gif) no-repeat center top; text-align:left; height:31px; }


/*  ## Footer
==============================================================

  These styles are used for the footer: Copyright notice, etc.

------------------------------------------------------------*/
#footer{ text-align: center; margin-top: 1px; clear:both }
/*#footer-wrap{ margin: 0 auto; width: 960px;}*/


#editable-footer-area{
	background-color: #0F270F;
	background-image: url(/img/gbl/bg-editable-footer-area.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#editable-footer-area-wrap{ width: 960px; margin: 0 auto; overflow:hidden; padding: 20px 0 20px 0;}



#editable-footer-address {width: 220px; float:right; display:inline; text-align:left; margin: 0; color:#D1D0CC; }
#editable-footer-address p{font-size: 94%; line-height: 1.88; color:PaleGoldenRod;}


#editable-footer-links {width: 680px; float:left; display:inline; margin: 0 0 0 20px; text-align:left; border-right: 1px solid #325035; }

#editable-footer-area h4{color: #9E6F0F; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}

#editable-footer-links ul{ overflow: hidden; padding: 0; margin: 0 0 20px 0; list-style:none; font-size: 94%}
#editable-footer-links li{ float: left; width: 33%; padding: 0 0 5px 0; margin: 0 0;}
#editable-footer-links li a{color:PaleGoldenRod; text-decoration: none}
#editable-footer-links li a:hover{color:#FFF; text-decoration: underline}

#legal {
	font-size: 77%;
	position: relative;
	border-top: 1px solid #000;
	background-color: #0B2911;
	background-image: url(/img/gbl/bg-legal.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

	#legal-wrap {
		width: 960px;
		height: 110px;
		margin: 0 auto;
		padding: 15px;
		color:#fff;
		}

		#legal p {
			margin: 0; padding: 0; color:PaleGoldenRod;
			}


		#legal a {
			color: #fff;
			text-decoration:underline;
			}

			#legal a:hover {
				color:#fff;
				}

			#legal .legal-copyright {
				width: 70%;
				text-align: left;
				/* for Right-Nav, change to text-align:right; */
				float: left;
				/* for Right-Nav, change to float: right; */
				}

			#legal .legal-credits {
				width: 30%;
				float: left;
				/* for Right-Nav, change to float: right; */
				}

			#rew-credit {
				float: right;
				/* for Right-Nav, change to float: left; */
				text-indent: -3000px;
				white-space: nowrap;
				width: 94px; height: 23px;
				border:1px solid #bbbbbb;
				/* change the following image for best match with background color */
				background: #fff url(http://www.realestatewebmasters.com/img/offsite/rew-flogo-fff.gif) no-repeat 3px center;
				/* other possibilities: rew-flogo-ccc.gif, rew-flogo-fff.gif or rew-flogo-666.gif */
				overflow: hidden; /* hide extra focus border */
				margin: 0; padding: 3px 5px 3px 3px;
				}

/* GENERIC */

	/* Results Paging */

	#content .paging {
		margin: 20px 0;
		clear: left;
		}

		#content .paging .current {
			padding: 3px 8px;
			font-weight: bold
			}

		#content .paging a {
			border: 1px solid #eee;
			padding: 2px 7px;
			}

		#content .paging a:hover {
			border-color: #ccc;
			background-color: #eee;
			}

		#content .paging .prev {
			padding-left: 14px;
			/*background: url(../../img/ico-prev.gif) no-repeat left center;*/
			}

		#content .paging .next {
			padding-right: 14px;
			background: url(../../img/ico-next.gif) no-repeat right center;
			}

	.breadcrumbs {
		}


	/* Generic Tabbed Navigation */

	#content .tabset {
		margin: 0; padding: 0 0 10px 0;
		clear: both;
		font-size: 85%;
		}

		#content .tabset ul {
			margin: 0; padding: 0;
			list-style: none;
			border-bottom: 1px solid #ddd;
			}

			#content .tabset li {
				float: left;
				padding: 5px 10px; margin: 0 2px 0 0;
				list-style: none;
				border: 1px solid #ddd;
				border-bottom: none;
				background: #eee; color: #333;
				position: relative; bottom: -1px;
				}

			#content .tabset ul li.current {
				background: #fff;
				padding-top: 6px;
				}

				#content .tabset ul li a {
					color: #333;
					text-decoration: none;
					}

	#content .thumbset ul {
		list-style: none;
		margin: 0; padding: 0;
		}

		#content .thumbset ul li {
			list-style: none;
			margin: 10px 10px 0 0; padding: 0;
			}

/* FEATURED AREAS CALLOUT*/

#page .communities3 {
		border: 1px #999 solid;
		clear:both;
		margin:0;
		overflow:hidden;
		padding: 0 0;
		margin: 0 0 15px 0;
		width: 612px;
		background:#ddd;
		}

		#page .nav-communities-3cols{
			float:left;
			padding:0;
			width: 100%;
			margin:0;
			}

			#page .nav-communities-3cols dt {
				font-size:18px;
				font-variant:small-caps;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-weight:bold;
				text-align:center;
				background:#666;
				background-position:0 -40px;
				color:#FFF;
				}

			#page .nav-communities-3cols ul{
				float:left;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0;
				padding:0;
				}

				#page .nav-communities-3cols ul {
					width: 204px;
					}

				#page .nav-communities-3cols ul li {
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:0;
					padding:0;
					}

				#page .nav-communities-3cols ul li.odd {
					background:#eee none repeat scroll 0 0;
					}

					#page .nav-communities-3cols ul li a {
						color:#6F6A53;
						display:block;
						margin:0;
						padding:3px 10px 3px 23px;
						text-decoration:none;
						}


            			#page .nav-communities-3cols ul li a:hover{
							text-decoration:underline;
							}
/* Agent Roster Page Styles
====================================================
====================================================*/

#agents-container {
	position:relative;
}

#agents-container  ul.nav-alpha {
	clear:both;
	float:left;
	margin:0 0 10px 0;
	padding:0px;
}

		#agents-container ul.nav-alpha li{
			float:left;
			display:inline;
			margin:0 1px;

			padding:2px 3px;
            background:#eee;
		}

#agents-container #agent-search {
	border-top: 1px solid #ddd;
	padding: 5px 0;
	margin: 0 0 20px 0;
}

			#agents-container #agent-search p{
				color:#000;
				background:#f7f7f7;
				padding:10px;
		}

			#agents-container #agent-search form{
				width:100%;
			}


				#agents-container #agent-search ul{
					margin:0; padding:0;
				}

					#agents-container #agent-search ul li{
						list-style:none;
						float:left;
						margin:0 5px 0 0;
						width:160px;
				}

								#agents-container #agent-search label{
									font-size:12px;
									margin: 0 0 0 2px;
								}

								#agents-container #agent-search .btnset{
									float:left;
									margin:8px 0 0;
								}

#agents-container .colset.agents {
	width:100%;
	margin:20px 0;
	background:#eee;
	border:#ddd solid 1px;
}

		#agents-container .colset.agents.agent-inside {
			background:#f7f7f7;
			border:none;
			border-top:#ddd solid 1px;
}

		#agents-container .colset.agents h2 {
			background:#eee;
			padding: 5px 10px; margin:0 5px;
			border-bottom:1px solid #999;
			display:block;
		}

		#agents-container .colset.agents h3 {margin:8px 0;}

		#agents-container .colset.agents .col.agent-image{
			height:180px;
			float:left;
		}
		
					#agents-container .colset.agents.agent-inside .col.agent-image {
							height:auto;
							float:left;
						}


				#agents-container .colset.agents .col.agent-image img {
					max-width:112px;
					height:auto;
					float:left;
					margin:10px;
					padding:1px;
					background:#fff;
					border: 1px solid #ccc;
				}
				
						

			#agents-container .colset.agents .col.expanded p {
					margin:10px 5px;

				}
				
				#agents-container .colset.agents.agent-inside .col.expanded p {
					height:auto;
					width:490px;
					float:left;
				}

		#agents-container .colset.agents ul.agent-info {
			border-top:1px solid #fff;
			background:#ddd;
			border-bottom:1px solid #fff;
			color:#000;
			list-style:none;
			padding:10px 5px;
			font-size:14px;
		}

				#agents-container .colset.agents.agent-inside ul.agent-info {
						background:#eee;
					}



					#agents-container .colset.agents ul.agent-info li {
						list-style:none;
						display:inline!important;

						padding:0px 5px 0 0;
						font-size:12px;
						line-height:1.7em;
					}

					#agents-container .colset.agents.agent-inside ul.agent-info li {
						display:block!important;
					}


			#agents-container .colset.agents .read-more {
				text-decoration:none;
			}



/* REE Reader Styles =====================================*/

#rss-feed {
	padding:3px;
	position:relative;
	border:1px solid #ddd;
}

	#rss-feed-wrap {
		border:3px solid #ddd;
		background:#eee;
	}

#rss-feed h2 {
	padding:6px 5px 6px 20px;
	margin:0;
}

#rss-feed dl.rssfeed-item {
	padding:0 0 0px 0;
	margin:2px 0 0 0;
}

	#rss-feed dl.rssfeed-item dd{
		padding:5px 10px;
		margin:0 10px 5px;
		font-size:11px;
		border-top:#fff solid 1px;
        background:#f7f7f7;
	}

		#rss-feed dt.title a{
			padding:3px 10px;
			margin:0 10px;
			display:block;
			text-decoration:none;
			border-bottom:#ccc solid 1px;
			font-size:12px;
			background:#e7e7e7;
		}

				#rss-feed a.more {
					padding:3px 0 0 15px;
					margin:5px 0 0 0;
					font-size:11px;
					text-decoration:none;
					background: url(/img/ico/rss-arrow.gif) no-repeat 0 5px;
				}

		#rss-feed .date{
			margin:0 3px 0 0;
			font-size:11px;
			color:#666;
		}