body { background: #160807 url(images/pagebgs/proj-ottimo-bg.jpg) no-repeat top center; color: #858585; }


/** header **/
#header { background-color: #160807; border-bottom: 1px solid #5c5352; border-left: 1px solid #5c5352; border-right: 1px solid #5c5352; }
#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/ottimo-hdr-completeproj.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-ottimo/ottimo-dot-bg.gif) repeat-y top left; }
#contentcontainer #projectcontainer { position: relative; display: block; width: 925px; width/**/:/**/ 890px; padding: 339px 0 19px 35px; background: url(images/proj-ottimo/project-ottimo-bg.jpg) no-repeat top left; min-height: 500px; height: auto !important; height: 500px; }
#contentcontainer #projectcontainer #flashcontent {  }
#projectcontainer .ottimotitle { position: absolute; top: 122px; left: 88px; }
#projectcontainer .buildingtop { position: absolute; top: -29px; right: 238px; }

#projectcontainer .projectcontent { display: block; width: 873px; padding: 0 0 40px 0; background: url(images/proj-ottimo/projectdivideline.gif) no-repeat top right; }
.projectcontent .projectinfo { width: 594px; width/**/:/**/ 600px; padding: 0 20px 0 0; border-right: none;}
.projectcontent .projectdetails { width: 249px; width/**/:/**/ 232px; padding: 55px 0 0 17px;}

.ottimocontentimage { float:right;}

.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 23px 0; font-size: 90%; color: #FFFFFF; text-align: center; width:350px; }
.projectinfo .ottimocopytitle { text-align: center; padding: 0 0 24px 0; width:350px; }
.projectinfo .projectnav { display: block; width: 241px; height: 26px; margin-left:56px; margin-bottom: 44px !important; background: url(images/proj-ottimo/ottimo-navigation-bg.gif) repeat-x bottom !important; }

.projectinfo .ottimocopy {  width:350px; color: #72686d; text-align: center; }
.projectinfo .ottimocopy p {font-size:0.9em;padding-top:0px; margin-top:8px;}

.projectdetails .registerinterest { display: block; }
.projectdetails .registerinterest form { margin: 0; padding: 0 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: #f9f5f0; border: none; color: #606060; }
.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: #606060; }
.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: #606060; }
.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: #606060; }

.projectdetails .detailinfo { color: #606060; border-bottom: 1px solid #ebe5de; }

/** footer **/
#footer { display: block; width: 925px; padding: 21px 0 50px 0; background: #160807 url(images/proj-ottimo/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; }

.ottimotitle h4 { text-indent:-99999px; }