@charset "utf-8";
/* Ecometals V1 */

body { background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#CCCCCC; margin:0px; font-family:"Trebuchet MS"; font-size:12px;}
#safe { width:830px; margin-left:auto; margin-right:auto; background-image:url(../images/safeBg.jpg); background-repeat:repeat-y;background-position:center top;}
#wrap { background-image:url(../images/wrapBg.jpg); background-position:center top; background-repeat:no-repeat;}
#header { height:105px; width:800px; background-image:url(../images/headerBg.jpg); background-repeat:no-repeat; background-position:15px top; padding-left:15px}
a { text-decoration:none; color:#134221}
a:hover { color:#666666}
.h12 { font-size:18px; letter-spacing:2px; color:#339900; display:block; border-bottom: 1px dashed #CCCCCC; padding-bottom:8px;}
h1 { font-size:18px; letter-spacing:2px; color:#339900;}
h2 { display:block; height:61px; width:596px;background-image:url(../images/h2Bg.jpg); background-repeat:repeat-x; letter-spacing:2px; color:#339900; font-size:27px;
text-align:right; line-height:53px; border:#CCCCCC solid 1px; float:left; margin-top:5px; margin-bottom:5px; padding-right:20px;}
h3 {display:block;font-size: 10px;font-family: Verdana;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;
padding: 0px; padding-top:3px;padding-bottom:3px;font-weight: normal; background-color:#F2F2F2; text-align:center}
h4 {display:block;font-size: 10px;font-family: Verdana;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 30px;
padding: 0px;font-weight: normal;text-align:center;border-bottom:1px #CCCCCC solid; float:left; width:539px;}
h5 { display:block; font-size:14px; padding-left:20px; margin:0px; letter-spacing:1px; color:#339900;}
h6 { display:block; font-size:16px; padding-left:0px; margin:0px; letter-spacing:1px; color:#339900; border-bottom:#339900 dashed 1px;
width:350px; margin-left:18px; margin-bottom:10px;}
.h6 { display:block; font-size:17px; padding-left:0px; margin:0px; letter-spacing:1px; color:#339900; border-bottom:#339900 dashed 1px;
width: auto; margin-left:18px; margin-bottom:10px; font-weight:bold;}
.h7 { display:block; font-size:14px; padding-left:20px; margin:0px; letter-spacing:1px; color:#339900; font-weight:bold;}
.top { display:block; text-align:right; padding-right:30px;}
.h8 { display:block; border-bottom:1px dashed #339900; font-size:14px; font-weight:bold; color:#339900; padding-top:15px;}
.h9 { display:block; border-bottom:1px dashed #339900; font-size:14px; font-weight:bold; color:#339900; padding-top:15px;}
li.presLink { padding-top:7px; line-height:normal; display: block}
li.presLink a { color:#333333; }
/*.bullet2 ul {
	padding-left:10px;
	margin:10px;
}*/
.bullet2 ul li {
	list-style:none;
	background-image: url(../images/icons/bullet.jpg);
	background-repeat:no-repeat;
	background-position: left 10px;
	padding-left: 10px;
}
/*------------------navigation*/
#mnav { position:relative; top:81px}
#mnav ul { list-style:none; margin:0px; padding:0px;}
#mnav ul li {
	position:absolute;
	top: -4px;
	text-align:center;
	height:27px;
	line-height: 25px;
}
#mnav li#home {
	left:341px;
	width:60px;
}
#mnav li#projects {
	left:400px;
	width:73px;
}
#mnav li#investors {
	left:474px;
	width:78px;
}
#mnav li#news {
	left:552px;
	width:70px;
}
#mnav li#corporate {
	left:623px;
	width:76px;
}
#mnav li#contact {
	left:701px;
	width:81px;
}
#mnav ul li a { color:#336600; font-size:13px; font-weight:bold; display:block;	height:27px;}
#mnav ul li a:hover { color: #999999;}
/*active states*/
li#home a:hover,body#home li#home a,
li#news a:hover,body#news li#news a,
li#corporate a:hover,body#corporate li#corporate a,
li#team a:hover,body#team li#team a,
li#projects a:hover,body#projects li#projects a,
li#investors a:hover,body#investors li#investors a,
li#contact a:hover,body#contact li#contact a {background-image:url(../images/nav_overBusiness.jpg);background-position: left top;}

/*------------------home page*/
#content { width:800px; height:auto; padding-left:15px; line-height:23px; padding-bottom:30px; float:left; position:relative;}
#flash {float:left; width:800px; height:208px;margin-bottom:20px;}
#intro {float:left; width:460px; padding-left:25px;}
/*Under Contruction Page*/
#safe2 {margin-left:auto;margin-right:auto;background-image:url(../images/rd.jpg);background-position:center -57px;background-repeat:no-repeat;background-color:#F8F6F7;height:585px;}
/*quick links*/
#qlinks {float:right; width:202px; padding-right:15px; }
#qlinksBox {width:200px; border: #CCCCCC 1px solid; background-color:#f7fbeb}
.qlinksTitle { display:block; height:32px; background-image:url(../images/qlinksBg.jpg); letter-spacing:2px;color:#339900; font-size:17px;
text-align:center; line-height:33px;}
#qlinks ul { list-style:none; margin:0px; padding:0px; padding-top:7px; padding-bottom:7px; padding-left:10px;}
#qlinks ul li { line-height:26px;}
#qlinks ul li a { color:#999999; font-size:13px; font-weight:bold;}
#qlinks ul li a:hover { color:#666666}
#videolinks { height:50px; background-image:url(../images/video.png); background-position:center top; background-repeat:no-repeat; padding-top:120px; margin-top:15px;}
#videolinks a { display:block; text-align:center; }
#globe { width:201px; height:149px; text-align:center; padding-top:7px;}
#map {
	width:201px;
	height:252px;
	text-align:center;
	padding-top:20px;
}
p.news { color:#999999;}

/*------------------internal pages*/
/*page layout*/
#headerI { height:105px; width:800px; background-image:url(../images/headerBg_interior.jpg); background-repeat:no-repeat; background-position:15px top; 
padding-left:15px}
#contentI {
	width:800px;
	height:auto;
	padding-left:23px;
	line-height:21px;
	padding-bottom:10px;
	float:left;
	padding-top:10px
}
#contentbox {width:780px; border: #CCCCCC 1px solid; background-color:#f7fbeb;float:left; padding-bottom:5px;}
#infoBox { height:auto; width:616px;border:#CCCCCC solid 1px; float:left; background-color:#FFFFFF; padding-top:11px; padding-bottom:11px; position:relative}
#infoBoxZ { height:auto; width:616px;border:#CCCCCC solid 1px; float:left; background-color:#FFFFFF; padding-top:11px; padding-bottom:11px; position:relative}
#infoBox p { padding-left:20px; width:370px; text-align:justify; margin-top:0px; margin-bottom:0px; padding-bottom:10px;}
#infoBoxZ p { padding-left:20px; width:576px; text-align:justify; margin-top:0px; margin-bottom:0px; padding-bottom:10px;}
#infoBoxZ2 { height:auto; width:616px;border:#CCCCCC solid 1px; float:left; background-color:#FFFFFF; padding-bottom:11px; position:relative}
#infoBoxZ3 { height:auto; width:616px; float:left; background-color:#FFFFFF; padding-bottom:11px; padding-top:10px; position:relative}
#ulFix { display:block; width:370px; text-align:justify;}
#ulFix li { list-style-image:url(../images/arrow.jpg);}
#picsBox,#picsBox2,#picsBox3,#picsBox4 {width:178px;height:141px;position:absolute;}
#picsBox {left: 418px;top: 200px;}
#picsBoxFlash {width:178px;height:141px;position:absolute;left: 418px;top: 18px;}
#picsBox2 {left: 418px;top: 33px;}
#picsBox3 {left: 418px;top: 353px;}
#picsBox4 {left: 418px; top:0px;}
#picsBox5 {
	left: 596px;
	top: 200px;
}
#picsBox6 {left: 418px;top: 33px;}
#section { position:relative; }
.imgPer {top: 606px;
}
/*side nav*/
#snav {float:left; width:157px; height:200px; margin-top:20px;}
.snavTitle { display:block; height:31px; background-image:url(../images/qlinksBg.jpg); letter-spacing:1px;color:#339900; font-size:17px;text-align:center; line-height:32px; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
#snav ul { list-style:none; margin:0px; padding:0px; padding-top:7px; padding-bottom:7px; padding-left:8px;}
#snav ul li { line-height:26px;}
#snav ul li a {
	color:#000000;
	font-size:12px;
}
#snav ul li a:hover {
	color:#999999
}
#snav2 {float:left; width:157px; height:200px; margin-top:20px;}
.snavTitle2 { display:block; height:31px; background-image:url(../images/qlinksBg.jpg); letter-spacing:1px;color:#339900; font-size:17px;text-align:center; line-height:32px; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
#snav2 ul { list-style:none; margin:0px; padding:0px; padding-top:7px; padding-bottom:7px; padding-left:8px;}
#snav2 ul li { line-height:26px;}
#snav2 ul li a {
	color:#999999;
	font-size:12px;
}
#snav2 ul li a:hover {
	color:#CCCCCC
}

#snav ul li.presLink { padding-top:7px; line-height:normal; display: block; padding-left:8px;}
#snav ul li.presLink a { color:#333333; }
#snav ul li.presLink a:hover { color: #999999; }
/*news & presentation-events pages*/
#nEntry { display:block; text-decoration:none;padding-left:12px;padding-top:12px;padding-bottom:12px; line-height:normal;
color: #000000;}
#nEntry a { display:block;}
#nEntry a:hover { color:#999999}
.nEntryDate { display: block; color:#339900; height:auto; width:auto; font-weight:bold; font-size:12px; padding-bottom:5px;}
.nEntryBG {background-color: #F2F2F2;}
.nEntryBord {border-bottom:1px #CCCCCC dashed}
/*company section ---- management page*/
#bList {margin-bottom:20px;height: auto;width: 500px; margin-top:10px;}
#bList p { padding-left:20px; width:470px; text-align:justify; margin-top:0px; margin-bottom:0px; padding-bottom:10px;}
#bList ul {list-style:none;margin:0px;padding:0px;width: 470px;height: auto; list-style-image:none}
#bList li {
	margin:0px;
	padding:0px;
	width: auto;
	height: auto;
	list-style-image:none;
	display:block;
	text-indent:25px;
	height: 30px;
	width: auto;
	padding-bottom: 1px;
	color:#009900;
	font-weight:bold;
	font-size:13px;
}
#bList li a { color:#009900}
#bList li a:hover { color: #999999}
#bList2 {
	margin-bottom:20px;
	height: auto;
	width: 350px;
	margin-top:10px;
}
#bList2 p { padding-left:20px; width:470px; text-align:justify; margin-top:0px; margin-bottom:0px; padding-bottom:10px;}
#bList2 ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width: 350px;
	height: auto;
	list-style-image:none
}
#bList2 li {	margin:0px;	padding:0px;width: auto;height: auto;list-style-image:none;	display:block;	text-indent:25px;	height: 30px;
	width: auto;	padding-bottom: 1px;	color:#009900;	font-weight:bold;	font-size:13px;}
#bList2 li a { color:#009900}
#bList2 li a:hover { color: #999999}

/*investor section ---- share cap page*/
#shareCapBG { width: auto; height:215px; background-image:url(../images/shareCapBG.jpg); background-position:center; 
background-repeat:no-repeat; position:relative}
#shareCapBG2 { width:616px; height:161px; background-image:url(../images/shareCapBG2.jpg); background-position:center; 
background-repeat:no-repeat; position:relative}
#sCapColA,#sCapColB,#sCapColA2,#sCapColB2,#sCapColC,#sCapColD,#sCapColE,#sCapColF,#sCapColG,#sCapColH,#sCapColI {position:absolute;}
#sCapColA {
	left: 124px;
	top: 42px;
	border-right:#999999 solid 1px;
	width:188px;
}
#sCapColB {
	left: 375px;
	top: 42px;
	width:112px;
}
#sCapColA2 {
	left: 48px;
	top: 26px;
	border-right:#999999 solid 1px;
	width:57px;
}
#sCapColB2 {
	left: 123px;
	border-right:#999999 solid 1px;
	top: 26px;
	width:41px;
}
#sCapColC {
	left: 183px;
	border-right:#999999 solid 1px;
	top: 26px;
	width:49px;
}
#sCapColD {
	left: 246px;
	border-right:#999999 solid 1px;
	top: 26px;
	width:52px;
}
#sCapColE {
	left: 314px;
	border-right:#999999 solid 1px;
	top: 26px;
	width:33px;
}
#sCapColF {
	left: 362px;
	border-right:#999999 solid 1px;
	top: 26px;
	width:38px;
}
#sCapColG {
	left: 417px;
	top: 26px;
	border-right:#999999 solid 1px;
	width:38px;
}
#sCapColH {
	left: 471px;
	top: 26px;
	border-right:#999999 solid 1px;
	width:40px;
}
#sCapColI {
	left: 527px;
	top: 26px;
	width:45px;
}
/*investor section ---- financial filings page*/
#fColA,#fColB,#fColC {float:left;width:134px; border-right:1px #CCCCCC dashed; height:125px;}
#fColA {  margin-left:30px;}
#fColD {float:left;width:134px; height:125px;}
.sedarLink {display:block; margin-left:30px; padding:0px; width:200px; float:left}
/*investors financial statements*/
#nEntry2 {
	display:block;
	text-decoration:none;
	padding-left:12px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:20px;
	line-height:normal;
	color: #000000;
	width: 596px;
}
#nEntry2 a { display:block;}
#nEntry2 a:hover { color:#999999}
.nEntryDate2 { display: block; color:#339900; height:auto; width:auto; font-weight:bold; font-size:12px; padding-bottom:5px;}
.nEntryBG2 {background-color: #F2F2F2;}
.nEntryBord2 {}
nEntry3 {
	display:block;
	text-decoration:none;
	padding-left:12px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:20px;
	margin-left:12px;
	line-height:normal;
	color: #000000;
	width: 496px;
}
#nEntry3 a { display:block;}
#nEntry3 a:hover { color:#999999}
.nEntryDate3 {
	display: block;
	color:#339900;
	height:auto;
	width:auto;
	font-weight:bold;
	font-size:12px;
	padding-bottom:5px;
	padding-top: 10px; 
	}
.nEntryDate4 {
	display: block;
	color:#134221;
	height:auto;
	width:auto;
	font-weight:bold;
	font-size:12px;
	padding-bottom:5px;
	
}
#nEntry4Date a { display:block;}
#nEntry4Date a:hover {
	color:#000000
}

/*contact page*/
.defaultErr {color:#FF0000;}
#box {width:616px; height:auto; text-align: center; margin-bottom:15px;margin-top:15px;}
/*------------------footer*/
#clear {width:800px; height:17px;clear:both; background-image:url(../images/footerBg.jpg); padding-left:15px; background-position:15px; background-repeat:no-repeat}
#footer { margin-right:auto; margin-left:auto; width:800px; height:30px;}
#fL {float:left; width:350px; padding-top:7px}
#fR {float:right; width:150px; padding-top:7px}