body { 
	color: #578198;
	margin: 0px;
	text-align: center; 
	background-color: #423124;
	background-image: url('images/bg-body.jpg');
}
a { color: #578198; }
h3 { font-size: 12px; }
ul { padding-left: 16px; }
body, td { 
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px; 
}
#container { 
	/*background-image: url('images/bg-container.jpg');*/
	margin: 0px auto;
	text-align: left;
	width: 900px;
}
#site-header {
	background-image: url('images/bg-header.png');
	height: 177px;
	overflow: hidden;
	margin: 0px;
	text-indent:-100em;
}
#main { 
	background-image: url('images/bg-main.png');
	overflow:hidden;
}
#navigation {
	display: block;
	float: left;
	margin: 0px;
	padding: 38px 0px 0px 0px;
}
#navigation li {
	margin: 0px 0px 18px 45px;
	list-style-type: none;
}
#navigation li a {
	display: block;
	height: 32px;
	width: 75px;
	background-repeat: no-repeat;
	text-indent:-100em;
}
#navigation li a.home { background-image: url('images/bg-navigation-home.png'); }
#navigation li a.home:hover, #navigation li a.home-on { background-image: url('images/bg-navigation-home-on.png'); }
#navigation li a.about-us { background-image: url('images/bg-navigation-about-us.png'); }
#navigation li a.about-us:hover, #navigation li a.about-us-on { background-image: url('images/bg-navigation-about-us-on.png'); }
#navigation li a.services-offered { background-image: url('images/bg-navigation-services-offered.png'); }
#navigation li a.services-offered:hover, #navigation li a.services-offered-on { background-image: url('images/bg-navigation-services-offered-on.png'); }
#navigation li a.customer-service { background-image: url('images/bg-navigation-customer-service.png'); }
#navigation li a.customer-service:hover, #navigation li a.customer-service-on { background-image: url('images/bg-navigation-customer-service-on.png'); }
#navigation li a.contact { background-image: url('images/bg-navigation-contact.png'); }
#navigation li a.contact:hover, #navigation li a.contact-on { background-image: url('images/bg-navigation-contact-on.png'); }
#navigation li a.ordering-documents { background-image: url('images/bg-navigation-ordering-documents.png'); }
#navigation li a.ordering-documents:hover, #navigation li a.ordering-documents-on { background-image: url('images/bg-navigation-ordering-documents-on.png'); }
#navigation li a.hoa-payments { background-image: url('images/bg-navigation-hoa-payments.png'); }
#navigation li a.hoa-payments:hover, #navigation li a.hoa-payments-on { background-image: url('images/bg-navigation-hoa-payments-on.png'); }

#content {
	margin-left: 154px;
	padding-bottom: 40px;
}
#content p, #content ul {
	width: 426px;
}
#footer { 
	background-image: url('images/bg-footer.png');
	background-repeat: no-repeat;
	color: #b8b8b8;
	font-size: 10px;
	overflow:hidden;
	padding: 20px 0px;
	text-align: center;
}

/* Page Headres */
#content h2 {
	background-repeat: no-repeat;
	text-indent:-100em;
	height: 20px;
	margin-top: 24px;
}
#content h2.about-us { background-image: url('images/bg-h2-about-us.gif'); }
#content h2.services-offered { background-image: url('images/bg-h2-services-offered.gif'); }
#content h2.customer-service { background-image: url('images/bg-h2-customer-service.gif'); }
#content h2.contact { background-image: url('images/bg-h2-contact.gif'); }
#content h2.ordering-documents { background-image: url('images/bg-h2-ordering-documents.gif'); }
#content h2.hoa-payments { background-image: url('images/bg-h2-hoa-payments.gif'); }
.clear { clear: both; }

/* Home Page */
#content .index-container p, 
#content .index-container ul {
	width: auto;
}
.index-container {
	width: 699px;
	color: #ffffff;
	border-collapse: collapse;
}
.index-container, .index-container a {
	color: #ffffff;
}
.index-container p, .index-container h3 {
	margin-top: 0px;
}
.index-container .left {
	background-color: #868489;
	width: 462px;
}
.index-container .right {
	background-color: #938980;
}
.index-container .middle {
	width: 7px;
	overflow: hidden;
}
.index-container .intro {
	border-top: 7px solid #ffffff;
	padding: 9px 6px 0px 9px;
}
.index-container .intro p {
	line-height: 16px;
}
.index-container .intro h3 {
	background-repeat: no-repeat;
	text-indent:-100em;
	height: 10px;
	margin-top: 0px;
	background-image: url('images/bg-intro-h3.gif'); 
}
.index-container .quote {
	background-color: #79aecd;
	border-bottom: 7px solid #ffffff;
	font-style: italic;
	padding: 13px;
	line-height: 20px;
}
.index-container .quote blockquote {
	margin-bottom: 0px;
	margin-right: 0px;
	line-height: 14px;
}	
.index-container .useful-information {
	padding: 13px;
}
.index-container .useful-information h3 {
	background-repeat: no-repeat;
	text-indent:-100em;
	height: 11px;
	margin-top: 0px;
	background-image: url('images/bg-useful-information-h3.gif'); 
}
.index-copyright {
	color: #b8b8b8;
	font-size: 10px;
}
/* Customer Service Form */
.customer-service-form {
	width: 526px;
}
.customer-service-form textarea {
	width: 100%;
}