@charset "utf-8";
/*
* Global styles
*
*/


/* Global, generic styles
-----------------------------*/

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

body {
	position: relative;
	width: 100%;
	min-height: auto;
	height: 100%;
	margin: 0;
	background: #d6cdbc url(../images-shared/body-bg.png) top left repeat-x;
	font: 11px/16px "Arial", sans-serif;
	color: #000000;
	text-align: center;
}

table, td {
	font: 11px/16px "Arial", sans-serif;
}

a, a:link, a:visited {
	color: #b5985a;
	text-decoration: none;
}
a:hover {
	color: #e7a20e;
}

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

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

h2 {
	font: bold 22px/28px "Garamond", "Times New Roman", serif;
	color: #000000;
	margin: 0px 0px 9px 0px; padding: 0px;
}

h3 {
	font: bold 18px/24px "Garamond", "Times New Roman", serif;
	color: #ca8d0a;
	margin: 0px 0px 9px 0px; padding: 0px;
}

form {
	margin: 0;
	padding: 0;
}

.clearboth { clear: both; }

a.arrow,
a.arrow:visited {
	font: bold 11px/11px Arial, sans-serif;
	background: url(../images-shared/arrow-readmore.gif) bottom right no-repeat;
	color: #b5985a;
	padding-right: 14px;
	text-decoration: none;
}
a.arrow:hover {
	color: #e7a20e;
}


/* START - icon links
-----------------------------*/

ul#header-icons {
	position: absolute;
	margin: 0;
	padding: 0;
	right: 62px; top: 28px;
	z-index: 999;
	list-style-type: none;
	overflow: hidden;
	width: auto; height: auto;
}

	ul#header-icons li {
		display: inline;
		margin: 0 0 0 20px;
	}

		ul#header-icons li a.home {
			font: 11px/20px "Arial", sans-serif;
			background: url(../images-shared/icons/home.gif) right bottom no-repeat;
			color: #b0752e;
			padding-right: 22px;
			padding-top: 3px;
			text-decoration: none;
		}
		
		ul#header-icons li a.printpage {
			font: 11px/20px "Arial", sans-serif;
			background: url(../images-shared/icons/printpage.gif) right center no-repeat;
			color: #b0752e;
			padding-right: 22px;
			padding-top: 3px;
			text-decoration: none;
		}
		
		ul#header-icons li a.emailpage {
			font: 11px/20px "Arial", sans-serif;
			background: url(../images-shared/icons/emailpage.gif) right bottom no-repeat;
			color: #b0752e;
			padding-right: 22px;
			padding-top: 3px;
			text-decoration: none;
		}
		
		ul#header-icons li a.canadian {
			font: 11px/20px "Arial", sans-serif;
			background: url(../images-shared/icons/flag-canadian.gif) right center no-repeat;
			color: #b0752e;
			padding-right: 27px;
			padding-top: 3px;
			text-decoration: none;
		}
		
		ul#header-icons li a.german {
			font: 11px/20px "Arial", sans-serif;
			background: url(../images-shared/icons/flag-german.gif) right center no-repeat;
			color: #b0752e;
			padding-right: 27px;
			padding-top: 3px;
			text-decoration: none;
		}
		
		ul#header-icons li a.printpage:hover,
		ul#header-icons li a.home:hover,
		ul#header-icons li a.emailpage:hover,
		ul#header-icons li a.canadian:hover,
		ul#header-icons li a.german:hover {
			color: #e7a20e;
			text-decoration: none;
		}


/* END - icon links
-----------------------------*/



/* START - framework for the page structure
-----------------------------*/

div#pagetop-curve {
	position: relative;
	padding: 33px 12px 0 11px;
	width: 1020px;
	height: auto;
	margin: 0 auto;
	background:  url(/images-shared/top-curve.png) top center no-repeat;
}

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

div#sidebar-container {
	position: relative;
	float: left;
	width: 288px;
	height: auto;
	padding-bottom: 125px;
	z-index: 1;
	background: url(../images-shared/sidebar-bg.jpg) bottom left no-repeat;
}

	div#sidebar-container img#page-logo {
		margin: 0 0 21px 0;
		z-index: 10;
	}

	div#sidebar-container div.content {
		padding: 30px 23px 0px 23px;
	}
		div#sidebar-container div.content div.address-container {
			border-top: 1px solid #a29681;
			border-bottom: 1px solid #a29681;
			padding: 23px 0 20px 0;
		}
			div#sidebar-container div.content div.address-container h2 {
				margin-bottom: 21px;
				color: #ca8d0a;
				font: bold 16px "Garamond", "Times New Roman", serif;
			}
			div#sidebar-container div.content div.address-container div {
				margin-bottom: 12px;
			}

		div#sidebar-container div.content div.presentations-container {
			border-bottom: 1px solid #a29681;
			padding: 16px 0 11px 0;
		}
			div#sidebar-container div.content div.presentations-container h2 {
				margin-bottom: 18px;
				color: #000000;
				font: bold 20px "Garamond", "Times New Roman", serif;
			}
	
			div#sidebar-container div.content div.presentations-container ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				div#sidebar-container div.content div.presentations-container ul li {
					overflow: hidden;
					margin: 0 0 18px 0;
					clear: both;
					width: 100%;
					height: auto;
				}
					div#sidebar-container div.content div.presentations-container ul li img {
						float: left;
						margin: 0 12px 0 0;
					}
					div#sidebar-container div.content div.presentations-container ul li div {
						float: left;
						width: 195px;
					}

		div#sidebar-container div.content div.disclaimer {
			padding: 15px 0 0 0;
			width: 234px;
		}


div#main-container {
	position: relative;
	float: left;
	width: 709px;
	height: auto;
	background: #ffffff;
	z-index: 1;
	text-align: left;
	padding-bottom: 70px;
}

	div#header {
		padding-top: 68px;
	}
	
	img#header {
		margin-top: 68px;
	}
	
	div#subtitle-container {
		position: relative;
		margin: 0 24px 14px 24px;
		background: url(/images-shared/subtitle-bg.png) bottom left no-repeat;
		height: 57px;
		_height: 59px;
	}
	
		div#subtitle-container h1 {
			position: absolute;
			left: 7px;
			bottom: 2px;
			font: bold 26px "Garamond", "Times New Roman", serif;
			margin: 0;
			padding: 0;
		}

		div#subtitle-container ul {
			margin: 4px 0 0 7px;
			padding: 0px;
			list-style-type: none;
			display: block;
			overflow: hidden;
		}
		div#subtitle-container ul li {
			float: left;
			margin: 0px;
			padding: 0px 11px 0px 0px;
		}
		div#subtitle-container ul li a {
			font: 11px/16px "Arial", sans-serif;
			color: #b0752e;
			text-decoration: none;
			display: block;
			background: url(../images-shared/arrow-breadcrumb.gif) left center no-repeat;
			padding-left: 8px;
		}
		div#subtitle-container ul li a:hover {
			color: #e7a20e;
		}

	div#content-container {
		position: relative;
		border-left: 1px solid #a29681;
		border-right: 1px solid #a29681;
		min-height: 700px;
		height: auto;
		z-index: 10;
	}
/* IE */
	* html div#content-container {
		height: 700px;
	}
/**/

	div.home-content-container {
		padding: 14px 0px 0 0px;
		margin-bottom: 30px;
		overflow: hidden;
		width: 659px;
		height: auto;
		text-align: justify;
	}
	
	div.home-stock-container {
		padding: 0 0 0 17px;
	}
		div.home-stock-container div.quotes-link {
			margin: 15px 0;
		}
	
	div.home-news-container {
		border-top: 1px solid #a29681;
	}
		div.home-news-container div.padding {
			padding: 8px 7px 0 7px;
		}

	div#content-container div.content {
		position: relative;
		padding: 0px 24px 25px 24px;
		overflow: hidden;
		height: auto;
		z-index: 10;
	}
/* IE */
	* html div#content-container div.content {
		margin-bottom: 25px;
	}
/**/

		div#content-container div.content div.content-column {
			position: relative;
			float: left;
			padding-left: 7px;
			padding-right: 47px;
			width: 374px;
			z-index: 10;
		}

		div#content-container div.content div.content-column-full {
			position: relative;
			float: left;
			padding-left: 7px;
			width: 421px;
			z-index: 10;
		}

		div#content-container div.content div.content-column-news {
			position: relative;
			float: left;
			padding-left: 7px;
			padding-right: 47px;
			width: 609px;
			z-index: 10;
		}

/* IE */
		* html div#content-container div.content div.content-column-full,
		* html div#content-container div.content div.content-column {
			\width: 428px;
			w\idth: 426px;
			/* I would have thought 421px to fix IE6, but 426 seems to be the magic number */
		}
/**/

		div#content-container div.content div.submenu-column {
			position: relative;
			float: left;
			border-left: 1px solid #a29681;
			width: 230px;
			z-index: 10;
		}
/* IE */
		* html div#content-container div.content div.submenu-column {
			\width: 231px;
			w\idth: 230px;
		}
/**/

			/* BEGIN - submenu
			-----------------------------*/
			
			ul#submenu {
				margin: 9px 0 13px 16px;
				padding: 0px;
				list-style-type: none;	
			}
			
			ul#submenu li {
				line-height: 18px;
				padding: 0;
				margin: 0;
			}
			ul#submenu li a {
				font: bold 11px/18px "Arial", sans-serif;
				color: #b5985a;
				text-decoration: none;
			}
			ul#submenu li.active a,
			ul#submenu li a:hover {
				color: #e7a20e;
			}
			
			/* END - submenu
			-----------------------------*/
		
			div#content-container div.content div.submenu-column div.latestnews {
				border-top: 1px solid #a29681;
				padding: 20px 0 0 16px;
			}
			
			div#content-container div.content div.submenu-column div.attachments {
				border-top: 1px solid #a29681;
				padding: 20px 0 20px 16px;
			}
			div#content-container div.content div.submenu-column div.attachments h2 {
				margin-bottom: 15px;
			}
	
			/* when latest news is the only item in the column */
			div#content-container div.content div.submenu-column div.latestnews-full {
				padding: 0 0 0 16px;
			}

		
div#footer-container {
	position: absolute;
	left: 0;
	bottom: 0px;
	_bottom: -1px;
	background: url(../images-shared/footer-bg.png) top left no-repeat;
	margin: 0 auto;
	width: 709px;
	height: 62px;
	_height: 70px;
	color: #8a8a8a;
	text-align: center;
	padding-top: 8px;
	line-height: normal;
}

	div#footer-container div.links {
		border-top: 3px solid #ccbfa9;
		margin: 0px 25px 0 25px;
		text-align: center;
	}
	
		div#footer-container div.links a {
			font: bold 11px/26px Arial, sans-serif;
			color: #414042;
			text-decoration: none;
			padding: 0 10px;
		}
		div#footer-container div.links a:hover {
			color: #e7a20e;
		}

/* END - framework for the page structure
-----------------------------*/


div.project-summary-container {
	margin: 10px 0 30px 0;
}

	div.project-summary-container div.summary {
		margin: 15px 0;
	}
	
	div.project-summary-container img.banner {
		margin: 20px 0 20px 0;
	}
	
h2.photogallery {
	font-size: 18px;
	color: #ca8d0a;
}

div.gallery-thumbnail-container {
	position: relative;
	width: 213px;
	height: 300px;
	float: left;
}
	a.thumbnail {
		float: left;
		margin: 0 4px 4px 0;
		border: 3px solid #eae1d3;
	}

div.gallery-project-container {
	float: left;
	margin-left: 26px;
	font-size: 12px;
	font-weight: bold;
}

		
table.stock-container-home {
	border: 0;
	padding: 0;
	margin: 0;
	font: bold 11px/16px "Arial", sans-serif;
}
	table.stock-container-home td.label {
		color: #000000;
		padding: 0 30px 0 0;
		vertical-align: top;
		white-space: nowrap;
	}
	table.stock-container-home td.value {
		color: #b0752e;
		vertical-align: top;
	}



b.corporateinfo { color: #b0752e; font-weight: bold; }
table.corporateinfo {
	border: 0;
	padding: 0;
	margin: 0;
	font: 11px/16px "Arial", sans-serif;
}
table.corporateinfo td.column1 {
	width: 206px;
	vertical-align: top;
}
table.corporateinfo td.column2 {
	width: 186px;
	padding-left: 10px;
	vertical-align: top;
}

div.director {
	font: 11px/16px "Arial", sans-serif;
	margin-bottom: 25px;
	color: #1c3241;
	text-align: left;
}
	div.director span.name {
		font-weight: bold;
		color: #000000;
		margin: 0px; padding: 0px;
	}
	div.director span.title {
		font-weight: bold;
		color: #b0752e;
	}
	div.director span.credentials {
		color: #b0752e;
	}


div.file-download {
	position: relative;
	font: bold 12px "Arial", sans-serif;
	margin-bottom: 12px;
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
}
	div.file-download img {
		margin-right: 18px;
	}
	div.file-download b {
		color: #000000;
	}

div.getadobereader {
	position: absolute;
	top: 48px;
	right: 30px;
}
div.getadobereader a {
	font-weight: bold;
}


div.news-summary {
	margin-bottom: 15px;
	font: 11px/16px "Arial", sans-serif;
}
	a.news-back {
		position: absolute;
		right: 7px;
		bottom: 4px;
		font-weight: bold;
	}

	div.news-summary span.date {
		font: bold 12px/24px "Arial", sans-serif;
		color: #8a5d3b;
		display: block;
	}
	div.news-summary a {
		font: bold 11px/24px "Arial", sans-serif;
		color: #b5985a;
		text-decoration: none;
		background: url(../images-shared/arrow-readmore.gif) bottom right no-repeat;
		padding-right: 14px;
	}
	div.news-summary a:hover {
		color: #e7a20e;
	}


div.news-release {
	margin-bottom: 20px;
	font: 11px/16px "Arial", sans-serif;
}
	div.news-release h2.title {
		font: bold 20px "Garamond", "Times New Roman", sans-serif;
		color: #e7a20e;
		margin: 0px; padding: 0px;
	}
	div.news-release div.date {
		font: bold 12px "Arial", sans-serif;
		color: #000000;
		margin-bottom: 20px;
	}
	div.news-release div.disclaimer {
		font: 10px "Arial", sans-serif;
		color: #b5985a;
		margin-top: 20px;
	}


div.stock-container {
	margin-bottom: 30px;
	font: 11px/16px "Arial", sans-serif;
	position: relative;
}
	div.stock-container img {
		margin-bottom: 20px;
	}
	
	div.stock-container span.value {
		font-weight: bold;
	}
	
div.stock-disclaimer {
	font: 11px/14px "Arial", sans-serif;
	color: #8a5d3b;
	margin-top: 4px;
}



table#contact-form {
	margin: 0px 25px 0px 0px;
	padding: 0px;
	border: 0px;
	font: 11px "Arial", sans-serif;
}
	table#contact-form td.label {
		padding-bottom: 10px;
		padding-right: 25px;
		font: 11px "Arial", sans-serif;
		vertical-align: middle;
	}
	table#contact-form td.input {
		padding-bottom: 10px;
	}
	table#contact-form input.text,
	table#contact-form textarea {
		font: 12px "Arial", sans-serif;
		border: 0px;
		padding: 3px;
		background: #ffffff url(../images-shared/form-field-bg.jpg) top left no-repeat;
	}


div.error-message {
	margin: 0px 0px 15px 0px;
	color: #b0752e;
	font: 12px "Arial", sans-serif;
}


ul.sitemap-top {
	margin: 0px 0px 0px 15px; padding: 0px;
}
	ul.sitemap-top li {
		margin: 0px 0px 10px 0px;
	}
	
	ul.sitemap-sub {
		margin: 0px 0px 9px 15px; padding: 0px;
	}
		ul.sitemap-sub li {
			margin: 0px 0px 1px 0px;
		}