/* CSS Document */

/*   
Theme Name: Stornoway Diamond Corp.
Theme URI: www.industrialbrand.com
Description: Stornoway Diamond corp. - Annual Report 2007
Author: Site design, Steve Mynett of Industrial Brand Creative, steve@industrialbrand.com
Author URI: www.industrialbrand.com
Version: 2.0
*/


/* -------------------------------- General Layout -------------------------------- */ 

* {margin: 0px;	padding: 0px;}

a:focus { outline: none; }

html, body { height: 100%; }

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	height: 100%;
}
#wrapper {
	position: relative;
	width: 978px;
	padding-bottom: 41px;
	margin:0px auto;
	min-height: 100%;
	background: url(images/wrapper_bg.png) repeat-y;
	overflow: auto;
}
#page {
	position: relative;
	width: 958px;
	min-height: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0 1px 2em 1px;
}

* html #page {height: 100%;}

.narrowcolumn {
	float: left;
	padding: 20px 10px 20px 30px;
	margin: 0px 0 0;
	width: 700px;
}

hr {
	border: 0;
	margin: 3em 0;
	color: #00718F;
	background-color: #00718F;
	height: 1px;
}	

a img { border: none; }

/* -------------------------------- Head section -------------------------------- */ 

#header {
	background: url(images/header_bg.png) repeat-x;
	height: 261px;
}

#header h1 {
	text-indent: -5000px;
	background: url(images/logo-trans.png);
	height: 88px;
	width: 178px;
	
	position: absolute;
	right: 1px;
	top: 13px;
}

#primaryNavigation {
	position: absolute;
	top: 230px;
	height: 30px;
	width: 958px
}

#primaryNavigation h2 { display: none; }

#primaryNavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #00718F;
  height: 30px;
}

#primaryNavigation ul li {
	height: 31px;
	float: left;
}

#primaryNavigation ul li a {
	display: block;
	height: 31px;
	background: url(images/nav_bar.png);
	text-indent: -5000px;
}

#primaryNavigation ul li.home a {
	width: 81px;
}
#primaryNavigation ul li.home a:hover {
	background-position: -200px 0;
}
#primaryNavigation ul li.home a.active,
#primaryNavigation ul li.home a.active:hover {
	background-position: -400px 0;
}

#primaryNavigation ul li.ceo_letter a {
	width: 196px;
	background-position: 0 -31px;
}
#primaryNavigation ul li.ceo_letter a:hover {
	background-position: -200px -31px;
}
#primaryNavigation ul li.ceo_letter a.active,
#primaryNavigation ul li.ceo_letter a.active:hover {
	background-position: -400px -31px;
}

#primaryNavigation ul li.highlights a {
	width: 124px;
	background-position: 0 -62px;
}
#primaryNavigation ul li.highlights a:hover {
	background-position: -200px -62px;
}
#primaryNavigation ul li.highlights a.active,
#primaryNavigation ul li.highlights a.active:hover {
	background-position: -400px -62px;
}

#primaryNavigation ul li.mda a {
	width: 82px;
	background-position: 0 -93px;
}
#primaryNavigation ul li.mda a:hover {
	background-position: -200px -93px;
}
#primaryNavigation ul li.mda a.active,
#primaryNavigation ul li.mda a.active:hover {
	background-position: -400px -93px;
}

#primaryNavigation ul li.financials a {
	width: 121px;
	background-position: 0 -124px;
}
#primaryNavigation ul li.financials a:hover {
	background-position: -200px -124px;
}
#primaryNavigation ul li.financials a.active,
#primaryNavigation ul li.financials a.active:hover {
	background-position: -400px -124px;
}

#primaryNavigation ul li.corporate a {
	width: 177px;
	background-position: 0 -155px;
}
#primaryNavigation ul li.corporate a:hover {
	background-position: -200px -155px;
}
#primaryNavigation ul li.corporate a.active,
#primaryNavigation ul li.corporate a.active:hover {
	background-position: -400px -155px;
}



#projectsNavigation h2 {
	text-indent: -5000px;
	background: url(images/projects_nav.png);
	height: 12px;
	width: 72px;
	
	position: absolute;
	top: 39px;
	left: 20px;
}

#projectsNavigation ul {
	position: absolute;
	height: 12px;
	top: 39px;
	left: 102px;
	
	list-style: none;
	padding: 0;
	margin: 0;
}

#projectsNavigation ul li {
	float: left;
	padding-right: 13px;
}
#projectsNavigation ul li a {
	display: block;
	text-indent: -5000px;
	height: 12px;
}

#projectsNavigation ul li.development a {
	width: 120px;
	background: url(images/projects_nav.png) 0 -12px;
}
#projectsNavigation ul li.development a.active,
#projectsNavigation ul li.development a.active:hover,
#projectsNavigation ul li.development a:hover {
	background: url(images/projects_nav.png) -150px -12px;
}

#projectsNavigation ul li.advanced a {
	width: 108px;
	background: url(images/projects_nav.png) 0 -24px;
}
#projectsNavigation ul li.advanced a.active,
#projectsNavigation ul li.advanced a.active:hover,
#projectsNavigation ul li.advanced a:hover {
	background: url(images/projects_nav.png) -150px -24px;
}

#projectsNavigation ul li.grassroots a {
	width: 77px;
	background: url(images/projects_nav.png) 0 -36px;
}
#projectsNavigation ul li.grassroots a.active,
#projectsNavigation ul li.grassroots a.active:hover,
#projectsNavigation ul li.grassroots a:hover {
	background: url(images/projects_nav.png) -150px -36px;
}

#header a.stockSymbol {
	position: absolute;
	left: 504px;
	top: 39px;
	
	display: block;
	text-indent: -5000px;
	height: 12px;
	width: 53px;
	
	background: url(images/stock_link.png);
}

#header a.stockSymbol:hover {
	background-position: 0 -12px;
}


#header img.bannerImage {
	position: absolute;
	top: 60px;
	height: 200px;
	width: 958px;
}


#header img.bannerImage {
	z-index: 1;
}
#header h1 {
	z-index: 20;
}
#primaryNavigation {
	z-index: 10;
}


/* -------------------------------- General Typography -------------------------------- */ 

/* For information on what this font-size and em stuff is all about */
/* Visit the following articles: */
/* http://ryanwerth.com/blog/article/22/ems-revisited-part-ii-making-ems-more-usable */
/* http://www.clagnut.com/blog/348/ */

html {
	font-size: 50%;
}
	
body {
	font-size: 125%;
	font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
}

p {	margin-bottom: 1em; text-align: left; }

a:link {color:#666;text-decoration:none;}
a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {color:#1f829a;	text-decoration:none;}
a:active {color:#1f829a;text-decoration:underline;}

div.entrytext img {
	border: 1px solid #aaa;
	margin: 0 1.2em 1em 0;
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float:left;
}
div.entrytext img.alignright {
	float: right;
	margin: 0 0 1em 1.2em;
}

#content h2,
#content h3,
#content h4,
#content h5
{
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1em;
	font-weight: normal;
}
#content h2 {
	color:#00728F;
	font-size: 1.8em;
	margin-bottom: 1em;
}

#content h3 {
	color:#1F829A;
	font-size: 1.5em;
	text-transform: uppercase;
}

#content h4 {
  font-size: 1.5em;
	color:#0C3844;
}

#content h5 {
	color:#0C3844;
	font-size: 1.3em;
}

#content blockquote {
	color: #5DA6C0;
	float: right;
	font-size: 1.6em; /* 16 points */
	line-height: 1.5625em; /* 25 points */
	width: 35.461%;
	margin: 0 0 0 2em;
	position: relative;
	top: -0.2em;
}

#content ul {
	list-style: square;
}
#content ul li,
#content ol li {
	margin-left: 1.3em;
	font-size: 1.1em; /* 11 points */
	line-height: 1.818em; /* 20 points */
}
#content ul li ul li {
	font-size: 1em; /* 11 points */
}
#content ol li p {
	font-size: 1.091em;
}
#content ol li ol li p {
	font-size: 1em;
}
#content ol.roman {
	list-style: lower-alpha;
}
#content p {
	font-size: 1.2em; /* 12 points */
	line-height: 1.67em; /* 20 points */
}

#content p.image {
	margin: 0;
}

#content p.legalHeader {
	text-align: center;
	font-weight: bold;
}

#content p.indent {
	padding-left: 2em;
}

div.footnotes {
	border-top: 1px solid #D5D5D5;
	padding: 1em;
}

div.footnotes ol li {
	margin-left: 1.5em;
}

div.footnotes ol li p,
div.footnotes ol li strong {
	font-size: 1.0em; /* 10 points */
	line-height: 1.6em; /* 16 points */
}

sup {
	padding: 0 0.2em;
	font-size: 1em;
	line-height: 75%;
	vertical-align:text-top;
}
sup a,
sup a:visited,
sup a:link {
	text-decoration: underline;
}

div.entrytext p.text_disclosure {
	font-size: 1.1em; /* 11 points */
	line-height: 1.364em; /* 15 points */
}
.text_hilight {	color:#506c83;}
.inline_list li {
	list-style-type: disc;
	text-align:justify;	
}

.text_container_list{
	list-style:none;
	margin:0px;
	padding:0px;
}
.text_list {
	margin:0px 0px 0px 20px;
	padding:0px;
}

.text_list li{
	margin:0px;
	padding:0px;
}

span.indent {
	margin-left:20px;	
}


div.floatleft {
	float:left;
	margin: 5px 15px 10px 0px;
}

div.floatright {
	float:right;
	margin: 5px 0px 10px 15px;
}

/* -------------------------------- Header section-------------------------------- */ 
.cell_banner_graphic {
	background-image:url(images/banner_1_FPO.jpg)  no-repeat;
}

/* -------------------------------- Top Navigation Menu -------------------------------- */ 
#menuNav{
	position: absolute;
	left: 30px;
	top: 172px;
}

#menuNav li{	display: inline;}
#menuNav li a{	margin-right: 2px;}
a#lnkHome, a#lnkHome:visited {
	float: left;
	width: 75px;
	height: 28px;
	text-indent: -9999px;
	background: url(images/home.gif) top left no-repeat;
}

a#lnkPresident, a#lnkPresident:visited {
	float: left;
	width: 179px;
	height: 28px;
	text-indent: -9999px;
	background: url(images/pres_report.gif) top left no-repeat;
}
a#lnkHighlights, a#lnkHighlights:visited {
	float: left;
	width: 101px;
	height: 28px;
	text-indent: -9999px;
	background: url(images/highlights.gif) top left no-repeat;
}
a#lnkMDA, a#lnkMDA:visited {
	float: left;
	width: 62px;
	height: 28px;
	text-indent: -9999px;
	background: url(images/mda.gif) top left no-repeat;
}

a#lnkFinancials, a#lnkFinancials:visited {
	float: left;
	width: 98px;
	height: 28px;
	text-indent: -9999px;
	background: url(images/financials.gif) top left no-repeat;
}

a#lnkCorporate, a#lnkCorporate:visited {
	float: left;
	width: 133px;
	height: 28px;
	text-indent: -9999px;
	background: url(images/corp_info.gif) top left no-repeat;
}

a#lnkHome:hover, a#lnkHome:active,  .active a#lnkHome,
a#lnkPresident:hover, a#lnkPresident:active,  .active a#lnkPresident,
a#lnkHighlights:hover, a#lnkHighlights:active,  .active a#lnkHighlights,
a#lnkMDA:hover, a#lnkMDA:active,  .active a#lnkMDA,
a#lnkFinancials:hover, a#lnkFinancials:active,  .active a#lnkFinancials,
a#lnkCorporate:hover, a#lnkCorporate:active, .active a#lnkCorporate{
	background-position: 0px -28px;
}

/* -------------------------------- Title Bar section -------------------------------- */ 

#titleNav{
	/*background: #FFF ;*/
	background:url(images/title_nav_bg.gif) no-repeat right bottom;
	min-height: 13px;
	padding:0px 0px 0px 0px;
}

* html #titleNav{
	height: 66px;
}

div.container_page_titles .text_annual_report_title{
	font-size: 20px;
	color: #D1D7DC;
	font-weight: bold;
}

.text_page_title {
	font-size: 16px;
	color: #8E969E;
}

#searchContainer {
	margin-bottom: 25px;
}

#searchContainer .input_text {
	width: 194px;
	height: 12px;
	margin-right: 20px;	
	border: 1px solid #00718F;
	background-color: #FFF;
	font-size: 1em;
}

#searchContainer .input_button {
	height: 14px;
	background-color: #00718F;
	width: 99px;
	border: none;
	background-image: url(images/search_button.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
}

#searchContainer .input_button:hover {
	background-position: 0 -14px;
	cursor: pointer;
}

/* -------------------------------- Content section -------------------------------- */ 
#content {
	width: 564px;
	color: #28283C;
	padding: 20px;
	padding-bottom: 0;
}

div.entrytext p {
	font-size: 1.2em;
}

#content ul{
	margin-bottom:20px;
}

/* -------------------------------- Sidebar section -------------------------------- */ 
#sidebar {
	float: right;
	padding: 20px 19px;
	width: 315px;
}

#sidebar ul.pageNav {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}


#sidebar ul.pageNav li.current_page_item a,
#sidebar ul.pageNav li.current_page_ancestor ul li.current_page_item a,
#sidebar ul.pageNav li.current_page_ancestor a {
	color: #000;
}
#sidebar ul.pageNav li a,
#sidebar ul.pageNav li.current_page_item ul li a,
#sidebar ul.pageNav li.current_page_ancestor ul li a {
	color: #00718F;
}

#sidebar ul.pageNav a {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
}

#sidebar ul.pageNav li ul {
	list-style: none;
	margin: 1px 0 0 17px;
	padding: 0;
	border-top: 1px solid #00718F;
	border-bottom: 1px solid #00718F;
	display: none;
}
#sidebar ul.pageNav li.current_page_item ul,
#sidebar ul.pageNav li.current_page_ancestor ul {
	display: block;
}

#sidebar ul.pageNav li ul a {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #646478;
	background: url(images/bullet_page_nav.png) 0 2px no-repeat;
	padding-left: 17px;
}
#sidebar ul.pageNav li ul li.current_page_item a {
	background-position: 0 -48px;
}

a.printLink {
	display: block;
	background: url(images/print_icon.png) 0 2px no-repeat;
	padding-left: 17px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	color: #00718F;
}
a.printLink:hover {
	background-position: 0 -48px;
}

/* -------------------------------- Search Results section -------------------------------- */ 
ul.searchResults{margin: 20px 40px;	list-style-image:url(images/blue_bullet.gif);}

/* -------------------------------- Footer section -------------------------------- */ 
#footer{
	height:21px;
	padding:8px 0px 0px 25px;
	background:#ebf3f6;
	color:#7c9ba2;
	vertical-align:middle;
	border-top: 1px solid #00718F;

	position: fixed;
	bottom: 0;
	margin-left: 10px;
	width: 933px;
}

#footer a:visited, #footer a:link {	color:#6b8d95;	text-decoration:none;}
#footer a:hover, #footer a:active {	color:#666;	text-decoration:none;}


/* -------------------------------- Inline Tables -------------------------------- */ 
table {
	border-collapse: collapse;
}

.table_chart, .table_special {
	margin: 0 0 1em 0;
	line-height: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #C8CCCD;
	border-right-color: #C8CCCD;
	border-bottom-color: #c9e1e7;
	border-left-color: #C8CCCD;
}

table .alignright,
.table_special .alignright {
	text-align: right;
}
table .aligncenter {
	text-align: center;
}

.table_special .special_total {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #c9e1e7;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #c9e1e7;	
	color:#0c3844;
	background-color: #ebf3f6;
	font-weight: bold;
}

.table_chart thead tr.subheads th {
	border: 1px solid #EBF3F6;
	background-color: #FFF;
	font-weight: normal;
}
.table_chart tfoot td,
.table_special tfoot td {
	padding: 1em 7px 0 7px;
	border-top: 1px solid #C9E1E7;
}
.table_chart tfoot td {
	border-width: 3px;
}

.table_special td.special_sum {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #C9E1E7;
}

.table_chart td, .table_special td {
	border:0px;
	xpadding:3px 7px 3px 10px;
	padding:2px 5px 2px 7px;
	
}

.table_chart td {
	vertical-align:bottom;
}
.table_special td {
	text-align: center;
}

caption {
	vertical-align:bottom;
	background-color: #C9E1E7;
	padding:7px 4px;
	color:#0C3844;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}

.table_chart th, .table_special th{
	vertical-align:bottom;
	border:0px;
	background-color: #ebf3f6;
	padding:15px 7px 15px 7px;
	color:#0c3844;
}

.table_small {
	text-align:right;
	border:1px solid #DDE1E2;
	margin: 15px -60px 25px 0;
	line-height: 15px;
}

.table_textSmall {font-size: 90%;}
.table_textSmaller {font-size: 80%;}
.tableBreak {height: 7px; display: block;}	

table td,
table th,
table caption {
	font-size: 1.1em;
}
div.entrytext table p {
	font-size: 1em;
}
.table_small td {
	vertical-align:bottom;
	border:0px;
	padding:3px 7px 3px 10px;
}

.table_small th{
	vertical-align:bottom;
	border:0px;
	background-color: #ebf3f6;
	padding:15px 7px 15px 7px;
	text-align:right;
	color:#0c3844;
}

.table_chart td.spacer, tr.spacer, th.spacer{
	padding: 0px;
	margin: 0px;
	height: 7px;
	line-height: 0px;
}

.table_chart .left_col, table_small .left_col, .table_special .left_col {	color: #0c3844;	text-align: left;}

.table_chart .blue, .table_special .blue{	color: #0c3844;}
.table_chart .totals, .highlight_rows, .table_special .totals, .table_special .highlight_rows {
	background-color: #ebf3f6;
	font-weight: bold;
}
.table_chart .totals, .table_special .totals {	color:#0c3844;}
.table_chart .sum, .table_small .sum, .table_special .sum {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c9e1e7;
}

.table_chart .sum_and_totals, .table_small .sum_and_totals, .table_special .sum_and_totals {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c9e1e7;
	color:#0c3844;
	background-color: #ebf3f6;
	font-weight: bold;
}

.table_chart .bold_sum_and_totals, .table_special .bold_sum_and_totals {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #c9e1e7;
	color:#0c3844;
	background-color: #ebf3f6;
	font-weight: bold;
}

td.bold_sum, th.bold_sum {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #c9e1e7;
}

.table_contact {width: 100%;	text-align:left;}
.table_contact td, .table_contact th {	vertical-align:top;	padding-left: 10px;}
.table_contact .labels {text-align: right;}
.table_contact .spacer {height: 3px;	padding: 0px;}

td.indent, th.indent {padding-left: 20px;}
td.indent_two, th.indent_two {padding-left: 40px;}

/* Links General */
div.no_border a:link, div.no_border a:visited, div.no_border a:hover, div.no_border a:active,
div.no_border img,
p.no_border a:link, p.no_border a:visited, p.no_border a:hover, p.no_border a:active,
p.no_border img {
	color: white;
	text-decoration:none;
	border:none;
}
p.no_border {
	overflow: auto;
}

.next_btn {position:relative;}

#cell_page_titles .text_annual_report_title{
	color: #d1d7dc;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
}

.container_right_downloads{	font-size: 1.2em; }

.container_right_downloads span.text_annual_report_title{
	font-size: 1.6em;
	color: #0c3844;
	font-weight:bold;
}

.container_right_nav{ font-size: 1.2em; }

.text_annual_report_title {
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom: 5px;	
}
.line{
	width:100%;
	height:1px;
	padding:0px 0px 10px 0px;
}