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


/*  ---------------------------------------
	Layout & Globals
	- - - - - - - - - - - - - - - - - - - -  */
		
		#content.two-sides { background: url(../images/sidebar-left-bg.gif) left repeat-y; }
		#content.two-sides #main {
			width: 468px;
			float: left;
			padding-bottom: 50px;
			overflow: hidden;
		}
		#sidebar-left {
			width: 178px;
			float: left;
		}
		#sidebar-right {
			width: 178px;
			float: right;
			overflow: hidden;
		}
		
		h3 {
			display: block;
			font: 14px Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding: 3px 4px;
		}
		
		ul.side-nav {
			display: block;
			list-style-type: none;
			background: #fff;
			padding-bottom: 5px;
		}
			ul.side-nav li { display: block; height: 1%; }
				ul.side-nav li a {
					display: block;
					padding: 5px 18px;
					background-color: #E2E1D9;
					font-size: 12px;
					font-family: Arial, Helvetica, sans-serif;
					color: #5E5B54;
					text-decoration: none;
					background-repeat: no-repeat;
					background-position: 8px 8px;
					border-top: 2px solid #fff;
				}
					ul.side-nav li a:hover { background-color: #dbdace; color: #3f3d37; }
	
					ul.side-nav li.current a {
						padding-left: 28px;
						padding-right: 10px;
					}
					
		#sidebar-left p,
		#sidebar-right p {
			display: block;
			padding: 8px 4px;
			color: #5E5B54;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#interior-masthead {
			display: block;
			padding: 8px;
			border: 1px solid #979082;
			margin-bottom: 8px;
			background: #e2e1d9;
		}
			#interior-masthead strong {
				display: block;
				height: 82px;
				padding-left: 12px;
				color: #7A431F;
				font: 29px/82px Arial, Helvetica, sans-serif;
				letter-spacing: 3px;
				text-transform: uppercase;
				font-weight: normal;
				float: left;
			}
			#interior-masthead span {
				display: block;
				height: 82px;
				width: 169px;
				background: #CCFFFF;
				float: right;
			}


/*  ---------------------------------------
	Sidebar Left
	- - - - - - - - - - - - - - - - - - - -  */

		#sidebar-left h3 {
			background: #6c8f99;
			color: #fff;
		}
			#sidebar-left ul.side-nav li a { background-image: url(../images/arrow-blue-right.gif); }
	
				#sidebar-left ul.side-nav li.current a,
				#sidebar-left ul.side-nav li.current a:hover {
					background: url(../images/arrow-white-lightblue-right.gif) 18px 8px no-repeat #97b3ba;
					color: #3f3d37;
				}
				
		#sidebar-left .sidebar-newsletter {
			background: #e0e7e9;
			padding: 8px;
			border-bottom: 3px solid #fff;
		}
			#sidebar-left .sidebar-newsletter p {
				margin: 0; padding: 5px 0 0 0;
			}
			#sidebar-left .sidebar-newsletter li {
				margin: 0; padding: 0;
			}
			#sidebar-left .sidebar-newsletter label {
				width: auto;
				float: none;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				padding-bottom: 3px;
				text-align: left;
			}
			#sidebar-left .sidebar-newsletter input {
				float: none;
				width: 120px;
				margin: 0;
			}
			#sidebar-left .sidebar-newsletter p.linklove { display: none; }
			
			#sidebar-left .sidebar-newsletter #sendbutton2 {
				width: auto;
				background: #9d5e2b;
				color: #fff;
				font-size: 12px;
				padding: 3px 5px;
				border: thin outset #8b5122;
				font-weight: bold;
			}


/*  ---------------------------------------
	Sidebar Right
	- - - - - - - - - - - - - - - - - - - -  */

		#sidebar-right h3 {
			background: #9d5e2c;
			color: #fff;
		}
			#sidebar-right ul.side-nav li a { background-image: url(../images/arrow-brown-right.gif); }
		
		#sidebar-right p.photo {
			padding: 0;
			margin: 0;
		}
		#sidebar-right p.photo a {
			padding: 1px;
			display: block;
			background: #979082;
			border: 8px solid #e2e1d9;
			border-bottom: none;
		}

		#sidebar-right p.photo strong {
			display: block;
			background: #e2e1d9;
			padding: 3px 9px;
			margin-bottom: 2px;
			font-weight: normal;
			color: #000;
		}


/*  ---------------------------------------
	Main Copy
	- - - - - - - - - - - - - - - - - - - -  */
		
		#main.copy { margin-bottom: 10px; }
		#main h3 {
			background: #d0cdc7;
			color: #5E5B54;
			margin-left: 8px;
			margin-bottom: 20px;
		}
			#main h3.endlinks {
				margin-top: 25px;
				background: #6c8f99;
				color: #fff;
				margin-bottom: 0 !important;
			}
				
		#main h4 {
			display: block;
			font: 14px Arial, Helvetica, sans-serif;
			color: #6C8F99;
			padding: 18px 50px 2px 15px;
			font-weight: bold;
		}
		
		#main h5 {
			display: block;
			font: 12px Arial, Helvetica, sans-serif;;
			color: #876f61;
			padding: 20px 50px 0 15px;
			font-weight: bold;
		}
		#main p,
		#main ul {
			font: 12px/18px Arial, Helvetica, sans-serif;
			color: #878074;
			display: block;
			padding: 8px 50px 3px 15px;
		}
		#main ul { list-style-type: none; margin-left: 15px; }
			#main ul li {
				display: block;
				padding: 0 10px 3px 10px;
				background: url(../images/arrow-small-right.gif) left 6px no-repeat;
			}
		#main p a,
		#main ul a {
			color: #7c9ea7;
			text-decoration: none;
			border-bottom: 1px solid #dfbb9d;
			background: #edece4;
		}
			#main p a:hover,
			#main ul a:hover { color: #53747d; }
		
		#main #photoslist { margin-top: 20px; }
		#main #photoslist ul {
			width: 480px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#main #photoslist ul li {
				display: block;
				padding: 0;
				margin: 0 0 15px 15px !important;
				padding: 0 !important;
				background: none;
				float: left;
			}
				#main #photoslist ul li h5 {
					display: block;
					padding: 0 !important;
				}
				#main #photoslist ul li p {
					display: block;
					padding: 0;
					margin: 0;
				}
				#main #photoslist ul li img {
					display: block;
					padding: 5px;
					margin: 0 !important;
					border: 1px solid #979082;
					background: #e2e1d9;
				}
		
		#main strong,
		#main em { color: #6c665b; }
		
		#main a strong,
		#main ul.end-nav strong { color: #6c8f99; }
		
		H6 {
			display: block;
			margin: 20px 0 20px 8px;
		}
		
		h6 a { display: none; }