/* * HOUSEWRIGHT * */

*{
	outline:none;
}

img { -ms-interpolation-mode: bicubic; }

body{
	background:url(../img/body-bg1.jpg) top left repeat #8c915b;
	/*background-attachment:fixed;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	}

a{
	color:#000;
	text-decoration:underline;
	}
	a:hover{
		text-decoration:none;
		}
	
.left{float:left}
.right{float:right}
.center{text-align:center;}
.clear{clear:both}
.hidden{visibility:hidden}
.border{border:1px solid red} /*Testing only*/
.indent{margin-left:35px;}

/* * Container * */

/* This is solely for the border - we need it around the footer too, but we don't need the container BG around the footer */
#containerContainer{
	border:2px solid #72763E;
	width:980px;
	margin:15px auto 0 auto;
}

#container{	
	margin:0 auto;
	}

/* * Header * */

#header{
	background:url(../img/header-bg.gif) 1px 0 no-repeat;
	width:980px;
	height:215px;
	margin-bottom:-25px;
	*height:210px;
	}
	#headerInner{
		width:920px;
		margin:0 auto;
		padding-top:28px;
		}
	#header #logo{
		margin:-42px 0 7px 13px;
		*margin-top:-60px;
		width:310px;
		float:left;
		}
		#header #logo img.header-logo{
			}
		#header #logo img.header-logo-text{
			margin-left:3px;
			}
	#header #logoHome{
		margin:45px 0 7px 13px;
		*margin:35px 0 7px 13px;
		width:310px;
		float:left;
		}
		#header #logoHome img.header-logo{
			}
		#header #logoHome img.header-logo-text{
			margin-left:3px;
			}
	img.homeButton{
		float:left;
		margin-left:17px;
	}
		
/* Navigation - MOST LINK STYLES ARE FOUND IN assets/js/sifr-config.js */

/*TOP LEVEL*/
#topnav{
	width:545px;
	height:80px;
	float:right;
	margin:3px 15px 0 0;
	}
	#topnav ul{
		width:540px;
		padding:10px 0 0 0px;
		margin:0 0 0 92px;
		}
		#topnav ul li{
			display:inline;
			float:left;
			margin-right:20px;
			cursor: pointer; 
			text-transform: uppercase; 
			font-size: 11px; 
			text-align:center;
			}
			#topnav ul li a{
				text-decoration: none; 
				font-weight:bold;
				}
				#topnav ul li a:hover, #topnav ul li a.active{
					color: #8a4438;
				}
		
/*SECOND LEVEL*/
#subnav{
	background:url(../img/subnav-divider.jpg) bottom center no-repeat;
	width:585px;
	float:left;
	margin-top:-43px;
	margin-left:325px;
	}	
	#subnav ul{
		width:585px;
		margin:0 0 0 10px;
		}
		#subnav ul li{
			float:left;
			text-transform: uppercase; 
			font-size: 9px; 
			padding:5px 14px 14px 0;			
		}
			#subnav ul li a{
				text-decoration: none; 
				font-weight:bold;
				}
				#subnav ul li a:hover, #subnav ul li a.active{
					color: #8a4438;
				}

/*THIRD LEVEL*/
#subsubnav{
	width:555px;
	float:left;
	margin-top:-15px;
	*margin-top:-33px;
	margin-left:413px;
	position:relative;
	z-index:100;
	}
	#subsubnav ul{
		width:555px;
		margin:0;		
		}
		#subsubnav ul li{
			float:left;
			text-transform: lowercase; 
			font-size: 11px;
			padding:7px 16px 5px 0;
			}
			#subsubnav ul li a{
				text-decoration: none; 
				font-weight:bold;
				}
				#subsubnav ul li a:hover, #subsubnav ul li a.active{
					color: #8a4438;
				}

/* * Content * */

#content{
	background:url(../img/more-content-bg.jpg) -2px 0px repeat-y;
	width:980px;
	margin-left:9px;
	}
	#contentInner{
		width:930px;
		margin:0 0 0 33px;
		padding:8px 0 0 0;
		}
		#contentInner .leftContent{
			width:250px;
			float:left;
			margin-right:14px;
			}
		#contentInner .rightContent{
			width:615px;
			float:left;
			font-size:14px;
			margin-top:3px;
			}
		#contentInner .rightSlideShowContent{
			width:565px;
			float:right;
			margin-top:-20px;
			margin-right:60px;
			font-size:13px;
			}
		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
		 #contentInner .rightSlideShowContent
		 {
		  margin-top:33px; /* This fixes the problem in Safari and Google Chrome */
		 }
		}
		#contentInner p{
			font-family:"Times New Roman", Times, serif;
			font-size:14px;
			line-height:140%;
			width:auto;
			margin:0 15px 15px 0; 
			}
			#contentInner p.home{
				}
			#contentInner p.caption{
				border:1px #dcceb4 solid;
				border-left:none;
				border-right:none;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				color:#666;
				font-style:italic;
				width:171px;
				padding:9px 15px;
				margin:14px 0 30px 0;
				text-align:center;
				}
				
				/* * * HOMES Page * * */
				#contentInner .homes{
					width:575px;
					margin:0 0 0 308px;
				}	
				#contentInner .homes p{
					border-top:1px #dcceb4 solid;
					border-bottom:1px #dcceb4 solid;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:9px;
					font-style:italic;
					width:270px;
					float:left;
					padding:9px 0;
					margin:14px 11px 20px 6px;
					text-align:center;
					}
				#contentInner p.captionAUTO{
					border-top:1px #dcceb4 solid;
					border-bottom:1px #dcceb4 solid;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:12px;
					font-style:italic;
					color:#666;
					width:auto;
					padding:9px 15px;
					margin:14px 0 30px 0;
					text-align:center;
					}
				#contentInnerRIGHT p.caption{
					margin-bottom:0;
					}
			
			#contentInner h1{
				width:650px;
				*width:580px;
				height:30px;
				margin:0 0 5px 0; 
				line-height:120%;
				color:#8a4438; 
				font-style:italic; 
				font-size:26px; 
				text-align:left;				
			}			
			#content h1.h1-home{
				float:left;
				width:160px;
				text-align:right;
				margin:0 14px 0 90px;
				font-size:24px; 
				color: #7c2d24; 
				text-align:right; 
				font-style: italic;
				}
			#content h1.h1-sub{
				width:177px;
				float:left;
				margin:0 0 0 50px;
				font-size:24px; 
				color: #7c2d24; 
				text-align:center; 
				font-style: italic; 
				font-weight:bold;
				}
			#content h1.h1-sub2{
				width:auto;
				margin:5px 0;
				font-size:20px; 
				color: #7c2d24; 
				text-align:right; 
				font-style: italic;
				}
			#contentInner h2{
				margin:10px 0 2px 5px; 
				line-height:120%;
				color:#000; 
				font-size:18px; 
				text-align:left;				
			}
			#contentInner h3{
				width:625px;
				height:26px;
				display:block;
				margin:0 0 5px 0; 
				line-height:120%;
				color:#6F2A22; 
				font-style:italic; 
				font-weight:bold;
				font-size:18px; 
				text-align:left;				
			}		
		#contentInner img{
			border:5px solid #f3eed6;			
			}
			#contentInner img.clear{
				border:none;
			}
			#contentInner img.banner{
				margin:0 0 15px -2px;
				}
			#contentInner img.sub{
				border:7px solid #f3eed6;
				float:right
				}
			#contentInner img.sub2{
				border:7px solid #f3eed6;
				float:left;
				}
		#contentInner .homes img{
			width:270px;
		}
		
		#contentInner #imgL{
		float:left;
		margin:0 12px 0 10px;
		}
			#contentInner #imgL img{
				width:275px;
			}
			#contentInner #imgL img.directions{
				width:191px;
				border:none;
				margin:0 0 7px 50px;
			}
				#imgL img.directions:hover{
						cursor:pointer;
				}
			#imgL #directions1, #imgL #directions2, #imgL #directions3, #imgL #directions4, #imgL #directions5{
				visibility:hidden;
				width:260px;
				height:0px;
				text-align:center;
				font-size:12px;
			}
			#contentInner #imgL p.caption{
				width:240px;
				margin-left:7px;
			}
			#contentInner #imgL p.directionTitle{
				text-align:center;
				margin:10px 0 5px 0;
			}
			#contentInner .leftContent img{
				border:none
				}
				#contentInner .leftContent img.saleButton{
					margin:43px 0 0 1px;
					}
								
		/* * ALL QUOTE STYLES * */
		#contentInner #quote{
			background:url(../img/quote-bg.jpg) top left no-repeat #f7f4e3;
			width:580px;
			height:104px;
			float:right;
			margin:10px 20px 0 -3px;
			}
		#contentInner #quoteA{
			background:url(../img/quote-bg.jpg) top left no-repeat #f7f4e3;
			width:285px;
			min-height:150px;						/* IE6 MIN-HEIGHT TRICK */ 	
			height:auto !important;					/* IE6 MIN-HEIGHT TRICK */ 	
			height:150px; 							/* IE6 MIN-HEIGHT TRICK */
			float:left;
			margin:0 12px 0 10px;
			letter-spacing:1px;
			}
			#contentInner #quoteA p.person{
				padding-top:0;
				font-weight:bold;
			}
			#contentInner #quoteA p span{
				margin-left:40px;
			}
		#quoteB{
			background:url(../img/quoteB-bg.jpg) top left no-repeat #F5F3DE;
			width:573px;
			float:right;
			margin-right:56px;
			padding:12px 0 35px 0;
			position:relative;
			z-index:100;
			}
		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
		 #quoteB
		 {
		  margin-top:30px; /* This fixes the margin problem in Safari and Google Chrome */
		 }
		}
			#contentInner #quote p,
			#contentInner #quoteA p,
			#contentInner #quoteB p{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				color:#5F241D;
				font-size:13px;
				}
				#contentInner #quote p.large{
					font-size:14px;
					padding:11px 0 0 64px;
					}
					#contentInner #quote p.small{
						font-size:13px;
						margin-top:-20px;
						*margin-top:0px;
						padding:0 0 0 149px;
						}
						#contentInner #quoteA p{
							margin:0 0 10px 0;
							padding:32px 20px 0 20px;
							}
						#contentInner #quoteB p{
							font-size:13px;
							margin:0 25px -10px 64px;
							padding:0;
							}
							#contentInner #quoteB p .quotation{
								margin:0 0 0 -4px;
								font-size:13px;
								}
			#contentInner #quoteB img{
				display:block;
				margin:10px 0 0 65px;
				border:none;
				}	
			#contentInner #quoteB p.credits{
				margin-left:144px;
				margin:17px 0 15px 144px\9;				
				}		
					
		/* * Slideshow on Top Level Sub-Pages * */
		#contentInner .slideshow{
			background-color:#E9E2B6\9;		
		}
		#contentInner .slideshow .caption{
			background:transparent url(../img/caption-box.gif) no-repeat top left;
			width:275px;
			height:164px;
			padding:0;
			margin:66px 20px 0 5px;
			float:left;
			font-size:15px;
			font-style:italic;
			color:#67644e;
			line-height:228%;
			text-align:center;
			position:relative;
			z-index:100;
		}
			#contentInner .slideshow .caption span{
				display:block;
				margin-top:-4px;
			}
		#contentInner .slideshow img{
			float:left;
			width:565px;
		}
		
		#pagination{
			background:url(../img/pagination.gif) no-repeat top left;
			float:left;
			width:272px;
			height:32px;
			margin:0 0 0 6px;
			padding:0 27px 0 27px;
			position:relative;
			top:-30px;
			left:2px\9;
			z-index:100;
		}	
		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
		 #pagination
		 {
		  top:30px; /* This fixes the pagination problem in Safari and Google Chrome */
		 }
		}	
		#prev {
			float:left;
			display:inline-block;
			margin:-5px 9px 0 39px;
			*margin-top:-25px;
			cursor:pointer;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
		 #prev
		 {
		  margin:-25px 12px 0 39px; /* This fixes the pagination problem in Safari and Google Chrome */
		 }
		}
			#prev img{
				border:none;
			}
		#next{
			float:right;
			display:inline-block;
			cursor:pointer;
			margin:-5px 90px 0 0;
		}
			#next img{
				border:none;
			}
		#slideshow-nav{
			width:110px;
			display:inline;
			position:relative;
			top:-8px;
			*left:75px;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
		 #slideshow-nav
		 {
		  left:74px;
		  top:-7px; /* This fixes the pagination problem in Safari and Google Chrome */
		 }
		}
			#slideshow-nav a{
				letter-spacing:9px;
				text-decoration:none;
				border-bottom:none;
				cursor:pointer;
				font-size:18px;
				color:#b9a588;
			}
				#slideshow-nav a.activeSlide, #slideshow-nav a:hover{
					color:#000;
				}	
				
	/* * UNIQUE HOMES PAGES * */
	#contentInner #imgLhomes{
		float:left;
		padding:38px 60px 20px 40px;
	}
	#contentInner #imgLhomes img{
		border:none;
		margin:0 0 10px 10px;
	}
	
	/* * Our Associates Page * */
	#contentInner table.assoc{
		float:right;
		margin:0 90px 0 0;
	}	
		#contentInner table.assoc td{
			padding-right:23px;
			font-family:"Times New Roman", Times, serif;
			font-size:14px;
			line-height:140%;
		}
		
	/* * Our Team Page * */
	
	.teamContent{
		float:right;
		width:580px;
		margin-right:5px;
	}
	
	span.jobTitle{
		float:left;
		font-size:12px;
		font-weight:bold;
		margin:-25px 0 0 130px;
	}
	
	blockquote{
		margin:0 0 15px 35px;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		line-height:140%;
		width:500px;
	}
	
	/* * Being Green Page * */
	
	.greenContent{
		float:right;
		width:585px;
		margin-right:5px;
	}
	
	/* The Thumbnails */
	#triggers{
		margin-left:3px;
	}
		#triggers .box{
			float:left;
			width:275px;
			margin:0 0 30px 0;
			padding-right:20px;
		}
			#triggers .box span{
				width:270px;
				padding:7px 0;
				margin:7px 0 0 8px;
				font-size:11px;
				text-align:center;
				display:block;
				color:#666666;
				font-style:italic;
				border-top:1px solid #dcceb4;
				border-bottom:1px solid #dcceb4;
			}
		#triggers .boxNoCaption{
			float:left;
			width:275px;
			margin:0 0 10px 0;
			padding-right:20px;
		}
			#triggers .boxNoCaption span{
				width:270px;
				padding:7px 0;
				margin:7px 0 0 8px;
				font-size:11px;
				text-align:center;
				display:block;
				color:#666666;
				font-style:italic;
				border-top:1px solid #dcceb4;
				border-bottom:1px solid #dcceb4;
			}
		#triggers .wideCaption{
			width:860px;
			padding:7px 0;
			margin:0 0 35px 9px;
			font-size:11px;
			text-align:center;
			display:block;
			color:#666666;
			font-style:italic;
			border-top:1px solid #dcceb4;
			border-bottom:1px solid #dcceb4;
		}
		#triggers .wideishCaption{
			width:566px;
			float:right;
			padding:7px 0;
			margin:-23px 26px 25px 0;
			font-size:11px;
			text-align:center;
			display:block;
			color:#666666;
			font-style:italic;
			border-top:1px solid #dcceb4;
			border-bottom:1px solid #dcceb4;
		}
		#triggers .leftWideishCaption{
			width:566px;
			float:left;
			clear:left;
			padding:7px 0;
			margin:0 0 35px 15px;
			font-size:11px;
			text-align:center;
			display:inline;
			color:#666666;
			font-style:italic;
			border-top:1px solid #dcceb4;
			border-bottom:1px solid #dcceb4;
		}
		#triggers .boxFirst{
			float:left;
			width:275px;
			margin:0 0 30px 8px;
			padding-right:20px;
		}
			#triggers .boxFirst span{
				width:270px;
				padding:7px 0;
				margin:7px 0 0 8px;
				font-size:11px;
				text-align:center;
				display:block;
				color:#666666;
				font-style:italic;
				border-top:1px solid #dcceb4;
				border-bottom:1px solid #dcceb4;
			}
		#triggers .boxBig{
			float:left;
			width:420px;
			margin:0 0 10px 0;
			padding-right:20px;
		}
			#triggers .boxBig span{
				width:415px;
				height:38px;
				padding:7px 0;
				margin:7px 0 0 10px;
				font-size:11px;
				text-align:center;
				display:block;
				color:#666666;
				font-style:italic;
				border-top:1px solid #dcceb4;
				border-bottom:1px solid #dcceb4;
			}
		.millwork{
			float:right;
			width:590px;
			margin:0 3px 0 0;
			*margin-top:-2px;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
		 .millwork{		  
			margin:3px 3px 0 0;
		}
		}
		
/** 	CONTACT FORM	**/
.contact {
}

.contact #EmailForm fieldset{
	float:left;
	margin:0 0 15px 10px;
	padding:10px 15px;
	border:1px solid #CFC9A8;
}

.contact #EmailForm legend{
	margin-bottom:10px\9;
	color:#8A4438;
}

.contact #EmailForm label{
	display:block;
	color:#000;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:1px;
}
.contact #EmailForm .text{
	width:230px;
	height:16px;
	margin-bottom:15px;
	border:1px solid #B9A687;
	padding:3px;
	font-size:13px;
}
.text:focus, .text:hover {
	background-color:#fdf9f9;
}
.contact #EmailForm select{
	margin-bottom:15px;
	border:1px solid #B9A687;
	padding:3px;
	font-size:13px;
}
.text .invalidValue{ border:1px solid #F00; }
.text .requiredValue{ border:1px solid #F00; }

.contact #EmailForm .textarea{
	width:350px;
	height:150px;
	margin-bottom:15px;
	border:1px solid #B9A687;
	padding:3px;
	font-size:13px;
}
.textarea:focus, .textarea:hover {
	background-color:#fdf9f9;
}
.contact #EmailForm img{
	border:1px solid #B9A687;
	margin:3px 0;
}
.contact #EmailForm .submit {
	cursor:pointer;
	display:block;
	margin-top:5px;
	width:125px;
}	

/* * Footer * */

#footer{
	background:url(../img/footer-bg.png) -5px 0px no-repeat;
	*background:url(../img/footer-bg.png) -6px 0px no-repeat;
	width:980px;
	height:150px;
	margin-top:-30px;
	*margin-top:-35px;
	margin-left:10px;
	padding-top:40px;
	}
	#footer #contact{
		width:720px;
		float:left;
		margin:60px 0 0 257px;
		*margin-left:250px;
		}
		#footer #contact ul{
			font-size:11px;
			font-style:italic;
			margin:12px auto;
			width:710px;
			}
			#footer #contact ul li{
				margin:0 50px 0 0;
				float:left;
				}
				#footer #contact ul li a{
					}
					#footer #contact ul li a:hover{
						text-decoration:underline;
						color:#8a4438;
						}
	#eternity{
		width:743px;
		margin:10px auto;
		}
		#eternity p{
			text-align:center;
			color:#EDE5BF;
			font-size:11px;
			margin-bottom:10px;
			}
			#eternity p a{
				color:#EDE5BF;
				}