body { 
	background: url("../images/main_BG.jpg") repeat-x top #000;
	margin: auto;
	font-family: arial, helvetica, serif;
	padding: 0px 0px 0px 0px;
}
p { 
	margin: 10px 0px 10px 0px;
}
ul {
	margin-top: 5px;
}
td {
	vertical-align: top;
}
h1, h2, h3, h4, h5 {
	font: bold Helvetica, Arial, sans-serif;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
h1 {
	font-size: 26px;
	padding: 0px;
	margin: 0px;
	color: #000;
}
h2 {
	font-size: 25px;
	color:#000;
}
h3 {
	text-align: center;
	font-size: 24px;
	color: #666600;
}
h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;	
}
h5 {
	font-size: 20px;
}



#pgWrapper  {
	position: relative;
	margin: auto;
	width: 900px;
}
#page_BG {
	 	background: url(../images/content_BG.png);
}
#top {
	background: url(../images/top_BG.jpg);
	height: 39px;
}
#header  {
	background: url(../images/header_BG.jpg) no-repeat center;
	height: 106px;
}

#content  {
	width: 800px;
}

#leftCol  {
	width: 150px;
	float: left;
	background: #FF0000;
}
#rightCol  {
	float: left;
	margin-left: 25px;
	border: 1px solid #000;
	width: 600px;
}
#callout_panel  {
	float: left;
	margin-left: 21px;
	width: 858px;
}
#callout1  {
	float: left;
	width: 287px;
	margin-left: 0px;
}
#callout2  {
	float: left;
	width: 283px;
	margin-left: 0px;
}
#callout3  {
	float: left;
	width: 288px;
	margin-left: 0px;
}
.float  {
	float: left;
}	
.clear  {
	display: block;
	clear: both;
	height: 0px;
}

/*  Start Main Nav   */

#navWrap {
	background: url(../images/mNav_BG.jpg);
	margin-left: 21px;
	width: 858px;
	height: 31px;
	text-align: left;
}

#ForSale-link {
	background: url(../images/mNavUp_homes.jpg);
	width: 138px;
	height: 30px;
}
#ForSale-link a:hover {
	background: url(../images/mNavOver_homes.jpg);
	width: 138px;
	height: 30px;
}
#AboutUs-link {
	background: url(../images/mNavUp_company.jpg);
	width: 184px;
	height: 30px;
}
#AboutUs-link a:hover {
	background: url(../images/mNavOver_company.jpg);
	width: 184px;
	height: 30px;
}
#GreenHomes-link {
	background: url(../images/mNavUp_green.jpg);
	width: 170px;
	height: 30px;
}
#GreenHomes-link a:hover {
	background: url(../images/mNavOver_green.jpg);
	width: 170px;
	height: 30px;
}
#Partners-link {
	background: url(../images/mNavUp_partners.jpg);
	width: 126px;
	height: 30px;
}
#Partners-link a:hover {
	background: url(../images/mNavOver_partners.jpg);
	width: 126px;
	height: 30px;
}
#ContactUs-link {
	background: url(../images/mNavUp_contact.jpg);
	width: 142px;
	height: 30px;
}
#ContactUs-link a:hover {
	background: url(../images/mNavOver_contact.jpg);
	width: 142px;
	height: 30px;
}
#Home-link {
	background: url(../images/mNavUp_home.jpg);
	width: 98px;
	height: 30px;
}
#Home-link a:hover {
	background: url(../images/mNavOver_home.jpg);
	width: 98px;
	height: 30px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 999;	
}

#nav a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
#nav a:hover  {
	color: #75bc55;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	margin-left: 0px;
/* 	margin-right: 10px; */
	z-index: 9999;
	text-transform: uppercase;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #000;
	width: 268px;
	height: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 9999;
	border: 1px solid #000;
	filter:alpha(opacity=88);
	opacity: 0.88;
	-moz-opacity:0.88;
}

#nav li ul li  {
	display: block;
	float: left;
	width: 260px;
	margin: 0px;
	z-index: 9999;
	
}

#nav li ul li a  {
	color: #FFF;
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	width: 260px;
	padding: 4px 4px 4px 28px;
}

#nav li ul li a:hover  {
	color: #000;
	text-decoration: none;
	padding: 4px 4px 4px 28px;
	width: 236px;
	z-index: 9999;
	background-color: #75bc55;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.75em 0 0 11em;
	z-index: 9999;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	z-index: 9999;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 9999;
}

/*  End Main Nav   */



#feature {
	text-align: center;
	/*clear: left;*/
}
#partners {
	background: #737373;
	margin-left: 21px;
	width: 858px;
	text-align: justify;
}

#smLogo {
	position: absolute;
	visibility: visible;
	width: 321px;
	height: 133px;
	top: 5px;
	left: 28px;
}
#cgp {
	position: absolute;
	visibility: visible;
	width: 189px;
	height: 106px;
	top: 39px;
	right: 21px;
}

.contentTitle {
	font: bold 18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	text-align: left;
	margin-bottom: 2cm;
} 
#content {
	text-align: left;
	vertical-align: top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 30px 50px 20px 50px;
}

#content a:link, #content a:visited {
	/*text-transform: uppercase;*/
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #0054A6;
	text-decoration: none;
}
#content a:hover, #content a:active {
	/*text-transform: uppercase;*/
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #0054A6;
	text-decoration: underline;
}

#footer {
	background: url(../images/footer_BG.jpg) no-repeat top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #7c7c7c;
	text-align: center;
	padding: 18px 0px 18px 0px;
}
#footer a:link, #footer a:visited {
     font: normal 12px Arial, Helvetica, sans-serif;
	 color: #53cf1a;
	 text-decoration: none;
}
#footer a:hover, #footer a:active {
     font: normal 12px Arial, Helvetica, sans-serif;
	 color: #53cf1a;
	 text-decoration: underline;
}
#copyright {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #494848;
	margin-top: 8px;
	text-decoration: none;
}

#copyright a:link, #copyright a:visited {
     font: normal 9px Arial, Helvetica, sans-serif;
	 color: #494848;
	 text-decoration: none;
}
#copyright a:hover, #copyright a:active {
     font: normal 9px Arial, Helvetica, sans-serif;
	 color: #7c7c7c;
	 text-decoration: underline;
}