/* Navigation container and global hyperlink styles
-----------------------------*/

div#nav-container {
	position: relative;
	background: #4c4b4a;
	width: 760px;
	height: 23px;
}

div#nav-container a {
	position: absolute; top: 1px;
	width: 150px; height: 21px;
	font-size: 0px;
	text-decoration: none;
}

div#subnav-container {
	position: relative;
	width: 100%;
}


a.home-link {
	position: absolute;
	left: 629px; top: 0px;
	width: 56px; height: 18px;
	font-size: 0px;
	text-decoration: none;
	background: url(../images/nav/home-link.gif) left top no-repeat;
}


/* 'Corporate' nav and subnav
-----------------------------*/

div#nav-container a.corporate {
	left: 3px; 
	background: url(../images/nav/corporate-off.gif) left top no-repeat;
}

body#corporate div#nav-container a.corporate,
div#nav-container a.corporate:hover {
	background: url(../images/nav/corporate-on.gif) left top no-repeat;
}

div#subnav-container a.directors {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 118px; height: 8px;
	background: url(../images/subnav/corporate-directors-off.gif) left top no-repeat;
}

body.corporate-directors div#subnav-container a.directors,
div#subnav-container a.directors:hover {
	background: url(../images/subnav/corporate-directors-on.gif) left top no-repeat;
}

div#subnav-container a.management {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 131px; height: 8px;
	background: url(../images/subnav/corporate-management-off.gif) left top no-repeat;
}

body.corporate-management div#subnav-container a.management,
div#subnav-container a.management:hover {
	background: url(../images/subnav/corporate-management-on.gif) left top no-repeat;
}

div#subnav-container a.governance {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 142px; height: 8px;
	background: url(../images/subnav/corporate-governance-off.gif) left top no-repeat;
}

body.corporate-governance div#subnav-container a.governance,
div#subnav-container a.governance:hover {
	background: url(../images/subnav/corporate-governance-on.gif) left top no-repeat;
}

div#subnav-container a.environment {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 126px; height: 35px;
	background: url(../images/subnav/corporate-environment-off.gif) left top no-repeat;
}

body.corporate-environment div#subnav-container a.environment,
div#subnav-container a.environment:hover {
	background: url(../images/subnav/corporate-environment-on.gif) left top no-repeat;
}

div#subnav-container a.whistleblower {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 137px; height: 8px;
	background: url(../images/subnav/corporate-whistleblower.gif) left top no-repeat;
}

body.corporate-whistleblower div#subnav-container a.whistleblower,
div#subnav-container a.whistleblower:hover {
	background-position: -137px 0;
}


div#subnav-container a.events {
	position: relative;
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 42px; height: 8px;
	background: url(../images/subnav/news-events.gif) 0 0 no-repeat;
}

body.events div#subnav-container a.events,
div#subnav-container a.events:hover {
	background: url(../images/subnav/news-events.gif) -42px 0 no-repeat;
}


div#subnav-container a.highlights {
	position: relative;
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 66px; height: 8px;
	background: url(../images/subnav/highlights.png) 0 0 no-repeat;
}

body.highlights div#subnav-container a.highlights,
div#subnav-container a.highlights:hover {
	background: url(../images/subnav/highlights.png) -66px 0 no-repeat;
}


div#subnav-container a.important-shareholder-information {
	position: relative;
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 146px; height: 22px;
	background: url(../images/subnav/important-shareholder-information.gif) 0 0 no-repeat;
}

body.highlights div#subnav-container a.important-shareholder-information,
div#subnav-container a.important-shareholder-information:hover {
	background: url(../images/subnav/important-shareholder-information.gif) -146px 0 no-repeat;
}


/* 'Properties' nav and subnav
-----------------------------*/

div#nav-container a.properties {
	left: 154px; 
	background: url(../images/nav/properties-off.gif) left top no-repeat;
}

body#properties div#nav-container a.properties,
div#nav-container a.properties:hover {
	background: url(../images/nav/properties-on.gif) left top no-repeat;
}


div#subnav-container a.barry-souart {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 12px;
	width: 131px; height: 10px;
	background: url(../images/subnav/properties-barry-souart.gif) -131px 0 no-repeat;
}

body.properties-barry-souart div#subnav-container a.barry-souart,
div#subnav-container a.barry-souart:hover {
	background-position: 0 0;
}


div#subnav-container a.coricancha {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 12px;
	width: 103px; height: 10px;
	background: url(../images/subnav/properties-coricancha-off.gif) left top no-repeat;
}

body.properties-coricancha div#subnav-container a.coricancha,
div#subnav-container a.coricancha:hover {
	background: url(../images/subnav/properties-coricancha-on.gif) left top no-repeat;
}


div#subnav-container a.properties-history {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 9px;
	width: 50px; height: 11px;
	background: url(../images/subnav/properties-history-off.gif) left top no-repeat;
}

body.properties-history div#subnav-container a.properties-history,
div#subnav-container a.properties-history:hover {
	background: url(../images/subnav/properties-history-on.gif) left top no-repeat;
}

div#subnav-container a.properties-local {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 9px;
	width: 112px; height: 23px;
	background: url(../images/subnav/properties-local-off.gif) left top no-repeat;
}

body.properties-local div#subnav-container a.properties-local,
div#subnav-container a.properties-local:hover {
	background: url(../images/subnav/properties-local-on.gif) left top no-repeat;
}

div#subnav-container a.properties-community {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 9px;
	width: 125px; height: 11px;
	background: url(../images/subnav/properties-community-off.gif) left top no-repeat;
}

body.properties-community div#subnav-container a.properties-community,
div#subnav-container a.properties-community:hover {
	background: url(../images/subnav/properties-community-on.gif) left top no-repeat;
}


div#subnav-container a.properties-technical {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 9px;
	width: 105px; height: 11px;
	background: url(../images/subnav/properties-technical-off.gif) left top no-repeat;
}

body.properties-technical div#subnav-container a.properties-technical,
div#subnav-container a.properties-technical:hover {
	background: url(../images/subnav/properties-technical-on.gif) left top no-repeat;
}


div#subnav-container a.properties-imagegallery {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 9px;
	width: 87px; height: 11px;
	background: url(../images/subnav/properties-imagegallery-off.gif) left top no-repeat;
}

body.properties-imagegallery div#subnav-container a.properties-imagegallery,
div#subnav-container a.properties-imagegallery:hover {
	background: url(../images/subnav/properties-imagegallery-on.gif) left top no-repeat;
}


div#subnav-container a.properties-maps {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 12px;
	width: 113px; height: 11px;
	background: url(../images/subnav/properties-maps-off.gif) left top no-repeat;
}

body.properties-maps div#subnav-container a.properties-maps,
div#subnav-container a.properties-maps:hover {
	background: url(../images/subnav/properties-maps-on.gif) left top no-repeat;
}




div#subnav-container a.properties-others {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 10px;
	width: 102px; height: 8px;
	background: url(../images/subnav/properties-others-off.gif) left top no-repeat;
}

body.properties-others div#subnav-container a.properties-others,
div#subnav-container a.properties-others:hover {
	background: url(../images/subnav/properties-others-on.gif) left top no-repeat;
}



/* 'News' nav and subnav
-----------------------------*/

div#nav-container a.news {
	left: 305px; 
	background: url(../images/nav/news-off.gif) left top no-repeat;
}

body#news div#nav-container a.news,
div#nav-container a.news:hover {
	background: url(../images/nav/news-on.gif) left top no-repeat;
}

div#subnav-container a.events {
	position: relative;
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 42px; height: 8px;
	background: url(../images/subnav/news-events.gif) 0 0 no-repeat;
}

body.events div#subnav-container a.events,
div#subnav-container a.events:hover {
	background: url(../images/subnav/news-events.gif) -42px 0 no-repeat;
}


div#subnav-container a.mediareleases-archive {
	position: relative;
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 151px; height: 8px;
	background: url(../images/subnav/mediareleases-2002-2005.gif) 0 0 no-repeat;
}
body.mediareleases-archive div#subnav-container a.mediareleases-archive,
div#subnav-container a.mediareleases-archive:hover {
	background: url(../images/subnav/mediareleases-2002-2005.gif) -151px 0 no-repeat;
}

div#subnav-container a.mediareleases-2006,
div#subnav-container a.mediareleases-2007,
div#subnav-container a.mediareleases-2008,
div#subnav-container a.mediareleases-2009,
div#subnav-container a.mediareleases-2010,
div#subnav-container a.mediareleases-2011,
div#subnav-container a.mediareleases-2012 {
	position: relative;
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 120px; height: 8px;
}

div#subnav-container a.mediareleases-2006 {
	background: url(../images/subnav/mediareleases-2006.gif) 0 0 no-repeat;
}
body.mediareleases-2006 div#subnav-container a.mediareleases-2006,
div#subnav-container a.mediareleases-2006:hover {
	background: url(../images/subnav/mediareleases-2006.gif) -120px 0 no-repeat;
}

div#subnav-container a.mediareleases-2007 {
	background: url(../images/subnav/mediareleases-2007.gif) 0 0 no-repeat;
}
body.mediareleases-2007 div#subnav-container a.mediareleases-2007,
div#subnav-container a.mediareleases-2007:hover {
	background: url(../images/subnav/mediareleases-2007.gif) -120px 0 no-repeat;
}

div#subnav-container a.mediareleases-2008 {
	background: url(../images/subnav/mediareleases-2008.gif) 0 0 no-repeat;
}
body.mediareleases-2008 div#subnav-container a.mediareleases-2008,
div#subnav-container a.mediareleases-2008:hover {
	background: url(../images/subnav/mediareleases-2008.gif) -120px 0 no-repeat;
}

div#subnav-container a.mediareleases-2009 {
	background: url(../images/subnav/mediareleases-2009.gif) 0 0 no-repeat;
}
body.mediareleases-2009 div#subnav-container a.mediareleases-2009,
div#subnav-container a.mediareleases-2009:hover {
	background: url(../images/subnav/mediareleases-2009.gif) -120px 0 no-repeat;
}

div#subnav-container a.mediareleases-2010 {
	background: url(../images/subnav/mediareleases-2010.gif) 0 0 no-repeat;
}
body.mediareleases-2010 div#subnav-container a.mediareleases-2010,
div#subnav-container a.mediareleases-2010:hover {
	background: url(../images/subnav/mediareleases-2010.gif) -120px 0 no-repeat;
}

div#subnav-container a.mediareleases-2011 {
	background: url(../images/subnav/mediareleases-2011.gif) 0 0 no-repeat;
}
body.mediareleases-2011 div#subnav-container a.mediareleases-2011,
div#subnav-container a.mediareleases-2011:hover {
	background: url(../images/subnav/mediareleases-2011.gif) -120px 0 no-repeat;
}

div#subnav-container a.mediareleases-2012 {
	background: url(../images/subnav/mediareleases-2012.gif) 0 0 no-repeat;
}
body.mediareleases-2012 div#subnav-container a.mediareleases-2012,
div#subnav-container a.mediareleases-2012:hover {
	background: url(../images/subnav/mediareleases-2012.gif) -120px 0 no-repeat;
}



/* 'Investors' nav and subnav
-----------------------------*/

div#nav-container a.investors {
	left: 456px; 
	background: url(../images/nav/investors-off.gif) left top no-repeat;
}

body#investors div#nav-container a.investors,
div#nav-container a.investors:hover {
	background: url(../images/nav/investors-on.gif) left top no-repeat;
}


div#subnav-container a.financial {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 109px; height: 8px;
	background: url(../images/subnav/investors-financial-off.gif) left top no-repeat;
}

body.investors-financial div#subnav-container a.financial,
div#subnav-container a.financial:hover {
	background: url(../images/subnav/investors-financial-on.gif) left top no-repeat;
}

div#subnav-container a.analyst {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 100px; height: 8px;
	background: url(../images/subnav/investors-analyst-off.gif) left top no-repeat;
}

body.investors-analyst div#subnav-container a.analyst,
div#subnav-container a.analyst:hover {
	background: url(../images/subnav/investors-analyst-on.gif) left top no-repeat;
}

div#subnav-container a.presentations {
	display: block;
	font-size: 0px;
	text-decoration: none;
	margin-bottom: 19px;
	width: 86px; height: 8px;
	background: url(../images/subnav/investors-presentations-off.gif) left top no-repeat;
}

body.investors-presentations div#subnav-container a.presentations,
div#subnav-container a.presentations:hover {
	background: url(../images/subnav/investors-presentations-on.gif) left top no-repeat;
}

/* 'Contact Us' nav and subnav
-----------------------------*/

div#nav-container a.contactus {
	left: 607px; 
	background: url(../images/nav/contactus-off.gif) left top no-repeat;
}

body#contactus div#nav-container a.contactus,
div#nav-container a.contactus:hover {
	background: url(../images/nav/contactus-on.gif) left top no-repeat;
}


/* Additional buttons not in the navs
-----------------------------*/

div.backtotop {
	position: relative;
	margin: 25px -7px 0px 0px;
	height: 10px;
}

a.backtotop {
	position: absolute;
	right: 0px; top: 0px;
	display: block;
	width: 93px; height: 10px;
	background: url(../images/backtotop-off.gif) left top no-repeat;
	font-size: 0px; text-decoration: none;
}
a.backtotop:hover {
	background: url(../images/backtotop-on.gif) left top no-repeat;
}