@charset "utf-8";

/* TABLE OF CONTENTS
   GLOBAL SETTINGS - global elements
   LAYOUT - elements that make up the layout framework of the site
   CORPORATE
   INVESTORS
   PROJECTS
   NEWS
   CONTACTUS
   FORM ELEMENTS
*/

/* COLOUR PALETTE
   #000000 - black, content copy
   #013a4d - dark blue, headings
   #399fce - light blue, links
   #604931 - brown, links hover
*/

/* FONTS
   Arial, content
   Helvetica, headings
*/




/* GLOBAL SETTINGS
   ----------------------------- */

html {
	width: 100%;
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/page-bg.png) repeat-x;
	font: 12px/18px "Arial", sans-serif;
	color: #000000;
	text-align: left;
}

table, td {
	font: 12px/18px "Arial", sans-serif;
}

a, a:link, a:visited {
	color: #399fce;
	text-decoration: none;
}
a:hover {
	color: #604931;
}

ul {
	margin: 0 0 15px 20px;
	padding: 0;
}

ul li {
	margin: 0 0 5px 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

h1 {
	font: normal 24px/20px "Helvetica", "Arial", sans-serif;
	letter-spacing: -1px;
	color: #013a4d;
	margin: 0 0 12px 0;
	padding: 0;
}

h1.home {
	font: normal 21px/22px "Helvetica", "Arial", sans-serif;
	letter-spacing: -1px;
	color: #013a4d;
	margin: 0 0 12px 0;
	padding: 0;
}

h2 {
	position: relative;
	margin: 0 0 22px 0;
	padding: 0;
	background: url(../images/subheading-bg-repeat.png) left top repeat-x;
	font: normal 16px/16px "Helvetica", "Arial", sans-serif;
	letter-spacing: -1px;
	color: #013a4d;
	overflow: hidden;
	width: 100%;
	height: auto;
}
	h2 span {
		float: left;
		padding-right: 23px;
		background: #ffffff url(../images/subheading-bg.png) right top no-repeat;
		font: normal 16px/16px "Helvetica", "Arial", sans-serif;
	}

h4,
h2.subsection {
	position: relative;
	margin: 0 0 22px 0;
	padding: 0;
	font: normal 16px/18px "Helvetica", "Arial", sans-serif;
	letter-spacing: -1px;
	color: #013a4d;
	background: none;
}

h3 {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 21px/22px "Helvetica", "Arial", sans-serif;
	letter-spacing: -1px;
	color: #013a4d;
}

.clearboth { clear: both; margin: 0; padding: 0; height: 0; }

a.pdf-icon {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/icon-pdf.png) no-repeat;
}
a.pdf-icon:hover {
	background: url(../images/icon-pdf.png) -32px 0 no-repeat;
}

div.getadobereader {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 18px;
}
	div.getadobereader a.pdf-icon {
		float: left;
		margin-right: 13px;
	}
	div.getadobereader p {
		float: left;
		vertical-align: bottom;
		margin: 0;
	}



/* LAYOUT
   ----------------------------- */

div#page-container {
	position: relative;
	width: 984px;
	height: auto;
	z-index: 1;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

	div#header-container {
		width: 100%;
		height: 120px;
		overflow: hidden;
	}
	
		div#header-container div.logo {
			float: left;
			width: 319px;
			height: 120px;
			background: url(../images/logo.png) no-repeat;
			cursor: pointer;
		}
		
		div#header-container div#stocks {
			position: relative;
			float: left;
			width: 266px;
			height: 120px;
			cursor: pointer;
			font: 14px/20px "Helvetica", "Arial", sans-serif;
			color: #ffffff;
		}
			div#header-container div.stocks-off {
				background: url(../images/stocks-bg.png) 0 0 no-repeat;
			}
			div#header-container div.stocks-hover {
				background: url(../images/stocks-bg.png) -266px 0 no-repeat;
			}
			div#stocks div.padding {
				padding: 49px 0 0 24px;
			}
			div#stocks .label {
				float: left;
				font: 16px/20px "Helvetica", "Arial", sans-serif;
				color: #c4df9b;
				margin-right: 5px;
			}
			div#stocks .value {
				float: left;
				font: 16px/20px "Helvetica", "Arial", sans-serif;
				color: #399fce;
				margin-right: 15px;
			}

		div#header-container div#joinmailinglist {
			float: left;
			width: 266px;
			height: 120px;
			background: url(../images/joinmailinglist-bg.png) no-repeat;
		}
			div#joinmailinglist form {
				padding: 0;
				margin: 58px 0 0 15px;
				overflow: hidden;
			}
			div#joinmailinglist input[type=text] {
				border: 1px solid #8daeba;
				width: 170px;
				height: auto;
				color: #399fce;
				font: 11px/normal "Arial", sans-serif;
				padding: 0 5px;
				margin: 0 0 2px 0;
			}
			div#joinmailinglist input[type=submit] {
				font: 16px/16px "Arial", sans-serif;
				border: 0;
				margin: 1px 0 0 3px;
				height: 32px;
				padding: 0;
				color: #399fce;
				background: #ffffff;
				float: left;
				width: 57px;
				cursor: pointer;
			}
			/* IE7 */
			*+html>body div#joinmailinglist input[type=text] {
				margin-bottom: 0px;
			}
			*+html>body div#joinmailinglist input[type=submit] {
				margin-top: 2px;
			}

		div#header-container div#tools {
			position: relative;
			float: left;
			width: 133px;
			height: 120px;
		}
			div#tools ul {
				position: absolute;
				right: 14px;
				top: 35px;
				margin: 0;
				padding: 0;
				list-style-type: none;
				overflow: hidden;
				font: 11px/20px "Arial", sans-serif;
			}
				div#tools ul li {
					margin: 0 0 3px 0;
				}
					div#tools ul li a {
						padding-left: 22px;
						padding-top: 3px;
						outline: none;
					}
					div#tools ul li a.home {
						background: url(../images/home.png) left 1px no-repeat;
					}
					div#tools ul li a.home:hover {
						background: url(../images/home.png) 0 -15px no-repeat;
					}
					div#tools ul li a.printpage {
						background: url(../images/printpage.png) left 1px no-repeat;
					}
					div#tools ul li a.printpage:hover {
						background: url(../images/printpage.png) 0 -15px no-repeat;
					}
					div#tools ul li a.emailpage {
						background: url(../images/emailpage.png) left 1px no-repeat;
					}
					div#tools ul li a.emailpage:hover {
						background: url(../images/emailpage.png) 0 -15px no-repeat;
					}


div#mainnav-container {
	position: relative;
	width: 319px;
	overflow: hidden;
	background: url(../images/mainnav-bg.png) left top no-repeat;
	float: left;
}
	div#mainnav-container div.position {
		margin: 31px 0 0 62px;
	}
	div.download-title {
		position: relative;
		margin: 40px 0 15px -3px;
		width: 232px;
		height: 35px;
		background: url(../images/mainnav/downloads.png) left bottom no-repeat;
	}
		div.download-title a {
			position: absolute;
			right: 3px;
			top: 0;
		}
	div#mainnav-container div.copyright {
		margin-top: 40px;
		color: #8daeba;
		font: 11px/18px "Arial", sans-serif;
		
	}

div#outer-content-container {
	position: relative;
	float: left;
	width: 665px;
}
	
div#content-container {
	position: relative;
	width: 665px;
	overflow: hidden;
	background: url(../images/content-bg.png) left top no-repeat;
	z-index: 10;
}
	div#content-container div.column-primary {
		width: 493px;
		padding: 31px 0 0 39px;
		margin: 0;
	}
	div#content-container div.column-split {
		width: 454px;
		padding: 0;
		margin: 0;
	}
		div#content-container div.column-split div.padding-outer {
			padding: 31px 0 20px 39px;
			width: 100%;
			height: auto;
			overflow: visible;
		}
		div#content-container div.column-split div.padding-inner {
			width: 390px;
		}

div#subnav-container {
	position: absolute;
	right: 0;
	top: 0;
	width: 209px;
	min-height: 340px;
	overflow: hidden;
	background: url(../images/subnav-bg.png) left top no-repeat;
	padding: 0;
}
	div#subnav-container div.padding {
		padding: 31px 0 0 19px;
		margin: 0;
	}

div.section-header {
	position: relative;
	width: 665px;
	height: 169px;
}
	div.section-header div.overlay {
		position: absolute;
		left: 0;
		top: 0;
		width: 665px;
		height: 169px;
		background: url(../images/section-headers/overlay.png);
	}
	.border-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 665px;
		height: 3px;
		background: url(../images/section-headers/border-overlay.png);
	}
	.home-bg {
		background: url(../images/section-headers/home.jpg);
	}
	.corporate-bg {
		background: url(../images/section-headers/corporate.jpg);
	}
	.projects-bg {
		background: url(../images/section-headers/projects.jpg);
	}
	.projects-map-bg {
		background: url(../images/section-headers/projects-map.jpg);
	}
	.projects-faqs-bg {
		background: url(../images/section-headers/projects-faqs.jpg);
	}
	.news-bg {
		background: url(../images/section-headers/news.jpg);
	}
	.investors-bg {
		background: url(../images/section-headers/investors.jpg);
	}
	.contact-bg {
		background: url(../images/section-headers/contactus.jpg);
	}

		
div#footer-container {
	position: relative;
	color: #013a4d;
	margin: 30px 0 0 0;
	font: 11px/16px "Arial", sans-serif;
}
	div#footer-container p {
		width: 383px;
	}
	div#footer-container ul {
		list-style-type: none;
		margin: 0 0 4px 0;
		overflow: hidden;
		color: #399fce;
		font-weight: bold;
	}
		div#footer-container ul li {
			float: left;
			margin: 0 19px 0 0;
			padding: 0;
		}



/* CORPORATE
   ----------------------------- */

div.director {
	margin-bottom: 30px;
}
	div.director div.name {
		font-weight: bold;
		color: #000000;
	}
	div.director div.title {
		font-weight: bold;
		color: #013a4d;
	}
	div.director div.description {
	}




/* PROJECTS
   ----------------------------- */

div#projects-map {
	position: relative;
	width: 494px;
	height: 357px;
	margin-top: -22px;
	background: url(../images/projects/projects-map.png);
}
	div#projects-map img.printready {
		position: absolute;
		left: 0;
		top: 0;
		display: none;
	}

	div#projects-map div.klondikekate,
	div#projects-map div.klondikekate-hover {
		position: absolute;
		right: 0;
		top: 23px;
		width: 458px;
		height: 133px;
		background: url(../images/projects/map-klondikekate.png) 0 0 no-repeat;
	}
	div#projects-map div.klondikekate-hover {
		background: url(../images/projects/map-klondikekate.png) 0 -133px no-repeat;
	}

	div#projects-map div.fyrelake,
	div#projects-map div.fyrelake-hover {
		position: absolute;
		right: 0;
		top: 56px;
		width: 433px;
		height: 134px;
		background: url(../images/projects/map-fyrelake.png) 0 0 no-repeat;
	}
	div#projects-map div.fyrelake-hover {
		background: url(../images/projects/map-fyrelake.png) 0 -134px no-repeat;
	}

	div#projects-map div.tumblerridge,
	div#projects-map div.tumblerridge-hover {
		position: absolute;
		left: 16px;
		bottom: 0;
		width: 266px;
		height: 114px;
		background: url(../images/projects/map-tumblerridge.png) no-repeat;
	}
	div#projects-map div.tumblerridge-hover {
		background: url(../images/projects/map-tumblerridge.png) 0 -114px no-repeat;
	}

	div#projects-map div.bakerbasin,
	div#projects-map div.bakerbasin-hover {
		position: absolute;
		right: 0;
		top: 89px;
		width: 285px;
		height: 94px;
		background: url(../images/projects/map-bakerbasin.png) no-repeat;
	}
	div#projects-map div.bakerbasin-hover {
		background: url(../images/projects/map-bakerbasin.png) 0 -94px no-repeat;
	}


div#project-content {
}
	div#project-content .chart-trigger {
	}
	div#project-content div.chart-slider {
		position: relative;
	}

h2.photogallery {
	margin-top: 32px;
}

ul.photogallery-thumbnails {
	width: 138px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	ul.photogallery-thumbnails li {
		float: left;
		margin: 0 3px 3px 0;
	}
	ul.photogallery-thumbnails li a {
		display: block;
		width: 60px;
		height: 60px;
		border: 3px solid #8daeba;
	}
	ul.photogallery-thumbnails li a:hover {
		border: 3px solid #604931;
	}

ul.faq-questions {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
	line-height: normal;
}
	ul.faq-questions li {
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	ul.faq-questions li span.index {
		float: left;
		width: 35px;
		font-weight: bold;
	}
	ul.faq-questions li span.question {
		float: left;
	}

div.faq {
	position: relative;
}
	div.faq div.question {
		padding-top: 30px;
		font-weight: bold;
	}
	div.faq div.highlight {
		color: #399fce;
		text-decoration: underline;
	}
	div.faq div.answer {
	}
	div.faq div.backtotop {
		margin-top: -10px;
	}
		div.faq div.backtotop a {
			font-size: 11px;
			font-weight: bold;
		}

/* NEWS
   ----------------------------- */

div.latest-news {
	position: relative;
	margin: 0 0 30px 0;
}
	div.latest-news h2 {
		font: normal 21px/21px "Helvetica", "Arial", sans-serif;
		letter-spacing: -1px;
		color: #399fce;
		margin: 0 0 7px 0;
		padding: 0;
		background: none;
	}
	div.latest-news p {
		margin: 0 0 10px 0;
		padding: 0;
	}
	div.latest-news a {
		font-weight: bold;
	}
	
div.news-release {
	position: relative;
}
	div.news-release div.title {
		font-weight: bold;
		margin-bottom: 15px;
		color: #000000;
	}
	div.news-release div.article {
		position: relative;
	}

div.attachments-container {
	margin: 0 0 20px 0;
}
	div.attachments-container div.title {
		font-weight: bold;
		margin-bottom: 3px;
	}
	div.attachments-container img.bullet {
		margin-right: 5px;
	}
	div.attachments-container span.filesize {
		color: #604931;
		font-size: 11px;
	}

div.news-further-info {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	width: 100%;
	height: auto;
}
	div.news-further-info div.president {
		float: left;
		margin-right: 50px;
	}
	div.news-further-info div.investors {
		float: left;
	}




/* INVESTORS
   ----------------------------- */

div.financial-statement-year {
	margin-bottom: 15px;
}
	.record {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	div.financial-statement-year span.date {
		float: left;
		font-weight: bold;
		width: 108px;
	}
	div.financial-statement-year a {
		float: left;
	}

div.capitalization-summary {
	position: relative;
	font: 12px/22px "Arial", sans-serif;
}
	div.capitalization-summary div.date {
		margin: 0 0 15px 0;
		color: #013a4d;
		font-weight: bold;
	}
	div.capitalization-summary span.label {
		float: left;
		width: 180px;
		font-weight: bold;
	}
	div.capitalization-summary span.value {
		float: left;
		width: 280px;
	}
	div.capitalization-summary .multiline {
		font: 12px/16px "Arial", sans-serif;
		padding-top: 3px;
	}

div.events-container {
	position: relative;
}
	div.events-container span.date {
		float: left;
		width: 115px;
		font-weight: bold;
		line-height: 16px;
	}
	div.events-container span.event {
		float: left;
		width: 370px;
		margin-bottom: 7px;
		line-height: 16px;
	}
		div.events-container span.event span.location {
			color: #013a4d;
			font-weight: bold;
		}

div.stock-container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
	div.stock-container div.column-quote {
		float: left;
		margin-right: 30px;
	}
	div.stock-container div.column-disclaimer {
		float: left;
		width: 237px;
	}
	div.stock-container img.chart {
		margin-bottom: 20px;
		border: 1px solid #c6c6c6;
	}
	div.stock-container div.exchange {
		font-weight: bold;
		color: #000000;
		margin-bottom: 5px;
	}
	div.stock-container span.label {
		width: 108px;
		float: left;
	}
	div.stock-container span.value {
		font-weight: bold;
		float: left;
	}
	div.stock-container div.disclaimer {
		font: 11px/14px "Arial", sans-serif;
	}




/* CONTACTUS
   ----------------------------- */

div.contact-information {
	position: relative;
	margin: 0 0 20px 0;
	overflow: hidden;
}
	div.contact-information span.label {
		float: left;
		width: 75px;
	}


/* FORM ELEMENTS
   ----------------------------- */

table.contactform {
	margin: 0;
	padding: 0;
	width: 493px;
}
	table.contactform td span.sample {
		color: #8f8f8f;
	}
	table.contactform td.label {
		padding-bottom: 10px;
		padding-right: 15px;
		vertical-align: top;
		line-height: 22px;
		white-space: nowrap;
	}
	table.contactform td.input {
		padding-bottom: 10px;
	}
	table.contactform td.submit {
		padding: 15px 0 0 0;
		text-align: left;
	}
	table.contactform input[type=text],
	table.contactform textarea {
		border: 0;
		padding: 3px;
		background: #ffffff url(../images/form-field-bg.jpg) top left no-repeat;
	}
	table.contactform textarea {
		overflow: auto;
		width: 450px;
	}

div.form-group {
	font-weight: bold;
	margin-bottom: 5px;
}	
	div.form-group i {
		font-weight: normal;
	}

#checkinginput {
	display: none;
	visibility: none;
}

table.contactform td div.foundus {
	width: 476px;
	overflow: hidden;
}
	table.contactform td div.foundus div.checkbox {
		float: left;
		line-height: 22px;
	}
		table.contactform td div.foundus div.checkbox input[type=checkbox] {
			margin: 0 3px 0 0;
		}
	table.contactform td div.foundus div.specify {
		float: right;
	}
		table.contactform td div.foundus div.specify span.label {
			float: left;
			line-height: 22px;
		}
		table.contactform td div.foundus div.specify input[type=text] {
			float: left;
			margin-left: 15px;
			width: 250px;
		}

		 
div.error-message {
	margin: 0 0 15px 0;
	color: #604931;
}
div.success-message {
	margin: 0 0 15px 0;
	font: bold 14px/20px "Arial", sans-serif;
	color: #604931;
}