/*  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;
/*		margin-top:10px;*/
		margin-bottom:10px;
		}

		#page {
			width: 960px;
			position: relative;
			background: #fff url(../../img/gbl/bg-page.jpg) 0 0 repeat-y;
			/* for Right-Nav, change to /bg-page-alt.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: url(../../img/gbl/bg-brand.gif) 0 0 no-repeat;
	position: relative;
	height:90px;
	}

	#brand-wrap {
		padding: 20px;
		}

		#brand-logo {
			}

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

		#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: #003159 /*url(/img/gbl/suckerfish-bg.jpg) bottom left repeat-x*/;
			width:960px; height:52px;
			zoom: 1;
/*			border-top:1px solid #d1d1d1;
			border-bottom:1px solid #d1d1d1;*/
			}

			#nav-primary-wrap {
				background:#fff !important;
				zoom:1;
				}

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

					#nav-primary li {
						margin: 0; padding: 0;
						float: left;
						position: relative; 
						display:inline;
						}
/*						li.current{overflow:hidden;}*/

						#nav-primary a {
							float: left;
							text-decoration: none;
							color: #07406F;
							display:block;
							padding: 6px 44px 6px;
/*							border-left:1px solid #d1d1d1;*/
							/* for Right-Nav, change to border-right:1px solid #d1d1d1; */
							font-size:0.9em;
							position: relative;
							}

							#nav-primary a:hover {
								background: #07406F /*url(../../img/gbl/bg-nav-primary.jpg) 0 0 repeat-x*/;
								background-position:0 -40px;
								color:#fff;
								}
	
							#nav-primary .current a {
								background-position:0 -40px;
								color:#fff;
								background:#003159;
								}
/* suckerfish */								
								#nav-primary ul li ul {
									margin: 0;
									padding: 0;
									position: absolute;
									top: 2.0em;
									}
						
							#nav-primary ul li:hover ul, #nav-primary ul li.hover ul {
/*									left: 0;*/
									}
						
								#nav-primary li ul li {
										margin: 0;
										padding: 0;
										float: left;
										}
						
								#nav-primary li ul li a {
										margin: 0; padding: 3px 9px;
										color:#fff;
										float: left;
										display: block;
										height: 16px; /* required to addlayout in IE6, will vary */
										}
						
									#nav-primary ul li ul li a:hover {
										   background: #00527F;
										   }
										   
										   #nav-primary .current ul li a {background:none; height:16px;}
										   
										   #nav-primary ul li ul#sell{left:-216px;width:900px;}
										   #nav-primary ul li ul#buy{left:-173px; width:900px;}										   
										   #nav-primary ul li ul#education{left:-323px;width:900px;}
										   
										   #nav-primary ul li ul#sell li, 
										   #nav-primary ul li ul#buy li,
										   #nav-primary ul li ul#education li{padding: 2px 20px;}
										   
										   #nav-primary ul li ul li a.sub-current{background:#0F4D7F}
										   
										   
										   

		#nav-secondary {
			float: left;
			/* for Right-Nav, change to float:right; */
			width: 224px;
/*			background:#003159;*/
			margin-top:2px
			}

			#nav-secondary-wrap {
				margin:10px 0 0 0; padding:0;
				width:224px;
				}

				#nav-secondary ul {
					margin: 0 0 10px 0; padding: 0;
					list-style: none;
					border:1px solid #ccc;
					border-top:none;
					}

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

						#nav-secondary li a {
							color: #fff;
							display:block;
							text-decoration: none;
							background:#7c7c7c;
							padding:4px 8px 3px;
							}
							
							#nav-secondary li a:hover {
								background:#8c8c8c;
								}
								
					#nav-secondary img {
/*						border:1px solid #ccc;
						border-bottom: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 #ccc;
					}
					
					#nav-secondary ul li.sub a {
						padding-left:15px;
						/* for Right-Nav, change to padding-right:15px; */
						background:#a0a0a0;
						}
						
						#nav-secondary ul li.sub a:hover {
							background:#8c8c8c;
							}


/*  ## 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 {
	margin-top:2px;
	}

	#content-wrap {
		}

		#content-feature {
			height: 235px;
			width:733px;
			float:right;
			background:#ccc;
			/* for Right-Nav, change to float:left; */
			}

			#content-feature-wrap {
				}

		#content-primary {
			width: 700px;
			float: right;
			/* for Right-Nav, change to float:left; */
			}
			
			#cat-default #content-primary {height:3px;}
				
			#content-primary.extended {
			   width: 960px;
			   background:#fff;
			   } 
			   
			   .cat-idx #content-primary {margin:0 auto; float:none;}

			#content-primary-wrap {
				padding: 25px;
				}
			
		#content-primary a, #content-wide a {
			color:#333;
			text-decoration:underline;
			}
			
			#content-primary a:hover, #content-wide a:hover {
				color:#000;
				}		
				
				#content-primary .no-hover{color:#fff;
					background:#013D5F;}
				
				#content-primary .no-hover:hover {
					color:#fff;
					background:#013D5F;
					}

		#content-secondary {
			}

			#content-secondary-wrap {
				}


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

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

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

#legal {
	font-size: 77%;
	background: #013d5f;
	position: relative;
	}

	#legal-wrap {
		padding: 10px; 
		color: #fff;
		border-top: 1px solid #ccc;
		}

		#legal p {
			margin: 0; padding: 0;
			}
			
			
		#legal a {
			color:#ccc;
			text-decoration:underline;
			}
			
			#legal a:hover {
				color:#ddd;
				}
				
			#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: right;
				text-align:right;
				
				/* 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: 130px; height: 23px; 
				/* change the following image for best match with background color 
				background: url(http://www.realestatewebmasters.com/img/offsite/rew-flogo-333.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;
			color:#333;
			}

		#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 .tabset ul li a:hover {
						color:#333333;
						background:#eee;
						}

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

		#content .thumbset ul li {
			list-style: none;
			margin: 10px 10px 0 0; padding: 0;
			}	
			
#quick-search{margin: -9px 0 0 0; background:#003159; position:relative;}
#nav-secondary #quick-search img {margin: 0}
#quick-search form{background: #003159 url(/img/gbl/bg-quick-search.jpg) no-repeat center top; margin:0; padding:0 0 11px 0; width: 224px; height: 223px; text-align:center;}
#quick-search select.options {width:196px; margin: 0 0 4px 0; /*border: 1px solid #21140e;*/ padding: 1px; font-size: 92%;}
#quick-search select.options.short {width:93px;}
#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: #A8C4CF; }
#quick-search a:hover {color: #fff; text-decoration:none }
#quick-search p{color:#A8C4CF;}

.advanced-search {position:absolute; bottom:4px; left:81px;}

.search-btn{clear:both; margin-top:2px;}

#slideshow{background: url(/img/ss/ss01.jpg) no-repeat top left;}




.seller-form legend{/*display: block;*/}

.seller-form table tr {padding:0 0 10px 0;}

.seller-form table tr td {padding-left:10px;}

.seller-form table tr td input, .seller-form table tr td select, .seller-form table tr td textarea{margin:0 0 6px 0;}

.seller-form table tr td textarea{width:100%;}

#blog-entries .blog-entry { padding-top:10px; border-bottom: 1px dotted #ccc;}

	#blog-entries .blog-entry h4 { margin-bottom:.2em;}

		#blog-entries .blog-entry h4 a {color:#3285AF;}

	#blog-entries .blog-entry .info	{position:relative;}
	
		#blog-entries .blog-entry .info	a{color:#3285AF;}
	
		#blog-entries .blog-entry .info .date {font-style:italic;}
		
/* CMS Page Styles */

#content-primary .page-styled {position:relative;}

#content-primary .page-styled h1, #content-primary .page-styled h2 {
	color: #003159;}

#content-primary .page-styled h2 {
	border-bottom:1px dotted #CCCCCC;
	margin-top:26px;
	padding-bottom:6px;
	margin:0 !important;
	}

#content-primary .page-styled a {
	font-weight:bold; 
	color:#3C9FC9;
	}
	
	#content-primary .page-styled a:hover {color:#F7011A;}
	
table#news-table { border:1px solid #ccc;}

	table#news-table tr{
		background:#eee; 
		padding: 2px 10px;
		}
	
	table#news-table tr.alt{
		background:#e6e6e6;
		}

		table#news-table th{
			background:#C1CFD7; 
			padding: 2px 10px;
			}

			table#news-table tr td {padding: 3px 10px;}
			
			table#news-table tr a{color:#666;}
			
			table#news-table tr a:hover{color: #F7011A;}
			
				table#news-table tr td h2{
					margin:0 !important; 
					color:#ccc;
					}


#content-primary .rss-reader h2{color:#013D5F;}

#content-primary .rss-reader a{color:#3C9FC9;}

#content-primary .rss-reader a:hover{text-decoration:none;}

#new-construction ul{
	position:relative;
	list-style-position:inside;
	}
	
	#new-construction h3{margin:10px 0 6px;}

#new-construction ul li{position:relative;}