/*  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-secondary {}
  #nav-secondary li {}
  #nav-secondary ul li.sub a {}
  #content-feature {}
  #content-primary {}
  #legal .legal-copyright {}
  #legal .legal-credits {}
  #rew-credit {}
  
  *Also, the /nav-include.ini file needs to be modified to use
  /img/gbl/nav-header01-alt.jpg and /img/gbl/nav-header02-alt.jpg.

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


/*  ## 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: #0a3c7d url(/img/gbl/bg-body.jpg) 0 0 repeat-x;
		text-align: center;
		}

		#page {
			width: 960px;
			position: relative;
			background: #fff url(/img/gbl/bg-page.jpg) 0 0 repeat-y;
			/* for Left-Nav, change to /bg-page.jpg */
			margin: 0 auto;
			text-align: left;
			border: 3px solid #fff;
			}

			#page-wrap {
				}


/*  ## 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: #fff url(/img/gbl/bg-brand.jpg) 0 0 no-repeat;*/
	position: relative;
	height:225px;
	}

	#brand-wrap {
		padding: 0;
		}

		#brand-logo {
			}

			#brand-logo h3 {
				margin: 0; padding: 0;
				text-indent:-999em;
				}

				#brand-logo h3 a {
					}

		#brand-tagline {
			text-indent:-999em;
			}

			#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: #293D86 url(/img/gbl/bg-nav-primary.jpg) 0 0 repeat-x;
			}

			#nav-primary-wrap {
				}

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

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

						#nav-primary a {
							float: left;
							text-decoration: none;
							color: #fff; 
							background: #293D86 url(/img/gbl/bg-nav-primary.jpg) 0 0 repeat-x;
							/* padding: 12px 56px 11px; */
							padding: 12px 43px 11px 42px;
							border-right: 1px solid #d1d1d1;
							text-transform: uppercase;
							font-size: 0.9em;
							position: relative; /* requried if using Suckerfish drop-down menus*/
							width:
							}
							
						#nav-primary #nav-last a { 
							padding: 12px 43px 11px 44px;
							}
							
						

							#nav-primary a:hover {
								background-position: 0 -40px;
								}
	
							#nav-primary .current a {
								}


				/* SUCKER FISH */
				
				
					#nav-primary {
						position:relative; /* in combo with z-index, insures suckerfish is displayed in the foreground */
						z-index: 9999999; /* in combo with position: relative, insures suckerfish is displayed in the foreground */
						zoom: 1; /* proprietary IE rule - fixes the hasLayout bugin IE browsers - assign a width can also fix */
					}
					
					#nav-primary ul li ul {
						margin: 4px 0 0 0;
						padding: 0;
						width: 200px;
						position: absolute;
						left: -3000px;
						top: 2.5em;
					}
					
					#nav-primary ul li:hover ul, #nav-primary ul li.hover ul {
						left: 0;
					}
					
					#nav-primary li ul li {
						margin: 0;
						padding: 0;
						float: none;
						font-size: 85%;
					}
					
					#nav-primary li ul li a {
						margin: 0; padding: 10px 3px 3px 9px;
						float: none;
						display: block;
						height: 16px; /* required to addlayout in IE6, will vary */
						background: #293D86;
						border-bottom: 1px solid #334aa1;
					}
					
					#nav-primary ul li ul li a:hover {
						background: #c70013;
						border-bottom: 1px solid #c70013;
					}



		#nav-secondary {
			float: left;
			/* for Left-Nav, change to float:left */
			width: 195px;
			}

			#nav-secondary-wrap {
				margin: 0; padding: 0;
				border-bottom: none;
				}

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

					#nav-secondary li {
						margin: 0; padding: 0;
						text-align: left;
						/* for Left-Nav, change to text-align:left; */
						}

						#nav-secondary li a {
							color: #eee;
							display:block;
							text-decoration: none;
							padding:6px 10px 5px;
							border-bottom: 1px solid #304594;
							}
							
							#nav-secondary li a:hover {
								background: #304594;
								}
								

			#nav-secondary ul.sub-submenu {
				}
				
				#nav-secondary li.sub {
					margin:0; padding:0;
					border:none;
					}
					
					#nav-secondary ul li.sub a {
						padding-left:20px;
						/* for Left-Nav, change to padding-left:20px; */
						background: #0a3c7d;
						}
						
						#nav-secondary ul li.sub a:hover {
							background: #093164;
							}


			/* QUICK SEARCH STYLES */

			#nav-secondary-wrap select {
				color:#333333;
				margin:5px 0 0 0;
				width:172px;
			}
			
			#nav-secondary-wrap #searchForm {
				margin-top: 8px;
				padding-left: 10px;				
			}
			
				#nav-secondary-wrap #searchForm a {
					color: #FFF;
					font-size: 11px;
				}
			
			#nav-secondary-wrap #minimum_price, #nav-secondary-wrap #maximum_price, #nav-secondary-wrap #minimum_bedrooms, #nav-secondary-wrap #minimum_bathrooms  {
				float:left;
				width:81px;
				margin-right: 10px;	
			}
			
			#nav-secondary-wrap input {
				color:#333333;
				margin:5px 0 6px 0;
				width:172px;
			}

/*  ## 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 {
			display: none;
			height: 200px;
			width: 765px;
			float: right;
			/* for Left-Nav, add float:right; */
			}

			#content-feature-wrap {
				}

		#content-primary {
			width: 765px;
			float:right;
			/* for Left-Nav, change to float: right; */
			}			
			#content-primary.extended {
				width: 960px;
				background: #fff;
				}

			#content-primary-wrap {
				padding: 25px;
				}
			
		#content-primary a, #content-wide a {
			color: #666;
			text-decoration:underline;
			}
			
			#content-primary a:hover, #content-wide a:hover {
				color:#000;
				}			

		#content-secondary {
			}

			#content-secondary-wrap {
				}


/*  ## Legal Information (Footer)
==============================================================

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

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

#legal {
	font-size: 77%;
	background: #fff;
	}

	#legal-wrap {
		padding: 10px; 
		color: #666;
		border-top: 2px solid #999;
		}

		#legal p {
			margin: 0; padding: 0;
			}
			
		#legal a {
			color:#666;
			text-decoration:underline;
			}
			
			#legal a:hover {
				color:#000;
				}
			
			#legal .legal-copyright {
				width: 75%;
				text-align:right;
				/* for Left-Nav, change to text-align:right; */
				float: right;
				/* for Left-Nav, change to float: right; */
				}
				
			#legal .legal-credits {
				width: 25%;
				float:right;				
				/* for Left-Nav, change to float: right; */
				}
				
			#rew-credit {
				float:left;
				/* for Left-Nav, change to float: left; */
				text-indent: -3000px;
				white-space: nowrap;
				width: 94px; height: 23px; 
				/* change the following image for best match with background color */
				background: url(http://www.realestatewebmasters.com/img/offsite/rew-flogo-fff.gif) no-repeat;
				/* other possibilities: rew-flogo-ccc.gif, rew-flogo-333.gif or rew-flogo-666.gif */
				margin: 0; padding:0;
				overflow: hidden; /* hide extra focus border */
				}
				

/*  ## Misc. Styles
==============================================================
------------------------------------------------------------*/
				
.rss-feed-icon {
	/* used for REW Blogs */
	width:14px !important;
	height:24px;
	float:left;
	margin:0; padding:0;
	background:none !important;
	}
	
	.rss-feed-icon a {
		background:none !important;
		border:none !important;
		}	
		
	.rss-feed-icon img {
		border:none !important;
		}
		
		
/* 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;
			}						/* 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;
	padding: 0 0 10px;
	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 .col.agent-image{
			height:180px;
			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 ul.agent-info {
			border-top:1px solid #fff;
			background:#ddd;
			border-bottom:1px solid #fff;
			color:#000;
			list-style:none;
			margin:0 5px;
			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;			
		}
		

	/* FEATURE LISTINGS STYLES - 4 IN A ROW */
	
		#feat-listings .listing { 
			float: left;
			margin: 0 8px 20px 0;
			background: #ccd1e6 !important;
			/* width: 168px; */
			height: 200px;
			border-bottom: solid 1px #ccc;
			position: relative;
			} 
		
		
		#feat-listings .listing img { 
			width: 156px !important; 
			height: 110px !important; 
			border: solid 1px #999;
			padding: 1px;
			} 
		
		#feat-listings .listing .price { 
			background: none repeat scroll 0 0 #c80000;
			color: #FFF;
			display: block; 
			padding: 5px 0 5px 10px; 
			margin: -2px 0 1px 0;
			/* font-size: 15px; */
			}
			
		
		#feat-listings .listing img {
			border: 6px solid #1f4189;
		}
		
		#feat-listings .info-links { padding: 0; margin: 0; }
		#feat-listings .city, #feat-listings .beds { padding: 5px 0 5px 10px; }
		#feat-listings .beds { display: inline; }
		#feat-listings .baths { display: inline; }
		#feat-listings .more-info {  }
		
		#feat-listings .listing a.more-info { 
			background: url("../../img/gbl/view-button.gif") no-repeat scroll left top transparent;
			text-indent: -9999px;
			display: block;
			position: absolute;
			bottom: 4px; 
			right: 4px;
			width: 40px;
			height: 17px;
			}