@import url(reset.css); 

html, body { height: 100%; }
body {
	background-image: url(../images/bg/bg-repeating.gif);
	background-position: top center;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: white;
}
body, a { color: #5E5D5D; }
a:hover { color: black; }
#wrapper {
	width: 770px;
	margin: 0 auto;
}
#header {
	width: 770px;
	height: 262px;
	background-image: url(../images/header.gif);
	position: relative;
	top: 0; left: 0;
}
.aboutus #headerimage { background-image: url(../images/header/aboutus.jpg); }
.emerging-applications #headerimage { background-image: url(../images/header/emerging.jpg); }
.installations #headerimage { background-image: url(../images/header/installations.jpg); }
.investor-centre #headerimage { background-image: url(../images/header/investor.jpg); }
.products #headerimage { background-image: url(../images/header/products.jpg); }
.technology #headerimage { background-image: url(../images/header/technology.jpg); }
.home #headerimage { }

#toplinks {
	position: absolute;
	width: 240px;
	top: 10px;
	right: 0;
	text-align: center;
}
#toplinks a { text-decoration: none; }
#toplinks a:hover { text-decoration: underline; }

#header, #header a, #breadcrumbs, #breadcrumbs a {
	font-size: 9px;
	color: white;
}

#header .logo {
	position: absolute;
	top: 9px;
	left: 20px;
	width: 236px;
	height: 64px;
	background-image: url(../images/logo.jpg);
}
#headerimage { 
	position: absolute;
	top: 72px;
	left: 0;
	width: 770px;
	height: 190px;
	/*background-image: url(../images/header/02.jpg);*/
}
#sectionlinks {
	position: absolute;
	left: 0; top: 226px;
	width: 770px;
}
#sectionlinks a { 
	height: 36px;
	display: block; 
	float: left;
	background-image: url(../images/nav-section/section.gif);
	background-repeat: no-repeat;
}
#sectionlinks a:hover, 
#sectionlinks a.active, 
#sectionlinks a.active:hover { background-image: url(../images/nav-section/section-active.gif); }

#sectionlinks a span { display: none; }
#link-aboutus { background-position: 0 0; width: 122px; }
#link-technology { background-position: -122px 0; width: 138px; }
#link-products { background-position: -260px 0 ; width: 121px; }
#link-emerging { background-position: -381px 0 ; width: 138px; }
#link-installations { background-position: -519px 0 ; width: 138px; }
#link-investor { background-position: -657px 0 ; width: 113px; }

#breadcrumbs {
	line-height: 22px;
	padding-left: 20px;
	background-color: #8AA5AB;
}
#breadcrumbs em { display: none; }
/* Content */
#content {
	margin: 0 143px 0 150px; 
/*	margin: 0 0 0 150px;
	width: 437px;
	float: left; */
	padding: 20px;
}
#cta {
	float: right;
	width: 143px;
}
#cta a {
	display: block;
}
#cta-stockquote, #cta-stockquote a  { background-image: url(../images/cta/stockquote.gif); height: 51px; }
#cta-requestinfo, #cta-requestinfo a { background-image: url(../images/cta/requestinfo.gif); height: 63px; }
#cta-faq, #cta-faq a { background-image: url(../images/cta/faq.gif); height: 66px; }
#cta-contactus, #cta-contactus a { background-image:url(../images/cta/contactus.gif); height: 64px; }

#cta-stockquote a:hover { background-image: url(../images/cta/stockquote1.gif); height: 51px; }
#cta-requestinfo a:hover { background-image: url(../images/cta/requestinfo2.gif); height: 63px; }
#cta-faq a:hover { background-image: url(../images/cta/faq3.gif); height: 66px; }
#cta-contactus a:hover { background-image:url(../images/cta/contactus4.gif); height: 64px; }

#contentbody {
	padding-top: 8px;
	border-top: 2px solid #E8E8D3;
	width: 99%;
}
h1 {
	font-size: 11px;
	color: #91AEA9;
	text-transform: uppercase;
}
h2 { 
	font-size: 22px; 
	color: #5E5D5D;
}

h4 {
	font-size:12px;
	font-weight: bold;
	color:#a29e79;
	margin-bottom: 5px;
}

p {
	line-height: 20px;
	margin: 0 0 1.5em 0;
}

#contentbody ul, ol {
	line-height: 20px;
	margin-bottom: 20px;
	list-style-position: inside;
}

#contentbody ul li, ol li {
margin: 0 0 10px 15px;
}

.tabledivider {
	border-bottom: 1px dotted #8aa5ab;
	padding: 5px;
	line-height: 15px;
}

.table {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 15px;
}

.small {
	color:#a29e79;
	font-size: 9px;
	}

#footer { font-size: 9px; margin-top: 40px; }
.bottomlinks { margin-bottom: 20px; }