﻿body {
	margin: 0px;
	text-align:center;/* center layout in ie5 and 5.5. */
	background:#a5a492;/*this colour will be left column colour */
	width: 100%;
	font-size:11px;
}


#outer_container{
	width: 1134px;
	
	overflow:hidden;
	margin:auto;
	background: #ffffff;/* this is the background colour of the right column */
	border:0px solid #000;
	text-align:center;
	
}


#container {
	width: 944px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;/* this is the background colour of the right column */
	border:0px solid #000;
	text-align:left;
	min-height: 100%;
}

#header {
	
	height:90px;
	background:url(/interface/images/hd_home_lnk.jpg) no-repeat;
	
}

#hd_spotlight{
	position:relative;
	float:right;
	left: 0px;
	top: 42px;
	width: 368px;
}

#hd_pilbaraRegion
{
	position:relative;
	float:left;
	top: 65px;
	height: 20px;
	left: 0px;
	width: 572px;
	text-align:right;
}
#content {
	position:relative;
	float:left;
	width:938px;
	*width:944px;
	background:#FFFFFF;
	border-top:#f2f2f0 4px solid;
	border-right:#f2f2f0 4px solid;
	border-bottom:#f2f2f0 6px solid;
	border-left:#f2f2f0 3px solid;
}

#hd_title{
	position:relative;
	float:left;
	top: 0px;
	width: 938px;
	height: 105px;
	background:url(/interface/images/hd_title.jpg) no-repeat;
}

#hd_links{
position:relative;
float:right;
padding-right:90px;
top:-3px;}

#hd_search{
	position:absolute;
	float:right;
	padding-top:30px;
	left: 696px;
	top: 14px;
	width:200px;
}

select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9f9e8b;
outline-color:#9f9e8b;
width:200px;
}

#left {
		float:left;
	position:relative;
	width:564px;
	*width:545x;
	float:left;
	margin:0px 0px 0px 5px;/* line it up exactly without losing pressure on footer*/
	*margin-left:0px 0px 0px 3px;/* line it up exactly without losing pressure on footer*/
}

.lf_img
{
margin-top:5px;
}


#right {
	position:relative;
	float:right;
	width:360px;
	*width:330px;/* this width is the same as the margin on #middle */
	Padding:0px 0px 0px 0px;
	border-left:#f2f2f0 3px solid;
	border-top:#f2f2f0 3px solid;
}

#right_dv1
{
	/*	width:360px;*/
	position:relative;
	width:360px;
	*width:355px;
	margin:0px 0px 0px 0px;
	border-bottom:#f2f2f0 4px solid;
}



/* -----------VERY IMPORTANT-------------
-------- USING IE EXPRESSIONS TO RESOLVE ISSUES LIKE UPLOAD OF LARGE IMAGES THROWING OUT THE LAYOUT-----
*/

* html #right_dv1 p img {
     width: expression( document.body.clientWidth > 269 ? "270px" : "auto" ); /* sets max-width for IE */
}

#right_dv1 p {
margin:0px 0px 0px 25px;
*margin:0px 0px 0px 0px;
padding:0px;
}

#right_dv2
{
	position:relative;
	width:330px;
	margin:0px 0px 12px 15px;
	*margin:0px 0px 12px 20px;

}


#right_dv2 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9f9e8b;
padding-right:0px;
text-align:justify;
}

#middle
{
	position:relative;
	float:left;
	border-top:#f2f2f0 4px solid;
	width: 100%;

}
#header h1, #footer h1 {margin:0}


/* links for headings */
#hd_links a {
	color:#8f8e7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}


#hd_links a:visited {
	color:#8f8e7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#hd_links a:hover {
	color:#8f8e7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;	
}


/* para and breadcrumbs and links*/
p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9f9e8b;
text-align:justify;
margin: 10px 10px 0px 10px;
}

#breadcrumbs{
	float:left;
	position:relative;
	background:#cccbaf;
	width:554px;
	*width:582px;
	left: 0px;
	margin-bottom:0px;
	border-right:#f2f2f0 5px solid;

}


.webkit #breadcrumbs{
	float:left;
	position:relative;
	background:#cccbaf;
	width:554px;
	left: 0px;
	margin-bottom:0px;
	border-right:#f2f2f0 5px solid;

}


.bdcrumbs {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:5px 10px 5px 10px;
}


.bdcrumbs a {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	text-decoration:none;
}

.bdcrumbs a:visited{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.bdcrumbs a:hover{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
}


.tb_pilbara{
width:545px;
}

.webkit .tb_pilbara{
width:552px;
}


/* styles of footer*/

#footer {
position:relative;
float:left;
background:url(/interface/images/footer_bg.jpg) no-repeat;
 width:1136px;
 height:280px;
 margin-left:-1px;
}

#footer-inner
{
margin:auto;
margin-top:60px;
width:960px;
}

#footer-inner p
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.copywrite{
	color:#6f6e5f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}
/* links for footer */
#footer-inner a {
	color:#6f6e5f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}


#footer-inner a:visited {
	color:#6f6e5f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#footer-inner a:hover {
	color:#6f6e5f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;	
}


.graph{
margin-top:5px;
}

#graph_hd{
margin-left:35px;
}

.rgt-tb_col{
margin-right:30px;
}

h4 a{
	visibility: visible;
	font-size: 21px;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:-5px;
	text-decoration:none;
	color:#d0975f;
}

h3{
	visibility: visible;
	font-size: 21px;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
	color:#d0975f;
	
}

/*image map*/
#hmap {display:block; width:560px; height:213px; background:url(/interface/images/HomeImageMap/pilbaraRegionMap_lg.gif) no-repeat; position:relative; margin:0px 0px 0px 0px;}
#hmap a {color:#000; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase;}

a#map1 {
	display:block;
	width:147px;
	height:85px;
	padding-top:20px;
	overflow:hidden;
	position:absolute;
	left:115px;
	top:90px;
}
a#map1:hover {background:transparent url(/interface/images/HomeImageMap/ashburtonRollOver_lg.gif) no-repeat 0 0; overflow:visible;}

a#map2 {
	display:block;
	width:85px;
	height:37px;
	overflow:hidden;
	position:absolute;
	left:148px;
	top:68px;
}
a#map2:hover {background:transparent url(/interface/images/HomeImageMap/roebourneRollOver_lg.gif) no-repeat  0 0; overflow:visible;}

a#map3 {
	display:block;
	width:55px;
	height:68px;
	padding-top:0px;
	overflow:visible;
	position:absolute;
	left:213px;
	top:54px;
}
a#map3:hover {background:transparent url(/interface/images/HomeImageMap/portHedlandRollOver_lg.gif) no-repeat 0 0; overflow:visible;}

a#map4 {
	display:block;
	width:305px;
	*width:332px;
	height:128px;
	padding-top:05px;
	padding-left:20px;
	overflow:hidden;
	position:absolute;
	left:232px;
	top:42px;
}
a#map4:hover {background:transparent url(/interface/images/HomeImageMap/eastPilbaraRollOver_lg.gif) no-repeat 0 0; overflow:visible;}


a#map5 {
	display:block;
	width:0px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	height:0px;
}
a#map5:hover {background:transparent url(/interface/images/HomeImageMap/pilbaraRegionRollOver.gif) no-repeat 0 0; overflow:visible;}


a#map6 {
	display:block;
	width:75px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:3px;
	height: 89px;
}
a#map6:hover {background:transparent url(/interface/images/HomeImageMap/spotlightHomeRollOver.gif) no-repeat 0 0; overflow:visible;}


#dnn_ContentPane, #dnn_ctr388_ContentPane, #dnn_ctr388_HtmlModule_HtmlModule_lblContent{
*width:556px;
padding:0px;
margin:0px 0px 3px -5px;
}


.containerrow2_blue
{
padding:0px;
margin:0px;}

.Normal{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.containermaster_blue{
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}


#dnn_RightContent1{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


td{
padding:0px 0px 0px 0px;
}


#dnn_RightContent3
{
position:relative;
float:right;

}


#dnn_LeftContent1
{
width:560px;
*width:582px;
padding:5px 10px 5px 10px;
}
.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-flash {
	visibility: visible !important;
}



