body { background: #41332f url(images/pagebgs/proj-metropolitan-bg.gif) no-repeat top center; color: #858585; }


/** header **/
#header { background-color: #41332f; border-bottom: 1px solid #7a716e; border-left: 1px solid #7a716e; border-right: 1px solid #7a716e; }
#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-metropolitan/mainlogo.gif) no-repeat top left; text-decoration: none; }

#header #navigation { border-left: 1px solid #7a716e; }

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

#navigation a:link, #navigation a:visited { color: #a09997; }
#navigation a:hover, #navigation a:active { color: #FFFFFF; }
#navigation a.main:link, #navigation a.main:visited { color: #a09997; }

#header .currentprojects { border-top: 1px solid #7a716e; }
.currentprojects h1 { background: url(images/home-hdr-completedprojects.gif) no-repeat top left; width: 112px; }
.currentprojects a:link, .currentprojects a:visited { color: #a09997; }


/** main content **/
#contentcontainer { display: block; width: 925px; background: url(images/proj-metropolitan/metro-line-bg.gif) repeat-y top left; }
#contentcontainer #projectcontainer { position: relative; display: block; width: 925px; width/**/:/**/ 894px; padding: 0 0 19px 31px; /* background: url(images/proj-metropolitan/project-metropolitan-bg.jpg) no-repeat top left;*/ background: none; min-height: 500px; height: auto !important; height: 500px; }
#contentcontainer #projectcontainer #flashcontent { margin: 0 0 0 -31px; }
#projectcontainer .metrotitle { position: absolute; top: 37px; left: 31px; }
#projectcontainer .metrobuildingtop { position: absolute; top: -47px; right: 100px; }

#projectcontainer .projectcontent { display: block; width: 877px; padding: 0 0 40px 0; background: url(images) repeat-y top left; }
.projectcontent .projectinfo { width: 628px; width/**/:/**/ 598px; padding: 0 30px 0 0; border-right: none; }
.projectcontent .projectdetails { width: 249px; width/**/:/**/ 232px; padding: 0 0 0 17px; }

.projectinfo h1.summary { margin: 0; width: 449px; height: 24px; font-size: 90%; background: url(../images/project_metropolitan/title-metro-summary.gif) no-repeat top left; }
.projectinfo .intotext { margin: 0 0 40px 0; font-size: 90%; color: #FFFFFF; }
.projectinfo .metropagetitle { margin-bottom: 40px; }
.projectinfo .projectnav { display: block; height: 26px; margin-bottom: 29px; background: url(images/proj-metropolitan/projnav-bg.gif) repeat-x bottom; }

.projectinfo .metropolitancopy { color: #b7b7b7; }

.projectdetails .registerinterest { display: block; }
.projectdetails .registerinterest form { margin: 0; padding: 5px 0 0 8px; }
.projectdetails .registerinterest input.text { padding: 0; width: 149px; height: 15px; height/**/:/**/ 13px; padding: 2px 0 0 0; font-size: 90%; color: #818181; }
.projectdetails .registerinterest input.submit { width: 28px; height: 19px; margin-left: 7px; }
.projectdetails .registerinterest td { vertical-align: top; padding-top: 7px; }

.projectdetails .downloadbrochure { display: block; width: 230px; width/**/:/**/ 213px; padding: 13px 10px 13px 7px; margin-top: 27px; margin-bottom: 12px; background-color: #1c1c1c; border: 1px solid #303030; }
.projectdetails .downloadbrochure td.thumb { width: 77px; }
.projectdetails .downloadbrochure td.info { width: 138px; width/**/:/**/ 130px; padding: 8px 0 0 8px; }
.projectdetails .downloadbrochure td { vertical-align: top; }
.projectdetails .downloadbrochure td.info .enteremail { display: block; font-size: 90%; color: #767069; }
.projectdetails .downloadbrochure td.info .enteremail form { margin: 0; padding: 0; }
.projectdetails .downloadbrochure td.info .enteremail input.text { margin: 3px 0; width: 129px; height: 15px; height/**/:/**/ 13px; padding: 2px 0 0 0; font-size: 90%; color: #818181; }
.projectdetails .downloadbrochure td.info .enteremail input.submit { float: right; width: 23px; height: 19px; color: #818181; }

.projectdetails a:link, .projectdetails a:visited, .projectdetails a:hover, .projectdetails a:active { color: #FFFFFF; }

.projectdetails .detailinfo { color: #858585; border-bottom: 1px solid #302f2d; }


/** footer **/
#footer { display: block; width: 925px; padding: 21px 0 50px 0; background: #41332f url(images/proj-metropolitan/footer-top.gif) no-repeat top left; color: #a09997; font-size: 90%; }
#footer .footertext { float: left; }
#footer a:link, #footer a:visited { color: #a09997; }
#footer a:hover, #footer a:active { color: #FFFFFF; }