@charset "UTF-8";
* {margin: 0px; padding: 0px;}

body {
	background: #000000 url(images/background.jpg) no-repeat center top;
	font: 12px Arial, Helvetica, sans-serif;
}


#wrapper {
	margin: 32px auto 30px;
	width: 960px;
	position: relative;
}

#header {
	width: 960px;
	height: 155px;
	background: url(images/header.jpg) no-repeat;
	position: relative;
        z-index: 1001;
}

#mainContent {
	height: 451px;
	width: 960px;
	position: relative;
	color: #FFFFFF;
}

#homeImg {
	width: 677px;
	height: 451px;
	float: left;
}

#newsPanel {
	width: 261px;
	height: 301px;
	background: url(images/right-panel.jpg) no-repeat;
	float: right;
	position: relative;
	padding-left: 22px;
	padding-top: 150px;
}

#newsPanel p {
	width: 236px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* FOOTER */

#contentFooter {
	background: #000000;
	height: 160px;
	width: 960px;
	padding-top: 1px;
	position: relative;
	margin-top: 0px;
}

#updates {
	width: 241px;
	height: 100px;
	position: absolute;
	top: 45px;
	left: 696px;
}

#footerIcons {width: 676px; height: 124px; margin-top: 20px;}
#footerIcons .iconLink {
	width: auto;
	float: left;
	padding-left: 34px;
	padding-right: 35px;
	display: inline;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center;
}

#footerIcons a:link {
	text-decoration: none;
	color: #FFFFFF;
	}
	
#footerIcons a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
	
#footerIcons a:hover {
	text-decoration: none;
	color: #9a7c2f;
	}
	
#footerIcons a:active {
	text-decoration: none;
	color: #FFFFFF;
	}
	
#footerBottom {
	width: 960px;
	margin-top: 25px;
	height: 20px;
	
}	
#footerNav {
	font: 11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	width: 525px;
	float: left;
}

#footerNav a {padding: 0 6px;}
#footerNav a:link {color: #fff; text-decoration: none;}
#footerNav a:visited {color: #fff; text-decoration: none;}
#footerNav a:hover {color: #9b7c2f; text-decoration: none;}
#footerNav a:active {color: #fff; text-decoration: none;}

#copyright {
	font: 11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	width: 420px; 
	float: right;
	text-align: right;
}

/* --------------------------------- */

/* MAIN NAVIGATION */

#nav {width: 714px; height: 31px; position: absolute; top: 100px; right: 10px; z-index: 200}

ul.mainNav {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 714px;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
}
ul.mainNav li {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.mainNav li a{
	padding: 0px;
	color: #000000;
	display: block;
	text-decoration: none;
	float: left;
}
ul.mainNav li a:hover{
	background-position: 0px -31px;
}

#homeLink {
	width: 69px;
	height: 31px;
	background: url(images/home-nav.jpg) no-repeat left top;
	text-indent: -9999px;
}

#corporateLink {
	width: 117px;
	height: 31px;
	background: url(images/corporate-nav.jpg) no-repeat left top;
	text-indent: -9999px;
}

#projectsLink {
	width: 106px;
	height: 31px;
	background: url(images/projects-nav.jpg) no-repeat left top;
	text-indent: -9999px;
}

#newsLink {
	width: 149px;
	height: 31px;
	background: url(images/news-nav.jpg) no-repeat left top;
	text-indent: -9999px;
}

#investorLink {
	width: 160px;
	height: 31px;
	background: url(images/investor-nav.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contactLink {
	width: 113px;
	height: 31px;
	background: url(images/contact-nav.jpg) no-repeat left top;
	text-indent: -9999px;
}

#homeLink:hover, #corporateLink:hover, #projectsLink:hover, #newsLink:hover, #investorLink:hover, #contactLink:hover {background-position: 0 -31px;}

ul.mainNav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 5px;
	top: 31px;
	background: #fff;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 202px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	z-index: 100;
}



ul.mainNav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #ccc; /*--Create bevel effect--*/
	clear: both;
	width: 202px;
}



ul.mainNav li ul.subnav li.news {
	margin: 0; padding: 0;
	border-top: 1px solid #ccc; /*--Create bevel effect--*/
	clear: both;
	width: 150px;
}

ul.mainNav li ul.subnav li.noBorder {border-top: none;}


html ul.mainNav li ul.subnav li a {
	float: left;
	width: 170px;
	background: #fff;
	padding: 8px 16px;
}
html ul.mainNav li ul.subnav li.news a {
	float: left;
	width: 118px;
	background: #fff;
	padding: 8px 16px;
}

html ul.mainNav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #dae6e9;
}

/* PROJECT LINKS */

#projectLinksContainer {
	width: 677px;
	height: 69px;
	position: absolute;
	left: 0px;
	top: 537px;
	z-index: 100;
}

.navItem {
	float: left;
	display: inline;
}

#project01 {
	width:169px;
	height:69px;
	overflow:hidden;
	border:0;
	display: block;
	background:url(images/atkinson-nav.png) no-repeat 0 0;
	cursor:pointer !important;
	cursor:hand;
	text-indent: -9999px;
}

#project02 {
	width:169px;
	height:69px;
	overflow:hidden;
	border:0;
	display: block;
	background:url(images/mcgillivray-nav.png) no-repeat 0 0;
	cursor:pointer !important;
	cursor:hand;
	text-indent: -9999px;
}

#project03 {
	width:169px;
	height:69px;
	overflow:hidden;
	border:0;
	display: block;
	background:url(images/besshi-nav.png) no-repeat 0 0;
	cursor:pointer !important;
	cursor:hand;
	text-indent: -9999px;
}

#project04 {
	width:170px;
	height:69px;
	overflow:hidden;
	border:0;
	display: block;
	background:url(images/yukon-nav.png) no-repeat 0 0;
	cursor:pointer !important;
	cursor:hand;
	text-indent: -9999px;
}

#project01:hover, #project02:hover, #project03:hover, #project04:hover {background-position: 0 -69px;}

/* ----------------------------- */

#logo {width: 109px; height: 152px; position: absolute; top: 0px; left: 30px;}
#logo img {border: none;}

/* STOCK QUOTE TABLE */

.symbol {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center}
.lastTrade {font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #000000; font-weight: bold; text-align: center}
#quoteTable td {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666; text-align: right;}
#stockquoteTable {width: 223px; position: absolute; top: 18px; left: 15px;}

/* ARTICLES */

.articleItem {
     margin-bottom: 15px;
}

.articleDate {
      font-size: 10px;
}

div.articleItem a {
    color: #ffffff;
    text-decoration: none;
}

div.articleItem a:hover {
 color: #cc9900;
}

img, div { behavior: url(http://www.atocharesources.com/iepngfix.htc) }