html, body {
margin: 0;
padding: 0;
border-top: 1px solid #000;
background: #99ac99 url(images/bkgrnd.jpg) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 100%;
}
#homepage #page, #subpage #page  {
background-color: #fdfdee;
}
/*************** resets *************/
h1, ul {
margin: 0;
padding: 0;
}

/************** page ***************/
#page {
width: 781px;
margin: 0 auto;
padding: 0;
border-left: 1px solid #81beb1;
border-right: 1px solid #81beb1;
background-color: #FFF;
position: relative;
min-height:100%; /*sets minimum height in FF*/
}
* html #page {
height:100%; /*sets bkgnd2 to full height in IE w short content -- also need height:100% in body*/
}

/************** header ***************/
#header {
width: 781px;
height: 145px;
background: #fff url(images/header_bkgrnd.jpg) no-repeat;
}
#header h1 a {
display: block;
width: 217px;
height: 108px;
float: left;
background: url(images/APEX_properties.gif) no-repeat;
margin: 0 0 0 4px;
}
#header h1 a span {
margin: -100000px;
}

#header h2 {
margin: 0;
padding: 0;
font-size: 15px;
position: absolute;
top: 60px;
right: 5px;
color: #012e25;
}

/************** subnav ***************/
#subnav {
position: absolute;
top: 14px;
right: 0;
list-style: none;
margin: 0;
padding: 0;
}
#subnav li {
padding: 0 0 0 9px;
background: url(images/subnav_divider.gif) no-repeat left top;
float: left;

}
#subnav li li{
padding: 0 0 0 9px;
background: none;
z-index: 10000;
}
#subnav li a {
display: block;
height: 19px;
}
#subnav li a:hover {
background-position: 0 -19px;
}
#subnav a span {
margin: -100000px;
}
#home a {
width: 62px;
background: url(images/home.gif) no-repeat top;
}
#sitemap a {
width: 80px;
background: url(images/sitemap.gif) no-repeat top;
}
#about a {
width: 82px;
background: url(images/aboutus.gif) no-repeat top;
}

#header .nav li ul.about, #header .nav li  ul.about li a{
width: 153px;
}


/************** mainnav ***************/
#mainnav {
position:absolute;
top: 108px;
left: 0;
list-style: none;
margin: 0;
padding: 0;
}
#mainnav li {
float: left;
z-index: 9000;
}
#mainnav li a {
display: block;
height: 37px;
}
#mainnav li a:hover {
background-position: 0 -37px;
}
#mainnav  li.current a {
background-position: 0 -74px;
}
#mainnav a span {
margin: -100000px;
}
#investment a {
width: 155px;
background: url(images/investment_services.gif) no-repeat top;
}
#brokerage a {
width: 148px;
background: url(images/brokerage_services.gif) no-repeat top;
}
#available a {
width: 137px;
background: url(images/available_properties.gif) no-repeat top;
}
#construction a {
width: 183px;
background: url(images/construction_management.gif)
}
#maintenance a {
width: 158px;
background: url(images/management_services.gif)
}


#header .nav li ul { /* all lists */
	margin: 0;
	padding: 0 0 .0 0;
	list-style: none;
	font-weight: bold;
	line-height: 1em;
}

#header .nav  li li a, #header .nav li.selected li li a  {
	display: block;
	margin: 0;
	padding: 0px 0px 0px 0;
	text-decoration: none;
	color: #0d542f;
	background-color: #fff;
}
#header .nav li li  a { width: 180px; height:auto;} /* set the width */

/* the hover property needs to be repeated on the PageTemplate file for the dynamic styles */
#header .nav a:hover, #header .nav .selected a, #header .nav li.selected li a:hover { color: #327a55; background-color: transparent; }


#header .nav li li { /* all list items */
	float: left; /* for ie to not put extra space */
	margin: 0;
	padding: 0;
	width: 180px; /* width needed or else Opera goes nuts */
	line-height: 2em;
}

#header .nav li ul  {
	/* second-level lists */
	position: absolute;
	background-color: #a8b5ab;
	border: 1px solid #000;
	width: 180px;
	margin: 0 0 0px 0px;
	font-size: .65em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	overflow:hidden;
}
#header .nav li li a {
	margin: 0px 0 2px 0;
	padding: .5em .1em .5em 5px;
	width: 180px;
	vertical-align: middle;
	background-image:none;
	text-align:middle;
}


#header .nav li ul.investment, #header .nav li  ul.investment li a{
width: 153px;
}
#header .nav li ul.brokerage, #header .nav li  ul.brokerage li a{
width: 146px;
}
#header .nav li ul.available, #header .nav li  ul.available li a{
width: 135px;
}
#header .nav li ul.construction, #header .nav li  ul.construction li a{
width: 181px;
}
#header .nav li ul.maintenance, #header .nav li  ul.maintenance li a{
width: 156px;
}


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

/*************** adjustments for About drops **************/

#header #subnav.nav li:hover ul { /* subnav(top nav) lists nested under hovered list items */
	left: auto;right: 0px;
	z-index: 10000;
}
#header #subnav.nav li ul  {
	/* second-level lists */
	background-color: #c4cd83;
}
#header #subnav.nav li li a {
	padding: .3em .1em .3em 5px;
}

/*************** CONTENT **************/

#contenthead {
display: block;
width: 756px;
height: 30px;
color: #fff;
padding: 8px 0 0 25px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
background-image: url(images/top_bar.jpg);
}




#content {
padding: 0 27px;
}

.content_top img{
margin: 20px 0px  0px 0px;
border:#81beb1 solid;
border-width: 2px;}

#content h1 {
font-size: 18px;
margin: 10px 0 0 0;
}

#content h2{
padding:0px 0px 0px 0px;
margin: 20px 0px 10px 0px;
font-size: 12pt;
font-weight:bold;
color:#0d542f;}

#content h3{
padding:0px 0px 0px 0px;
margin: 15px 0px 10px 0px;
font-size: 11pt;
font-weight:bold;
color:#666666;}

#content .in-line_subhead{
font-weight:normal;}

#content p {
font-size: 10pt;
}
#content li, #content li li {
font-size: 10pt;
}

#content a{
color: #008066;
}
#content a:hover{
color: #666;
}
#content ul{
margin: 5px 10px;
padding: 5px 10px;}

.img_left {
	margin: 25px 0px 0px 0px;
	padding : 0px 10px 0px 0px;
	text-align: left;
	float: left;
	vertical-align: top;
}
.txt_right {
	margin:10px 0px 0px 0px;
	padding : 0px 0px 5px 0px;
	width : 425px;
	float: left;
	text-align : left;
	height : auto;
}
#property .txt_right {
	width : 315px;
}

.imgtxt_footer {
	padding : 1px 10px;
	clear: both;
}

.img_left img {
border:#81beb1 solid;
border-width: 2px;}

.txt_right h3{
padding:0px 0px 5px 0px;
margin: 0px 0px;
font-size: 12pt;
font-weight:bold;
color:#666666;}

#content .txt_right p{
padding:10px 0px;
margin: 0px 0px;
font-weight:normal;
font-size: 10pt;
color:#000000;}








/************** SUBpage ***************/
#subpage #content {
padding: 0 75px;
}


/*************** FOOTER **************/
#footer {
font-size: 11px;
}
#footer ul {
list-style: none;
text-align: center;
margin: 40px 0 0 0;
padding: 0;
}
#footer li {
list-style: none;
display: inline;
padding: 0 15px 0 10px;
background: url(images/footer_nav_seperator.gif) no-repeat top right;
margin: 0;
}
#footer li.last {
background: none;
}
#footer p {
text-align: center;
padding: 10px 0 20px 0;
margin: 0;
}
#footer a {
color: #000;
}

/*************** CLEAR FIX **************/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}