body {
	margin: 0;
	background: #e5bf62 url("/images/bg-body.jpg") repeat-x top left;
}

* {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

div#wrapper {
	min-height: 1024px;
	background: url("../images/bg-wrapper.jpg") no-repeat top left;
	position: relative;
}

a#logo-solarcentre {
	display: block;
	position: absolute;
	top: 22px;
	left: 82px;
	width: 399px;
	height: 106px;
	overflow: hidden;
	text-indent: -999px;
	background: url("../images/logo-solarcentre.png") no-repeat;
}

div#box-showcasing {
	position: absolute;
	top: 529px;
	left: 0;
	width: 604px;
	height: 222px;
	overflow: hidden;
	text-indent: -999px;
	background: url("../images/box-showcasing.png") no-repeat;	
}

div#box-content-wrapper {
	position: absolute;
	top: 151px;
	left: 66px;
	width: 503px;
	height: 619px;
	background: url("../images/bg-content.png") no-repeat;
}

div#box-content-wrapper h1 {
	margin: 25px 10px 15px 25px;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 31px;
	letter-spacing: -2px; 
	color: #598fc3;
}

div#content {
	position: absolute;
	top: 80px;
	height: 505px;
	overflow: auto;
	padding: 0 26px 0 26px;
	margin: 20px 2px 0 0;
	width: 449px;
}

/* CONTENT STYLES */

div#content table {
	border-collapse: collapse;
	margin: 0 0 18px 0;
}

div#content table th {
	text-align: left;
	sborder-right: 2px solid #ffffff;
}

div#content table thead th,  div#content table tr.head th {
	background-color: #cae3f5;
	text-transform: uppercase;
	text-align: left;
	font-weight: normal;
	border-right: none;
	border-bottom: 2px solid #ffffff;
}

div#content table td, div#content table th {
	vertical-align: top;
	padding: 6px;
}

div#content table tr {
	background-color: #dfeef9;
}

div#content table tr.odd {
	background-color: #cae3f5;
}

div#content h2 {
	font-size: 16px;
	letter-spacing: 1px;
	margin: 5px 0 10px 0;
	color: #5990c3;
	text-transform: uppercase;
	
}

div#content h3 {
	font-size: 14px;
	margin: 5px 0 5px 0;
	color: #5990c3;
	
}

div#content h4 {
	font-size: 12px;
	margin: 5px 0 5px 0;
	color: #5990c3;
	text-transform: uppercase;
	font-weight: normal;
}

div#content blockquote {
	font-size: 16px;
	letter-spacing: 1px;
	margin: 5px 0 5px 0;
}

/* END CONTENT STYLES */

div#box-austgovt {
	position: absolute;
	top: 792px;
	left: 73px;
	width: 300px;
	height: 100px;
	padding-top: 80px;
	background: url("../images/logo-austgovt.png") no-repeat;	
	font-size: 11px;
}

div#box-weather {
	position: absolute;
	top: 0;
	left: 636px;
	width: 314px;
	height: 137px;
}

a#box-datavisualisation {
	position: absolute;
	top: 151px;
	left: 582px;
	width: 369px;
	height: 163px;
	overflow: hidden;
	text-indent: -999px;
	background: url("../images/box-datavisualisation.png") no-repeat;	
}


div#right {
	position: absolute;
	top: 317px;
	left: 636px;
	width: 314px;
}

div#wrapper-nav {
	padding-bottom: 19px;
	background: url("../images/bg-accordion-bottom.png") bottom left no-repeat;
}

ul#accordion {
	margin: 0;
	padding: 1px;
	background: url("../images/bg-accordion-middle.gif") left repeat-y;
	min-height: 340px;
	list-style: none;
}


ul#accordion li.AccordionPanel {
	margin: 0;
	padding: 0;
	background: #953f1d;
	border: none;
}

ul#accordion a.AccordionPanelTab {
	display: block;
	width: auto;
	height: 49px;
	overflow: hidden;
	text-indent: -999px;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

ul#accordion li#accordion-about a {
	background: url("../images/btn-about-off.gif") no-repeat top left;
}

ul#accordion li#accordion-about.AccordionPanelOpen a, ul#accordion li#accordion-about a.AccordionPanelTabHover {
	background: url("../images/btn-about-on.gif") no-repeat top left;
}

ul#accordion li#accordion-howpvworks a {
	background: url("../images/btn-howpvworks-off.gif") no-repeat top left;
}

ul#accordion li#accordion-howpvworks.AccordionPanelOpen a, ul#accordion li#accordion-howpvworks a.AccordionPanelTabHover {
	background: url("../images/btn-howpvworks-on.gif") no-repeat top left;
}

ul#accordion li#accordion-technologies a {
	background: url("../images/btn-technologies-off.gif") no-repeat top left;
}

ul#accordion li#accordion-technologies.AccordionPanelOpen a, ul#accordion li#accordion-technologies a.AccordionPanelTabHover {
	background: url("../images/btn-technologies-on.gif") no-repeat top left;
}

ul#accordion li#accordion-livedata a {
	background: url("../images/btn-livedata-off.gif") no-repeat top left;
}

ul#accordion li#accordion-livedata.AccordionPanelOpen a, ul#accordion li#accordion-livedata a.AccordionPanelTabHover {
	background: url("../images/btn-livedata-on.gif") no-repeat top left;
}

ul#accordion li#accordion-gallery a {
	background: url("../images/btn-gallery-off.gif") no-repeat top left;
}

ul#accordion li#accordion-gallery.AccordionPanelOpen a, ul#accordion li#accordion-gallery a.AccordionPanelTabHover {
	background: url("../images/btn-gallery-on.gif") no-repeat top left;
}

ul#accordion li#accordion-historicaldata a {
	background: url("../images/btn-historicaldata-off.gif") no-repeat top left;
}

ul#accordion li#accordion-forum a {
	background: url("../images/btn-forum-off.gif") no-repeat top left;
}

ul#accordion li#accordion-historicaldata.AccordionPanelOpen a, ul#accordion li#accordion-historicaldata a.AccordionPanelTabHover {
	background: url("../images/btn-historicaldata-on.gif") no-repeat top left;
}

ul#accordion li#accordion-otherinstallations a {
	background: url("../images/btn-otherinstallations-off.gif") no-repeat top left;
}

ul#accordion li#accordion-otherinstallations.AccordionPanelOpen a, ul#accordion li#accordion-otherinstallations a.AccordionPanelTabHover {
	background: url("../images/btn-otherinstallations-on.gif") no-repeat top left;
}

ul#accordion div.AccordionPanelContent ul {
	margin: 8px 0 8px 0;
	padding: 0;
	overflow: hidden;
}

ul#accordion div.AccordionPanelContent ul li {
	margin: 2px 0 2px 0;
	padding: 0;
}

ul#accordion div.AccordionPanelContent ul li a {
	display: block;
	padding: 4px 0 4px 60px;
	background: none !important;
	color: #e4be61;
	text-decoration: none;
	font-size: 13px;
}

ul#accordion div.AccordionPanelContent ul li a:hover, ul#accordion div.AccordionPanelContent ul li.on a {
	background-color: #823115 !important;
}

div#nav-footer ul {
	list-style: none;
	margin: 40px 0 0 0;
	padding: 0;
	height: 48px;
}

div#nav-footer ul li {
	float: left;
	background: url("../images/nav-footer-middle.gif") repeat-x top left;
}

div#nav-footer ul li.first {
	padding-left: 19px;
	background: url("../images/nav-footer-left.gif") no-repeat top left;
}

div#nav-footer ul li.last {
	padding-right: 20px;
	background: url("../images/nav-footer-right.gif") no-repeat top right;
}

div#nav-footer ul li a {
	float: left;
	display: block;
	height: 48px;
	padding: 13px 7px 0 7px;
	color: #dcad58;
	font-size: 15px;
	text-decoration: none;
	background: url("../images/nav-footer-sep.gif") no-repeat top right;
}

div#nav-footer ul li a:hover {
	color: #fff;
}

div#nav-footer ul li.last a {
	background: none;
}

div#nav-footer p {
	text-align: center;
	color: #e1b85e;
	font-size: 12px;
}

div#nav-footer p a {
	color: #e1b85e;
	text-decoration: none;
}

div#nav-footer p a:hover {
	color: #fff;
	text-decoration: none;
}

a#logo-zoo {
	margin-top: 10px;
	display:block;
	float: right;
	overflow: hidden;
	text-indent: -999px;
	width: 45px;
	height: 14px;
	background: url("../images/logo-zoo.gif") no-repeat top right;
}


div#share_btns ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 28px;
}

div#share_btns ul li {
	float: left;
	background: none;
}

div#share_btns ul li.first {
	padding-left: 65px;
	background: none;
}

div#share_btns ul li.last {
	padding-right: 20px;
	background: none;
}

div#share_btns ul li a {
	float: left;
	display: block;
	height: 28px;
	padding: 13px 4px 0;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	background: none;
}

div#share_btns ul li a:hover {
	color: #fff;
}

div#share_btns ul li.last a {
	background: none;
}

div#share_btns p {
	text-align: center;
	color: #000;
	font-size: 12px;
}

div#share_btns p a {
	color: #000;
	text-decoration: none;
}

div#share_btns p a:hover {
	color: #fff;
	text-decoration: none;
}
