@charset "utf-8";
/*  ---------------------------------------
	
	home.css
	````````
	home stylesheets document for
	JH RESIDENTIAL!
	
    ---------------------------------------  */


/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#masthead {
			background: #776334;
			padding: 5px;
		}
			#masthead-content {
				width: 369px;
				float: left;
				background: url(../images/masthead-content-bg.gif) left repeat-y;
				border-top: 1px solid #917e51;
				border-bottom: 1px solid #917e51;
			}
				#masthead-content h2 {
					padding: 16px 30px 13px 18px;
					font-size: 20px;
					color: #f7f2e3;
					line-height: 22px;
					height: auto;
					font-weight: normal;
					text-transform: uppercase;
				}
				#masthead-content p {
					display: block;
					padding-bottom: 18px;
					padding-left: 18px;
				}
					#masthead-content p a {
						font-size: 16px;
						color: #f38d1f;
						text-decoration: underline;
					}
					
				#masthead-map {
					float: right;
				}
				
				#masthead img {
					position: static;
					top: 0;
					left: 0;
				}


/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			background: url(../images/home-sidebar-bg.gif) left 221px #776334;
			height: 506px;
			width: 358px;
			float: left;
		}
			#sidebar h3#jessica-and-joe {
				padding: 46px 5px 5px 5px;
				background: url(../images/jessica-and-joe.jpg) top left no-repeat #776334;
			}
				#jessica-and-joe img { display: none; }
			
			#sidebar h4 {
				display: block;
				padding: 8px 0 0 0;
				margin: 0 20px;
				border-bottom: 1px solid #917e51;
				font-size: 18px;
				font-weight: normal;
				text-transform: uppercase;
				color: #e4e8ba;
			}
			#sidebar p {
				display: block;
				padding: 5px 0 0 0;
				margin: 0 20px;
				font-size: 12px;
				color: #ebdfbe;
				line-height: 16px;
			}
				#sidebar p a {
					display: block;
					padding-top: 3px;
					color: #f28c1f;
					text-decoration: underline;
				}


/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		#content {
			padding-top: 22px !important;
		}
	
		.home-large-slide strong {
			display: block;
			height: 50px;
			line-height: 50px;
			padding-left: 17px;
			font-size: 18px;
			color: #f7f2e3;
			font-weight: bold;
			background: #776334;
		}
			.home-large-slide strong em { color: #f38d1f; font-style: normal; }
		#main #neighborhood-guide {
			margin: 0;
			padding-top: 5px;
			padding-bottom: 0;
			background: #ece0be;
			margin-bottom: 20px;
		}
			#neighborhood-guide a {
				display: block;
			}
			#neighborhood-guide a .slide-images {
				height: 224px;
				margin: 0 5px;
				display: block;
			}
				#neighborhood-guide a .slide-images img {
					display: block;
					width: 508px;
					height: 219px;
				}
			
		#main #hgtv {
			margin: 0;
			padding: 0;
			background: url(../images/hgtv-slide-bg.gif) no-repeat #e4e8ba;
		}
			#hgtv a {
				display: block;
				padding: 157px 0 0 0;
				position: relative;
			}
				#hgtv a span {
					position: absolute;
					width: 330px;
					top: 72px;
					left: 155px;
					font-size: 22px;
					color: #776334;
					font-weight: normal;
				}
					#hgtv a span em {
						display: block;
						font-weight: bold;
						font-style: normal;
						padding: 5px 15px;
					}


/*  ---------------------------------------
	Sub-content
	- - - - - - - - - - - - - - - - - - - -  */
	
		
		#sub-content {
			margin-top: 25px;
			padding: 20px;
			background: #e4e8ba;
		}
			#sub-feed {
				width: 330px;
				float: left;
			}
				#sub-feed .feed-line {
					display: block;
					padding-top: 10px;
					font-size: 14px;
					font-weight: normal;
				}
					#sub-feed .feed-line a {
						text-decoration: none;
						color: #776333;
					}
						#sub-feed .feed-line a strong {
							color: #f28c1f;
							font-weight: bold;
						}
					
					#twitter-link {
						display: block;
						padding-top: 30px; 
					}
						#twitter-link a {
							display: block;
							padding: 0 0 0 40px;
							background: url(../images/twitter-ico.gif) left no-repeat;
							height: 28px;
							line-height: 28px;
							color: #f38d1f;
							font-size: 14px;
							font-weight: bold;
						}
			#sub-testimonials {
				width: 488px;
				float: right;
			}
				.test p {
					display: block;
					font-size: 12px;
					line-height: 18px;
					color: #776333;
					display: none;
				}
					.test p strong {
						display: block;
						padding-top: 10px;
						font-size: 14px;
						font-weight: bold;
						text-align: right;
					}
						.test p strong a {
							color: #f48e1f;
							text-decoration: none;
							padding-left: 20px;
						}
			
			#sub-content h3 {
				display: block;
				color: #776333;
				font-size: 12px;
				text-transform: uppercase;
				padding: 0 0 25px 0;
				margin: 0;
			}