/* Eric Meyers Reset: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*
* GLOBAL STYLES
******************************************************************************/

body {
    font: 12px/1.5em arial, helvetica, sans-serif;
    color: #666;
    min-width: 680px;
}

h1, h2, h3, h4, h5, h6,
p, blockquote, pre, ol, ul {
    margin-bottom: 1em;
}

strong { font-weight: bold; }
em { font-style: italic; }

a img { border: 0; }

a { 
    color: #CC3333;
    text-decoration: none;
}

ol,ul {
    padding-left: 1em;
    margin-left: 1em;
}

ul {
    list-style: disc outside;    
}

ol {
    list-style: decimal outside;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

* html .clearfix {
	height: 1%;
	display: inline-block;
}

.image-right {
    float: right;
    margin: 0 0 15px 20px;
}

.image-left {
    float: left;
    margin: 0 20px 15px 0;
}

.hidden {
    display: none;
}

/*
* HEADER STYLES
******************************************************************************/

#header {
    width: 100%;
    height: 104px;
    background-color: #fff;
}

#globalnav {
    float: right;
    text-align: right;
    margin-right: 10px;
}

#globalnav ul {
    list-style: none;
}

#globalnav li {
    float: left;
    display: block;
    padding: 5px 7px;
}

#globalnav li a {
    font-weight: bold;
    color: #666;
}

#globalnav form {
    clear: both;
    padding: 5px 0;
}

#globalnav form label {
    font-weight: bold;
}

#globalnav form input {
    width: 94px;
    margin-left: 5px;
}

#globalnav form a img {
    vertical-align: middle;
}

#adv-search {
    margin-right: 25px;
    color: #666;
}

/*
* MAIN NAV
******************************************************************************/

#nav {
    background: url(../images/nav-strip.gif) repeat-x 0 0;
    width: 100%;
    position: absolute;
    top: 76px;
    left: 0;
    z-index: 29;
}

#nav ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    width: 700px;
}

#nav ul li {
    float: left;
    display: inline;
    position: relative;
}

#nav ul ul {
    display: none;
    position: absolute;
    top: 26px;
    left: 0;
    font: 9px verdana, arial, sans-serif;
    background-color: #fff;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #4d4d4d;
    padding: 0 1px 1px;
    width: 175px;
    z-index: 10;
}

#nav ul li a {
    display: block;
    background-image: url(../images/nav-bg.gif);
    background-repeat: no-repeat;
    height: 28px;
    z-index: 5;
}

#nav ul li a#newhomes { 
    width: 76px;
    background-position: 0 0;
}
#nav ul li a#newland { 
    width: 110px; 
    background-position: 0 -56px;
}
#nav ul li a#newapartments { 
    width: 104px;
    background-position: 0 -112px;
}
#nav ul li a#commercial {
    width: 152px;
    background-position: 0 -168px;
}
#nav ul li a#investment {
    width: 129px;
    background-position: 0 -224px;
}

#nav ul li a#newhomes:hover,
#nav ul li.active a#newhomes { background-position: 0 -28px; }
#nav ul li a#newland:hover,
#nav ul li.active a#newland { background-position: 0 -84px; }
#nav ul li a#newapartments:hover,
#nav ul li.active a#newapartments {background-position: 0 -140px; } 
#nav ul li a#commercial:hover,
#nav ul li.active a#commercial { background-position: 0 -196px; }
#nav ul li a#investment:hover,
#nav ul li.active a#investment { background-position: 0 -252px; }
    
#nav ul li a span {
    display: block;
    text-indent: -3000px;
}

#nav ul ul li {
    float: none;
}

#nav ul ul li a {
    color: #fff;
    padding: 5px;
    background-image: none;
    background-color: #b60d20;
    border-top: 1px solid #cc3e4b;
    border-bottom: 1px solid #aa0013;
    display: block;
    height: auto;
}

#nav ul ul li a:hover {
    background-color: #7b0003;
    border-bottom: 1px solid #6e0001;
    border-top: 1px solid #a00e14;
}

#nav ul ul li a span {
    background: transparent url(../images/menu-arrows.gif) no-repeat 0 50%;
    padding-left: 13px;
    display: block;
    text-indent: 0;
}

#newhomes { width: 76px; }
#newland { width: 110px; }
#newapartments { width: 104px; }
#commercial { width: 152px; }
#investment { width: 129px; }

/*
* Main Section
******************************************************************************/

#main {
    position: relative;
    width: 100%;
}


/*
* SIDEBAR 
******************************************************************************/

#sidebar {
    position: absolute;
    width: 178px;
    top: 0;
    left: 0;
}

#sidebar h3 {
    background-color: #333;
    color: #fff;
    border-bottom: 1px solid #ededed;
    height: 25px;
    padding-left: 10px;
    font: 9px/25px verdana, arial, sans-serif;
    margin-bottom: 0;
}

#secondarynav,
#secondarynav ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    font: 9px verdana, arial, sans-serif;
}

#secondarynav li {
    width: 178px;
}

#secondarynav li a {
    display: block;
    padding: 7px 10px;
    border-bottom: 1px solid #ededed;
    background-color: #787878;
    color: #fff;
    margin: 0;
    width: 158px;
}

* html #secondarynav li a {
    display: inline-block;
}

#secondarynav li li a {
    padding-left: 20px;
    background-color: #c6c6c6;
    color: #666;
    width: 148px;
}

#secondarynav li li li a {
    padding-left: 30px;
    background-color: #e7e7e7;
    width: 138px;
}

#secondarynav li li li li a {
	padding-left: 40px;
	background-color: #f1f1f1;
    width: 128px;
} 

#secondarynav li a:hover {
    background-color: #5e5e5e;
    color: #fff;
}
#secondarynav li li a:hover { background-color: #adadad; }
#secondarynav li li li a:hover { background-color: #cfcfcf; }

#secondarynav li a span,
#secondarynav li a:hover span {
    background: transparent url(../images/white-arrow.gif) no-repeat 0 50%;
    padding-left: 7px;
}

#secondarynav li li a span {
    background-image: url(../images/grey-arrow.gif);
}

#secondarynav li a.active {
    color: #333 !important;
}

#secondarynav li li li a.active {
    font-weight: bold !important;
}

#secondarynav li li li a.active span {
    background-image: url(../images/red-arrow.gif) !important;
}

#myaustraland {
    border: 1px solid #aaa;
    background-color: #fff;
    padding: 10px;
}

#myaustraland a {
    display: block;
    font-size: 11px;
    margin-bottom: 3px;
}

.sidebar-promo {
    margin: 10px 0;
    text-align: center;
}

/*
* Content 
******************************************************************************/

#content {
    padding: 25px 25px 25px 203px;
    padding-top: 25px;
    background: url(../images/rp-bg-strip.gif) repeat-y 0 0;
}

/*
#content h1 {
    background-color: #bf2a37;
    color: #fff;
    padding: 25px;
    font-size: 28px;
    margin: 0;
    border-bottom: 1px solid #fff;
}

#toolbar {
    background-color: #d4d3d3;
    padding: 0 10px 0 25px;
    overflow: hidden;
    height: 28px;
}

#toolbar h2 {
    text-transform: uppercase;
    color: #000;
    float: left;
    margin: 0;
    line-height: 28px;
}

#tools {
    float: right;
    margin-top: 3px;
}
*/

#innercontent {
    width: 720px;
    position: relative;
}

#innercontent h1,
#innercontent h2 {
    color: #bf2a37;
    font-size: 24px;
    margin: 1em 0;
}

#innercontent h2 {
    font-size: 18px;
    margin: 2em 0 0.5em 0;
}

#innercontent h2.hotline {
	font-size: 24px;
	margin-top: 1em;
}

#innercontent h2.hotline span {
	font-size: 18px;
}

#innercontent p {
    line-height: 1.6em;
}

#herogallery {
    overflow: hidden;
    position: relative;
    width: 720px;
    height: 250px;
	background: url(../images/bg-heroslides-loading.gif) no-repeat 0 0;
}

#heroslides {
	display: none;
}

#projectlogo {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 20;
}

#herogallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
	width: 720px;
	height: 250px;
}

#herogallery ul li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

#topcurve {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

#viewslideshow {
	width: 120px;
	height: 26px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -3000px;
	background: url(../images/view-slideshow.png) no-repeat 0 0;
	z-index: 20;
}

.pop-overlay {
    display: none;
    background: #000;
    height: 250px;
    width: 250px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 40;
    background: transparent url(../images/pop-bg.png) 0 0;
}

#innercontent .pop-overlay h2 {
    margin-top: 20px;
    padding-left: 20px;
}

.pop-overlay p {
    opacity: 1.0;
    padding: 10px 20px;
}

.pop-overlay strong {
    color: #bf2a37;
    font-size: 14px;
}

.pop-overlay .closepop {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 41;
}

#aside {
	float: right;
    width: 220px;
    margin: 1.5em 0 10px 20px;
}

#aside #contactpanel,
#aside #sustainabilitypanel {
	float: none;
	margin: 0 0 20px 0;
}

.banner {
	margin: 20px 0;
}

#aside .banner {
	margin: 0 0 20px 0;
}

#contactpanel,
#sustainabilitypanel {
    float: right;
    width: 200px;
    padding: 10px;
    margin: 1.5em 0 10px 20px;
    font-size: 11px;
    background: transparent url(../images/box-top-220.gif) repeat-y 0 0;
    position: relative;
}

#sustainabilitypanel {
	background: transparent url(../images/sustainability-box-bottom.gif) no-repeat 0 100%;
}

.box-bottom {
    position: absolute;
    background: transparent url(../images/box-bottom-220.gif) no-repeat 0 0;
    width: 220px;
    height: 11px;
    bottom: 0;
    left: 0;
}

#sustainabilitypanel .box-top {
	position: absolute;
	background: url(../images/sustainability-box-top.gif) no-repeat 0 0;
	left: 0;
	top: 0;
	width: 220px;
    height: 11px;
}

#sustainabilitypanel p {
	margin: 1.2em 0 0.4em 0;
	font-size: 12px;
}

#sustainabilitypanel a { color: #666; }
#sustainabilitypanel a:hover { 
	color: #333;
	text-decoration: underline;
}

#contactpanel h2,
#contactpanel h3,
#contactpanel p {
    margin: 0 0 5px 0;
}

#contactpanel form p {
    margin: 0;
    position: relative;
}

#contactpanel h2 {
    margin: 0 0 5px 0;
}

#contactpanel h3 {
    font-size: 18px;
    color: #bf2a37;
}

#contactpanel form label {
    display: block;
}

#contactpanel form input {
    margin: 0 0 5px 0;
}

#contactpanel form input.textfield {
    width: 150px;
}

#contactpanel form .button-submit {
    display: block;
    margin: 5px 0;
    width: 60px;
    height: 22px;
}

#contactus-result {
	display: none;
}


/*
* Project Types Menu
******************************************************************************/

#projecttypes ul {
	width: 720px;
	height: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#projecttypes li {
	display: inline;
	height: 32px;
	margin: 0;
	padding: 0;
}

#projecttypes li a,
#projecttypes li strong {
	display: block;
	height: 21px;
	float: right;
	color: #fff;
	padding: 11px 15px 0 15px;
}

* html #projecttypes li a { 
	height: 26px;
	padding-top: 6px;
}

/* Strong & Ems are used as inline containers due to Cufon's heavy use of span's */ 
#projecttypes li strong {
	font-size: 18px;
	float: left;
	height: 16px;
	padding-top: 8px;
}

* html #projecttypes li strong {
	height: 26px;
	padding-top: 6px;
}

#projecttypes li a em {
	display: block;
	background: url(../images/white-arrow.gif) no-repeat 100% 51%;
	padding-right: 8px;
}

#projecttypes ul.homes,
#projecttypes li.homes a {
	background: url(../images/homes-bg.gif) repeat-x 0 0;
}

#projecttypes ul.apartments,
#projecttypes li.apartments a {
	background: url(../images/apartments-bg.gif) repeat-x 0 0;
}

#projecttypes ul.land,
#projecttypes li.land a {
	background: url(../images/land-bg.gif) repeat-x 0 0;
}

#projecttypes li a:hover {
	background-position: 0 -32px;
}

/*
* Tabbed Menu
******************************************************************************/

.tabmenu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 720px;
    height: 52px;
    overflow: hidden;
}

.tabmenu li {
    height: 52px;
    float: left;
    text-align: center;
    background: url(../images/tab-menu-states-shadow.gif) repeat-x 0 0;
}
.twotab li   { width: 360px; }
.threetab li { width: 240px; }
.fourtab li  { width: 180px; }
.fivetab li  { width: 144px; }
.sixtab li   { width: 120px; }

.tabmenu li a {
    display: block;
    line-height: 52px;
    height: 50px;
    color: #383838;
    text-shadow: 0 1px 1px #fff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.02em;
    background: url(../images/tab-menu-states.gif) repeat-x 0 0;
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #e1e1e1;
}

.tabmenu li a.twoline {
	line-height: 16px;
	padding-top: 10px;
}

.tabmenu li a:hover {
    background: url(../images/tab-menu-states.gif) repeat-x 0 -52px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #cfcfcf;
}

.tabmenu li.ui-state-active {
    background: url(../images/tab-menu-states-shadow.gif) repeat-x 0 -104px;
}

.tabmenu li.ui-state-active a,
.tabmenu li.ui-state-active a:hover {
    background: url(../images/tab-menu-states.gif) repeat-x 0 -104px;
    color: #bf2a37;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;  
}

.tabmenu li.first a,
.tabmenu li.first a:hover {
    border-left: none;
}

.tabmenu li.last a,
.tabmenu li.last a:hover {
    border-right: none;
}

.section {
    padding: 10px;
    overflow: hidden;
    background: #fff;
}

.ui-tabs .ui-tabs-hide {
    top: -6000px;
    position: absolute;
    left: -9000px;
}

ul.notab,
ul.onetab {
    height: 0;
}

.ui-tabs ul.notab li,
.ui-tabs ul.onetab li {
    display: none;
}


/*
*  Featured Content 
******************************************************************************/

.feature {
	background: #f2f2f2;
	margin-top: 20px;
	padding: 20px;
	clear: both;
	overflow: hidden;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

#innercontent .feature h2 {
	margin-top: 0;
}


/*
* Information
******************************************************************************/

.gridbox {
    background: #f6f6f6 url(../images/grid-curve-bottom.gif) no-repeat bottom left;
    margin: 20px 0;
    clear: both;
    font-size: 11px;
    width: 580px;
    overflow: hidden;
    padding-bottom: 12px;
}

.gridbox-inner {
    background: url(../images/grid-curve-top.gif) no-repeat top left;
    padding: 12px 5px 0 5px;
}

.gridbox h3 {
    font-size: 12px;
    color: #bf2a37;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.onecol .col   { width: 550px; }
.twocol .col   { width: 265px; }
.threecol .col { width: 170px; }

.gridbox .col {
    float: left;
    margin: 0 10px;
}

.highlight {
    color: #bf2a37;
}

/*
* Sales Office
******************************************************************************/

.footnote {
    color: #aaa;
    font-size: 11px;
    clear: both;
}

.img-wrap img {
    border: 3px solid #ddd;
    margin-bottom: 3px;
}

.img-wrap p {
    padding-left: 3px;
}

.img-wrap p span {
    font-size: 10px;
    color: #999;
}

a.googlemap,
.googlemap {
    float: right;
    display: block;
    border: 3px solid #ddd;
    margin: 0 0 0 20px;
    position: relative;
}

a.googlemap:hover {
    border-color: #ccc;
}

a.googlemap img {
	display: block;
}

/*#salesoffice p+div, #contactus p+div {
	margin: 0;
}*/

/*
* Item Sections
******************************************************************************/

.item {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    clear: both;
}

#innercontent .item h2 {
    margin-top: 0;
}

.item-image {
    float: left;
    display: block;
    border: 3px solid #ddd;
    margin: 0 20px 0 0;
    width: 174px;
    height: 174px;
    position: relative;
}

.item-image:hover {
    border-color: #ccc;
}

.enlarge-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}

ul.item-list {
    list-style: none;
}

ul.item-list a,
.icon-arrow  {
    padding-right: 8px;
    background: url(../images/arrow.gif) no-repeat 100% 50%;
}

ul.item-slideshow  {
    list-style: none;
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
}

ul.item-slideshow li {
	float: left;
	width: 132px;
	margin: 10px 0 0 10px;
	padding: 0;
	position: relative;
}

ul.item-slideshow li.first {
	margin-left: 0;
}

ul.item-slideshow li img.item-slideshow-img {
	border: 3px solid #ddd;
}

ul.item-slideshow li img.item-slideshow-img:hover {
	border-color: #ccc;
}

ul.item-slideshow li img.enlarge-icon {
	bottom: 8px;
	right: 5px;
}
* html ul.item-slideshow li img.enlarge-icon { bottom: 5px; }
*+html ul.item-slideshow li img.enlarge-icon { bottom: 6px; }
	
#innercontent h2.section-title {
	font-size: 24px;
	clear: both;
}

.submenu {
	margin-bottom: 20px;
}

.submenu ul {
	padding: 0;
	margin: -5px 0 0 0;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #f2f2f2;
}

* html .submenu ul {
	border: 0;
}

.submenu ul li {
	display: inline;
}

.submenu ul li a {
	float: left;
	display: block;
	position: relative;
	padding: 5px 10px 10px 10px;
	font-weight: bold;
	color: #333;
}

.submenu ul li a:hover {
	color: #CC3333;
}



/*
* Brochure Request Form
******************************************************************************/

.brochure-image {
    float: right;
    display: block;
    border: 3px solid #ddd;
    margin: 0 0 0 20px;
}

/*
* Contact Us Form
******************************************************************************/

#contactus-box {
	width: 300px;
	height: 520px;
	float: right;
	background: #f2f2f2;
	padding: 20px;
	overflow: hidden;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
	margin: 20px 0 20px 20px;
}

#contactus-box h2 {
	margin-top: 0;
}

form label {
    display: block;
    font-weight: bold;
}

form .button-submit {
    display: block;
    margin: 5px 0;
    width: 60px;
    height: 22px;
}

form p,
form input {
    margin: 0 0 5px 0;
	position: relative;
}

textarea,
.textfield {
	font-size: 14px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px;
    font-family: arial, sans-serif;
    width: 250px;
}

textarea {
    height: 100px;
	width: 292px;
}

.checkbox-wrap {
    margin: 0 0 10px 0;
}

form p.checkfield {
    margin: 5px 0;
}

form p.checkfield label {
    font-weight: normal;
}

form p.checkfield input {
    margin-right: 5px;
}

.submit {
    margin-top: 10px;
}

input.error {
    background-color: pink;
    border-color: red;
}


/*
* Related Projects
******************************************************************************/

#related-projects {
    margin: 1em 0 2em 0;
    border-top: 1px solid #ddd;
    clear: both;
}

#related-projects h2 {
    margin-left: 10px;
    margin-bottom: 10px;
}

#related-projects h3 {
    font-weight: normal;
    font-size: 14px;
    margin: 0;
}

#related-projects p {
    margin: 0 0 5px 0;
    line-height: 1.4em;
}

#related-projects p a {
    font-size: 11px;
}

#related-projects ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 10px;
    overflow: hidden;
    width: 100%;
}

#related-projects li {
    float: left;
    margin: 0 20px 20px 0;
    padding: 0;
    width: 220px;
}

.related-image {
    display: block;
    position: relative;
    width: 220px;
    height: 142px;
}

.related-image img {
    position: absolute;
    top: 0;
    left: 0;
}

.related-image-overlay {
    z-index: 10;
}

/* Top Style 
#related-projects {
    position: absolute;
    top: 0;
    left: 610px;
    width: 180px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #efefef;
}

#related-projects h2 {
    margin-left: 10px;
    margin-top: 0;
}

#related-projects li {
    margin: 15px 0 0 0;
}
*/


/*
* Footer
******************************************************************************/

#footer {
    width: 100%;
    background-color: #e3e2e2;
    font-size: 11px;
    padding: 5px 0;
}

#footer p {
    margin: 0 20px;
}

#footer a {
    color: #666;
}


/*
* Display Listing Grid (Homes)
******************************************************************************/

ul.display-list,
ul.display-list-menu,
ul.listing-details {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.display-list {
	margin-bottom: 20px;
}

ul.display-list div.display-list-header {
	height: 29px;
	line-height: 30px;
	padding: 0 5px;
	font-weight: bold;
}

div.display-list-header h3 {
	color: #CC3333;
	font-size: 12px;
	float: left;
}

ul.display-list li {
	width: 220px;
	height: 179px;
	float: left;
	position: relative;
	border: 1px solid #efefef;
	margin: 0 0 15px 15px;
	background: url(../images/display-list-bg.gif) repeat-x 0 0;
}

ul.display-list li.active {
	background: none;
	border-color: #ccc;
}

ul.display-list li.first {
	margin-left: 0;
}

.display-list-image {
	width: 210px;
    height: 118px;
    position: relative;
	margin-left: 5px;
}

.display-list-image a img {
	position: absolute;
	top: 0;
	left: 0;	
}

.display-list-image .enlarge-icon {
	display: none;
}

li.active .display-list-image .enlarge-icon {
	display: block;
}

ul.display-list-menu {
	position: absolute;
	top: 6px;
	right: 5px;
	z-index: 12;
	width: 90px;
	height: 16px;
}

ul.display-list-menu li {
	float: right;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0 0 0 5px;
	background: none;
	text-indent: -6000px;
	line-height: 0;
}

ul.listing-details {
	margin: 7px 0 0 6px;
}

ul.listing-details li {
	width: 28px;
	height: auto;
	border: 0;
	margin-right: 6px;
	margin-left: 0;
	background: none;
}

ul.listing-details li.details-text {
	width: auto;
	font-size: 10px;
}

li.more-info {
	position: relative;
	cursor: pointer;
}

.more-info-pop {
	position: absolute;
	bottom: 18px;
	right: -5px;
	width: 220px;
	display: none;
}

.more-info-top {
	background: url(../images/more-info-top.png) no-repeat bottom left;
	width: 220px;
	height: 6px;
	text-indent: 0;
}

.more-info-bottom {
	background: url(../images/more-info-bottom.png) no-repeat 0 0;
	width: 220px;
	height: 13px;
	text-indent: 0;
}

.more-info-content {
	background: url(../images/more-info-bg.png) repeat-y 0 0;
	padding: 5px 10px;
	display: block;
	width: 200px;
	line-height: 1.3em;
	text-indent: 0;
	font-weight: normal;
	color: #fff;
}

.more-info-content p {
	margin: 0 0 0 1em;
}

/*
* Icons
******************************************************************************/

.icon-pdf,
.icon-info,
.icon-blueprint,
.icon-virtualtour,
.icon-bedroom,
.icon-bathroom,
.icon-garage,
.icon-study {
	background-image: url(../images/icons.gif);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}

.icon-bedroom,
.icon-bathroom,
.icon-garage,
.icon-study {
	padding-right: 10px;
}

.icon-pdf,
a.icon-pdf 				 	 { background-position: 0 0; }
li.active a.icon-pdf		 { background-position: 0 -50px; }
a.icon-info 			 	 { background-position: 0 -100px; }
li.active a.icon-info 		 { background-position: 0 -150px; }
a.icon-blueprint 		 	 { background-position: 0 -200px; }
li.active a.icon-blueprint   { background-position: 0 -250px; }
a.icon-virtualtour 	     	 { background-position: 0 -300px; }
li.active a.icon-virtualtour { background-position: 0 -350px; }
.icon-bedroom 			 	 { background-position: 100% -400px; }
.icon-bathroom			 	 { background-position: 100% -450px; }
.icon-garage			 	 { background-position: 100% -500px; }
.icon-study				 	 { background-position: 100% -550px; }


/*
* Sustainability Grid
******************************************************************************/

#sustainbility {
background:url("http://residential.australand.com.au/media/1/cms/images/bg-sustainability.gif") repeat-x scroll 0 0 #E6F1DC;
border:1px solid #DDDDDD;
clear:both;
float:left;
font-size:11px;
margin-top:20px;
position:relative;
}
#sustainbility-inner {
overflow:hidden;
}
#sustainbility .corner-tl, #sustainbility .corner-br {
height:12px;
position:absolute;
width:12px;
z-index:5;
}
#sustainbility .corner-tl {
background:url("http://residential.australand.com.au/media/1/cms/images/sustainability-tl.gif") no-repeat scroll 0 0 transparent;
left:-1px;
top:-1px;
}
#sustainbility .corner-br {
background:url("http://residential.australand.com.au/media/1/cms/images/sustainability-br.gif") no-repeat scroll 0 0 transparent;
bottom:-1px;
right:-1px;
}
* html #sustainbility .corner-br {
background-image:none;
}
#sustainbility .subsection {
border-right:1px solid #DDDDDD;
display:inline;
float:left;
margin-bottom:-1000px;
padding:5px 8px 1000px;
width:122px;
}

#sustainbility .subsection ul li {list-style: none;}
#sustainbility .subsection ul li ul li {list-style: inherit;}

/* for IE7 and Below */
*:first-child+html{} * html {} #sustainbility .subsection ul li ul li {list-style: disc;}

#sustainbility .last {
border-right:medium none;
}
#sustainbility h1 {
background:url("http://residential.australand.com.au/media/1/cms/images/title-sustainability.gif") no-repeat scroll 0 0 transparent;
font-size:12px;
height:25px;
margin:5px 0 1em;
text-indent:-4000px;
width:99px;
}
#sustainbility h1 a {
display:block;
}
#sustainbility h2 {
background-color:transparent;
color:#61A824;
display:block;
font-size:12px;
margin-top:5px;
}
#sustainbility ul {
padding-left:5px;
}
#sustainbility ul li {
line-height:1.3em;
margin-bottom:0.5em;
}
#sustainbility a {
color:#666666;
}
#sustainbility a:hover {
color:#333333;
text-decoration:underline;
}
#sustainbility h2 a {
color:#61A824;
display:block;
}
#sustainbility h2 a:hover {
text-decoration:none;
}

#sustainbility .subsection ul {
	position: relative;
	right: 7px;
}

#sustainbility .subsection ul li {
	position: relative;
	left: 3px;
}

#sustainbility .subsection ul li h3 {
background-color:transparent;
color:#61A824;
display:block;
font-size:11px;
margin-top:5px;
text-transform: capitalize;
}

.icon-water, .icon-design, .icon-waste, .icon-energy {
background-position:-3px 0;
background-repeat:no-repeat;
padding:4px 0 3px 25px;
width: 120px;
height: 45px;
border-bottom: 2px solid #DDDDDD;
}
.icon-design {
	background-image:url(../images/Sustainability-smartdesign.gif);
	position: relative;
	width: 95px;
	left: 10px;
}
.icon-water {
	background-image:url(../images/sustainability-water.gif);
	position: relative;
	left: 10px;
	width: 95px;
}.icon-waste {
	background-image:url(../images/sustainability-waste-management.gif);
	position: relative;
	width: 96px;
	left: 10px;	
}
.icon-energy {
	background-image:url(../images/sustainability-energyefficient.gif);
	position:relative;
	width: 95px;
	left: 10px;

}