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

body { height: 100%; 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: #5c5c5c; }

.notvisible { visibility: hidden; }
i { visibility: hidden; }
img { border: none; }
p { margin: 12px 0; }

hr { border: none; background-color: #e3e0da; margin: 20px 0px 20px 0px; height: 1px; }

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

.impact { color: #666666; font-weight: bold; }

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

h1 { font-family: Tahoma, Arial, helvetica, sans-serif; font-weight: normal; }

h3 { font-family: Tahoma, Arial, helvetica, sans-serif; color: #bf2e1a; font-size: 170%; margin: 30px 0 15px 0; }
h4 { font-family: Tahoma, Arial, helvetica, sans-serif; color: #bf2e1a; font-size: 140%; margin: 15px 0 10px 0; font-weight: normal; }
h5 { font-family: Tahoma, Arial, helvetica, sans-serif; color: #bf2e1a; font-size: 110%; margin: 10px 0 5px 0; }
h6 { font-family: Tahoma, Arial, helvetica, sans-serif; color: #bf2e1a; font-size: 100%; font-weight: bold; }

.h4title { font-family: Tahoma, Arial, helvetica, sans-serif; color: #bf2e1a; font-size: 140%; margin: 15px 0 10px 0; font-weight: normal; }
.h4title.topbdr { border-top: 1px solid #c9c5bb; padding: 25px 0 0 0; margin: 28px 0 0 0; }

.firstchild { margin-top: 0; padding-top: 0; }


/** 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; border-left: 1px solid #a4a29f; }
#navigation ul { list-style: none; margin: 0; padding: 0; height: 85px; }
#navigation li { display: inline; float: left; height: 85px; height/**/:/**/ 72px; 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%; }

#header .currentprojects { display: block; clear: both; width: 923px; width/**/:/**/ 896px; height: 25px; height/**/:/**/ 18px; padding: 7px 0 0 27px; border-top: 1px solid #a4a29f; }
.currentprojects h1 { font-size: 90%; display: block; float: left; margin: 2px 0 0 0; width: 113px; height: 9px; background: url(images/genhdr-completed.gif) no-repeat top left; }
.currentprojects a:link, .currentprojects a:visited { float: left; margin: 0; padding-left: 24px; color: #666666; font-size: 90%; text-decoration: none; }
.currentprojects a:hover, .currentprojects a:active { float: left; margin: 0; padding-left: 24px; text-decoration: none; background: url(images/navigation-arrow-red.gif) no-repeat 14px 4px; color: #000000; font-size: 90%; }

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


/** Main Content **/
#contentcontainer { width: 925px; width/**/:/**/ 911px; padding: 7px; margin-top: 25px; background: #FFFFFF; }

#contentcontainer .projecthdr { width: 913px; height: 319px; margin-bottom: 30px; background: url(images/pagebgs/project-dime-maintop.jpg) no-repeat top left; }
#contentcontainer .projectinformation { width: 913px; background: url(images/generic-projectinfo-bg.gif) repeat-y top left; }
.projectinformation .leftcopy { display: block; float: left; width: 643px; width/**/:/**/ 593px; padding: 0 25px 25px 25px; }
.projectinformation .projectdetails { display: block; float: left; width: 270px; width/**/:/**/ 225px; padding: 0 26px 0 19px; }

.projectdetails .detailrow { padding: 15px 0 15px; border-bottom: 1px solid #ebe5de; }
.projectdetails .detailrow table { width: 100%; }
.projectdetails .detailrow td { vertical-align: top; width: 50%; }
.projectdetails .detailrow img { margin-bottom: 3px; }
.projectdetails .detailrow .impact { font-weight: bold; color: #bf2e1a; }

h1.completedproject { display: block; font-size: 90%; margin: 0 0 30px 0; width: 460px; height: 30px; background: url(images/projtitles/dimeapartments.gif) no-repeat top left; }
h2 { margin: 0 0 8px 0; color: #5f5f5e; font-size: 160%; }

#contentcontainer #copycontainer { width: 909px; width/**/:/**/ 804px; padding: 39px 40px 39px 65px; border: 1px solid #ececec; }
#contentcontainer #copycontainer h1.pagetitle { font-size: 36px; font-weight: normal; color: #666666; margin: 0 0 36px 0; font-family: Arial, Helvetica, sans-serif; }
#contentcontainer #copycontainer #maincopy { width: 804px; background: url(images/maincontent-divide.gif) repeat-y top right; }
#copycontainer .onecol { width: 804px; color: #8a867b; line-height: 130%; }

#maincopy .leftcol { float: left; width: 522px; margin-right: 81px; color: #8a867b; line-height: 130%; }
#maincopy .rightcol { float: right; width: 196px; }

#maincopy .leftcol a:link, #maincopy .leftcol a:visited { text-decoration: none; color: #bf2e1a; }
#maincopy .leftcol a:hover, #maincopy .leftcol a:active { text-decoration: none; color: #4b4b4b; }

.rightcol .registerinterest { width: 196px; width/**/:/**/ 182px; padding: 0 7px 27px 7px; font-size: 90%; color: #929292; }
.rightcol .registerinterest img { display: block; margin-bottom: 7px; }
.rightcol .registerinterest form { margin: 14px 0 0 0; padding: 0; }
.rightcol .registerinterest input.text { font-size: 11px; width: 145px; color: #818181; }
.rightcol .registerinterest input.submit { width: 28px; height: 19px; margin-left: 7px; }
.rightcol .registerinterest label { display: none; }

.registerinfobase { padding: 0 10px 0 10px !important; border-bottom: 1px solid #cccccc; }

.rightcol .promo { border-top: 1px solid #e3e0da; padding: 27px 0 0 0; }


/* Project Listings */
.completedproject { width: 522px; width/**/:/**/ 517px; padding: 0 5px 23px 0; margin-bottom: 23px; border-bottom: 1px solid #c9c5bb; }
.completedproject .thumbnail { float: left; width: 185px; }
.completedproject .thumbnail .thumbbox { width: 153px; border: 1px solid #c3bbab; }
.completedproject .thumbnail .thumbbox img { border: 3px solid #FFFFFF; }
.completedproject .information { margin-left: 185px; color: #8a867b; }
.completedproject .information .projectname { display: block; padding-bottom: 2px; }
.completedproject .information .location { display: block; padding-bottom: 12px; }
.completedproject .information .clickformore { display: block; }

.completedproject .information a:link, .completedproject .information a:visited { text-decoration: none; color: #8a867b !important; }
.completedproject .information a:hover, .completedproject .information a:active { text-decoration: none !important; color: #8a867b !important; }

.completedproject .information .projectname, .completedproject .information a:link .projectname, .completedproject .information a:visited .projectname { font-size: 110%; color: #8a867b !important; text-decoration: none; font-weight: bold; }
.completedproject .information .projectname, .completedproject .information a:hover .projectname, .completedproject .information a:active .projectname { font-size: 110%; color: #bf2e1a !important; text-decoration: none !important; font-weight: bold; }
.completedproject .information .projectname, .completedproject .information a:link, .completedproject .information a:visited { text-decoration: none; color: #8a867b !important; }
.completedproject .information .projectname, .completedproject .information a:hover, .completedproject .information a:active { text-decoration: none; color: #504d46 !important; }

.completedproject .information a:link .clickformore, .completedproject .information a:visited .clickformore { padding-top: 12px; font-weight: bold; text-decoration: none; color: #8a867b !important; }
.completedproject .information a:hover .clickformore, .completedproject .information a:active .clickformore { padding-top: 12px; font-weight: bold; text-decoration: none; color: #bf2e1a !important; }



/* News Listing */
#newsitems .articleslist h4 { margin-bottom: 15px; color: #8e887d; font-size: 140%; }
#newsitems .articleslist a { font-weight: bold; display: block; padding: 0 0 0 12px; margin: 5px 0 5px 0; background: url(images/news-arrow-brown.gif) no-repeat 2px 5px; text-decoration: none; }
#newsitems .articleslist a:hover { text-decoration: none; }
#newsitems .articleslist a .date { color: #999999; font-weight: normal; }

#newsitems .newsarticle { border-top: 1px solid #c9c5bb; padding: 45px 0 0 0; margin-top: 45px; }
#newsitems .newsarticle h2 { margin-top: 0; margin-bottom: 10px; color: #bf2e1a; font-weight: normal; }
#newsitems .newsarticle .backtotop { margin-top: 10px; display: block; padding: 0 0 0 17px; background: url(images/news-arrow-backtotop.gif) no-repeat 0px 2px; }
.newsarticle .backtotop a { font-weight: bold; text-decoration: none; font-size: 90%; }
.newsarticle .newsitemdate { font-weight: bold; color: #5c5c5c; padding-bottom: 20px; }

#newsitems .articleslist a.linker:hover { color: #bf2e1a; }

img#latestheadlines { margin-bottom: 15px; }


/* Match Syndicates - Register Interest */
#matchsynd form { margin: 0; padding: 0; }
#matchsynd input.checkBox { margin: 0 6px 0 0; padding: 0; }
#matchsynd input.radioType { margin: 0; padding: 0; }

#matchsynd form label { display: none; }
#matchsynd form strong.devtitle { color: #8A867B; display: block; margin-top: 10px; }

#matchsynd input.text, #matchsynd textarea { width: 255px; font-size: 11px; color: #333333; font-family: Tahoma, Arial, helvetica, sans-serif; border: 1px solid #E3E0DA; padding: 2px; }
#matchsynd textarea {}
#matchsynd input.postCodeField { width: 55px; font-size: 11px; color: #333333; }
#matchsynd input.stateField { width: 110px; font-size: 11px; color: #333333; }
#matchsynd select { font-size: 11px; color: #333333; }

#matchsynd h2 { padding-bottom: 10px; border-bottom: 1px solid #e3e0da; margin-top: 35px; margin-bottom: 15px; color: #bf2e1a; font-weight: normal; font-size: 130%; }

#matchsynd table { width: 100%; }
#matchsynd td { padding: 5px 0; vertical-align: top; }
#matchsynd th { width: 225px; text-align: left; }
#matchsynd table table th { width: auto; padding: 0 0 0 0; text-align: left; font-size: 110%; }
#matchsynd table table th.first { padding-top: 0; }

#matchsynd td.field { width: 140px; vertical-align: top; } 
/*#matchsynd td.postcodetextbox { width: 110px; }
#matchsynd td.suburbtextbox { width: 180px; }
#matchsynd td.postcode { width: 66px; }
#matchsynd td.state { width: 86px; text-align: center; }*/

#matchsynd .required { color: #bf2e1a; }

#matchsynd .checkitem { float: left; width: 288px; padding: 5px 0; color: #333333; }
#matchsynd .checkitem2 { float: left; width: 450px; padding: 5px 0; color: #333333; }
#matchsynd .checkitem-full { float: left; width: 550px; padding: 5px 0; color: #333333; }

#matchsynd HR { margin: 0 0 15px 0; height: 1px; background-color: #edebe8; }


/** footer **/
#footer { background-color: #e2dfd9; display: block; width: 923px; width/**/:/**/ 907px; border: 1px solid #a4a29f; padding: 8px; margin: 13px 0 25px 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; }


/** key personnel **/
.keypersoneltitle { font-family: Tahoma, Arial, helvetica, sans-serif; color: #bf2e1a; font-size: 110%; margin: 10px 0 5px 0; font-weight: bold; }
img.keypersonnel {
	float: left;
	padding: 2px;
	margin: 12px 12px 18px 0px;
	border: 1px solid #e3e0da;
	width: 110px; height: 110px;
}