html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 0; background: #e2dfda url(images/pagebgs/homepage-background.gif) no-repeat top center; font-size: 71%; font-family: Tahoma, Arial, helvetica, sans-serif; color: #5e5e5e; }

i { visibility: hidden; }
p { margin: 12px 0; }

a:link, a:visited { color: #834736; text-decoration: underline; }
a:hover, a:active { color: #834736; text-decoration: none; }

#sitecontainer { margin: 0 auto; width: 925px; }


/** header **/
#header { width: 923px; background-color: #e2dfd9; margin-bottom: 22px; border-bottom: 1px solid #a4a29f; border-left: 1px solid #a4a29f; border-right: 1px solid #a4a29f; }
#header .logo { float: left; width: 232px; width/**/:/**/ 203px; height: 85px; height/**/:/**/ 56px; padding: 29px 0 0 29px; }
#header .logo a.hdrlogo:link, #header .logo a.hdrlogo:visited, #header .logo a.hdrlogo:hover, #header .logo a.hdrlogo:active { display: block; width: 176px; height: 29px; background: url(images/proj-generic/mainlogo.gif) no-repeat top left; text-decoration: none; }

#header #navigation { display: inline; float: left; width: 690px; }
#navigation ul { list-style: none; margin: 0; padding: 0; height: 95px; }
#navigation li { display: inline; float: left; height: 95px; height/**/:/**/ 82px; padding-top: 13px; }
#navigation li.home { width: 95px; width/**/:/**/ 82px; padding-left: 13px; }
#navigation li.about_match { width: 105px; }
#navigation li.match_projects { width: 130px; }
#navigation li.syndicates { width: 119px; }
#navigation li.investors { width: 81px; }
#navigation li.news { width: 57px; }
#navigation li.contactus { width: 103px; }

#navigation a#homepage { width: 66px; background: url(images/proj-generic/homepage.gif) no-repeat 8px 0px; }
#navigation a#about_match { background: url(images/proj-generic/about.gif) no-repeat 8px 0px; }
#navigation a#match_projects { background: url(images/proj-generic/projects.gif) no-repeat 8px 0px; }
#navigation a#syndicates { background: url(images/proj-generic/syndicates.gif) no-repeat 8px 0px; }
#navigation a#investors { background: url(images/proj-generic/investors.gif) no-repeat 8px 0px; }
#navigation a#news { background: url(images/proj-generic/news.gif) no-repeat 8px 0px; }
#navigation a#contactus { background: url(images/proj-generic/contact.gif) no-repeat 8px 0px; }

#navigation a:link, #navigation a:visited { display: block; padding: 0 0 0 9px; margin: 3px 0 3px 0; color: #666666; text-decoration: none; font-size: 90%; }
#navigation a:hover, #navigation a:active { display: block; padding: 0 0 0 9px; background: url(images/navigation-arrow-red.gif) no-repeat 0px 4px; margin: 3px 0 3px 0; color: #000000; text-decoration: none; font-size: 90%; }
#navigation a.main:link, #navigation a.main:visited { display: block; padding: 0 0 0 8px; margin: 3px 0 3px 0; color: #666666; text-decoration: none; }
#navigation a.main:hover, #navigation a.main:active { display: block; padding: 0 0 0 8px; background-image: none; margin: 3px 0 3px 0; color: #000000; text-decoration: none; }

#navigation a.on:link, #navigation a.on:visited, #navigation a.on:hover, #navigation a.on:active { display: block; padding: 0 0 0 9px; background: url(images/navigation-arrow-red.gif) no-repeat 0px 4px; margin: 3px 0 3px 0; color: #000000; text-decoration: none; font-size: 90%; }


/** feature project **/
#featureprojectbar { display: block; position: relative; width: 925px; height: 31px; margin-bottom: 6px; background: #83817e url(images/homepage-featureproj.gif) no-repeat 12px 12px; z-index: 1; }
#featureprojectbar .listedprojects { position: absolute; top: 0; left: 74px; height: 37px; }
.listedprojects a { margin-right: 3px; }

#featureprojects { display: block; width: 925px; height: 415px; }



/***** homepage feature projects ****/
#featureprojects .maymont { z-index: 20; display: block; width: 925px; width/**/:/**/ 709px; height: 415px; height/**/:/**/ 385px; padding-top: 30px; padding-left: 216px; position: relative; background: url(images/homepage-feature-maymont.jpg) no-repeat top left; }
.maymont .maymontbase { position: absolute; bottom: 26px; left: 152px; width: 562px; height: 15px; background: url(images/featureproj-maymont-base.gif) no-repeat top left; }
.maymont .discovermore { display: block; width: 492px; width/**/:/**/ 292px; padding-left: 200px; margin-top: 7px; }

#featureprojects .metropolitan { z-index: 40; display: block; width: 950px; width/**/:/**/ 907px; height: 415px; height/**/:/**/ 374px; padding: 41px 0 0 43px; position: relative; background: url(images/homepage-feature-themetro.jpg) no-repeat top left; }
.metropolitan .metrotext { margin: 27px 0 8px 0; }
.metropolitan .metrobase { display: block; position: absolute; top: 374px; left: 365px; width: 442px; height: 26px; background: url(images/hpfeature-metro-base.gif) no-repeat top left; }
.metropolitan .metroright { display: block; position: absolute; top: 226px; left: 925px; width: 16px; height: 34px; background: url(images/hpfeature-metro-right.gif) no-repeat top left; }

#featureprojects .homefeature { z-index: 60; display: block; width: 925px; width/**/:/**/ 849px; height: 415px; height/**/:/**/ 333px; padding: 82px 0 0 76px; position: relative; background: url(images/hpfeature-home-green.jpg) no-repeat top left; }
.homefeature .homebase { display: block; width: 925px; height: 26px; position: absolute; top: 374px; left: 0; background: url(images/hpfeature-home-btm.gif) no-repeat top left; }
.homefeature .homemore { display: block; margin-top: 26px; width: 209px; width/**/:/**/ 155px; padding-left: 54px; }

#featureprojects .mix { z-index: 120; display: block; width: 925px; width/**/:/**/ 187px; height: 415px; height/**/:/**/ 330px; padding: 85px 44px 0 694px; position: relative; background: url(images/hpfeature-mix-bg.jpg) no-repeat top left; text-align: center; }

#featureprojects .misforlocals { z-index: 80; display: block; width: 925px; height: 415px; background: url(images/hpfeature-Misfor-bg.jpg) no-repeat top left; position: relative; }
.misforlocals .misforleftcol { float: left; width: 467px; width/**/:/**/ 366px; height: 363px; height/**/:/**/ 244px; padding: 119px 0 0 101px; }
.misforlocals .misforleftcol a.discover { display: block; margin-top: 13px; }
.misforlocals .misforrightcol { float: left; width: 293px; height: 340px; background: url(images/hpfeature-Misfor.jpg) no-repeat top left; }

#featureprojects .johnsonjames { z-index: 100; display: block; width: 925px; width/**/:/**/ 729px; height: 374px; height/**/:/**/ 334px; padding: 40px 140px 0 56px; position: relative; background: url(images/hpfeature-home-johnsonjames.jpg) no-repeat top left; }
.johnsonjames a { display: block; padding-bottom: 10px; }
.johnsonjames a.jnjtitle { float: left; }
.johnsonjames a.jnjblurb { float: right; }

#featureprojects .ottimo { color: #fff; z-index: 120; display: block; width: 925px; width/**/:/**/ 856px; height: 378px; height/**/:/**/ 276px; padding: 102px 0 0 69px; position: relative; background: #354167 url(images/hpfeature-home-ottimo.jpg) no-repeat top left; }
.ottimo .ottimotitle { padding: 0 0 35px 11px; }
.ottimo .discovermore { padding: 11px 0 0 61px; }

#featureprojects .lime {background: #354167 url(images/hpfeature-home-lime.jpg) no-repeat top left; color: #fff; z-index: 120; display: block;   height: 336px; height/**/:/**/ 336px; padding: 38px 0 0 69px; position: relative;  width: 925px; width/**/:/**/ 856px;}
.lime .limetitle { padding: 0 0 0 628px; }
.lime .discovermore { padding: 3px 0 0 723px; }
.lime .limeblurb {padding: 28px 0 0 570px;}

#featureprojects .summer { background: url(images/hpfeature-home-summer.jpg) no-repeat top left; color: #fff; z-index: 120; display: block; width: 925px; height: 375px; padding: 0 0 0 0; position: relative; }
.summer .summertitle { float: left; width: 429px; height: 58px; padding: 271px 0 0 26px; }
.summer .summerblurb { float: right; width: 378px; padding: 315px 27px 0 0; }
.summer .discovermore { padding: 4px 0 0 0; text-align: right; }

#featureprojects .prime {background: transparent url(images/hpfeature-home-prime.jpg) no-repeat top left; color: #fff; z-index: 120; display: block; height: 420px; height/**/:/**/ 420px; padding: 28px 0 0 31px; position: relative;  width: 925px;}
.prime .primeblurb {position:absolute; top:28px; left:223px;}
.prime .discovermore {position:absolute; top:65px; left:220px;}

#featureprojects .vlamingh { color: #fff; z-index: 120; display: block; width: 821px;  height: 378px;  padding: 102px 36px 0 69px; position: relative; background:  url(images/homepage-feature-vlamingh.jpg) no-repeat top left; }
* html #featureprojects .vlamingh { height: 275px;  }

.vlamingh .discovermore img{ padding: 212px 0 0 0; float:right; text-align:right; margin:0 0 0 520px; }
\ html .vlamingh .discovermore img.blurb{ padding: 212px 0 0 0; float:right; text-align:right; margin:0 36px 0 450px; }

#featureprojects .feature { cursor: pointer; display: none; }
#featureprojects #misforlocalsfeature.feature { display: block; }



/** Main Content **/
#contentcontainer { width: 925px; background: url(images/homepage-content-bg.gif) repeat-y top left; line-height: 150%; padding: 0; }
#contentcontainer .registerinterest { display: block; float: left; width: 297px; width/**/:/**/ 269px; padding-right: 28px; }
#contentcontainer .registerinterest label { display: none; }

.registerinterest h1 { margin: 0; width: 191px; height: 48px; font-size: 90%; background: url(images/hp-registerinterest-bg.gif) no-repeat top left; }
.registerinterest form { display: inline; margin: 0; padding: 0; width: 250px; }
.registerinterest input.text { padding: 0; width: 192px; height: 15px; height/**/:/**/ 13px; padding: 2px 0 0 0; color: #5c5c5c; font: 11px Georgia, "Times New Roman", Times, serif; }
.registerinterest input.submit { width: 28px; height: 19px; margin-left: 6px; }
.registerinterest td { vertical-align: top; padding-top: 13px; }

#contentcontainer .matchnews { display: block; float: left; width: 335px; width/**/:/**/ 271px; padding: 0 40px 0 24px; }
.matchnews h1 { margin: 0; font-size: 90%; width: 260px; height: 48px; background: url(images/hp-matchnews-bg.gif) no-repeat top left; }
.matchnews .newsitem { display: block; margin-bottom: 20px; }
.newsitem .date { color: #bf2e1a; font-size: 90%; font-weight: bold; }
.newsitem .title { display: block; color: #5e5e5e; padding-bottom: 3px; }
.newsitem .teaser { color: #5e5e5e; line-height: 120%; }

.newsitem .date a:link, .newsitem .date a:visited, .newsitem .date a:hover, .newsitem .date a:active { color: #bf2e1a; font-size: 90%; font-weight: bold; text-decoration: none; }
.newsitem .title a:link, .newsitem .title a:visited { color: #2d2d2d; text-decoration: none; }
.newsitem .title a:hover, .newsitem .title a:active { color: #2d2d2d; text-decoration: underline; }
.newsitem .teaser a:link, .newsitem .teaser a:visited { color: #5e5e5e; text-decoration: none; }
.newsitem .teaser a:hover, .newsitem .teaser a:active { color: #2d2d2d; text-decoration: none; }

#contentcontainer .homepagepromo { display: block; float: left; width: 293px; width/**/:/**/ 183px; padding-left: 10px; }
.homepagepromo .investorspromo { text-align: center; width: 283px; height: 185px; height/**/:/**/ 154px; padding-top: 31px; background: url(images/homepage-investors-promo.gif) no-repeat top left; }
.homepagepromo .investorspromo a:link, .homepagepromo .investorspromo a:visited, .homepagepromo .investorspromo a:hover, .homepagepromo .investorspromo a:active { display: block; padding: 1px 0 20px 2px; }



/** footer **/
#footer { background-color: #e2dfd9; display: block; width: 923px; width/**/:/**/ 907px; border: 1px solid #a4a29f; padding: 8px; margin: 29px 0 29px 0; color: #666666; font-size: 90%; }
#footer .footertext { float: left; }
#footer a:link, #footer a:visited { display: block; float: left; margin: 0; padding-left: 24px; color: #666666; text-decoration: none; }
#footer a:hover, #footer a:active { display: block; float: left; margin: 0; padding-left: 24px; text-decoration: none; background: url(images/navigation-arrow-red.gif) no-repeat 14px 4px; color: #000000; }