body {
margin:0;
padding:0;
color:#000;
background-color:#222222;
font-family:helvetica,arial,sans-serif;
font-size:1em;
}

address { margin-bottom: 10px;}


img {
border-style:none;
}

#container {
width:950px;
margin:0 auto;
}

p {
margin-bottom:1em;
}
	
ul,ol {
padding:1em 2em;
}
	
#rollovers {
position: absolute;
left:-9999px;
}

.ir {
display:block;
text-indent:-9999px;
background-repeat:no-repeat;
outline:none;
}

.clear {
clear:both;
}

.fieldWithErrors { display:inline; float:none; }
.error, span.fieldWithErrors input, span.fieldWithErrors textarea { background: #ffffd5; }



/* Header 1 */


#header1-wrapper { background:#00476b url(../images/bg-header1.gif) repeat-x; color:#f1f0ee; border-bottom:1px solid #cdcdcd;min-height:26px; height:auto !important; height:26px; vertical-align:middle; line-height:1.3em; }
#header1 { margin:0 auto; width:790px; padding:2px 0; }
#header1 h1 { font-size: 1.1em; margin:0; display:inline; min-height:26px; padding-right:10px; }
#header1-left { width:640px; float:left; font-family:georgia,times,serif; color:#f1f0ee; }
#header1-right { width:150px; float:right; font-family:helvetica,arial,sans-serif; color:#f1f0ee; text-align:right;  padding-top:1px; }
#header1 .pipe { }
#header1 .serving { padding-left:10px; font-size:.8em; }
#header1 .phone { font-weight:bold; }


/* Header 2 */

#header2 { height:184px; background:#333333 url(../images/bg-header2.jpg) no-repeat center; overflow:hidden; border-bottom:1px solid #cdcdcd; overflow:hidden; }
#header2-wrapper { position: relative; width: 790px; margin: auto;
}
#logo {
	position:absolute;
	top:20px;
	left:0;
}
#header2-photo {
	position:absolute;
	top: 6px;
	right:0;
}


/* HP - Content */

#hp-content { background:#fafafa url(../images/bg-content.jpg) no-repeat top center; overflow:hidden; }


/* Nav */

body#home ul#nav{ overflow:hidden; height:42px; }
ul#nav { font-size:1em; background:url(../images/bg-nav.gif); width:790px; }
#nav-wrapper { width:790px; margin:0 auto; background:url(../images/bg-nav.gif); }
#nav-wrapper-sub { width:790px; margin:0 auto; height:64px; background:#9f9f9f url(../images/bg-nav-both.gif) repeat-x; }
ul#nav li li a { font-size:12px !important;	font-variant:normal !important; font-family:helvetica,arial,sans-serif !important; padding-top:1px !important; }


/* HP - Info */

#hp-info1 { clear:both; width:790px; height:292px; margin:0 auto; background:transparent url(../images/tophouse.gif) no-repeat top right; border-bottom:1px solid #dcdcdc; }
#hp-info1 h1 { color:#2f2f2f; font-variant:small-caps; font-family:georgia,times,serif; font-size:1.4em; width:400px; padding:46px 0 20px 29px; line-height:.9em; margin:0; }
#hp-info1 h3 { color:#2f2f2f; font-variant:small-caps; font-family:georgia,times,serif; font-size:1.4em; width:400px; padding:46px 0 20px 29px; line-height:.9em; margin:0; }
#hp-info1 .company-desc { color:#3c3c3c; width:400px; margin-left:29px; font-size:.9em; line-height:1.3em; }

#hp-info2 { clear:both; width:790px; height:275px; margin:0 auto; background:transparent url(../images/bg-hp-info.jpg) no-repeat bottom right; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; position: relative;}
#hp-info2 h1 { color:#2f2f2f; font-variant:small-caps; font-family:georgia,times,serif; font-size:2em; width:380px; padding:35px 0 20px 29px; line-height:.9em; margin:0; }
#hp-info2 h3 { color:#2f2f2f; font-variant:small-caps; font-family:georgia,times,serif; font-size:2em; width:380px; padding:35px 0 20px 29px; line-height:.9em; margin:0; }
#hp-info2 .company-desc { color:#3c3c3c; width:380px; margin-left:29px; font-size:.9em; line-height:1.3em;}

#url-find-homes-wrapper1 { border:5px solid #dcdcdc; text-align:center; position:absolute; top:453px; left:50%; margin-left:111px; width:212px; height:42px; overflow:hidden; }
#url-find-homes1 {  border:3px solid #fff; background:#f0b842 url(../images/bg-find-homes.gif) repeat-x; width:206px; height:36px; overflow:hidden; margin:0 auto; text-align:center; }
#url-find-homes1 a { color:#000; font-family:georgia,times,serif; font-variant:small-caps; text-decoration:none; width:206px; height:36px; overflow:hidden; font-weight:bold; }

#url-find-homes-wrapper2 {}

#url-find-homes2 a { color:#000; font-family:georgia,times,serif; font-variant:small-caps; text-indent: -9999px; text-decoration:none; width:222px; height:52px; overflow:hidden; font-weight:bold; display: block; background: url(../images/btn-yellow-hp_viewHomes.png) no-repeat; position:absolute; top:184px; left:506px;}

/* 
#url-find-homes-wrapper2 { border:5px solid #dcdcdc; text-align:center; position:absolute; top:290px; left:50%; margin-left:85px; width:212px; height:42px; overflow:hidden; }
#url-find-homes2 {  border:3px solid #fff; background:#f0b842 url(../images/bg-find-homes.gif) repeat-x; width:206px; height:36px; overflow:hidden; margin:0 auto; text-align:center; }
#url-find-homes2 a { color:#000; font-family:georgia,times,serif; font-variant:small-caps; text-decoration:none; width:206px; height:36px; overflow:hidden; font-weight:bold; }
*/

/* Footer */

#footer { background-color:#222222; overflow:auto; }
.footer-main { width:734px; margin:0 auto; background:#616265 url(../images/bg-footer-main.gif) repeat-x; ); border-left:1px solid #646464; border-bottom:1px solid #646464; border-right:1px solid #646464; min-height:187px; height:auto !important; height:170px; padding:35px 28px 85px 28px; }
#footer-sub { width:792px; margin:0 auto; color:#cdccca; padding:11px 29px; }
ul.footer-sub { width:500px; float:left; font-size:.7em;  margin-top:-10px; }
ul.footer-sub li { display:inline; border-right:1px solid #ccdae1; padding:0 5px; line-height:.5em; }
ul.footer-sub li.first { }
ul.footer-sub li.last { border-right:none; }
h4#powered-by-appfolio { width:200px; float:right; }
#footer a { color:#4093be; }


/* Footer - Modules */

.lbl { font-weight:bold; font-size:.9em;}
.module-wrapper { background-color:#e6e6e6; font-family:georgia,times,serif; vertical-align:top; float:left; }
.module { height:215px; border:3px solid #fff; }
.module-single { width:220px; border:5px solid #afafaf; }
.module-double { width:472px; border:5px solid #5a5a5a; }
.module-triple { width:724px; border:5px solid #5a5a5a; }
.module h4 { border-bottom:3px solid #fff; /*border-right:3px solid #fff; border-left:3px solid #fff; */min-height:30px; height:auto !important; height:30px; line-height:30px; font-variant:small-caps; color:#fff; font-size:1.1em; padding:0 10px; margin:0; }
.module-left { margin-right:22px; }
.module-middle { margin-right:22px; }
.module-right { }
.module-content { padding:12px; font-size:.9em; line-height:1.2em; }
.module-img { padding:0; }

/* Module - Testimonials */

.module-testimonial { min-height:116px; height:auto !important; height:116px; }
.module-testimonial strong { font-size: 1.1em;}
.module-testimonial-double { background:url('../images/bg-module-testimonial-double.gif') no-repeat; min-height:108px; height:auto !important; height:108px; }
.module-testimonial-triple { background:url('../images/bg-module-testimonial-triple.gif') no-repeat 10px 0; min-height:110px; height:auto !important; height:110px; }
.module-testimonial-triple .module-content { width:180px; float:left; }
.module-testimonial-triple .module-content-triple-left { margin-right:30px; }
.module-testimonial-triple .module-content-triple-middle { margin-right:40px; }
.module-testimonial-triple .module-content-triple-right { }
.module-testimonial-triple .testimonial-quote { text-align:center; }

/* testimonial styling does not apply to this template */
.testimonial-quote { font-style:italic; font-size:1.4em; margin-bottom:1em; line-height:1.1em; text-align:center; }
.testimonial-quote-long { font-style:italic; font-size:1.1em; margin-top:-.3em; margin-bottom:.3em; line-height:1.05em; text-align:center; }
.testimonial-quoter { text-align:right; }

/* Module - Contact */

.module .address { margin-bottom:1em; }
.module .phone { }
.module .fax { }
.module .email { }



/* Modules - Colored Headings */

.head-blue { background:#4e7d96 url(../images/bg-head-blue.gif) repeat-x; }
.head-blue-dark { background:#00476b url(../images/bg-head-blue-dark.gif) repeat-x; }
.head-red { background:#9d0000 url(../images/bg-head-red.gif) repeat-x; }
.head-green { background:#536f00 url(../images/bg-head-green.gif) repeat-x; }
.head-yellow { background:#f0b842 url(../images/bg-head-yellow.gif) repeat-x; }
.head-yellow-dark { background:#f0b842 url(../images/bg-head-yellow-dark.gif) repeat-x; color:#000 !important; }
.head-grey { background:#5b5b5b url(../images/bg-head-grey.gif) repeat-x; }
.head-orange { background:#ca4e00 url(../images/bg-head-orange.gif) repeat-x; }


/* Content */

#content a,       #content-wide a       { color:#891015 ; text-decoration:none; }
#content a:hover, #content-wide a:hover { text-decoration:underline; }

#content { background:#fff url(../images/bg-content.gif) repeat-y right; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; width:790px; margin:0 auto; overflow:hidden; color:#3c3c3c; line-height:1.2em; }

/* Content - No Sidebar */

#content-wide { background:#fff url(../images/bg-content-noSidebar.gif) repeat-y right; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; width:790px; margin:0 auto; overflow:hidden; color:#3c3c3c; line-height:1.2em; }

/* Content - Main */

#content-main h1,       #content-main-wide h1       { color:#1a1a1a; font-variant:small-caps; font-size:2em; line-height:.75em; font-family:georgia,times,serif; margin-bottom: 0.5em; }
#content-main h2,       #content-main-wide h2       { color:#891015; font-size:1.4em; font-family:georgia,times,serif; margin-bottom:.3em; ; }
#content-main ul,       #content-main-wide ul   { margin:0 0 1em 0; padding-top:0; padding-left:15px;}
#content-main-wide ul#association-logos li {display: inline; background-image: none;}
#content-main-wide ul#association-logos {list-style-image: none; padding-left: 0;}
#content-main-wide ul#our-team {padding-left: 0;}
#content-main-wide ul#our-team li{ background-image: none; padding-left: 0; padding-bottom: 30px; overflow: auto;}
#content-main-wide div#bio-wrapper, #content-main-wide h2.maintenance {clear: both;}
#content-main-wide ul li div#bio-image {float: right; width: 252px;padding-top: 37px;}
#content-main-wide ul li div#bio-image img {border: 1px #891015 solid;}
#content-main-wide ul li div#bio-text {float: left; width: 420px;}
#content-main-wide ul li div#bio-text p {text-align: justify;}
ul#our-team li div#bio-text h3 {color: #891015;}
#content-main li,       #content-main-wide li   { padding-left: 1em; background-image: url(../images/bullet-green.gif); background-repeat: no-repeat; background-position: 0 .5em; }
#content-main-wide ul#rental_listing li:last-child{ padding-top: 1em; background-image: none; }
#content-main li.inset, #content-main-wide li.inset { padding-left: 2.7em; background-image: url(../images/bullet-grey.gif); background-repeat: no-repeat; background-position: 1.9em .5em; }

#content-main      { width:460px; float:left; padding-left:28px; padding-top:35px; padding-bottom:40px;font-size:.9em; }

/* Content - Main - No Sidebar */

#content-main-wide { width:738px; float:left; padding-left:28px; padding-top:35px; padding-bottom:40px; font-size:.9em; }

/* Content - Sidebar */
#content-sidebar { float:right; width:279px; margin-top:20px; margin-bottom:50px; }
#content-sidebar .module-single { width:233px; font-size:1em; }
#content-sidebar .module-wrapper { float:none; margin-right:15px; margin-left:20px; }
#content-sidebar .module-spacer-line { border-bottom:1px solid #dcdcdc; margin:20px 0; height:1px; overflow:hidden; width:279px; }
#content-sidebar .module-spacer { margin:10px 0; height:1px; overflow:hidden; width:279px; }
#content-sidebar .module-wrapper { background-color:#fff; }
#content-sidebar .module { height:auto; border:3px solid #fff; }
#content-sidebar .module-single { border:5px solid #dcdcdc; }
#content-sidebar .module-testimonial { background:url('../images/bg-module-testimonial-sidebar.gif') no-repeat; min-height:120px; height:auto !important; height:120px; }
#content-sidebar .map-text {font-family:helvetica,arial,sans-serif;font-size:.7em; font-weight:bold;}
.sidebar-testimonial-spacer { height:1px; border-bottom:1px solid #dcdcdc; width:210px; margin:8px auto; }
.red {color: #891015;}
.module-img { padding:0; }

img.border1 { border:5px solid #e6e6e6; padding:3px;  }
.left { float:left; margin: 3px 10px 10px 0; }
.right { float:right; margin: 3px 10px 10px 0; }
.plain { font-size:.9em; font-style:normal; }

/*
.url-wrapper-outer { border:1px solid #c8c8c8; background-color:#dcdcdc; font-size:.7em; font-weight:bold; position:relative; padding:2px; }
.url-wrapper-inner { margin:1px 0; background:#535353 url(../images/bg-button.gif) repeat-x; min-height:16px; height:auto !important; height:16px; }
.url-wrapper-inner a { color:#fff !important; padding:2px 8px; }
*/


a.button {
/* Sliding right image */
background: transparent url('../images/btn-right.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 19px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color:#fff !important;
font-size:.7em;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('../images/btn-left.gif') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 0 0 5px 18px;
} 
a.button:hover span{
text-decoration:underline;
}

.module-buttons { float:right; margin-top:10px; padding-right:10px; padding-bottom:20px; }

#content-main ul.links li, #content-main-wide ul.links li {background-image: none; padding: 0;}

#content-main ul.links, #content-main-wide ul.links {padding: 0;}

p.list_desctiption {margin-bottom: 0.5em;}

/* Form */
form, label, list, input { font-size : 1em; }
fieldset { width : 55em; padding : 0.5em .5em .5em 0em; }
label { float: left; position : relative; width : 24em; display : inline; margin : .5em 1em .5em 0em; }
label.long { width : 24em; }
label.mid { width : 19em; }
label.shortmid { text-align : right ; width : 12em; margin : 2em .3em .5em 0em;}
label.short { width : 4em; }
label.date { width : 3.5em; padding:0em 0em 0em 0em; margin : .5em .3em .5em 0em; }
label.checkbox { float : none; }

label input { display: inline; left : 100%; top : 0px; width : 24em; }
label.long input { width : 24em; }
label.extra_long input { width : 49em; }
label.mid input { width : 19em; }
label.shortmid input { width : 12.5em; }
label.short input { width : 4em; }
label.filter input { width : 4em; margin-left:-9999px;}
label.date input { width : 2.8em; padding:0.1em 0em .050em 0em;}
input.submit { margin-left : 15em; }
br.clearboth { clear: both; }

list { float: left; position : relative; width : 49em; display : inline; margin : .5em .5em .5em 0em; }
list.long { width : 49em; }

list input { display: inline; left : 100%; top : 0px; width : 49em; }
list.long input { width : 49em; }


/* Error Message Formatting*/
.error, span.fieldWithErrors input, span.fieldWithErrors textarea {
    background: none repeat scroll 0 0 #FFcccc;
}

div#ach_form div#errorExplanation{
	background-color:#FFcccc;
	width:360px;
	padding:10px;
	border:1px solid red;
}

div#ach_form div#errorExplanation h2{
	color:red;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

div#ach_form div#errorExplanation ul{
	margin-left:15px;
	line-height:1.1em;
	margin-top:-15px;
} 


div#ach_form div#errorExplanation p{
	margin-bottom:5px;
}

/*          Tenant ACH Styles               */
/*    ---- Tenant ACH Landing Page ----   */
div#calltoaction{
	height:195px;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:35px;
	margin-right:10px;
	border: 1px solid #ebebeb;
	background-color:#ebebeb;
}

div#calltoaction h2{
	margin-top:1px;
}

div#calltoaction div#getstarted{
	position:absolute;
	height:145px;
	width:310px;
	left:50%;
	margin-left:-365px;
	padding:20px 20px 20px 20px;
	border-right: 1px solid #cBcBcB;
}

div#calltoaction div#getstarted a.submit{
	position:absolute;
	margin-top:10px;
	background-color:#891015;
	width:180px;
	padding:10px 5px 10px 5px;
	border: 1px solid #ebebeb;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:white;
	text-decoration:none;
}

div#calltoaction div#getstarted a:hover.submit{
	background-color:#992025;

}

div#calltoaction div#login{
	position:absolute;
	height:145px;
	width:310px;
	left:50%;
	margin-left:5px;
	padding:20px 10px 20px 20px;
}

div#calltoaction div#login a.submit{
	position:absolute;
	margin-top:30px;
	background-color:#646464;
	width:180px;
	padding:10px 5px 10px 5px;
	border: 1px solid #ebebeb;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:white;
	text-decoration:none;
}

div#calltoaction div#login a:hover.submit{
	background-color:#747474;
}

div#ach_wrap_up ul{
	margin-top:-15px;
}

/*    ---- Getting Started Form ----   */


div#ach_form{
	/*height:320px; */
	width:440px; 
	padding:20px 0px 20px 50px;
}

div#ach_form h1{
	color:#891015;
	width:380px;
	font-size:22px;
	margin-bottom:0.4em;
}


div#ach_form p{
	width:380px;
	margin-bottom:30px;
	color:#3C3C3C;
	line-height:22px;	
}

div#ach_form p#warning{
	color:red;
	font-size:10px;
	margin-top:-5px;
	margin-bottom:5px;
}

div#ach_form form{
	margin-left:0px;	
	padding-left:0px;
	color:#646464;
}

div#ach_form input[type=text]{
	margin-left:0px;
	padding-left:0px;
	width:380px;
	color:#646464;
	font-size:.9em;
	margin-bottom:10px;
}

div#ach_form input[type=submit]{
	background-color:#891015;
	width:180px;
	padding:10px 0px 10px 0px;
	margin-top:20px;
	border: 1px solid #ebebeb;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:white;
	text-decoration:none;
	margin-left:0px;
}

div#ach_form input[type=submit]:hover{
	background-color:#992025;
}

div#ach_form input#form_first_name{
	width:180px;	
} 

div#ach_form input#form_last_name{
	margin-left:10px;
	width:180px;	
}


/*    ---- Getting Started Confimation Page ----   */
div#ach_thanks{
	/*height:320px; */
	width:440px; 
	padding:20px 0px 20px 50px;
}

div#ach_thanks h1{
	color:#891015;
	font-size:22px;
}

div#ach_thanks h3{
	
}

div#ach_thanks p{
	width:380px;
	color:#3C3C3C;
	line-height:24px;
}

/*    ---- More Information ----   */
div#more_info{
	width:440px; 
	padding:20px 0px 20px 50px;
}

div#more_info h1{
	color:#891015;
	font-size:22px;
}

div#more_info ol{
	margin-top:-20px;
	padding-bottom:20px;
}

div#more_info ol li{
	list-style-type:decimal;
	padding-bottom:10px;
	line-height:22px;	
}

div#more_info p{
	width:380px;
	color:#3C3C3C;
	line-height:24px;	
}