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


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td, form {  
			margin: 0;
			padding: 0;
			border: none;
			text-decoration: none;
		}



/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */

		body {
			background: url(../images/body-bg.gif) repeat;
		}
		
		#container {
			width: 878px;
			margin: 0 auto 20px auto;
		}
		#wrapper {
			padding: 0 23px 8px 23px;
			background: url(../images/wrapper-bg.png) repeat-y;
		}
		.left { float: left; }
		.right { float: right; }
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */
		
		* html #header,
		* html #wrapper { background-image: none; background-color: #fff; }
		* html #wrapper { padding-bottom: 16px; } 
		* html #footer { background: none !important; }



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */

		#header { background: url(../images/header-bg.png) top no-repeat; padding: 30px 23px 8px 23px; }
			#header h1 {
				display: block;
				width: 458px;
				height: 87px;
				float: left;
			}
				#header h1 a {
					display: block;
					width: 458px;
					height: 91px;
					background: url(../images/header-logo.gif) top no-repeat;
					text-indent: -999999px;
				}
			#header-info {
				width: 250px;
				float: right;
			}
				#header-info p {
					display: block;
					text-align: right;
				}
					#header-info #phone {
						font: 12px Arial, Helvetica, sans-serif;
						color: #231F20;
						letter-spacing: 2px;
						margin-bottom: 15px;
					}
						#header-info #phone strong {
							color: #9D5E2C;
						}
					#header-info {
						font: 16px/19px Arial, Helvetica, sans-serif;
						color: #999;
						font-style: italic;
						letter-spacing: 1px;
						text-align: left;
					}
			#header-nav {
				display: block;
				background: #79431f;
				list-style-type: none;
				clear: both;
			}
				#header-nav li {
					display: block;
					height: 1%;
					float: left;
					border-right: 1px solid #fff;
				}
					#header-nav li a {
						display: block;
						float: left;
						padding: 8px 8px 8px 8px;
						color: #fff;
						text-decoration: none;
						text-transform: uppercase;
						background: #9d5e2b;
						font: 12px Arial, Helvetica, sans-serif;
					}
						#header-nav li a:hover {
							background: #bfa38c;
							color: #623a26;
						}
						#header-nav li.current a,
						#header-nav li.current a:hover {
							background: #5d321b;
							color: #fff;
						}
		


/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */

		
			#footer {
				padding: 32px 23px;
				font: 11px Arial, Helvetica, sans-serif;
				color: #fff;
				background: url(../images/footer-bg.png) top no-repeat;
				display: block;
			}
				#footer-nav {
					display: block;
					list-style-type: none;
					font-size: 11px;
					margin: 0 auto 18px auto;
					text-align: center;
				}
					#footer-nav li { display: inline; color: #fff; padding-left: 6px; border-left: 1px solid #fff; }
						#footer-nav li a {
							color: #fff;
							padding-right: 5px;
							text-decoration: none;
						}
						#footer-nav li.first { padding-left: 0; border: none; }
						#footer-nav li a:hover { text-decoration: underline; }
						
				#footer-info { color: #C4AD9B; margin: 0 auto; text-align: center; }
						#footer-info a { color: #c4a490; text-decoration: underline; }
							#footer-info a:hover { color: #999; }
							
					#footer-info #contact-info {
						display: block;
						padding-bottom: 10px;
						text-align: center;
					}
					
				#disclaimer { margin-top: 25px; display: block; text-align: left; }