
/* ---------- General ---------- */
.clear { clear: both; }
a img { border: none; }

body {
	background: #fff;
	color: #333;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#page {
}
a {
	color:#33cc33;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.readmore { display:block; margin-top:3px; font-weight:bold;padding-left:7px; background:url(/_inc/img/readmore.gif) no-repeat 0 2px; }
p { margin: 0em 0 1.2em 0; }

h2, h3, h4 { color:#006633; text-transform:uppercase; }
h2 { font-size:14px;margin:6px 0; }
h3 { font-size:13px;margin:6px 0; }
#content h1 { color:#33cc33; font-weight:normal; font-size:50px;line-height:40px;text-transform:uppercase;margin:10px 0 25px;letter-spacing:-2px; }
#content h1 .dark { color:#006633;font-weight:bold;font-size:60px;line-height:48px; }
#content h1.sIFR-replaced { margin: 0 0 10px; }	
	
ul { margin:10px 0; padding: 0 0 0 15px; }
ul li { padding:0 0 3px; }

/* ---------- Header ---------- */

#header {
	height:85px;
	width:100%;
	border-bottom: 5px solid #007236;
	z-index:2;
}
#header .inner {
	height:85px;
	width:979px;
	position:relative;
	margin:0px auto;
	z-index:2;
}
#header #logo {
	display:block;
	width:280px;
	height:51px;
	position:absolute;
	overflow:hidden;
	bottom:0px;
	left:0px;
}
#header h1 a{
	display:block;
	width:280px;
	height:51px;
	background:url('/_inc/img/logo.gif') no-repeat;
	text-indent:-9999px;
	overflow: hidden;
}
#header h1 {
	margin:0;
	padding:0;
}

/* ---------- Navigation ---------- */
ul#nav {
	float:right;
	padding:57px 0 0;
	margin:0;
	list-style:none;
}

#nav li {
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	height:33px;
}

#nav li a {
	display:block;
	height:15px;
	padding:0;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
}

#nav li#home a { width:47px; background:url('/_inc/img/nav/nav_home.gif') no-repeat; }
#nav li#company a { width:132px; background:url('/_inc/img/nav/nav_company.gif') no-repeat; }
#nav li#services a { width:72px; background:url('/_inc/img/nav/nav_services.gif') no-repeat;  }
#nav li#projects a { width:75px; background:url('/_inc/img/nav/nav_projects.gif') no-repeat;  }
#nav li#resources a { width:85px; background:url('/_inc/img/nav/nav_resources.gif') no-repeat;  }
#nav li#links a { width:46px; background:url('/_inc/img/nav/nav_links.gif') no-repeat;  }
#nav li#forsale a { width:71px; background:url('/_inc/img/nav/nav_forsale.gif') no-repeat;  }
#nav li#contact a { width:68px; background:url('/_inc/img/nav/nav_contact.gif') no-repeat;  }

#nav li#houses a { width:62px; background:url('/_inc/img/nav/subnav_houses.gif') no-repeat;  }
#nav li#units a { width:48px; background:url('/_inc/img/nav/subnav_units.gif') no-repeat;  }
#nav li#about a { width:73px; background:url('/_inc/img/nav/subnav_aboutus.gif') no-repeat;  }
#nav li#sub_team a { width:111px; background:url('/_inc/img/nav/subnav_team.gif') no-repeat;  }
#nav li#directors a { width:81px; background:url('/_inc/img/nav/subnav_directors.gif') no-repeat;  }
#nav li#danielsmee a { width:95px; background:url('/_inc/img/nav/subnav_danielsmee.gif') no-repeat;  }
#nav li#jasonjanssen a { width:115px; background:url('/_inc/img/nav/subnav_jasonjanssen.gif') no-repeat;  }
#nav li#awards a { width:65px; background:url('/_inc/img/nav/subnav_awards.gif') no-repeat;  }
#nav li#commdev a { width:190px; background:url('/_inc/img/nav/subnav_commdev.gif') no-repeat;  }

#nav li#sub_services a { width:72px; background:url('/_inc/img/nav/subnav_services.gif') no-repeat;  }
#nav li#sub_investors a { width:110px; background:url('/_inc/img/nav/subnav_investors.gif') no-repeat;  }
#nav li#sub_developers a { width:121px; background:url('/_inc/img/nav/subnav_developers.gif') no-repeat;  }
#nav li#sub_green a { width:92px; background:url('/_inc/img/nav/subnav_green.gif') no-repeat;  }
#nav li#pm a { width:164px; background:url('/_inc/img/nav/subnav_pm.gif') no-repeat;  }
#nav li#drafting a { width:185px; background:url('/_inc/img/nav/subnav_drafting.gif') no-repeat;  }
#nav li#estimating a { width:203px; background:url('/_inc/img/nav/subnav_estimating.gif') no-repeat;  }
#nav li#buildingcomp a { width:158px; background:url('/_inc/img/nav/subnav_buildingcomp.gif') no-repeat;  }
#nav li#energyass a { width:161px; background:url('/_inc/img/nav/subnav_energyass.gif') no-repeat;  }

#nav li#jade-909 a { width:68px; background:url('/_inc/img/nav/subnav_jade909.gif') no-repeat;  }
#nav li#jade-808 a { width:69px; background:url('/_inc/img/nav/subnav_jade808.png') no-repeat;  }
#nav li#jade-707 a { width:68px; background:url('/_inc/img/nav/subnav_jade707.png') no-repeat;  }
#nav li#jade-2010 a { width:76px; background:url('/_inc/img/nav/subnav_jade2010.png') no-repeat;  }
#nav li#life-cycle a { width:157px; background:url('/_inc/img/nav/subnav_lifecycle.gif') no-repeat;  }
#nav li#green-star a { width:129px; background:url('/_inc/img/nav/subnav_greenstar.gif') no-repeat;  }

#nav li#directors, #nav li#danielsmee { border-bottom:none;padding-bottom:0; }
#nav li#commdev, #nav li#units, #nav li#energyass, #nav li#green-star, #nav li#life-cycle { border-bottom:none; }

#nav li a:hover, #nav li a.active, #nav li.hover a, #nav li:hover a, #nav li.hover .submenu li a:hover { background-position: 0 -19px !important; }

#nav .submenu { display:none;float:none; }
#nav li.hover .submenu, #nav li:hover .submenu{ display:block; }
#nav .submenu {
	padding:5px 15px 5px;
	margin:0px;
	position:absolute;
	left:0;
	top:28px;
	z-index:2;
	background:url('/_inc/img/submenu-bg.png') repeat;
}
#company .submenu { width: 190px; }
#forsale .submenu { width: 62px; }
#services .submenu { width: 203px; }
#nav .submenu li a {  }
#nav .submenu li { float:none;height:15px;margin:0;vertical-align:bottom;padding:6px 0;border-bottom:1px solid #68a486;width:100%; }
#nav li.hover .submenu li a, #nav li.hover .submenu li a { background-position: 0 0 !important; }

/* ---------- Main Content ---------- */

#main {
	width: 979px;
	min-height:361px;
	height:auto !important;
	height:361px;
	margin:0px auto;
	z-index:0;
}

#content {
	padding:6px 0;
	width:979px;
	overflow:hidden;
}

#content .left {
	float:left;
	width:539px;
	padding:5px 10px;
	height:329px;
	overflow:hidden;
}

#content .right {
	float:right;
	width:400px;
	height:339px;
	padding:5px 10px;
	background:url(/_inc/img/content/about.jpg) no-repeat right top;
}

#content .col_1, #content .col_2 { float:left; width:260px; }
#content .col_1 { margin-right:15px; }

/* ---------- Home ---------- */



/* ---------- Pages ---------- */
#page.team .left, #page.for-sale .left, #page.investor-centre .left, #page.developer-centre .left,
#page.being-green .left, #page.services .left, #page.links .left
{ width:259px;  }
#page.team .right, #page.for-sale .right, #page.investor-centre .right, #page.developer-centre .right,
#page.being-green .right, #page.services .right, #page.links .right
{ width:680px; }

#page.team .right { background:url(/_inc/img/content/team.jpg) no-repeat; }
#page.about .right { background:url(/_inc/img/content/about.jpg) no-repeat; }
#page.services .right { background:url(/_inc/img/content/services.jpg) no-repeat right top; }
#page.investor-centre .right { background:url(/_inc/img/content/investors.jpg) no-repeat; }
#page.developer-centre .right { background:url(/_inc/img/content/dev.jpg) no-repeat; }
#page.being-green .right { background:url(/_inc/img/content/green.jpg) no-repeat right top; }
#page.links .right { background:url(/_inc/img/content/links.jpg) no-repeat right top; }
#page.resources .right { background:url(/_inc/img/content/resources.jpg) no-repeat right top; }
#page.for-sale .right, #page.contact .right { background:transparent; }
#page.contact h1.sIFR-replaced, #page.awards h1.sIFR-replaced { margin-bottom:0; }
#page.contact #content .left { height:auto; }
#page.contact .right { background:transparent; }
#page.daniel-smee .right { background:url(/_inc/img/content/danielsmee.jpg) no-repeat right top; }
#page.life-cycle-assessment .right { background:url(/_inc/img/content/life-cycle.jpg) no-repeat right top; }
#page.jason-janssen .right { background:url(/_inc/img/content/jasonjanssen.jpg) no-repeat right top; }

#page.awards #content .left, #page.project-management #content .left, #page.green-star-office #content .left  { height:490px; }
#page.awards #content .right { height:490px;background:url(/_inc/img/content/awards.jpg) no-repeat right top;padding:0; width:420px; }

#page.project-management #content .right { height:430px;background:url(/_inc/img/content/pm.jpg) no-repeat right top; }
#page.green-star-office #content .right { height:430px;background:url(/_inc/img/content/sustainable_office.jpg) no-repeat right top; }
#page.community-development #content .right { background:url(/_inc/img/content/commdev.jpg) no-repeat right top; }
#page.drafting-and-design .right { background:url(/_inc/img/content/drafting.jpg) no-repeat right top; }
#page.drafting-and-design .left, #page.project-management .left, #page.estimating-and-scheduling .left, #page.building-compliance .left,
#page.energy-assessments .left { width:539px; }
#page.drafting-and-design .right, #page.project-management .right, #page.estimating-and-scheduling .right, #page.building-compliance .right,
#page.energy-assessments .right { width:400px; }
#page.building-compliance .right { background:url(/_inc/img/content/buildingcomp.jpg) no-repeat right top; }
#page.energy-assessments .right { background:url(/_inc/img/content/energyass.jpg) no-repeat right top; }
#page.awards #content h1 { background:url(/_inc/img/greensmart_award.png) no-repeat right top;height:76px;
margin-bottom:0; }
#page.jade-909 .right { background:url(/_inc/img/content/jade909.jpg) no-repeat right top; }
#page.awards #content h1.sIFR-replaced { height:auto; }
#page.lots-779-to-786-specifications .right { display:none; }
#page.lots-779-to-786-specifications .left { width:100%;float:none;height:auto }
#page.lots-779-to-786-specifications .col_1 { float:left;
	width:539px;
	padding:5px 10px 5px 0;
	overflow:hidden;
	margin:0;
	}
#page.lots-779-to-786-specifications .col_2 { float:right;
	width:400px;
	padding:5px 10px; 
	}
#page.jade-909 .right .plan a { width:400px;display:block; height:165px; }

#page.jade-2010 #content .left { height: 430px; }
#page.jade-2010 #content .right { height: 430px; background: url(/_inc/img/content/sustainable_office.jpg) no-repeat right top; }

#page.jade-808 #content .left { height: 430px; }
#page.jade-808 #content .right { height: 430px; width: 420px; padding: 0; background: none; }

#page.jade-707 #content .left { height: 430px; }
#page.jade-707 #content .right { height: 430px; width: 420px; padding: 0; background: none; }

/* ---------- Forms ---------- */
ul.form { list-style:none; margin:0; padding:0; }
label { float:left; width:50px; }
span.required { color:#C00; }
span.errormsg { color:#c00; margin-left:50px; display:block; }


/* ---------- For Sale ---------- */
#page.for-sale #content { position:relative; }
#page.for-sale .right { background:transparent;height:350px;padding:0px;margin:8px 0; width:690px;position:relative; 
overflow:hidden; }
#page.for-sale .item { width:690px; overflow:hidden;margin-bottom:5px;position:relative;height:172px; }
#page.for-sale .item .image { width:278px; height:170px; overflow:hidden; float:left;border:1px solid #ddd; }
#page.for-sale .item .title { width:260px; position:absolute; top:0; left:0; background:url(/_inc/img/title-bg.png) repeat;padding:5px 10px 10px;color:#fff;font-size:14px;text-transform:uppercase; }
.name.sIFR-replaced { margin-bottom:-6px; }
#page.for-sale .item .suburb { font-weight:bold; } 
#page.for-sale .item .description { width:229px; float:left;padding:10px 7px 10px 14px; }
#page.for-sale .item .more-info { width:123px; float:left; padding:10px 0 10px 7px; }
#page.for-sale .item .bullets ul { padding:0; list-style:none; color:#006633; text-transform:uppercase;line-height:12px;font-weight:bold; }
#page.for-sale .item .price { padding:0;color:#cc6733; text-transform:uppercase;line-height:12px;font-weight:bold;font-size:14px; }
a.product-image { outline:none; }
#page.for-sale .item .rating { width:35px;height:37px; padding:0px 76px 0 4px; position:absolute; top:133px; left:161px; background:url(/_inc/img/star-rating.png) no-repeat;
color:#fff;font-size:24px;text-align:right;font-weight:bold;line-height:35px;  }
#page.for-sale .footnote { color:#cc6733;margin-top:110px; }
 
/* root element for scrollable items */ 
#page.for-sale .right div.items { 
    position:absolute; 
    height:20000em; 
}
#actions a {
		position: absolute;
		z-index:3;
		cursor: pointer;
		background-image: url(/_inc/img/buttons.png);
		width: 30px;
		height: 33px;
		overflow:hidden;
		text-indent:-9999px;
}

#actions .prevPage {
	right: 0px;
	top: 10px;
	background-position: -33px -66px;
}
#actions .prevPage.disabled {
	background-position: -33px 0 !important;
}
#actions .prevPage:hover {
	background-position: -33px -33px;
}

#actions .nextPage {
	right: 0px;
	bottom: 10px;
	background-position: 0 -66px;
}
#actions .nextPage.disabled {
	background-position: 0 0 !important;
}
#actions .nextPage:hover {
	background-position: 0 -33px;
}
	
.for-sale .buttons { position:absolute; left:537px; bottom:0; }
.for-sale .button { height:16px; width: 84px; display:block; overflow:hidden; outline:none; text-indent:-9999px; margin-top:3px; }
.for-sale a.map { background:url(/_inc/img/button_map.gif) no-repeat; width:58px; }
.for-sale a.download { background:url(/_inc/img/button_download.gif) no-repeat; }
.for-sale a.button:hover { background-position: 0 -16px; }

/* ---------- Footer ---------- */

#footer {
	width: 979px;
	margin:0px auto;
	height:169px;
	overflow:hidden;
	clear: both;
	background:#338e5e;
	color:#fff;
	position:relative;
	border-bottom:10px solid #007236;
}
#footer .news {
	width: 257px;
	position:absolute;
	top:0;
	left:0px;
	font-size:11px;
	padding: 5px 15px 5px;
	overflow: hidden;
}
#footer .news p { margin:0; }
#footer .news h2 { font-size:20px; font-weight:normal; text-transform:uppercase;margin:13px 0 5px;color:#fff; }
#footer .news h2.sIFR-replaced { margin:8px 0 0; }
#footer .news h2 .bold { font-weight:bold; }
#footer .news a.readmore { background:url(/_inc/img/readmore_green.gif) no-repeat 0 2px; }

#footer .scroll-links { float:right; width:692px; height:338px; overflow:hidden; }
#footer .scroll-links ul { margin:0;padding:0; list-style:none;width:1278px; }
#footer .scroll-links ul li a { display:block; width:138px; height:169px; overflow:hidden; float:left; border-left:1px solid #24b34b; background-position: top left; background-repeat: no-repeat; }
#footer .scroll-links ul li a span { display:block; width:138px; height:0px; text-indent:-9999px; overflow:hidden; background-position: 0px -169px; background-repeat: no-repeat; }
#footer .scroll-links ul li { float:left; width:138px; }

#footer .scroll-links ul li#team a, 
#footer .scroll-links ul li#team a span { background-image:url(/_inc/img/footer_nav/footer_meettheteam.gif); }
#footer .scroll-links ul li#investors a, 
#footer .scroll-links ul li#investors a span { background-image:url(/_inc/img/footer_nav/footer_investor.gif); }
#footer .scroll-links ul li#developers a, 
#footer .scroll-links ul li#developers a span { background-image:url(/_inc/img/footer_nav/footer_dev3.jpg); }
#footer .scroll-links ul li#green a, 
#footer .scroll-links ul li#green a span { background-image:url(/_inc/img/footer_nav/footer_green.jpg); }
#footer .scroll-links ul li#where a, 
#footer .scroll-links ul li#where a span { background-image:url(/_inc/img/footer_nav/footer_whereweare.gif); }

/*
#footer .scroll-links ul li a:hover, #footer .scroll-links ul li a.active { background-position:bottom left !important; }
*/

a#stormbox { background: url(/_inc/img/siteby-stormbox.png) no-repeat 0 0; display: block; width: 96px; height: 15px; font-size: 1px; text-indent: -9999em; overflow: hidden; cursor: pointer; margin: 10px auto; }
a#stormbox:hover { background-position: 0 -20px; }