/*  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#cat-default{

		background: #fff url(/img/gbl/bg-body.jpg) left top repeat-x !important;
		background-repeat: repeat-x;
		text-align: center;
		
		}
		


	body, body#cat-idx, body#cat-default.friend {

		background: #fff url(/img/gbl/inner-bg-body.jpg) left top repeat-x !important;
		background-repeat: repeat-x;
		text-align: center;
		
		}

		#page {

			width: 960px;
			position: relative;
			background: url(/img/gbl/bg-page-bottom.gif) left bottom no-repeat;
			margin: 0 auto; padding:0 0 0 0;
			text-align: left;
			overflow: hidden;
			
			
			}

			#page-wrap {
				/* background: #fff url(/img/gbl/bg-page-top.jpg) left top no-repeat; */
				padding:0; margin: 0 auto; width: 960px; border-bottom:1px solid #fff
				}


/*  ## 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 {
	position: relative;
	height: 130px;
	}

	#brand-wrap {
		
		/* background:url(/img/gbl/brand-tagline.gif) no-repeat 556px 0; */   /* Image for Realtor's Name and Phone Number */
		}
		
		
		#brand-tagline-wrap{
		
			text-indent:-99999em;
			
		}


		#brand-logo {
			padding: 0 25px 35px 20px;
			}

			#brand-logo a {
				margin: 0; 
				padding: 0;
				text-indent:-9999px;
				display:block;
				width: 508px;
				height: 89px;
				border:none;
				
				}
				
				#brand-logo a:hover{
					
					background:none !important;
					
				}
			
			#brand-logo h3 {
				background: url('/img/gbl/brand-logo_01.gif') no-repeat 0 20px;
				
				margin: 0; 
				padding: 20px 0 0 0;
				/* border: 1px solid #3c3f36; */
				width: 508px;
				height: 89px;
				}


		#brand-tagline {
			/* text-indent:-9999px; */
			background: url(/img/gbl/brand-tagline.png) no-repeat;
			position: absolute;
			height: 163px;
			width: 380px;
			right:6px;
			top: -50px;
			z-index: -1; /* NEEDS THIS FOR NAV BUTTONS TO WORK */
			}

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







#nav-content-wrap{ /* Extra wrap to achieve rounded corners around content and nav */
	background: #72918b;
	margin: 0 25px;
	padding: 13px;
	}


/*  ## 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 {
			width: 960px;
			font-family: Georgia, "Times New Roman", Times, serif; 
			text-transform: uppercase;
 			margin: 0;
			padding: 0;
			/* overflow: hidden; */
			/* float: right; */ /* for Right-Nav, change to float:right; */
			}
  
			#nav-primary-wrap {
				
				}

				#nav-primary ul {
					list-style:none;
					margin:0;
					padding:0;					
					overflow:hidden;
					border-left:1px solid #AE3939;
					}

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


						#nav-primary li a {
	font-size:1.2em;
	height: 35px; /* OG 50px */
	float: left;
	text-decoration: none;
	text-align: left;
	color: #fff;
	display: block;
	padding: 15px 20px 0 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AE3939;							
							}
							
							
							#nav-primary a:hover {
								color: #fff;
								display: block;
								background-color:#8B0100;
								}
								
								
							#nav-primary #contact a { 
								width: 105px;
								border-right: 1px solid #AE3939;
								}

							#nav-primary .current a {

								}



		#nav-secondary {
			position:relative;
			float: left;
			/* for Right-Nav, change to float:right; */
			width: 190px;
			padding: 0 0 0 20px;
			}



			body#cat-default #nav-secondary-wrap {
				position:absolute;
				top:-221px;
				background:#FFFFFF none repeat scroll 0 0;
				margin:0 0 13px;
				padding:0 10px 0 8px;
				width:180px;
				}
				
				#nav-secondary-wrap, body#cat-idx #nav-secondary-wrap,
				body#cat-default.friend #nav-secondary-wrap{
					
					position:relative;
					top:0px;
					background:#FFFFFF none repeat scroll 0 0;
					margin:18px 0 0 0;
					padding:0px 10px 0 8px;
					width:180px;
					
				}

			#nav-feature {
						/*float: right;*/
						margin: 0 0 0 0;
						padding: 0;
						width:190px; height:227px;
						
						}
						
					#nav-feature img{

						
						}
				
				#nav-secondary .nav-sub-title,
				#nav-secondary .area-information{ width: 190px; height:32px; margin: 0 0 0 0; padding: 0;}
				
				#nav-secondary .search-tools{margin: 0 0 0 0;}
				
				#nav-secondary .nav-sub-title{					
					background:url(/img/gbl/nav-header-01.jpg) no-repeat;
					text-indent:-9999px;
					height: 40px;
				}
				
				#nav-secondary .heading-search-tools{					
					background:url(/img/gbl/nav-header-search-tools.gif) no-repeat;
					text-indent:-9999px;
					height: 40px;
					margin:0;
					padding:0;
				}
				
				#nav-secondary .area-information{
					
					background:url(/img/gbl/nav-header-02.jpg) no-repeat;
					height: 40px;
					text-indent:-9999px;
					
				}
				

				/*#nav-secondary h3{ 
					margin: 12px 0 0 0;
					padding:4px 8px 6px 12px;
					background: #8ea59d url(/img/gbl/bg-nav-primary.jpg) repeat-x 0 -12px;
					border-top:1px solid #EBE9DC;
					border-left:1px solid #EBE9DC;
					border-right:1px solid #EBE9DC;
					color:#3C3F36;
					border-bottom:none;
					font-weight: normal;
					
					}*/
				
				#nav-secondary ul { 
					margin: 0 0 10px 0;
					padding: 0 0 0 0;
					list-style: none;
					border: 1px solid #EBE9DC;					
					width: 180px; /* OG 180px */
					}

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


						#nav-secondary li a {
							font-size: 90%;
							color: #ccc;
							display:block;
							text-decoration: none;
							/* background:#3c3f36; */
							background: #282923 url(/img/gbl/bg-nav-2nd_01.jpg) repeat scroll 0 0;
							padding: 6px 0 6px 20px;
							width: 160px; /* OG 180px */
							}

							

							#nav-secondary li a:hover {
								color: #fff;
								background: #373830 url(/img/gbl/bg-nav-2nd_01.jpg) 0 -28px;

								}

								

					/*#nav-secondary img {
						border:1px solid #EBE9DC;
						border-bottom:none; border-top:none;
						}*/

			#nav-secondary img.nav-sub-title{border: none;}


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

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

					#nav-secondary ul li.sub a {
			
						/* for Right-Nav, change to padding-right:15px; */
						background:#B09C9D;
						color:#1A1C17;
						}

						#nav-secondary ul li.sub a:hover {
							background: #bbadae;
							color:#1A1C17;
							}


					#nav-secondary #selector{ 
						padding: 20px 0 0 15px;
						color: #fff;
						border-left: 1px solid #EBE9DC;
						border-right: 1px solid #EBE9DC;
						background: #3C3F36;
						}
						
						#nav-secondary #selector form{margin: 5px 0 0 0;}


/*  ## 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 {
			height: 222px; /* OG 240px */
			width: 940px; /* OG 960px */
			padding: 17px 0 0 238px;
			margin: 0;			/* float:right; */  /* for Right-Nav, change to float:left; */
			}

			#content-feature-wrap {

				}

				#slideshow{
					
					background-color:#ebebeb;
					padding:10px;
					width:660px;
					height:184px;
					border:solid 1px #a6a6a6;
			
					}
				

		#content-primary {
			position:relative;
			width:750px;
			/*margin-right: 12px; 
			margin-bottom: 15px;*/
			float: right; /* for Right-Nav, change to float:left; */
			/* background: #fff; */
			/* margin-top: 12px; */
			}
			.cat-map #content-primary {
				width:960px;
			}

			#idx #content-primary{margin-top: 12px;}

			#content-primary.extended{ /*  Add this class to Content Primary for wide hack - hide Nav secondary ul & h3  */
				width:883px;
				}

			body#cat-default #content-primary-wrap {
				padding: 25px 40px 25px 29px !important;
				}
				
				/*details page hack*/
				body#cat-idx #content-primary-wrap{
				padding: 45px 40px 25px 40px !important;
				}
				/**/
				
				#content-primary-wrap {
				padding: 45px 40px 25px 40px;
				}


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

			

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

		#content-secondary {
			}

			#content-secondary-wrap {
				}


/*  ## Realtor Information (Footer)

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



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



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

#footer-bg { 
	background-image:url(/img/gbl/bg-footer_01.jpg);
	background-repeat: repeat-x;


}

#footer{
	width: 960px;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0 0 40px 0;
	color: #494C43;
	/* border-top: 1px solid #EBE9DC; */
}

#footer .realtor-logo{
	
	width:188px;
	float: left; display: inline;
	margin: 0 0 0 0px;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 20px;
}


#footer .realtor-credits{
	
	width: 730px; /* OG 750px */
	float: right; display: inline;
	margin: 0 0 0 0;
	text-align: left;
	padding: 0 0 0 0;
}
#footer .realtor-credits-wrap{padding: 0 25px;}

#footer h4{
color: #333;
font-family: Times, serif ;
font-size: 135%;
font-weight: normal;
letter-spacing: -0.5px;
padding: 30px 0 0 0;
/* border-bottom: 1px solid #72918B */

}
#footer ul{ overflow: hidden; padding: 0; margin: 0 0 0 0; list-style:none; border-bottom: 1px solid #ccc;}

#footer li{ 
	float: left;
	width: 33%;
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
	border-top: 1px solid #ccc;
	/* width: 100px; */
	}

/*  ## Legal Information (Footer)

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



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



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

#legal-bg {
	background-color: #262626;
	margin:20px 0 0 0;
}

#legal {
	font-size: 77%;
	/* background:  #72918B; */
	position: relative;
	width: 960px;
	margin: auto;
	height: 60px;
	}



	#legal-wrap {
		padding: 10px; 
		color: #fff;
		}


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


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


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


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

			#legal .legal-credits {
				width: 30%;
				float: right;
				margin: 0 5px  0 0;
				/* 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; 
				/* change the following image for best match with background color */
				background: url(http://www.realestatewebmasters.com/img/offsite/rew-flogo-666.gif) no-repeat;
				/* other possibilities: rew-flogo-ccc.gif, rew-flogo-fff.gif or rew-flogo-666.gif */
				overflow: hidden; /* hide extra focus border */
				margin: 0; padding: 0;
				}			

				

/* 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 {
			position:relative;
			list-style: none;
			margin: 10px 10px 0 0; padding: 0;
			}
			
			
/* QUICK SEARCH */

	#quick-search {
		background: url(/img/gbl/bg-qs_01.jpg);
		width: 250px;
		height: 205px;
		margin: 0;
		float: left;
	}
	
		#quick-search form {
			font-size: 85%;
			padding: 0 0 0 10px;
		}
			
			#quick-search form a {
	color:#FFF;
	font-weight: bold;
	text-decoration:underline;
	padding:10px 0 0 80px;
	float:left;
				}
	
		
			#quick-search select {
				margin: 7px 0 0 9px;
				width: 210px;
				height: 20px;
				color: #333;				
			}
			
			#quick-search input {
				margin: 7px 0 5px 9px;
				width: 210px;
				height: 25px;
				color: #333;				
			}
			
			#quick-search .small {
				width: 100px !important;
				float: left;
			}
	
	
		#quick-search input.submit-button {
					width: 73px;
					height:27px;
					float: left;
					background:url(/img/gbl/qs-search-btn.gif);
					border:none;
					cursor:pointer;
				}
				
		/***************** TEMPLATE LAYOUT CHANGES BASED ON QUICKSEARCH,
		ONLY INCLUDE THESE IF YOU HAVE A QUICKSEARCH ************/
		
		#content-feature {
		padding:17px 0 0 20px;
			}
		#slideshow {
		float:left;
		}
		body#cat-default #nav-secondary-wrap, #nav-secondary-wrap {
		background:none repeat scroll 0 0 #FFFFFF;
		margin:18px 0 0;
		padding:0 10px 0 8px;
		position:static;
		width:180px;
		}

/* END QUICK SEARCH */



/* FEATURED LISTINGS  */


#featured-listings-module {margin: 0 0 30px 0; overflow: hidden; width: 632px;}
#featured-listings-module h2 {border-bottom:none;}
#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 #171717; border-bottom: 5px solid #171717; 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: #503525; height: 1.22em;}
#featured-listings-module #featured-listings strong{float: left; text-align:left; width: 50px;}
#featured-listings-module #featured-listings span.feat-price{color:#950708; font-size: 107%; padding: 1px 0 0 0;}
#featured-listings-module #featured-listings span.feat-price strong{font-size: 85%; color: #503525;}
#featured-listings-module #featured-listings span.feat-button{border-bottom: none; margin: 3px 0; height:31px;}
#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; }	


/******  SUCKERFISH   ******/

#nav-primary ul {
			
	overflow:visible;
	height:50px;

}

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

#nav-primary li:hover li {
	border: none;
}
#nav-primary li li a {
	text-transform: none;
	padding: 7px 15px 9px 15px;
	height: auto;
	text-align: left;
	border-top: 1px solid #AE3939;
	width: 190px;
}
#nav-primary li li {
	width: 220px;
	background: none;
	border: none;
}
#nav-primary li li a:hover {
	background-color: #AD0101
}
#nav-primary li ul {
	position: absolute;
	width: 220px;
	top: 49px;
	left: -999em;
	padding: 0;
	background-color: #8D0100;
	border: 1px solid #AE3939;
	border-top: none;
	z-index: 100;
	height:auto;
}
#nav-primary li:hover ul, #nav-primary li.sfhover ul {
	left: -1px;
}