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

@import url("reset.css");

/* ------------------ TYPE ------------------*/	

p {
	line-height: 1.4em;
	font-size: 12px;
	margin-bottom: 0.5em;
	}

h2 {
	color: #aebbc0;
	font-size: 20px;
	font-weight: 200;
	text-transform: capitalize;
	line-height: 1.5em;
	margin-bottom: 1em;
	}
	
label { color: #2c4751; font-size: 14px; padding-left: 8px;}
	
blockquote.regular {
	background: #aebbc0;
	color: #2c4751;
	float: right;
	font-style: italic;
	font-size: 18px;
	height: auto; 
	line-height: 1.5em;
	margin-top: 20px;
	margin-left: 76px;
	margin-bottom: 10px;
	padding: 14px;
	text-align: right;
	width: 70%;
	}
	
blockquote.about {
	color: #2c4751;
	float: left;
	font-style: italic;
	font-size: 18px;
	height: auto; 
	line-height: 1.5em;
	padding: 0px 14px 6px 14px;
	text-align: left;
	width: auto;
	}
	
/* ------------------ CLASSES ------------------*/	
.bg-white { background: #fff;}

span.blue { color: #003366; }

.text {
	float: left;
	height: auto;
	width: 100%;
	}
.text a{ color: #638998;}
.text a:hover {	color:#81c41e;}
	
.break {
	float: left;
	height: auto;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 0 0 8px 0;
	margin-bottom: 10px;
	}
.break a{ color: #638998;}
.break a:hover {	color:#81c41e;}
	
.quote {
	font-size: 30px;
	font-family: Papyrus ;
	}	
.name {
	float: right;
	}

.float-right {
	float: right;
	}

/* ------------------ PAGE PROPERTIES ------------------*/	

body {
	background: url(../images/bg.jpg) repeat-x #061f29;
	line-height: 1em;
	}

#wrapper {
	height: auto;
	margin: 0 auto;
	width: 900px;
	}
	
#bg-site {
	background: url(../images/site-design-bg-final.jpg);
	float: left;
	height: 820px;
	width: 900px;
	}

/* ------------------ HEADER ------------------*/	

#header {
	float: left;
	height: 126px;
	width: 900px;
	}
	
#header-logo {
	float: left;
	height: 126px;
	width: 286px;
	}

/* ------------------ MENU ------------------*/		

#menu {
	background: url(../images/bg-menu.jpg) repeat-x;
	float: left;
	height: 126px;
	width: 614px;
	}
	
#menu li {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	float: left;
	height: 71px;
	width: auto;
	}
	
#menu li.property { background: url(../images/menu-property.jpg); height: 71px; width: 204px;}
#menu li.property a{ background: url(../images/menu-property.jpg); float: left; height: 71px; width: 204px; }	
#menu li.property a:hover { background: url(../images/menu-property-hover.jpg); }
#menu li.property a.selected { background: url(../images/menu-property-selected.jpg);}

#menu li.construction { background: url(../images/menu-construction.jpg); height: 71px; width: 244px; }
#menu li.construction a { background: url(../images/menu-construction.jpg); float: left; height: 71px; width: 244px; }
#menu li.construction a:hover { background: url(../images/menu-construction-hover.jpg); }
#menu li.construction a.selected { background: url(../images/menu-construction-selected.jpg); }
	
#menu li.compassion { background: url(../images/menu-about.jpg); height: 71px; width: 111px;}
#menu li.compassion a { background: url(../images/menu-about.jpg); float: left; height: 71px; width: 111px; }
#menu li.compassion a:hover { background: url(../images/menu-about-hover.jpg);}
#menu li.compassion a.selected { background: url(../images/menu-about-selected.jpg); }

#menu span { display: none !important; }

/* ------------------ CONTENT ------------------*/		

#content {
	background: url(../images/bg-corners.png);
	float: left;
	height: 486px;
	width: 900px;
	}
	
#content-inner {
	background: #B5DDE5;
	border: 6px solid #355561;
	float: left;
	height: 403px;
	margin: 22px 37px 48px 37px;
	width: 812px;
	}

/* ------------------ FOOTER ------------------*/	

#footer {
	background: url(../images/bg-footer.jpg);
	border-top: 6px solid #2c4751;
	float: left;
	height: 293px;
	padding: 0 0 0px 0px;
	width: 900px;
	}

#footer p{
	color: #aebbc0;
	line-height: 1.5em;
	}
#footer p.built {
	color: #666;
	font-size: 10px;
	float: left;
	text-align: center;
	width: 826px;
	}
#footer p.built a{
	float: none;
	position: relative;
	}

#footer p.navigation {
	line-height: 1.3em;
	}
	
span.quote {
	font-size: 30px;
	font-family: Papyrus ;
	}	
span.name {
	float: right;
	}
	
#footer a{
	bottom: 0;
	color: #5c913e;
	float: right;
	margin-top: 10px;
	text-decoration: none;
	}

#footer a:hover{ color: #132227;}

#footer .category-link { position: absolute; bottom: 10px; right: 10px; text-decoration: underline}
#footer .email { float: left; margin-top: 0;	}
#footer .link { text-align: right; margin-top: 0; padding-right: 10px;	}
	
#footer .footer-sitemap a{ color: #132227; float: none;}
#footer .footer-sitemap a:hover{ color: #000;}
#footer .footer-sitemap p{ color: #1c2f36;}
	
.footer-opacity {
	background: #000;
	float: left;
	height: 293px;
	padding: 0 0 0px 37px;
	width: 863px;
	/* Opacity */
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
	}

.footer-category {
	background: #2c4853;
	float: left;
	height: 220px;
	margin: 30px 4px 30px 0;
	padding: 0 10px 0 10px;
	position: relative;
	width: 182px;
	}
	
.footer-category:hover {
	background: #2c4853;
	}

.footer-logo {
	background: #2c4853;
	float: left;
	height: 216px;
	margin: 30px 0 30px 0;
	padding: 4px 0 0 10px;
	width: 196px;
	}
	

/* ------------------ HOME PAGE ------------------*/

.home-sec-story {	
	background: #d7d6d8 url(../images/home-sec-left-image7.jpg) ;
	border: solid 4px #fff;
	float: left;
	height: 379px;
	margin: 8px 0px 11px 7px;
	position: relative;
	width: 320px;
	}
	
.home-sec-story a {
	background: #333333;
	border: 1px solid #666666;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.home-sec-story a:hover {
	color: #a3d55d;
	}
	
.home-sec-story p {
	color: #2c4751;
	font-size: 14px;
	letter-spacing: 0em;
	line-height: 1.5em;
	padding: 0 8px 0 8px;
	}

.home-sec-story h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}
	
.home-sec-story h1 {
	background: #e5e5e5;
	color: #282927;
	font-size: 13px;
	font-weight: 100;
	line-height: 30px;
	padding-right: 8px;
	text-align: right;
	margin-top: 136px;
	}

.home-columns {
	background: #d7d6d8;
	border-top: solid 3px #fff;
	border-left: solid 4px #fff;
	border-right: solid 4px #fff;
	border-bottom: solid 4px #fff;
	float: left;
	height: 380px;
	margin: 8px 0 0 7px;
	overflow: hidden;
	position: relative;
	width: 220px;
	}
	
.home-columns img {
	background: #fff;
	padding-bottom: 11px;
	}
	
.home-columns p {
	color: #2c4751;
	padding: 0 8px 0 8px;;
	}

.home-columns h1 {
	background: #282927;
	color: #fff;
	font-size: 13px;
	font-weight: 100;
	line-height: 30px;
	padding-right: 8px;
	text-align: right;
	}

.home-columns h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}

.home-columns li {
	color: #2c4751;
	float: left;
	font-size: 14px;
	font-weight: 100;
	line-height: 1.6em;
	list-style: disc ;
	padding-left: 8px;
	width: 90%;
	}
	
.home-columns a {
	background: #282927;
	border: 1px solid #666;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.home-columns a:hover {
	color: #a3d55d;
	}
	
/* ------------------ PROPERTY MANAGEMENT PAGE ------------------*/

.property-sec-left {	
	background: #d7d6d8 url(../images/bg-property.jpg);
	border-left: 4px solid #fff; border-top: 4px solid #fff; border-right: 4px solid #b5b5b5; border-bottom: 4px solid #ccc;
	float: left;
	height: 380px;
	margin: 8px 0px 11px 7px;
	overflow: hidden;
	position: relative;
	width: 445px;
	}
	
.property-sec-left p {
	font-size: 12px;
	}
	
.property-sec-left img { border-right: 4px solid #a5a5a5; border-bottom: 4px solid #ccc; float: left; margin-right: 8px; margin-top: 30px;}
	
.property-sec-left a.link {
	background: #333333;
	border: 1px solid #666666;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.property-sec-left a.link:hover {
	color: #a3d55d;
	}
	
.property-sec-left a.back {
	background: #333333;
	border: 1px solid #666666;
	bottom: 0;
	left: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	width: auto;
	}
	
.property-sec-left a.back:hover {
	color: #a3d55d;
	}
	
.property-sec-left p {
	color: #2c4751;
	padding: 0 8px 0 8px;;
	}
	
.property-sec-left h1 {
	background: #282927 url(../images/bg-property-h2.gif) no-repeat;
	color: #282927;
	font-size: 13px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	position: relative;
	text-align: right;
	}

.property-sec-left h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}
	
.property-sec-right-top {
	
	background: #d7d6d8;
	border-left: 4px solid #fff; border-top: 4px solid #fff; border-right: 4px solid #b5b5b5; border-bottom: 4px solid #ccc;
	float: left;
	height: 239px;
	margin: 8px 0 0 7px;
	position: relative;
	width: 330px;
	}
	
.property-sec-right-top p {
	color: #2c4751;
	font-size: 12px;
	padding: 0 8px 0 8px;;
	}

.property-sec-right-top h1 {
	background: #282927;
	color: #fff;
	font-size: 13px;
	font-weight: 100;
	line-height: 30px;
	padding-right: 8px;
	text-align: right;
	}

.property-sec-right-top h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}

.property-sec-right-top li {
	color: #2c4751;
	float: left;
	font-size: 12px;
	line-height: 1.5em;
	list-style: disc ;
	padding-left: 8px;
	width: 90%;
	}
	
.property-sec-right-top a {
	background: #282927;
	border: 1px solid #000;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.property-sec-right-top a:hover {
	color: #a3d55d;
	}
	
.property-sec-right-bottom {
	background: #d7d6d8;
	border-left: 4px solid #fff; border-top: 4px solid #fff; border-right: 4px solid #b5b5b5; border-bottom: 4px solid #ccc;
	float: left;
	height: 126px;
	margin: 7px 0 0 7px;
	position: relative;
	width: 330px;
	}
	
.property-sec-right-bottom p {
	font-size:	12px;
	color: #2c4751;
	padding: 0 8px 0 8px;;
	}
	
.property-sec-right-bottom h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}
	
.property-sec-right-bottom a {
	background: #282927;
	border: 1px solid #000;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.property-sec-right-bottom a:hover {
	color: #a3d55d;
	}
	
/* ------------------ CONSTRUCTION MANAGEMENT PAGE ------------------*/

.construction-sec-right {
	background: #d7d6d8;
	border-left: 4px solid #fff; border-top: 4px solid #fff; border-right: 4px solid #b5b5b5; border-bottom: 4px solid #ccc;
	float: left;
	height: 379px;
	margin: 8px 0 0 7px;
	position: relative;
	width: 331px;
	}
	
.construction-sec-right p {
	color: #2c4751;
	padding: 0 8px 0 8px;;
	}

.construction-sec-right h1 {
	background: #282927;
	color: #fff;
	font-size: 13px;
	font-weight: 100;
	line-height: 30px;
	padding-right: 8px;
	text-align: right;
	}

.construction-sec-right h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}

.construction-sec-right li {
	color: #2c4751;
	float: left;
	font-size: 13px;
	line-height: 1.5em;
	list-style: none ;
	padding-left: 8px;
	width: 90%;
	}

.construction-sec-right li a { color: #355561; text-decoration: underline; }
.construction-sec-right li a:hover { color: #000;}

.construction-sec-right .left {
	background: #e5e5e5;
	float: left;
	height: 349px;
	border-right: 4px solid #ccc;
	width: 120px;
	}
	
.construction-sec-right .right {
	float: left;
	height: 349px;
	position: relative;
	width: 207px;
	overflow: auto;
	}

.construction-sec-right .right p { font-size: 12px; }
.construction-sec-right .right img { background: #fff; padding: 4px; margin: 0 8px 8px 8px;}	
.construction-sec-right .right a { color: #355561;}
.construction-sec-right .right a:hover { color: #000;}

.construction-sec-right .right a.link {
	background: #282927;
	border: 1px solid #000;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.construction-sec-right .right a.link:hover {
	color: #a3d55d;
	}
	

/* ------------------ COMPASSION MANAGEMENT PAGE ------------------*/

.compassion-row-top {	
	background: #d7d6d8 url(../images/bg-gradient.gif) repeat-x;
	border: 4px solid #fff;
	float: left;
	height: 200px;
	margin: 8px 7px 0px 7px;
	overflow: hidden;
	position: relative;
	width: 790px;
	}
	
.compassion-row-top p {
	font-size: 14px;
	color: #2c4751;
	padding: 0 8px 0 8px;
	}
	
.compassion-row-top img { border-right: 4px solid #a5a5a5; border-bottom: 4px solid #ccc;float: left; margin-right: 8px; margin-top: 30px;}

.compassion-row-top h1 {
	background: #282927 url(../images/bg-property-h2.gif) no-repeat;
	color: #282927;
	font-size: 13px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	position: relative;
	text-align: right;
	}

.compassion-row-top h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}
	
.compassion-row-top .text {
	float: left;
	height: auto;
	width: 100%;
	}

.compassion-row-bottom {
	background: #d7d6d8;
	border: 4px solid #fff;
	float: left;
	height: 163px;
	margin: 8px 0px 0 7px;
	position: relative;
	width: 253px;
	}
	
.compassion-row-bottom p {
	color: #2c4751;
	padding: 0 8px 0 8px;;
	}
	
.compassion-row-bottom h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}
	
.compassion-row-bottom a.website {
	color: #355561;
	font-size: 12px;
	line-height: 30px;
	}
	
.compassion-row-bottom a.website:hover {
	color: #000;
	}
	
.compassion-row-bottom a.link {
	background: #333333;
	border: 1px solid #666666;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.compassion-row-bottom a.link:hover {
	color: #a3d55d;
	}
	
.compassion-row-bottom img { background: #aebbc0; float: left; padding: 4px; margin-right: 8px; margin-top: 0px;}
	
/* ------------------ BIO PAGE ------------------*/
	
.bio-sec-left {	
	background: #d7d6d8  url(../images/bg-gradient.gif) repeat-x;
	border-left: 4px solid #fff; border-top: 4px solid #fff; border-right: 4px solid #b5b5b5; border-bottom: 4px solid #ccc;
	float: left;
	height: 380px;
	margin: 8px 7px 11px 7px;
	position: relative;
	overflow: auto;
	width: 445px;
	}
	
.bio-sec-left img { border-right: 4px solid #a5a5a5; border-bottom: 4px solid #ccc;float: left; margin-right: 8px; margin-top: 30px;}
	
.bio-sec-left a.link {
	background: #333333;
	border: 1px solid #666666;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.bio-sec-left a.link:hover {
	color: #a3d55d;
	}
	
.bio-sec-left a.back {
	background: #333333;
	border: 1px solid #666666;
	bottom: 0;
	left: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	width: auto;
	}
	
.bio-sec-left a.back:hover {
	color: #a3d55d;
	}
	
.bio-sec-left p {
	color: #2c4751;
	padding: 0 8px 0 8px;;
	}
	
.bio-sec-left h1 {
	background: #282927 url(../images/bg-property-h2.gif) no-repeat;
	color: #282927;
	font-size: 13px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	position: relative;
	text-align: right;
	}

.bio-sec-left h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}
	
.bio-sec-right {
	background: #d7d6d8 url(../images/bg-gradient.gif) repeat-x;
	border-left: 4px solid #fff; border-top: 4px solid #fff; border-right: 4px solid #b5b5b5; border-bottom: 4px solid #ccc;
	float: left;
	height: 380px;
	margin: 8px 0 0 0px;
	position: relative;
	overflow: auto;
	width: 330px;
	}
	
.bio-sec-right p {
	color: #2c4751;	
	padding: 0 8px 0 8px;
	}

.bio-sec-right h1 {
	background: #282927;
	color: #fff;
	font-size: 13px;
	font-weight: 100;
	line-height: 30px;
	padding-right: 8px;
	text-align: right;
	}

.bio-sec-right h2 {
	color: #638998;
	font-size: 14px;
	font-weight: 100;
	line-height: 30px;
	padding-left: 8px;
	margin: 0;
	}

.bio-sec-right li {
	color: #2c4751;
	float: left;
	font-size: 13px;
	line-height: 1.5em;
	list-style: disc ;
	padding-left: 8px;
	width: 90%;
	}
	
.bio-sec-right a {
	color: #00CC00;
	}
	
.bio-sec-right a:hover {
	color: #000033;
	}

.bio-sec-right a.link {
	background: #333333;
	border: 1px solid #666666;
	bottom: 0;
	right: 0;
	color: #81c41e;
	line-height: 20px;
	padding: 0 8px 0 8px;
	position: absolute;
	}
	
.bio-sec-right a.link:hover {
	color: #a3d55d;
	}

/* ------------------ CONTACT PAGE ------------------*/

.contact-form {
	float: left;
	height: auto;
	width: 70%;
	}