@import url("reset.css");


/* css =info
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	
	
			document:                		css document
			media-type:            			screen
			version:                   			buildout v. 1.00
			
			author:                     		sam howat, bluetux internet services
			contact:                    		sam@bluetux.com 
		
	
			*/
					

/* =linkStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
		
		
			h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { }
			
			a:link {  
			
				color: #0066CC; 
				
				text-decoration: underline; 
				
				}
			
			a:visited  {  
			
				color: #CC3300; 
				
				text-decoration: underline; 
				
				}
			
			a:hover  {  
			
				color: #FFCC00; 
				
				text-decoration: none; 
				
				}	
		
		
/* =textStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


h1 { }

h2 { }

h3 { 	margin: 0; padding: 15px 15px 5px 10px;				
		font-size: 98%;	line-height: 100%;
		font-weight: bold; color: #715734;				
		text-transform: uppercase; }

h4 { 	margin: 0; padding: 15px 10px 0 10px;				
		font-size: 82%;	line-height: 100%;
		font-weight: bold; color: #715734; }

h5 { }

h6 { }

p { 

font-size: 79%; line-height: 100%;
margin: 0; padding: 0;

}

#subContentControlDiv ul, #subContentControlDiv ol { 

font-size: 12px; line-height: 100%;
margin: 0; padding: 8px 10px 8px 25px;
list-style-type: disc;
color: #333333;
}

#subContentControlDiv li { padding: 2px 0;}

			
/* =customTextStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			

			
			.small { }
				

/* =listStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
			

/* =quoteStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


			.quote { }
			
			.cite { 
				
				background-color: #F9F9F9;
				
				float: right;
				
				width: 200px; height: auto; 
				
				margin: 0px; padding: 10px;
				
				font-size: 1.2em;
				
				font-style: italic;
								
				}

			.attr { 
				
				display: block;
				
				clear: both; 
				
				text-align: right; 
				
				font-size: .5em;
				
				}		
			
			
/* =commonStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
				
			.clear {  clear: both; 	}
						
			#headerDiv { }
			
			
				#headerDiv h1 a {
				
					background: transparent url(../../_source/img/logos/seattle-townhome-team-logo.gif) no-repeat left top;
					
					display: block;
					
					float: left;
					
					width: 212px; 	height: 109px;
					
					margin: 12px 0 0 0;
					
					text-decoration: none;
					
					text-indent: -9999px;				
					
					outline: none; 	
					
					}
					
					
				#headerDiv h2 {
				
					background: transparent url(../../_source/img/logos/where-your-townhome-search-begins-and-ends.gif) no-repeat left top;
					
					display: block;
					
					float: left;
					
					width: 560px; 	height: 23px;
					
					margin: 54px 0 0 10px;
					
					text-decoration: none;
					
					text-indent: -9999px;				
					
					outline: none; 	
					
					}	
					
				#headerDiv #topNav {
			
					background: #FFF url('../../_source/img/global-top-nav.jpg') top left no-repeat; 
					
					width: 84px; height: 17px; 
					
					margin: 30px 0 0 0; padding: 0; 
					
					float: right;
					
					}		
				
		#mNav {
		
			background: #F7F7DF url('../../_source/img/main-nav.jpg') top left no-repeat; 
			
			width: 800px; height: 50px; 
			
			margin: 0 0 0 0; padding: 0; 
			
			float: right;
			
			}
		
		#mNav ul {
		
			background: #F7F7DF url('../../_source/img/main-nav.jpg') top left no-repeat; 
			
			position: relative;
			
			top: 0; left: 0;
			
			width: 800px; height: 50px; 
			
			margin: 0; padding: 0; 
			
			color: #000;
			
			}
		
		#mNav li { 
		
			position: absolute;
			
			top: 0px;
			
			}
		
		#mNav a {
		
			text-indent: -9999px;
			
			text-decoration: none;
			
			outline: none;
			
			}
		
		#mNav li, #mNav a {
		
			display: block;
			
			height: 50px;
			
			outline: none;
			
			}
		
		#mNav #mnav-one { left: 0px; width: 175px; }                                            
		#mNav #mnav-two { left: 176px; width: 259px; }
		#mNav #mnav-three { left: 435px; width: 170px; }
		#mNav #mnav-four { left: 606px; width: 194px; }
		
		
		#mNav #mnav-one a:hover, #mNav #mnav-one a.activemNav { background: transparent url('../../_source/img/main-nav.jpg') -0px -50px no-repeat; }                                            
		#mNav #mnav-two a:hover, #mNav #mnav-two a.activemNav { background: transparent url('../../_source/img/main-nav.jpg') -176px -50px no-repeat; }
		#mNav #mnav-three a:hover, #mNav #mnav-three a.activemNav { background: transparent url('../../_source/img/main-nav.jpg') -435px -50px no-repeat; }	
		#mNav #mnav-four a:hover, #mNav #mnav-four a.activemNav { background: transparent url('../../_source/img/main-nav.jpg') -606px -50px no-repeat; }
		
		body#nav-projects #mnav-one a { background: transparent url('../../_source/img/main-nav.jpg') -0px -50px no-repeat; }                                            
		body#nav-search #mNav #mnav-two a:hover { background: transparent url('../../_source/img/main-nav.jpg') -176px -50px no-repeat; }
		body#nav-worth #mNav #mnav-three a:hover { background: transparent url('../../_source/img/main-nav.jpg') -435px -50px no-repeat; }	
		body#nav-about #mNav #mnav-four a:hover { background: transparent url('../../_source/img/main-nav.jpg') -606px -50px no-repeat; }
		
		#sNav {
		
			float: left;
			
			width: 612px;
			
			background-color: #808585;
			
			}
			
		#sNav ul { 
			
			background-color: #808585;
			
			margin: 0; padding: 7px 0 0 0;
			
			height: 28px;
			
			}	
			
		#sNav li { 
		
			display: inline;	
			
			font-size: 85%;
			
			
			}	
	
		
		#fpHeader { 
			
			margin: 0; padding: 0 10px; 
			
			width: auto; height: 90px; 
			
			}
			
			#fpHeader p { 
				
				margin: 0; padding: 15px 0 0 0;
				
				font-size: 95%;
				
				}
		
		#contentControlDiv {
			
			clear: both;
			
			border-top: 10px solid #808585;
			
			border-bottom: 10px solid #808585;
			
			}
		
		#subContentControlDiv {
			
			clear: both;
			
			border-top: 10px solid #808585;
			
			border-bottom: 20px solid #DEDDBE;
			
			}	
			
			#contentControlDiv .contentIndent, #subContentControlDiv .contentIndent  { 
				float: left; width: 600px; margin: 0 0 15px 0;
				}
			
			#contentControlDiv p, #subContentControlDiv p  { 
				
				margin: 0; padding: 15px 15px 0px 15px;
				
				font-size: 92%;
				
				line-height: 160%;
				
				color: #333333;
				
				}	
				
			#contentControlDiv a:link, #contentControlDiv a:visited, #subContentControlDiv a:link, #subContentControlDiv a:visited { 
								
				color: #336699;
				
				 text-decoration: underline; 
				
				}	
			
			#contentControlDiv a:active, #contentControlDiv a:hover, #subContentControlDiv a:active, #subContentControlDiv a:hover { 
							
				color: #336699;
				
				text-decoration: none;
				
				}			

		
		#worthForm { 
		
			background-color: #EBEAD5;
			
			margin: 10px; padding: 15px;
			
			}
			
		#worthForm h4 { 
		
			background: #DEDDBE url(../../../afterglow-homs/_img/home-worth/sectionBg.jpg) top right repeat-y;
			width: 100%; 
			
			}	
			
		#worthForm h4  span { 
			
		
			margin: 0; padding-right: 15px;
			
			height: 20px;
			
			color: #808585;
			
			font-size: 100%; 
			
			font-weight: bold;
			
			}		
		
		#worthForm .formTable { 
			
			margin: 10px 0;
			
			}	
			
		#worthForm .formTable td { 
			
			padding: 6px 0;
			
			}	
		
		#worthForm td.label { 
			text-align: right; 
			padding: 0 5px 0 0;
			font-size: 85%;
			}	
	
		
		#footerContent { }
			
			#footerContent #searchContent .padImgRight { 
			
				padding-right: 15px;
				
				float: left;
				
				}
			
			#footerContent #searchContent p { 
				
				margin: 0; padding: 5px 0 2px 0;
				
				}
			
			#footerContent p { 
				
				color: #1D1D1B;
				
				font-size: 85%;
				
				line-height: 136%;
				
				margin: 10px 0 5px 0;
				
				}
			
			#footerContent a:link, #footerContent  a:visited { 
				
				color: #1D1D1B;
				
				text-decoration: underline; 
				
				}	
			
			#footerContent a:active, #footerContent  a:hover { 
				
				color: #1D1D1B;
				
				text-decoration: none; 
				
				}	
			
			#footerContent strong { 
				
				font-size: 114%;
				
				}	
			
			#fpFooterBlockOne, #fpFooterBlockTwo, #fpFooterBlockThree { 
				
				height: 150px;
				
				padding: 0 10px;
				
				}
			
			
			#fpFooterBlockOne { 
				
				background-color: #DEDEBE; 
				
				border-right: 2px solid white;
				
				width: 270px;   
				
				float: left; 
				
				}	
				
				#fpFooterBlockOne img {
				
					border: 1px solid white;
					
					margin: 10px 2px 2px 2px;
						
					}
									
					
			#fpFooterBlockTwo { 				
				
				background-color: #E5E5CC; 
				
				border-right: 2px solid white;
								
				width: 238px; 
				
				float: left; 
								
				}	
				
				
			#fpFooterBlockThree { 
				
				background-color: #DEDEBE; 
				
				width: 225px;
				 
				float: left; 
				
				}	
				
				#fpFooterBlockThree img {
				
					border: 1px solid white;
					
					margin: 10px 2px 2px 2px;
					
					clear: both;
					
					float: left; 
						
					}
					
				#fpFooterBlockThree span {
					
					font-size: 85%;
					
					margin: 60px 2px 2px 2px;
					
					float: left; 
						
					}	

		#footerDiv { 
			
			clear: both;
			
			}
			
			#footerDiv a:link, #footerDiv a:visited { 
				
				margin: 0; padding: 0 5px;
				
				color: #b3aeb2;
				
				text-decoration: none; 
				
				}	
			
			#footerDiv a:active, #footerDiv a:hover { 
			
				margin: 0; padding: 0 5px;
				
				color: #b3aeb2;
				
				text-decoration: underline; 
				
				}	
				
			#footerDiv p {
				
				margin: 0; padding: 5px 0;
				
				color: #DCDADC;		
				
				font-size: 85%;	
				
				text-align: center;	
								
				}			
					
			.floatright {
			float:right;
			}

#home-page-highlight { border-bottom: 10px solid #808585; background: #FBF1CD url('../../_source/img/home-page-content-bg.jpg') bottom left repeat-x;}

#col-one { 	margin: 0 0 0 10px;
			width: 380px; height: auto;
			float: left;  }
			
#col-one-map { 	
			margin: 0 0 0 10px;
			width: 315px; height: auto;
			float: left;  }

#col-two { 	margin: 0 10px 0 0;
			width: 380px; height: auto;
			float: right;  }
			
#col-two-full { background-color: #E5E5CC;
				margin: 0 0px 0 0; padding: 0 10px 0 0;
				width: 380px; height: 350px;
				float: right;  }


#col-two-map { 	
				margin: 0 0px 0 0; padding: 0 0px 0 0;
				width: 445px; height: 380px;
				float: right;  }
							
#subContentControlDiv p  { 	margin: 0; padding: 8px 10px;	
							line-height: 150%;	
							color: #333333; }		

span.small-text, .feature-text, .small-text { font-size: 10px; }						

img.map { border: 1px solid #666; margin: 0 2px 0 0; }