@charset "utf-8";
/*  ---------------------------------------
	
	home.css
	````````
	home stylesheets document for
	DHI | Johnson Ranch
	
    ---------------------------------------  */


/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */

		#masthead.home {
			display: block;
			float: left;
			height: 300px;
			width: 504px;
		}
		#welcome-mailinglist {
			width: 321px;
			height: 300px;
			float: right;
			background: #e1e1d9;
		}
			#welcome-mailinglist #welcome-message h3 {
				display: block;
				padding: 20px 95px 0 20px;
				color: #a1603a;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				font-weight: normal;
				letter-spacing: 3px;
				text-transform: uppercase;
			}
			#welcome-mailinglist #welcome-message p {
				display: block;
				padding: 15px 20px;
				border-bottom: 1px solid #bdb9ae;
				font: 14px/16px Arial, Helvetica, sans-serif;
				color: #979082;
			}
				#welcome-mailinglist #welcome-message p strong { font-weight: bold; color: #5E5B54; }
				#welcome-mailinglist #welcome-message p a {
					font: 12px Arial, Helvetica, sans-serif;
					color: #6C8F99;
					font-weight: bold;
					padding-left: 15px;
					background: url(../images/arrow-blue-right.gif) 7px no-repeat;
				}
			#welcome-mailinglist .home-newsletter {	
				display: block;
				padding: 15px 20px 20px 20px;
			}
				#welcome-mailinglist .home-newsletter h3 {
					display: block;
					padding-bottom: 10px;
					color: #a1603a;
					text-transform: uppercase;
					font: 12px Arial, Helvetica, sans-serif;
					color: #A16039;
					letter-spacing: 3px;
				}
				#welcome-mailinglist form ol {
					display: block !important;
					width: 230px !important;
					float: left !important;
				}
					#welcome-mailinglist form ol li { margin: 0; padding: 0; }
					#welcome-mailinglist form span { display: none; }
					#welcome-mailinglist form ol input {
						color: #979082 !important;
						background: #fff !important;
						padding: 5px !important;
						font-size: 10px !important;
						border: none !important
						display: block !important;
						margin-bottom: 5px !important;
						width: 210px !important;
						font-weight: bold !important;
					}
				#welcome-mailinglist form p {
					width: 50px !important;
					float: right !important;
					position: relative !important;
					padding-top: 33px !important;
					display: block !important;
				}
					#welcome-mailinglist form p input {
						display: block !important;
						font-size: 12px !important;
						color: #fff !important;
						cursor: pointer !important;
						background: #9d5e2b;
						padding: 2px 0 !important;
						width: 60px;
						font-weight: bold;
					}
						
				#welcome-mailinglist p.linklove { display: none; }
				
		#home-panels {
			height: 293px;
			position: relative;
			top: 8px;
			background: url(../images/home-panels-bg.gif) no-repeat;
			clear: both;
		}
			#home-panels div {
				position: absolute;
				width: 258px;
				height: 279px;
				top: 7px;
			}
				#home-panels div h3 {
					display: block;
					height: 189px;
					background-repeat: no-repeat;
					padding: 0 !important;
				}
					#home-panels div h3 strong {
						display: block;
						font: 13px Arial, Helvetica, sans-serif;
						letter-spacing: 2px;
						color: #fff;
						padding: 12px;
						text-transform: uppercase;
						margin: 0 !important;
					}
				#home-panels div p {
					display: block;
					margin-top: 7px;
					background: #e1e1d9;
					font: 14px/18px Arial, Helvetica, sans-serif;
					color: #979082;
				}
					#home-panels div p em {
						display: block;
						padding: 7px 0;
						margin: 0 7px;
						border-bottom: 1px solid #bbb8af;
					}
					#home-panels div p span {
						display: block;
						padding: 7px;
						font-size: 14px;
						font-weight: bold;
						font-style: italic;
						color: #a24e20;
					}
						#home-panels div p a:hover span {
							background: #d4d4c8;
						}
						/* Individual Panels */
							
							#possibilities { left: 7px; }
								#possibilities h3 { background-image: url(../images/home-panel-possibilities-img.jpg); }
								#possibilities h3 strong { background: #979082; }
							
							#family { left: 287px; }
								#family h3 { background-image: url(../images/home-panel-family-img.jpg); }
								#family h3 strong { background: #6C8F99; }
							
							#explore { left: 567px; }
								#explore h3 { background-image: url(../images/home-panel-explore-img.jpg); }
								#explore h3 strong { background: #9B9058; }
								
						/* End */