@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 15px;
				
				font-size: 100%;
				
				line-height: 160%;
				
				font-weight: bold; 
				
				clear: left;
			
				}
			
			h4 { }
			
			h5 { }
			
			h6 { }
			
			p { 
			
			font-size: 100%; 
			
			}

			
/* =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 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			
			.error { 
				
				color: #990000;
				
				}
				
			.clear {  clear: both; 	}
			
			.borderTop {
				
				background: transparent url(../../_img/bg/brdr.gif) top left repeat-x; 
				
				margin: 5px 0 0 0; padding: 5px 0 0 0;
				
				}
			
			.borderBot { 
				
				background: transparent url(../../_img/bg/brdr.gif) bottom left repeat-x; 
				
				margin: 0 0 5px 0; padding: 0 0 5px 0;
				
				}
			
			.trDarkBg, .darkBg {  /*background-color: ;*/ }
			
			.trLightBg, .lightBg {  /*background-color: ;*/ }	
			
			.nopad { padding: 0px; }
				
			.padTop { padding-top:  5px; 	} 
			
			.padRight { padding-right:  5px; 	} 
			
			.padBot { padding-bottom:  5px; 	} 
			
			.padLeft { padding-left:  5px; 	} 
			
			.marTop { margin-top:  5px; 	} 
			
			.marRight { margin-right:  5px; 	} 
			
			.marBot { margin-bottom:  5px; 	} 
			
			.marLeft { margin-left:  5px; 	} 
			
			
			#headerDiv { }
			
			
				#headerDiv h1 a {
				
					background: transparent url(../../_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(../../_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(../../_img/nav/global/global-top-nav.jpg) top left no-repeat; 
					
					width: 320px; height: 17px; 
					
					margin: 30px 0 0 0; padding: 0; 
					
					float: right;
					
					}
			
				#headerDiv #topNav ul {
			
					background: #FFF url(../../_img/nav/global/global-top-nav.jpg) top left no-repeat; 
					
					position: relative;
					
					top: 0; left: 0;
					
					width: 218px; height: 17px; 
					
					margin: 0; padding: 0; 
					
					color: #000;
					
					}
			
				#headerDiv #topNav li { 
			
				position: absolute;
				
				top: 0px;
			
				}
			
			#headerDiv #topNav a {
			
				text-indent: -9999px;
				
				text-decoration: none;
				
				outline: none;
			
				}
			
			#headerDiv #topNav li, #headerDiv #topNav a {
			
				display: block;
				
				height: 17px;
				
				outline: none;
				
				}
			
			#headerDiv #topNav #nav-one { left: 0px; width: 50px; }                                            
			#headerDiv #topNav #nav-two { left: 51px; width: 80px; }
			#headerDiv #topNav #nav-three { left: 132px; width: 86px; }
	
			
			#headerDiv #topNav #nav-one a:hover, #headerDiv #topNav #nav-one a.activeNavItem { background: transparent url('../../_img/nav/global/global-top-nav.jpg') -0px -17px no-repeat; }                                            
			#headerDiv #topNav #nav-two a:hover, #headerDiv #topNav #nav-two a.activeNavItem { background: transparent url('../../_img/nav/global/global-top-nav.jpg') -51px -17px no-repeat; }
			#headerDiv #topNav #nav-three a:hover, #headerDiv #topNav #nav-three a.activeNavItem { background: transparent url('../../_img/nav/global/global-top-nav.jpg') -132px -17px no-repeat; }
		
		#fpNav { 
			
			}
		
			a.fpNavOne:link, a.fpNavOne:visited { 
				
				background: transparent url(../../_img/nav/home/search-home.png) top left no-repeat;
				
				width: 249px; height: 70px;
				
				display: block; float: right;
				
				text-decoration: none;
					
				text-indent: -9999px;				
				
				outline: none; 	
				
				}
				
			a.fpNavOne:active, a.fpNavOne:hover { 
				
				background: transparent url(../../_img/nav/home/hover/search-home-hover.png) top left no-repeat;
				
				width: 249px; height: 70px;
				
				display: block; float: right;
				
				text-decoration: none;
					
				text-indent: -9999px;				
				
				outline: none; 	
				
				}
				
			a.fpNavTwo:link, a.fpNavTwo:visited { 
				
				background: transparent url(../../_img/nav/home/worth.png) top left no-repeat;
				
				width: 249px; height: 74px;
				
				display: block; float: right;
				
				text-decoration: none;
					
				text-indent: -9999px;				
				
				outline: none; 	
				
				}
				
			a.fpNavTwo:active, a.fpNavTwo:hover { 
				
				background: transparent url(../../_img/nav/home/hover/worth-hover.png) top left no-repeat;
				
				width: 249px; height: 74px;
				
				display: block; float: right;
				
				text-decoration: none;
					
				text-indent: -9999px;				
				
				outline: none; 	
			
				}		
							
			a.fpNavThree:link, a.fpNavThree:visited { 
				
				background: transparent url(../../_img/nav/home/about-townhomes.png) top left no-repeat;
				
				width: 249px; height: 70px;
				
				display: block; float: right;
				
				text-decoration: none;
					
				text-indent: -9999px;				
				
				outline: none; 	
				
				}
				
			a.fpNavThree:active, a.fpNavThree:hover { 
				
				background: transparent url(../../_img/nav/home/hover/about-townhomes-hover.png) top left no-repeat;
				
				width: 249px; height: 70px;
				
				display: block; float: right;
				
				text-decoration: none;
					
				text-indent: -9999px;				
				
				outline: none; 	
				
				}		
				
			a.fpNavFour:link, a.fpNavFour:visited { 
				
				background: transparent url(../../_img/nav/home/current-projects.png) top left no-repeat;
							
				width: 249px; height: 71px;
				
				display: block; float: right;
				
				text-decoration: none;
					
				text-indent: -9999px;				
				
				outline: none; 	
				
				}
				
			a.fpNavFour:active, a.fpNavFour:hover { 
				
				background: transparent url(../../_img/nav/home/hover/current-projects-hover.png) top left no-repeat;
				
				width: 249px; height: 71px;
				
				display: block; float: right;
				
				text-decoration: none;
					
				text-indent: -9999px;				
				
				outline: none; 	
				
				}		
			
			
			a.fpNavFour span { display: none; }		
			
			
		#mNav {
		
			background: #F7F7DF url('../../_img/nav/global/main-navigation.jpg') top left no-repeat; 
			
			width: 800px; height: 50px; 
			
			margin: 0 0 0 0; padding: 0; 
			
			float: right;
			
			}
		
		#mNav ul {
		
			background: #F7F7DF url('../../_img/nav/global/main-navigation.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: 266px; }                                            
		#mNav #mnav-two { left: 266px; width: 150px; }
		#mNav #mnav-three { left: 416px; width: 195px; }
		#mNav #mnav-four { left: 611px; width: 189px; }
		
		
		#mNav #mnav-one a:hover, #mNav #mnav-one a.activemNav { background: transparent url('../../_img/nav/global/main-navigation.jpg') -0px -50px no-repeat; }                                            
		#mNav #mnav-two a:hover, #mNav #mnav-two a.activemNav { background: transparent url('../../_img/nav/global/main-navigation.jpg') -266px -50px no-repeat; }
		#mNav #mnav-three a:hover, #mNav #mnav-three a.activemNav { background: transparent url('../../_img/nav/global/main-navigation.jpg') -416px -50px no-repeat; }	
		#mNav #mnav-four a:hover, #mNav #mnav-four a.activemNav { background: transparent url('../../_img/nav/global/main-navigation.jpg') -611px -50px no-repeat; }
		
		body#nav-projects #mnav-one a { background: transparent url('../../_img/nav/global/main-navigation.jpg') -0px -50px no-repeat; }                                            
		body#nav-search #mNav #mnav-two a:hover { background: transparent url('../../_img/nav/global/main-navigation.jpg') -266px -50px no-repeat; }
		body#nav-worth #mNav #mnav-three a:hover { background: transparent url('../../_img/nav/global/main-navigation.jpg') -416px -50px no-repeat; }	
		body#nav-about #mNav #mnav-four a:hover { background: transparent url('../../_img/nav/global/main-navigation.jpg') -611px -50px no-repeat; }
		
		#sNav {
		
			float: left;
			
			width: 612px;
			
			background-color: #76120B;
			
			}
			
		#sNav ul { 
			
			background-color: #76120B;
			
			margin: 0; padding: 7px 0 0 0;
			
			height: 28px;
			
			}	
			
		#sNav li { 
		
			display: inline;	
			
			font-size: 85%;
			
			
			}	
		
		#subContentControlDiv #sNav a:link, #subContentControlDiv #sNav a:visited  {
			
			color: white; 
			
			text-decoration: none;
			
			padding: 0px 25px;	
			
			font-weight: bold;			
			
			}	
		
		#subContentControlDiv #sNav a:active, #subContentControlDiv #sNav a:hover  {
			
			color: white; 
			
			text-decoration: underline;
			
			padding: 0px 25px;	
			
			font-weight: bold;
			
			}		
		
		#subContentControlDiv #sNav a.active { 
			
			text-decoration: underline;
			
			}
		
		
		#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 #76120b;
			
			border-bottom: 10px solid #76120b;
			
			}
		
		#subContentControlDiv {
			
			clear: both;
			
			border-top: 10px solid #76120b;
			
			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;
				
				}			
		
		#subProjContentControlDiv { 
					
			background: transparent url(../../_img/projects/columnThreeBg.jpg) top right repeat-y;
			
			border-bottom: 1px solid #76120b;
			
			}
		
		#searchColOne { 
		
			/*background-color: ;*/
			
			display: block;
			
			float: left; 
			
			width: 528px; height: 365px; 	
			
			}
			
		#searchColTwo { 
			
			background: transparent url(../../_img/home-search/searchColTwoBg.jpg) top right no-repeat;
			
			display: block;
			
			float: right; 
			
			width: 268px; height: 365px; 	
					
			}
		
				#searchColTwo p  { 
				
					margin: 0; padding: 0;
					
					border-bottom: 1px solid white;
					
					}	
				
				#searchColTwo p.noBorder { 
										
					border-width:0px; 
					
					}
				
				#searchColTwo p.noBorder a:link, 	#searchColTwo p.noBorder a:visited {
					
					font-family: Verdana, Arial, Helvetica, sans-serif;	
					
					font-weight: bold;
					
					font-size: 107%;
					
					letter-spacing: -0.05em;
					
					display: block;
					
					height:31px; 
					
					padding: 10px 0 0 35px; margin: 0;
					
					text-decoration: none;
					
					color: #5d3a19;
					
					}
				
				#searchColTwo p.noBorder a:active, #searchColTwo p.noBorder a:hover, #searchColTwo p.noBorder a.activeProject {
				
					background: transparent url(../../_img/home-search/navHoverBg.png) 0px 0px no-repeat;
					
					font-family: Verdana, Arial, Helvetica, sans-serif;	
					
					font-weight: bold;
					
					font-size: 107%;
					
					letter-spacing: -0.05em;
					
					display: block;
					
					height:31px; 
					
					padding: 10px 0 0 35px; margin: 0;
					
					text-decoration: none;
					
					color: #AF3B08;
					
					}
				
				#searchColTwo a:link, 	#searchColTwo a:visited {
					
					font-family: Verdana, Arial, Helvetica, sans-serif;	
					
					font-weight: bold;
					
					font-size: 107%;
					
					letter-spacing: -0.05em;
					
					display: block;
					
					height:25px; 
					
					padding: 10px 0 0 35px; margin: 0;
					
					text-decoration: none;
					
					color: #5d3a19;
					
					}
				
				#searchColTwo a:active, #searchColTwo a:hover, #searchColTwo a.activeProject {
				
					background: transparent url(../../_img/home-search/navHoverBg.png) 0px 0px no-repeat;
					
					font-family: Verdana, Arial, Helvetica, sans-serif;	
					
					font-weight: bold;
					
					font-size: 107%;
					
					letter-spacing: -0.05em;
					
					display: block;
					
					height:25px; 
					
					padding: 10px 0 0 35px; margin: 0;
					
					text-decoration: none;
					
					color: #AF3B08;
					
					}
			
		#projectsColOne { 
		
			/*background-color: ;*/
			
			display: block;
			
			float: left; 
			
			width: 251px; 
			
			}
			
		#projectsColTwo { 
			
			display: block;
			
			float: left; 
			
			width: 302px; 	
					
			}
			
		#projectsColThree { 
			
			background-color: #F0E8C4;
			
			display: block;
			
			float: right; 
			
			width: 478px; height: 407px;	
			
			padding: 10px; 
					
			}	
		
			
			#projectsColThree h4 {
				
				color: #7A120F;				
				
				font-weight: bold;
				
				font-size: 100%;
				
				padding: 5px 0px 5px 0px;
				
				border-bottom: 0px solid white;
				
				}
				
			#projectsColThree p.intro-text { border-bottom: 1px dotted #333; font-size: 10px; line-height: 120%; padding: 9px 0; margin: 0 0 10px 0;  }
			
			#projectsColThree p  { 
				margin: 0; padding: 0;
				font-size: 10px; clear: both; 
				}	
				
	
			
		
		#worthForm { 
		
			background-color: #EBEAD5;
			
			margin: 10px; padding: 15px;
			
			}
			
		#worthForm h4 { 
		
			background: #DEDDBE url(../../_img/home-worth/sectionBg.jpg) top right repeat-y;
			width: 100%; 
			
			}	
			
		#worthForm h4  span { 
			
			background-color: #EBEAD5;
			
			margin: 0; padding-right: 15px;
			
			height: 20px;
			
			color: #76120b;
			
			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%;
			}	
		
		#sideBar { 
			
			border-left: 2px solid white;
			
			background: #F1EFD6 url(../../_img/bg/sideBarBg.jpg) top left no-repeat;
			
			width: 186px; margin-left: 0px;
			
			float: right;
			
			}		
			
			#sideBar .sideBartTitle { 
			
				border-top: 2px solid white; 
				
				color: #74130A; 
				
				text-transform: uppercase;
				
				font-weight: bold; 
				
				font-size: 100%;
				
				padding: 10px 10px 0px 10px;
				
				}
				
			#sideBar p {  
							
				padding: 10px 10px;
				
				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;
}

a.home-page-button:link span,  a.home-page-button:visited span {
	background-color: #76120B; 
	padding: 5px; color: white; font-weight: bold;
	}  	

a.home-page-button:active span,  a.home-page-button:hover span {
	background-color: #101010; 
	padding: 5px; color: white;
	}

#projectsColThree a.projlink:link, 	#projectsColThree a.projlink:visited {
		background-color: #DBE6EC;				
		padding: 2px 5px; 
		line-height: 180%;	
		text-decoration: none;				
		color: #00183A; font-weight: bold;
		clear: both; 
	}
	
	#projectsColThree a.projlink:active, #projectsColThree a.projlink:hover {
		background-color: #97AB66;	
		text-decoration: none;				
		color: #FFF;
	}