@charset "UTF-8";
/* CSS Document */

#header {	width: 681px;
			margin: 0 auto 0 auto;
			height: 26px;
			padding: 0;
			text-align: center; }

#page {		background: #FFFFFF url(../images/page-bg.jpg) top repeat-y;
			width: 681px;
			margin: 0 auto 0 auto;
			height: auto;
			padding: 0 13px 0 13px;
			text-align: left;
			border-bottom: 13px #FFFFFF solid; }
			
#left {		width: 238px;
			border-right: 2px #FFFFFF solid;
			float:left;
			height: 695px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			font: 11pt "Times New Roman", Times, serif;
			color: #000000; }
			
.company {	background: url(../images/left-bg-company.jpg) top left no-repeat; }
.mission {	background: url(../images/left-bg-mission.jpg) top left no-repeat; }
.history {	background: url(../images/left-bg-history.jpg) top left no-repeat; }
.communities {	background: url(../images/left-bg-communities.jpg) top left no-repeat; }
.contact {	background: url(../images/left-bg-contact.jpg) top left no-repeat; }
.gallery {	background: url(../images/left-bg-gallery.jpg) top left no-repeat; }
.customgallery {	background: url(../images/left-bg-customgallery.jpg) top left no-repeat; }
.commercialgallery {	background: url(../images/left-bg-commercial.jpg) top left no-repeat; }

			
#left ul {	margin: 330px 0 0 57px;
			padding: 0;
			list-style-type: none; }
			
#left ul li {			margin: 0;
						padding: 0px 0 20px 0;
						line-height: 17px; }
					
#left ul li.linklast {		margin: 0;
							padding: 0px 0 10px 0;
							line-height: 17px; }
					
#left ul li.sub {			margin: 0;
							padding: 0 0 10px 13px; }
					
#left ul li.linkfirst {		margin: 0;
							padding: 10px 0 20px 0;
							line-height: 17px; }
				
#left a {			color: #000000;
					text-decoration: none; }						
					
#left a:visited { 	color: #000000;
					text-decoration: none; }
					
#left a:hover {		color: #033E43;
					text-decoration: underline; }
					
#left a:active { 	color: #000000;
					text-decoration: underline; }								
			
#right {	background-color: #FFFFFF;
			width: 441px;
			float: left;
			margin: 0;
			padding: 0;
			overflow: hidden;
			display: block; }

#right .flash {		height: 371px;
					margin: 0;
					padding: 0;
					float: left;
					width: 441px; }
					
#right .flash2 {	height: 371px;
					margin: 0 0 30px 0;
					padding: 0;
					float: right;
					width: 441px; }
					
#right .virtualtour {		background: url(../images/virtual-tour-button.png);
					position: relative;
					width: 240px;
					height:91px;
					top: 280px;
					left: 201px;
					z-index: 10; }
				
#nav-interior {	width: 441px;
				height: 71px;
				margin: 0 0 25px 0;
				padding: 0;
				list-style: none;
				float: left;
				overflow: hidden; }			
			
#nav-interior li { 	float: left;
					height: 71px;
					text-align: -5000px;
					overflow: hidden; }
				 
#nav-interior li a { 	display: block;
						padding: 71px 0 0 0;
						height: 0px !important;
						overflow: hidden; }
						
#placeholder a { 		background: url(../images/interior-nav-placeholder.jpg) top left no-repeat; 
						width: 160px; }
								
#placeholder a:hover { 	background: url(../images/interior-nav-placeholder-on.jpg) top left no-repeat; }
						
	
#mission a { 		background: url(../images/interior-nav-mission.jpg) top left no-repeat; 
					width: 136px; }
								
#mission a:hover { 	background: url(../images/interior-nav-mission-on.jpg) top left no-repeat; }

#mission a:active { background: url(../images/interior-nav-mission-on.jpg) top left no-repeat; }

#history a { 		background: url(../images/interior-nav-history.jpg) top left no-repeat; 
					width: 145px; }
								
#history a:hover { 	background: url(../images/interior-nav-history-on.jpg) top left no-repeat; }

				
#right .content { margin: 0;
				  padding: 0; } 
				  
#right .content2 { margin: 0;
				  	padding: 0; } 
				

#right .content p {	font: 11px Verdana, Arial, Helvetica, sans-serif;
					margin: 0;
					padding: 0 20px 15px 20px;
					line-height: 17px; }
					
#right .content2 p {	font: 11px Verdana, Arial, Helvetica, sans-serif;
					margin: 0;
					padding: 0 20px 15px 20px;
					line-height: 17px; }
					
#right .content2 a { 	color: #000000;
						text-decoration: none; }
						
#right .content2 a:hover { 	color: #000000;
							text-decoration: underline; }
					
					
h1 {		font: 14px Verdana, Arial, Helvetica, sans-serif;
			color: #333333;
			font-weight:bold;
			margin: 15px 20px 15px 20px;
			padding: 0px 20px 15px 0px;
			border-bottom: 1px #333333 solid; }
			
h2 {		font: 11px Verdana, Arial, Helvetica, sans-serif;
			color: #0B4549;
			font-weight:bold;
			margin: 0;
			text-transform:uppercase;
			padding: 15px 20px 0 20px; }
				
.first {		margin: 10px 10px 10px 40px;
				border: 1px #666666 solid;
				padding: 3px; }
				
.thumb {		margin: 10px 10px 10px 10px;
				border: 1px #666666 solid;
				padding: 3px; }
				
.large {		margin: 10px 10px 10px 22px;
				border: 1px #666666 solid;
				padding: 3px; }

.last {			margin: 10px 10px 20px 40px;
				border: 1px #666666 solid;
				padding: 3px; }
				
.last2 {		margin: 10px 10px 20px 10px;
				border: 1px #666666 solid;
				padding: 3px; }
				
form {			margin: 0 20px 20px 20px;
				font: 10pt Verdana, Arial, Helvetica, sans-serif;
				padding: 10px 5px 0px 0; }
				
#footer {	width: 707px;
			margin: 15px auto 50px auto;
			padding: 0;
			height: auto; }
			
			
#footer .content  {	margin: 0;
					padding: 0;
					float: left;
					height: auto; }
					
#footer .content p {  font: 11px Arial, Helvetica, sans-serif;
					  color: #FFFFFF;
					  margin: 0 25px 15px 200px;
					  padding: 0;
					  line-height: 19px; }

#footer .logo { background: url(../images/EHO-logo.jpg) top no-repeat;
				width: 34px;
				height: 32px;
				float: left; }