/* The Commons at  Pembroke */

body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	font-size: 62.5%;
	font-family: tahoma, sans-serif;
	margin: 0;
	min-height: 400px;
	padding: 0;
}

p {
	color: #444;
	letter-spacing: .05em;
}

a {
	outline: none;
}

p a {
	color: #444;
	font-weight: bold;
}

p a:hover {
	color: #f5bf0d;
}

#wrapper h3 {
	color: #444;
}

label {
	clear: both;
	color: #444;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: .3em;
	margin-top: 1em;
}

input[type=text] {
	border: .1em solid #444;
	clear: both;
	color: #444;
	float: left;
	padding: .5em;
	width: 39em;
}

input[type=submit], input[type=button] {
	border: .1em solid #444;
	background-color: #444;
	color: #fff;
	cursor: pointer;
	float: left;
	margin-top: 1em;
	padding: .5em;
	width: 10em;
}

input[type=submit]:hover,  input[type=button]:hover {
	color: #f5bf0d;
}

textarea {
	border: .1em solid #444;
	clear: both;
	float: left;
	height: 10em;
	padding: .5em;
	width: 32.85em;
} 

#wrapper {
	margin: 0 auto;
	width: 96em;
}

#wrapper h3 {
	color: #444;
	font-size: 1.6em;
	font-weight: normal;
}

#image_top {
	clear: both;
	float: left;
	height: 3em;
	overflow: hidden;
	width: 96em;
}

#navigation_wrapper {
	background-color: #444;
	height: 7em;
	position: absolute;
	top: 3em;
	left: 0;
	width: 100%;
}

#navigation {
	height: 7em;
	margin: 0 auto;
	padding-left: 2em;
	padding-right: 2em;
	width: 92em;
}

#navigation a#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 7em;
	outline: none;
	text-indent: -9999em;
	width: 24em;
}

#navigation ul {
	display: block;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	float: left;
	line-height: 7em;
	height: 7em;
}

#navigation ul li a {
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 2em;
	text-decoration: none;
	text-transform: uppercase;
}

#navigation ul li a.active, #navigation ul li a:hover {
	color: #f5bf0d;
}

#no_image {
	clear: both;
	float: left;
	height: 13em;
	width: 92em;
}

#image_left{
	background-image: url(../images/left_shadow.png);
	background-repeat: repeat-y;
	float: left;
	height: 51em;
	width: 2em;
}

#image {
	float: left;
	height: 51em;
	overflow: hidden;
	width: 92em;
}

#image_right{
	background-image: url(../images/right_shadow.png);
	background-repeat: repeat-y;
	float: left;
	height: 51em;
	width: 2em;
}

#image_left_corner{
	background-image: url(../images/left_corner_shadow.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 2.1em;
	width: 2em;
}

#image_bottom {
	background-image: url(../images/bottom_shadow.png);
	background-repeat: repeat-x;
	float: left;
	height: 2.1em;
	width: 92em;
}

#image_right_corner{
	background-image: url(../images/right_corner_shadow.png);
	background-repeat: no-repeat;
	float: left;
	height: 2.1em;
	width: 2em;
}

/* One Column */

.one_column {
	clear: both;
	float: left;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	width: 92em;
}

.one_column h2 {
	color: #f5bf0d;
	font-size: 4.1em;
	font-weight: normal;
	letter-spacing: -.05em;
	margin-bottom: 0;
	margin-top: 0;
}

.one_column p {
	font-size: 1.4em;
	line-height: 1.8em;
}

.one_column li {
	font-size: 1.4em;
	line-height: 1.8em;
}

/* Two Column */

.two_column {
	clear: both;
	float: left;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	width: 92em;
}

.two_column .left_column {
	float: left;
	width: 45em;
}

.two_column .right_column {
	float: left;
	margin-left: 2em;
	width: 45em;
}

.two_column h2 {
	color: #f5bf0d;
	font-size: 4.1em;
	font-weight: normal;
	letter-spacing: -0.05em;
	margin-bottom: 0;
	margin-top: 0;
}

.two_column p {
	font-size: 1.4em;
	line-height: 1.8em;
}

.two_column ul {
	list-style-type: none;
}

.two_column ul li {
	background-image: url(../images/white_arrow.jpg);
	background-position: left .8em;
	background-repeat: no-repeat;
	font-size: 1.2em;
	line-height: 1.8em;
	padding-left: 1.5em;
}

.two_column ul li ul {
	padding-left: 1em;
}

.two_column ul li ul li {
	background-position: left .8em;
	font-size: 1em;
}

a.thumb {
	display: block;
	float: left;
	margin-bottom: 2em;
	margin-right: 2em;
}

a.thumb.right {
	margin-right: 0;
}

img.zoom {
	left:-0.5em;
	position:relative;
	top:0.5em;
}

/* Footer */

#footer_wrapper {
	background-color: #444444;
	clear: both;
	min-height: 25em;
	width: 100%;
}

#footer {
	margin: 0 auto;
	padding: 2em;
	width: 92em;
}

#footer .left_column {
	float: left;
	width: 28em;
}

#footer .left_column ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 13em;
}

#footer .left_column ul li {
	background-image: url(../images/arrow.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 1.5em;
}

#footer .left_column ul li a {
	color: #f5bf0d;
	display: block;
	font-size: 1.6em;
	height: 1.5em;
	line-height: 1.4em;
	text-decoration: none;
}

#footer .left_column ul li a:hover {
	color: #fff;
}

#footer .left_column p {
	margin-top: 1.5em;
}

#footer .middle_column {
	float: left;
	margin-left: 4em;
	width: 28em;
}

#footer .right_column {
	float: left;
	margin-left: 4em;
	width: 28em;
}

#footer h3 {
	clear: both;
	color: #f5bf0d;
	float: left;
	font-size: 3.2em;
	font-weight: normal;
	margin: 0;
	margin-bottom: .2em;
	width: 100%;
}

#footer h3.bottom {
	margin-top: .8em;
}

#footer p{
	clear: both;
	color: #bbbbbb;
	float: left;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
	margin: 0;
	width: 100%;
}

#footer p a {
	color: #fff;
	text-decoration: none;
}

#footer p a#maintenance_request {
	background-image: url(../images/maintenance_request.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 3.9em;
	outline: none;
	text-indent: -9999em;
	width: 19.2em;
}

#footer p a#maintenance_request:hover {
	background-image: url(../images/maintenance_request_over.jpg);
	background-repeat: no-repeat;
}

#footer .middle_column p a:hover, #footer .right_column p a:hover {
	color: #f5bf0d;
}

#footer a#facebook {
	background-image: url(../images/facebook_off.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 64px;
	margin-right: 1em;
	outline: none;
	text-indent: -9999px;
	width: 64px;
}

#footer a#facebook:hover {
	background-image: url(../images/facebook_on.jpg);
}

#footer a#myspace {
	background-image: url(../images/myspace_off.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 64px;
	margin-right: 1em;
	outline: none;
	text-indent: -9999px;
	width: 64px;
}

#footer a#myspace:hover {
	background-image: url(../images/myspace_on.jpg);
}

#footer a#twitter {
	background-image: url(../images/twitter_off.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 64px;
	outline: none;
	text-indent: -9999px;
	width: 64px;
}

#footer a#twitter:hover {
	background-image: url(../images/twitter_on.jpg);
}

#bottom_wrapper {
	clear: both;
	width: 100%;
}

#bottom {
	margin: 0 auto;
	padding: 1em;
	width: 92em;
}

#bottom p {
	margin: 0;
	margin-bottom: 1em;
}

#bottom p.left {
	color: #444444;
	float: left;
	font-size: 1.2em;
	height: 2.9em;
	line-height: 2.9em;
}

#bottom p.right{
	background-image: url(../images/eoh_logo.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	color: #444444;
	float: right;
	font-size: 1.2em;
	height: 2.9em;
	line-height: 2.9em;
	padding-right: 3em;
}

#bottom a {
	color: #444444;
}

#bottom p img {
	margin-top: -2em;
}