@charset "utf-8";

/* Izilla CSS Template v2.6 (16/10/2009) */
/* http://www.izilla.com.au */

/* --------------------------------------------
	Conditional Browser Rules
----------------------------------------------- */

/*
	Usage: Apply each of these "hacks" after the initial incorrect value has been set.

	Child Selector for FF, IE7, Opera, Safari:
		html > body element {rule}
	
	Child Selector + Comment Hack, which IE7 ignores:
		html >/^^/ body element {rule}
	
	Comment Hack to hide from IE5x:
		element {selector/^^/:/^^/ value;}
		
	Target Opera and Safari:
		@media all and (min-width:0px) {
			head~body:lang(en) element {rule}
		}
	
	To fix Firefox Left-Click/Print Drop Clearing Issues
	
	html >/^^/ body element {
		overflow: visible;
	}
	
	element:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	Replace ^ with *
*/


/* --------------------------------------------
	Top-level Elements
----------------------------------------------- */

/* Top-level Elements

    * HTML - HTML document
          o BODY - Document body
*/

* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	overflow-y: scroll;
}

body {
	background: #151812 url(/images/tt/bg_body.png) no-repeat fixed right bottom;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	padding: 25px 10px 10px 10px;
}

body * {
	font-family: inherit;
	font-size: 100%;
}


/* --------------------------------------------
	Generic Classes
----------------------------------------------- */

.align_centre {
	text-align: center !important;
}

.align_justify {
	text-align: justify !important;
}

.align_left {
	text-align: left !important;
}

.align_right {
	text-align: right !important;
}

.centre_object {
	display: block;
	margin: 0 auto 1.4em auto;
}

.clear {
	clear: both;
}

div.clear {
	font-size: 0;
	line-height: 0px;
	width: 100%;
}

.float_left {
	display: inline;
	float: left;
}

.float_right {
	display: inline;
	float: right;
}

img.float_left {
	margin: 0.5em 1em 0.5em 0;
}

img.float_right {
	margin: 0.5em 0 0.5em 1em;
}

img.float_left_border {
	border: 1px solid #96998e;
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

img.float_right_border {
	border: 1px solid #96998e;
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

img.border {
	border: 1px solid #96998e;
}

img.t-shirt {
	margin-bottom: 1em;
}

.hidden {
	left: -999em;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.invisible {
	visibility: hidden;
}

.no_wrap {
	white-space: nowrap;
}

.typeface-original {
	display: none;
}

/* --------------------------------------------
	Specific Classes
----------------------------------------------- */

a.managed {
	background: url(/images/project/bg_managed_resources_icons.png) no-repeat 0 0;
	padding-left: 23px;
}

a.link {
	background-position: 0 -104px;
}

a.pdf {
	background-position: 0 -220px;
}

a.zip {
	background-position: 0 -330px;
}

a.audio {
	background-position: 0 -440px;
}

a.video {
	background-position: 0 -550px;
}

a.doc {
	background-position: 0 -660px;
}

a.image {
	background-position: 0 -770px;
}

a.excel {
	background-position: 0 -880px;
}

a.file {
	background-position: 0 -988px;
}

a.page {
	background-position: 0 -1100px;
}

a.rss {
	background-position: 0 -1211px;
}

/* --------------------------------------------
	Special Inline Elements
----------------------------------------------- */

/* Special Inline Elements

    * A - Anchor
    * BR - Line break
    * IFRAME - Inline frame
    * IMG - Inline image
    * MAP - Image map
          o AREA - Image map region
    * Q - Short quotation
    * SPAN - Generic inline container
    * SUB - Subscript
    * SUP - Superscript
*/

a:link {
	color: #5c6844;
	text-decoration: underline;
}

a:visited {
	color: #2e3422;
	text-decoration: underline;
}

a:link:focus, a:link:hover, a:visited:focus, a:visited:hover {
	color: #000;
	text-decoration: none;
}

a img {
	border: none;
}

q {
	quotes: none;
}

q:before, q:after { 
    content: "";
}

html >/**/ body sub, html >/**/ body sup {
	font-size: smaller;
}

/* --------------------------------------------
	Generic Block-level Elements
----------------------------------------------- */

/* Generic Block-level Elements

    * ADDRESS - Address
    * BLOCKQUOTE - Block quotation
    * DEL - Deleted text
    * DIV - Generic block-level container
    * H1 - Level-one heading
    * H2 - Level-two heading
    * H3 - Level-three heading
    * H4 - Level-four heading
    * H5 - Level-five heading
    * H6 - Level-six heading
    * HR - Horizontal rule
    * INS - Inserted text
    * P - Paragraph
    * PRE - Preformatted text
*/

address {
	font-style: normal;
}

blockquote {
	border-left: 3px solid #4f4c4d;
	background-color: #edece6;
	margin-bottom: 1em;
	padding: 1em 12px 1px 12px;
	quotes: none;
}

blockquote:before, blockquote:after {
	content: "";
}

h1, h2, h3, h4, h5, h6 {
	color: #010101;
	font-weight: bold;
	line-height: normal;
}

.typeface-js {
	font-family: 'AvantGarde-Thin';
	font-weight: normal;
}

h1 {
	font-size: 166.67%;
	margin-bottom: 0.5em;
}

h1.typeface-js {
	font-size: 191.67%;
	margin-bottom: 0.391em;
}

h2 {
	font-size: 1.417em;
	margin-bottom: 0.588em;
}

h2.typeface-js {
	font-size: 158.33%;
	margin-bottom: 0.421em;
}

h3 {
	font-size: 125%;
	margin-bottom: 0.667em;
}

h3.typeface-js {
	font-size: 141.67%;
	margin-bottom: 0.471em;
}

h4 {
	font-size: 108.33%;
	margin-bottom: 0.769em;
}

h4.typeface-js {
	font-size: 125%;
	margin-bottom: 0.6em;
}

h5 {
	margin-bottom: 0.833em;
}

h5.typeface-js {
	font-size: 116.67%;
	margin-bottom: 0.643em;
}

h6 {
}

hr {
	background-color: #96998e;
	border: none;
	color: #96998e;
	height: 1px;
	margin: -0.5em 0 0.6em 0;
}

html >/**/ body hr {
	margin-bottom: 1em;
	margin-top: 0;
}

p, .content_area {
	margin-bottom: 1em;
}


/* --------------------------------------------
	Lists
----------------------------------------------- */

/* Lists

    * DIR - Directory list
    * DL - Definition list
          o DT - Definition term
          o DD - Definition description
    * LI - List item
    * OL - Ordered list
    * UL - Unordered list
*/

ul {
	list-style-type: none;
}

/* - Content Lists ------------------------------- */

ol {
	list-style-type: decimal;
	margin-bottom: 1em;
	margin-left: 39px;
}

html >/**/ body ol {
	margin-left: 34px;
}

ol.lower_alpha {list-style-type: lower-alpha;}
ol.upper_alpha {list-style-type: upper-alpha;}
ol.lower_roman {list-style-type: lower-roman;}
ol.upper_roman {list-style-type: upper-roman;}

ol li {
	margin-bottom: 0.5em;
	padding-left: 1px;
}

html >/**/ body ol li {
	padding-left: 6px;
}

html body ul ol li {
	background: none;
	padding-left: 1px;
}

html >/**/ body ul ol li {
	padding-left: 6px;
}

li ul, li ol {
	margin-top: 1em;
}

ul {
	margin-bottom: 1em;
	padding-left: 20px;
}

html body ul li {
	background: url(/images/tt/bg_ul-li__ie6.gif) no-repeat 0 0.333em;
	margin-bottom: 0.5em;
	padding-left: 20px;
}

html > body ul li {
	background-image: url(/images/tt/bg_ul-li.png);
}

html body li ul li {
	/* Style appropriately for nested ULs */
}

ul.list_next_to_image {
	height: 1%;
	overflow: hidden;
}


/* --------------------------------------------
	Tables
----------------------------------------------- */

/* Tables

    * TABLE - Table
          o CAPTION - Table caption
          o COLGROUP - Table column group
                + COL - Table column
          o THEAD - Table head
          o TFOOT - Table foot
          o TBODY - Table body
          o TR - Table row
                + TD - Table data cell
                + TH - Table header cell
*/


table {
	border: none;
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 99.9%;
}

.gecko table {
	margin-left: 1px;
	margin-top: 1px;
}

table caption {
	font-weight: bold;
	margin: auto;
	padding: 5px;
}

table td, table th, table td.th {
	border: 1px solid #aaa;
	padding: 5px 8px;
	vertical-align: top;
}

table th, table td.th {
	background-color: #4f4c4d;
	border-color: #888;
	color: #fff;
	font-weight: bold;
}

table tbody th, table tbody td.th {
	text-align: left;
}

table td {
	background-color: #f2f3f1;
}

table tr.even td {
	background-color: #ebeae4;
}


/* --------------------------------------------
	Forms
----------------------------------------------- */

/* Forms

    * FORM - Interactive form
          o BUTTON - Button
          o FIELDSET - Form control group
                + LEGEND - Fieldset caption
          o INPUT - Form input
          o LABEL - Form field label
          o SELECT - Option selector
                + OPTGROUP - Option group
                      # OPTION - Menu option
          o TEXTAREA - Multi-line text input
*/

fieldset {
	border: none;
	clear: both;
}

legend {
	left: -999em;
	overflow: hidden;
	position: absolute;
	width: 0;
}

html >/**/ body legend {
	display: none;
}

fieldset br {
	clear: both;
}

input[type=hidden] {
	display: none;
}

label, input, select, textarea {
	display: inline;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	width: 270px;
}

label {
	margin-right: 15px;
	position: relative;
	top: 0.25em;
	width: 160px;
}

.list_label {
	font-weight: bold;
}

.list_label, .comment {
	margin-bottom: 0.5em;
}

label em, .list_label em, .required em {
	color: #c00;
	font-style: normal;
}

fieldset .description, .textarea_description {
	color: #666;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
}

input.submit {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	padding: 0 .25em;
	width: 0;
	overflow: visible;
}

input.submit[class] {
	width: auto;
}

input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover {
	background-color: #ffffe5;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	background-color: #ffc;
}

input[type=hidden] {
	display: none;
}

input.text {
	padding: 2px;
}

textarea {
	padding: 2px;
}

input.file, select {
	width: 278px;
}

option {
	padding-left: 2px;
	padding-right: 1px;
}

optgroup > option {
	padding-left: 20px;
}

.radio_check {
	display: block;
	clear: both;
	height: 1%;
	margin-bottom: 0.5em;
	margin-left: 175px;
	overflow: hidden;
	padding-left: 3px;
}

html >/**/ body .radio_check {
	padding-left: 0;
}

.radio_check .radio_check {
	display: inline;
	height: auto;
	overflow: auto;
	margin-bottom: 0;
	margin-left: 0;
}

.radio_check input {
	clear: both;
	margin: -1px 0 0 -7px;
	position: relative;
	width: auto;
}

html > body .radio_check input {
	margin-right: 3px;
}

html >/**/ body .radio_check input {
	margin: 2px 6px 0.5em 0;
}

.radio_check label {
	display: block;
	float: none;
	height: 1%;
	margin-bottom: 0.5em;
	width: auto;
}

.radio_check br {
	display: none;
}

.buttons {
	height: 1%;
	overflow: hidden; 
}

.buttons input {
	margin-left: 175px;
}

/* --------------------------------------------
	Phrase Elements
----------------------------------------------- */

/* Phrase Elements

    * ABBR - Abbreviation
    * ACRONYM - Acronym
    * CITE - Citation
    * CODE - Computer code
    * DFN - Defined term
    * EM - Emphasis
    * INS - Inserted text
    * KBD - Text to be input
    * SAMP - Sample output
    * STRONG - Strong emphasis
    * VAR - Variable
*/

acronym {
	border-bottom: 1px dashed;
	cursor: help;
}

cite {
	display: block;
	font-style: italic;
	margin-bottom: 1em;
	margin-top: -1em;
	text-align: right;
}

/* --------------------------------------------
	Font Style Elements
----------------------------------------------- */

/* Font Style Elements

    * SMALL - Small text
    * TT - Teletype text
*/

/* --------------------------------------------
	Specific Sections
----------------------------------------------- */

#wrapper_site {
	margin: auto;
	overflow: hidden;
	width: 962px;
}

html >/**/ body #wrapper_site {
	overflow: visible;
}

#wrapper_site:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#header {
	overflow: hidden;
	width: 100%;
}

#header h1 {
	background: url(/images/tt/logo_tree__ie6.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 135px;
	width: 150px;
}

#header[id] h1 {
	background-image: url(/images/tt/logo_tree.png);
}

#header h1 a {
	display: block;
	height: 135px;
	overflow: hidden;
	text-indent: -999em;
	width: 150px;
}

#header h2 {
	background: url(/images/tt/bg_statement__ie6.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 50px;
	margin: 45px 0 0 21px;
	overflow: hidden;
	text-indent: -999em;
	width: 381px;
}

#header[id] h2 {
	background-image: url(/images/tt/bg_statement.png);
}

#header p {
	left: -999em;
	overflow: hidden;
	position: absolute;
	width: 0;
}

#w_nav_main {
	background: #61644d url(/images/tt/bg_w_nav_main__ie6.gif) no-repeat 0 0;
	display: inline;
	float: left;
	font-size: 160%;
	font-weight: bold;
	margin-left: 28px;
	padding: 68px 0 40px 0;
	width: 218px;
}

#w_nav_main[id] {
	background: url(/images/tt/bg_w_nav_main.png) no-repeat 0 0;
}

#w_nav_main ul {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 40px 0;
	width: 100%;
}

.js #w_nav_main ul.map {
	left: -999em;
	overflow: hidden;
	position: absolute;
	width: 0;
}


#w_nav_main li {
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}

#w_nav_main a {
	background: #a2c872 url(/images/tt/bg_w_nav_main-a.gif) repeat-x 0 0;
	border-bottom: 1px solid #61644d;
	color: #fff;
	display: block;
	height: 1%;
	padding: 3px 17px;
	text-decoration: none;
}

#w_nav_main .current a, #w_nav_main a:hover, #w_nav_main li a:focus {
	background-color: #fff;
	background-image: none;
	color: #7cac3f;
}

.map {
	background-position: 0 0;
	background-repeat: no-repeat;
	clear: both;
}

#nav_main_map, #nav_main_map img {
	height: 228px;
	width: 169px;
}

#nav_sub_map, #nav_sub_map img {
	height: 207px;
	width: 207px;
}

.map span {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
}

.map img {
	border: none;
	display: block;
}

.nav_main_home {
	background-image: url(/images/tt/nav_main_map_home__ie6.png);
}

.nav_main_home[class] {
	background-image: url(/images/tt/nav_main_map_home.png);
}

.nav_main_livingarea {
	background-image: url(/images/tt/nav_main_map_livingarea__ie6.png);
}

.nav_main_livingarea[class] {
	background-image: url(/images/tt/nav_main_map_livingarea.png);
}

.nav_main_kitchen {
	background-image: url(/images/tt/nav_main_map_kitchen__ie6.png);
}

.nav_main_kitchen[class] {
	background-image: url(/images/tt/nav_main_map_kitchen.png);
}

.nav_main_laundry {
	background-image: url(/images/tt/nav_main_map_laundry__ie6.png);
}

.nav_main_laundry[class] {
	background-image: url(/images/tt/nav_main_map_laundry.png);
}

.nav_main_bedroom {
	background-image: url(/images/tt/nav_main_map_bedroom__ie6.png);
}

.nav_main_bedroom[class] {
	background-image: url(/images/tt/nav_main_map_bedroom.png);
}

.nav_main_bathroom {
	background-image: url(/images/tt/nav_main_map_bathroom__ie6.png);
}

.nav_main_bathroom[class] {
	background-image: url(/images/tt/nav_main_map_bathroom.png);
}

.nav_main_yard {
	background-image: url(/images/tt/nav_main_map_yard__ie6.png);
}

.nav_main_yard[class] {
	background-image: url(/images/tt/nav_main_map_yard.png);
}

.nav_sub_members {
	background-image: url(/images/tt/nav_sub_map_members__ie6.png);
}

.nav_sub_members[class] {
	background-image: url(/images/tt/nav_sub_map_members.png);
}

.nav_sub_ecodirectory {
	background-image: url(/images/tt/nav_sub_map_ecodirectory__ie6.png);
}

.nav_sub_ecodirectory[class] {
	background-image: url(/images/tt/nav_sub_map_ecodirectory.png);
}

.nav_sub_contactus {
	background-image: url(/images/tt/nav_sub_map_contactus__ie6.png);
}

html > .nav_sub_contactus[class] {
	background-image: url(/images/tt/nav_sub_map_contactus.png);
}

.nav_sub_rebates {
	background-image: url(/images/tt/nav_sub_map_rebates__ie6.png);
}

.nav_sub_rebates[class] {
	background-image: url(/images/tt/nav_sub_map_rebates.png);
}

.nav_sub_events {
	background-image: url(/images/tt/nav_sub_map_events__ie6.png);
}

.nav_sub_events[class] {
	background-image: url(/images/tt/nav_sub_map_events.png);
}

.nav_sub_aboutus {
	background-image: url(/images/tt/nav_sub_map_aboutus__ie6.png);
}

.nav_sub_aboutus[class] {
	background-image: url(/images/tt/nav_sub_map_aboutus.png);
}

#main {
	display: inline;
	float: left;
	margin-left: 17px;
	width: 699px;
}

#w_content {
	background: url(/images/tt/bg_w_content__ie6.jpg) repeat-y 0 0;
	padding: 27px 31px;
}

#w_content[id] {
	background-image: url(/images/tt/bg_w_content.png);
}

#content_top, #content_bottom {
	background: url(/images/tt/bg_content_top__ie6.gif) no-repeat 0 0;
	height: 24px;
	overflow: hidden;
	width: 637px;
}

#content_top[id] {
	background-image: url(/images/tt/bg_content_top.png);
}

.home #content_top {
	background-image: url(/images/tt/bg_home-content_top__ie6.gif);
}

.home #content_top[id] {
	background-image: url(/images/tt/bg_home-content_top.png);
}

.room #content_top, .alt #content_top {
	background-image: url(/images/tt/bg_room-content_top__ie6.gif);
}

.room #content_top[id], .alt #content_top[id] {
	background-image: url(/images/tt/bg_room-content_top.png);
}

#content_bottom {
	background-image: url(/images/tt/bg_content_bottom__ie6.gif);
}

html > body #content_bottom {
	background-image: url(/images/tt/bg_content_bottom.png);
}

.home #content_bottom {
	background-image: url(/images/tt/bg_home-content_bottom__ie6.gif);
}

.home #content_bottom[id] {
	background-image: url(/images/tt/bg_home-content_bottom.png);
}

.room #content_bottom, .alt #content_bottom {
	background-image: url(/images/tt/bg_room-content_bottom__ie6.gif);
}

.room #content_bottom[id], .alt #content_bottom[id] {
	background-image: url(/images/tt/bg_room-content_bottom.png);
}

#content {
	background-color: #cecfcb;
	color: #151812;
	font-size: 120%;
	height: 319px;
	padding: 10px 36px 13px 37px; overflow: hidden
}

#content[id] {
	background: url(/images/tt/bg_content.png) repeat-y 0 0;
	height: auto;
	min-height: 319px;
}

.home #content {
	background-color: #abaaa9;
	background-image: none;
	padding: 0 11px 0 12px;
}

.room #content {
	background-color: #fff;
	background-image: none;
	padding: 10px 18px 13px 18px;
}

.alt #content {
	background-color: #fff;
	background-image: none;
}

#footer {
	color: #fff;
	display: inline;
	float: left;
	font-size: 120%;
	margin-top: 30px;
	width: 100%;
}

#footer ul {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#footer li {
	background: none;
	display: inline;
	float: left;
	margin: 7px 10px 10px 0;
	padding: 0;
}

#footer .logo {
	float: right;
	margin: 0;
}

#footer li.earth_hour_button {
	margin-top: -18px;
	margin-left: 56px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover, #footer a:focus {
	text-decoration: underline;
}

#footer span {
	font-weight: bold;
}

#w_room {
	position: relative;
}

#w_room h1 {
	margin-bottom: 0;
}

.bathroom h1 {
	color: #f6b666;
}

.bedroom h1 {
	color: #696a59;
}

.laundry h1 {
	color: #c6b75e;
}

.kitchen h1 {
	color: #72bcd0;
}

.livingarea h1 {
	color: #a95860;
}

.yard h1 {
	color: #74a8d4;
}

#room, #room img {
	height: 294px;
	width: 600px;
}

#room img {
	border: none;
}

.js #w_info {
	left: -999em;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.js #w_info.current {
	left: 0;
	top: 42px;
	position: absolute;
	width: 600px;
}

.w_info {
	font-size: 91.67%;
	overflow: hidden;
	width: 100%;
}

.info {
	display: inline;
	float: left;
	margin-top: 20px;
	width: 312px;
}

.info_top, .info_bottom {
	background: url(/images/tt/bg_info_top.png) no-repeat 0 0;
	height: 10px;
	overflow: hidden;
}

.bedroom .info_top {
	background-image: url(/images/tt/bg_info_top-bedroom.png);
}

.kitchen .info_top {
	background-image: url(/images/tt/bg_info_top-kitchen.png);
}

.laundry .info_top {
	background-image: url(/images/tt/bg_info_top-laundry.png);
}

.livingarea .info_top {
	background-image: url(/images/tt/bg_info_top-livingarea.png);
}

.yard .info_top {
	background-image: url(/images/tt/bg_info_top-yard.png);
}

.info_bottom {
	background-image: url(/images/tt/bg_info_bottom.png);
}

.bedroom .info_bottom {
	background-image: url(/images/tt/bg_info_bottom-bedroom.png);
}

.kitchen .info_bottom {
	background-image: url(/images/tt/bg_info_bottom-kitchen.png);
}

.laundry .info_bottom {
	background-image: url(/images/tt/bg_info_bottom-laundry.png);
}

.livingarea .info_bottom {
	background-image: url(/images/tt/bg_info_bottom-livingarea.png);
}

.yard .info_bottom {
	background-image: url(/images/tt/bg_info_bottom-yard.png);
}

.info_content {
	background: url(/images/tt/bg_info_content.png) repeat-y 0 0;
	color: #fff;
	padding: 5px 15px;
}

.bedroom .info_content {
	background-image: url(/images/tt/bg_info_content-bedroom.png);
}

.kitchen .info_content {
	background-image: url(/images/tt/bg_info_content-kitchen.png);
}

.laundry .info_content {
	background-image: url(/images/tt/bg_info_content-laundry.png);
}

.livingarea .info_content {
	background-image: url(/images/tt/bg_info_content-livingarea.png);
}

.yard .info_content {
	background-image: url(/images/tt/bg_info_content-yard.png);
}

.info h4 {
	left: -999em;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.info .benefits {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

.info .benefits li {
	background: url(/images/tt/bg_info-energy__ie6.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 59px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	width: 50%;
}

.info[class] .benefits li {
	background-image: url(/images/tt/bg_info-energy.png);
}

.info .benefits .water {
	background-image: url(/images/tt/bg_info-water__ie6.png);
}

.info[class] .benefits .water {
	background-image: url(/images/tt/bg_info-water.png);
}

.info .benefits .rebates {
	background-image: url(/images/tt/bg_info-rebates__ie6.png);
}

.info[class] .benefits .rebates {
	background-image: url(/images/tt/bg_info-rebates.png);
}

.info h3 {
	color: #fff;
	font-size: 127.27%;
	margin-bottom: 0.5em;
}

.info a:link {
	color: #ccc;
}

.info a:visited {
	color: #aaa;
	text-decoration: underline;
}

.info a:link:focus, .info a:link:hover, .info a:visited:focus, .info a:visited:hover {
	color: #dfdfdf;
}

.info .links {
	margin: 0;
	overflow: hidden;
	width: 100%;
}

.info .more, .info .close {
	background: url(/images/tt/bg_info_more.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 22px;
	overflow: hidden;
	text-indent: -999em;
	width: 84px;
}
	
.info .close {
	background-image: url(/images/tt/bg_info_close.png);
	float: right;
	width: 56px;
}

.info .more:hover, .info .more:focus, .info .close:hover, .info .close:focus {
	background-position: 0 -22px;
}

#nav_room {
	overflow: hidden;
	width: 100%;
}

#nav_room ul {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
}

#nav_room li {
	background: none;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#nav_room a {
	background: url(/images/tt/bg_nav_room-a.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 23px;
	margin: 8px 0 0 3px;
	overflow: hidden;
	text-indent: -999em;
	width: 23px;
}

#nav_room a.n2 {
	background-position: -23px 0;
}

#nav_room .current a, #nav_room .current a:hover, #nav_room a:hover, #nav_room a:focus {
	background-position: 0 -23px;
}

#nav_room .current a.n2, #nav_room .current a.n2:hover, #nav_room a.n2:hover, #nav_room a.n2:focus {
	background-position: -23px -23px;
}

#w_info img {
	display: inline;
	float: right;
}

#nav_members {
	display: block;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#nav_members li {
	background: none;
	display: inline;
	float: left;
	margin: 0 1px 1px 0;
	padding: 0;
}

#nav_members a {
	border: 1px solid #979a8f;
	color: #545949;
	display: inline;
	float: left;
	padding: 4px 9px;
	text-decoration: none;
}

#nav_members .current a, #nav_members .current a:hover, #nav_members a:hover, #nav_members a:focus {
	background-color: #96998e;
	border-color:  #96998e;
	color: #fff;
	display: inline;
}

.members_nav {
	display: block;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.members_nav li {
	background: none;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#b_members li {
	height: 177px;
	margin: 0 18px 18px 0;
	width: 127px;
}

#committee li {
	background: none;
	height: 177px;
	margin: 0 18px 18px 0;
	width: 125px;
}

#b_members li.alt {
	margin-right: 0;
}

.members_nav a {
	display: block;
	overflow: hidden;
	width: 100%;
}

.members_nav span {
	display: block;
	overflow: hidden;
	text-indent: -999em;
}

.members_nav img {
	display: block;
}

#b_members img {
	border: 1px solid #ccccc9;
}

#b_members a:hover img, #b_members a:focus img {
	border-color: #96998e;
}

#mem_macgen {
	height: 88px;
	width: 321px;
}

#mem_macgen a {
	margin: 14px 0 0 2px;
	height: 46px;
	width: 273px;
}

#mem_nbn {
	height: 88px;
	width: 242px;
}

#mem_nbn a {
	margin: 14px 0 0 48px;
	height: 46px;
	width: 185px;
}

#mem_ncc {
	height: 163px;
	width: 145px;
}

#mem_ncc a {
	margin: 28px 0 0 0;
	height: 106px;
	width: 126px;
}

#mem_hw {
	height: 163px;
	width: 135px;
}

#mem_hw a {
	margin: 30px 0 0 16px;
	height: 104px;
	width: 104px;
}

#mem_tafe {
	height: 163px;
	width: 155px;
}

#mem_tafe a {
	margin: 50px 0 0 23px;
	height: 57px;
	width: 113px;
}

#mem_csiro {
	height: 163px;
	width: 128px;
}

#mem_csiro a {
	margin: 24px 0 0 21px;
	height: 98px;
	width: 118px;
}

#mem_cso {
	height: 146px;
	width: 145px;
}

#mem_cso a {
	margin: 26px 0 0 13px;
	height: 102px;
	width: 103px;
}

#mem_det {
	height: 146px;
	width: 225px;
}

#mem_det a {
	margin: 46px 0 0 11px;
	height: 66px;
	width: 192px;
}

#mem_ea {
	height: 146px;
	width: 193px;
}

#mem_ea a {
	margin: 44px 0 0 16px;
	height: 71px;
	width: 174px;
}

#mem_uni {
	height: 150px;
	width: 126px;
}

#mem_uni a {
	margin: 27px 0 0 10px;
	height: 96px;
	width: 100px;
}

#mem_ca {
	height: 150px;
	width: 289px;
}

#mem_ca a {
	margin: 24px 0 0 57px;
	height: 103px;
	width: 194px;
}

#mem_pwcs {
	height: 150px;
	width: 148px;
}

#mem_pwcs a {
	margin: 10px 0 0 34px;
	height: 122px;
	width: 96px;
}

.js .member {
	left: -999em;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.js .member.current {
	position: static;
	width: auto;
}

/* ClueTip Styles */

.cluetip-title, .zcluetip-close {
	display: none;
}

.cluetip-inner #wrapper_site {
	width: 100%;
}

.cluetip-inner #header, .cluetip-inner #w_nav_main, .cluetip-inner #footer {
	display: none;
}

.cluetip-inner #main {
	display: block;
	float: none;
	margin-left: 0;
	width: 100%;
}

.cluetip-inner #w_content {
	background-image: none;
	padding: 0;
}

.cluetip-inner #content {
	background-image: url(/images/tt/bg_cluetip-content.png);
	font-size: 110%;
	height: auto;
	min-height: 0;
	padding: 15px 20px 5px 20px;
}

.cluetip-inner #content_top, .cluetip-inner #content_bottom {
	background-image: url(/images/tt/bg_cluetip-content_top.png);
	height: 9px;
}

.cluetip-inner #content_bottom {
	background-image: url(/images/tt/bg_cluetip-content_bottom.png);
}

.cluetip-inner h1 {
	font-size: 127.27%;
	visibility: visible;
}

.cluetip-inner .hide_cluetip {
	display: none;
}


/*-----------------------
  Earth Hour Page Styling 
------------------------*/

.earth_hour {
	margin-bottom: 1em;
}

.earth_hour_form input.send_info {
	display: inline;
	margin-left: 174px;
	width: 10px;
}

.earth_hour_form {
	width: 460px;
}

.earth_hour_form span {
	color: #FF0033;
}

.earth_hour_form input.submit {
	float: right;
}

label.send {
	padding-left: 5px;
	width: 250px;
}

#ticker {
	float: right;
	margin-bottom: 1em;
	width: 160px;
}

#ticker li {
	background: none;
	padding-left: 0;
}

.about_earth_hour {
	background: #011422;
	overflow: hidden;
	margin-bottom: 1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.about_earth_hour img {
	float: left;
	padding-top: 2.5em;
}

.about_earth_hour p {
	color: #fff;
}

/*-------------------------------
  jQuery Image Gallery Styling 
-------------------------------*/

.galleria {
	clear: both;
	list-style:none;
	margin-left: 12px;
	padding-top: 10px;
}

.galleria li {
	background: none;
	display:block;
	float:left;
	height: 102px;
	margin:0 4px 4px 0;
	overflow:hidden;
	padding-left: 0;
	width:80px;
}
.galleria li a {
	display:none
}
.galleria li div {
	display:none;
	left:180px;
	position:absolute;
	top:0;
}

.galleria li div img {
	cursor:pointer
}

.galleria li.active div img,.galleria li.active div {
	display:block
}

.galleria li img.thumb {
	cursor:pointer;
    display:block;
	height:auto;
	left:auto;
	top:auto;
	width:auto;
}

.galleria li .caption { 
	display: block;
	padding-top: .5em
}

* html .galleria li div span { 
	width:400px
} /* MSIE bug */

.caption {
	background-color: #3F4336;
	border-bottom: 2px solid #fff;
	color: #fff;
	float: left;
	font-style: italic;
	margin-bottom: 0.5em;
	width: 496px;
	padding: 8px 2px 8px;
}

.galleria_container {
	padding-left: 31px;
	width: 530px;
}