/* @override http://stone-circle.ca/css/sc_style.css */

body {
	background-color: #140a0a;
	margin: 0;
	padding: 24px;
}

#wrapper {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #4b2c25;
	padding: 12px;
	width: 1009px;
	height: 625px;
	background-color: white;
}

#logo {
	margin: 0;
	width: 250px;
	height: 138px;
}

#sidebar a img#logo {
	text-decoration: none;
	border-style: none;
}

#sidebar {
	width: 250px;
	height: 625px;
	float: left;
	background: url(../images/drawings_side.jpg) repeat-x 0 150px;
	border: 1px solid #4b2c25;
}

ul#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#nav li {
	text-align: left;
	margin: 0 0 -1px;
	padding: 0;
}

ul#subnav-company,
ul#subnav-who,
ul#subnav-what,
ul#subnav-why,
ul#subnav-news,
ul#subnav-contact,
ul#subnav-sitemap {
	list-style-type: none;
	padding: 0;
	border-bottom: 1px solid #766151;
}

ul#subnav-company.toggle,
ul#subnav-who.toggle,
ul#subnav-what.toggle,
ul#subnav-why.toggle,
ul#subnav-news.toggle,
ul#subnav-contact.toggle,
ul#subnav-sitemap.toggle {
	display: none;
}

ul#subnav-company li,
ul#subnav-who li,
ul#subnav-what li,
ul#subnav-why li,
ul#subnav-news li,
ul#subnav-contact li,
ul#subnav-sitemap li {
	text-align: left;
	margin: 0;
	padding: 0;
}

ul#nav li a:link, ul#nav li a:visited {
	text-decoration: none;
	color: #140a0a;
	margin: 0;
	clear: both;
	display: block;
	padding: 2px 0 2px 12px;
	border: 1px solid #766151;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
	font: 15px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul#subnav-company li a:link, 
ul#subnav-company li a:visited,
ul#subnav-who li a:link, 
ul#subnav-who li a:visited,
ul#subnav-what li a:link, 
ul#subnav-what li a:visited,
ul#subnav-why li a:link, 
ul#subnav-why li a:visited,
ul#subnav-news li a:link, 
ul#subnav-news li a:visited,
ul#subnav-contact li a:link, 
ul#subnav-contact li a:visited,
ul#subnav-sitemap li a:link, 
ul#subnav-sitemap li a:visited {
	text-decoration: none;
	color: #140a0a;
	clear: both;
	display: block;
	font: bold 12px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-style: none;
	margin: 0;
	padding: 0 0 0 12px;
}

ul#nav li a:hover
 {
	color: white;
	background: #140a0a 0 bottom;
}

#side-text a.posting:link, #side-text a.posting:visited {
	text-decoration: none;
	color: #140a0a;
	clear: both;
	display: block;
	border-style: none;
	margin: 0 0 0 8px;
	background: url(../images/file_pdf.png) no-repeat left center;
	height: 48px;
	padding-left: 48px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 6px;
	text-shadow: black 0 0 1px;
}

#side-text a.posting:link span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: gray;
}

#side-text a.posting:hover
 {
	text-decoration: underline;
}

ul#subnav-company li a:hover,
ul#subnav-who li a:hover,
ul#subnav-what li a:hover,
ul#subnav-why li a:hover,
ul#subnav-news li a:hover,
ul#subnav-contact li a:hover, 
ul#subnav-sitemap li a:hover {
	background: url(../images/gradient.png) repeat-x 0 -160px;
	color: #140a0a;
}

#company ul#nav li #company_link,
#who ul#nav li #who_link,
#what ul#nav li #what_link,
#why ul#nav li #why_link,
#news ul#nav li #news_link,
#contact ul#nav li #contact_link,
#sitemap ul#nav li #sitemap_link {
	color: white;
	background: #140a0a 0 bottom;
	text-shadow: #000000 0px 0px 1px;
}

body.vision #vision_link,
body.affiliation #affiliation_link,
body.logo #logo_link,
body.bio #bio_link,
body.partners #partners_link,
body.ecdev #ecdev_link,
body.mining #mining_link,
body.comm #comm_link,
body.press #press_link,
body.policy #policy_link {
	color: #140a0a;
	background: url(../images/gradient.png) repeat-x 0 center;

}

ul#subnav-what.toggle li.indent a#mining_link
 {
	margin: 0;
	padding: 0 0 0 25px;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted #977D69;
}

#side-text {
	margin: 0;
	padding: 8px 0 0;
}

#map {
	position: relative;
	border: 1px solid #766151;
	top: -100px;
	left: 350px;
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
}

#side-text p {
	margin: 0;
	padding: 4px 12px 8px;
	font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: black;
	text-shadow: black 0 0 1px;
}

#splash {
	border: 1px solid #4b2c25;
	background: white url(../images/transparency.png) repeat-x left 75%;
	height: 625px;
	width: 747px;
	float: right;
}

#content {
	height: 625px;
	float: right;
	width: 730px;
	overflow: auto;
	background-color: white;
}

#content p a:link, #content p a:visited {
	text-decoration: underline;
	color: maroon;
}

#content a.study_link:link, #content a.study_link:visited {
	font: bold 14px/34px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: maroon;
	padding: 0 0 0 36px;
	display: block;
	margin: 12px 0 0;
	background: url(../images/previewmodule_normal_hover.png) no-repeat;
}

#content a.study_link:hover {
	text-decoration: underline;
	color: #977D69;
}

ul#people {
	list-style-type: none;
}

ul#people li {
	float: left;
	width: 100px;
	padding-right: 25px;
	height: 181px;
	padding-bottom: 25px;
}

ul#people li.jdavid a:link, ul#people li.jdavid a:visited {
	text-decoration: none;
	background: url(../images/personnel/Jen_photo.jpg) no-repeat 0 bottom;
	margin: 0;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	width: 100px;
	height: 152px;
	display: block;
	padding: 0;
}

ul#people li.jdavid a:hover {
	background: url(../images/personnel/Jen_photo.jpg) 0 top;
}

ul#people li.saulis a:link, ul#people li.saulis a:visited {
	text-decoration: none;
	background: url(../images/personnel/Saulis_photo.jpg) no-repeat 0 bottom;
	margin: 0;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	width: 100px;
	height: 152px;
	display: block;
	padding: 0;
}

ul#people li.saulis a:hover {
	background: url(../images/personnel/Saulis_photo.jpg) 0 top;
}

ul#people li.goulais a:link, ul#people li.goulais a:visited {
	text-decoration: none;
	background: url(../images/personnel/Goulais_photo.jpg) no-repeat 0 bottom;
	margin: 0;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	width: 100px;
	height: 152px;
	display: block;
	padding: 0;
}

ul#people li.goulais a:hover {
	background: url(../images/personnel/Goulais_photo.jpg) 0 top;
}

ul#people li.vassinewe a:link, ul#people li.vassinewe a:visited {
	text-decoration: none;
	background: url(../images/personnel/Valerie_photo.jpg) no-repeat 0 bottom;
	padding: 0;
	margin: 0;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	width: 100px;
	height: 152px;
	display: block;
}

ul#people li.vassinewe a:hover {
	background: url(../images/personnel/Valerie_photo.jpg) 0 top;
}

ul#people li.rryan a:link, ul#people li.rryan a:visited {
	text-decoration: none;
	background: url(../images/personnel/Ron_photo.jpg) no-repeat 0 bottom;
	padding: 0;
	margin: 0;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	width: 100px;
	height: 152px;
	display: block;
}

ul#people li.rryan a:hover {
	background: url(../images/personnel/Ron_photo.jpg) 0 top;
}

ul#people li.gsmith a:link, ul#people li.gsmith a:visited {
	text-decoration: none;
	background: url(../images/personnel/Greg_photo.jpg) no-repeat 0 bottom;
	padding: 0;
	margin: 0;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	width: 100px;
	height: 152px;
	display: block;
}

ul#people li.gsmith a:hover {
	background: url(../images/personnel/Greg_photo.jpg) 0 top;
}

ul#people li.cgrosset a:link, ul#people li.cgrosset a:visited {
	text-decoration: none;
	background: url(../images/personnel/Grosset_photo.jpg) no-repeat 0 bottom;
	padding: 0;
	margin: 0;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	width: 100px;
	height: 152px;
	display: block;
}

ul#people li.cgrosset a:hover {
	background: url(../images/personnel/Grosset_photo.jpg) 0 top;
}

ul#people li a span.name {
	display: none;
	clear: both;
	padding-top: 150px;
	font: bold 13px/16px Pigiarniq, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul#people li a:hover span.name {
	color: #4b2c25;
	display: block;
}

#content h1 {
	color: maroon;
	font: bold 22px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: -1px;
	margin: 15px 0 0;
	padding: 0 8px 0 0;
}

h2 {
	color: #54301A;
	padding-top: 25px;
	font: bold 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	color: maroon;
	clear: both;
	font: bold 1.5em/25px Georgia, "Times New Roman", Times, serif;
}

h4 {
	color: #54301A;
	font: bold .9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h5 {
	color: maroon;
	padding-top: 15px;
	font: bold 18px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h6 {
	color: maroon;
	font: bold 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 8px;
}

#offer-ecdev {
	background: url(../images/approach_graphic.gif) no-repeat left top;
	padding-left: 320px;
}

#offer-policy {
	background: url(../images/approach_graphic.gif) no-repeat left top;
	padding-left: 320px;
	margin-top: 25px;
	border-top: 1px solid #977D69;
}

#offer-research {
	background: url(../images/approach_graphic.gif) no-repeat left top;
	padding-left: 320px;
	margin-top: 25px;
	border-top: 1px solid #977D69;
}

#tagline {
	padding-left: 20px;
	padding-top: 50px;
	width: 397px;
	height: 143px;
}

ul.list {
	list-style-type: none;
}

ul.list li {
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
	margin: 0;
}

ul.services {
	padding-top: 2px;
	list-style-type: square;
	list-style-position: outside;
	margin-left: 16px;
}

ul.services li {
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul.sublist {
	padding-top: 2px;
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 28px;
}

ul.sublist li {
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content p {
	padding-top: 8px;
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#quote blockquote {
	font: italic 16px/18px "Times New Roman", Georgia, Times, serif;
	margin-left: 85px;
	text-align: left;
	padding: 0 0 0 8px;
	background-color: white;
	border-left: 1px solid #766151;
	width: 450px;
}

#quote {
	background: url(../images/quotemarks.gif) no-repeat left top;
	margin-top: 12px;
	margin-bottom: 12px;
}

#quote p.signed {
	color: maroon;
	padding-left: 125px;
	padding-top: 8px;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content p span.bold {
	font-weight: bold;
}

#content p.bold {
	font-weight: bold;
}

#content p span.emphasis {
	color: maroon;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
}

#scene {
	height: 400px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #4b2c25;
	border-top: 1px solid #4b2c25;
	background: url(../images/sc_bkgd.jpg) repeat-x -5px 75%;
}

#splash a:link, #splash a:visited  {
	color: white;
	text-transform: uppercase;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	padding: 10px;
	margin: 0;
	background-color: #140a0a;
	text-decoration: none;
	display: block;
}

#splash a:hover {
	text-decoration: underline;
}

#approach {
	float: left;
	margin-top: 15px;
	width: 300px;
	height: 367px;
}

#footer {
	height: 190px;
	width: 747px;
}

.footer-logo {
	width: 280px;
	padding: 0;
	height: 155px;
	position: relative;
	top: 18px;
	bottom: 18px;
	left: 25px;
	right: 0;
}

#footer .ad {
	width: 425px;
	padding: 18px 0 16px 8px;
	height: 155px;
	border-style: none;
	float: left;
	background-color: white;
	margin: 0;
}

#footer a:link, #footer a:visited {
	border-style: none;
	background-color: white;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

div#controller {
	width: 100%;
	clear: both;
	position: absolute;
	bottom: 8px;
	top: 608px;
}

#controller h4 {
	color: black;
	font: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ol#project {
	height: 28px;
}

ol#project li {
	float: left;
	list-style-type: none;
	text-align: center;
}

ol#project li a:link, ol#project li a:visited {
	width: 28px;
	height: 28px;
	background: url(../images/project_number.gif) no-repeat center top;
	color: #977D69;
	text-decoration: none;
	display: block;
	font: bold 16px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

ol#project li a:hover, ol#project li a.on
 {
	background-position: 0 bottom;
	color: white;
}

ol#project li.more a:link, ol#project li.more a:visited {
	width: 28px;
	height: 28px;
	float: left;
	background: url(../images/more.gif) no-repeat center top;
}

ol#project li.more a:hover
 {
	background-position: 0 bottom;
	color: white;
}

div#case {
	background: url(../images/drawings_top.jpg) repeat-x left top;
	margin-bottom: 25px;
	padding: 12px;
	height: 50px;
}

#case p {
	color: white;
	font-size: 22px;
	margin: 0;
	padding: 0;
	line-height: 24px;
}

#case h1 {
	font: 34px/50px Georgia, "Times New Roman", Times, serif;
	display: block;
	float: left;
	color: #140a0a;
	margin-top: -12px;
	margin-left: -12px;
	margin-right: 12px;
	padding: 12px;
	background: url(../images/cases-fade.png) repeat-x left top;
	border-right: 1px solid #977D69;
	text-transform: lowercase;
}

#case p span.bold {
	font: 28px/50px Georgia, "Times New Roman", Times, serif;
	display: block;
	float: left;
	color: #140a0a;
	margin-top: -12px;
	margin-left: -12px;
	margin-right: 12px;
	padding: 12px;
	background: url(../images/cases-fade.png) repeat-x left top;
	border-right: 1px solid #977D69;
	text-transform: lowercase;
}

img.studyimg {
	float: left;
}

img.photo {
	padding: 0;
	margin-top: 12px;
	border: 1px solid gray;
}

#why #text {
	padding-left: 15px;
	margin-left: 300px;
	border-left-style: none;
}

#text {
	padding-left: 15px;
	margin-left: 300px;
	border-left: 1px solid #977D69;
}

#content span.item {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: maroon;
}

/* Contacts List */

table#contacts-list {
	width: 100%;
	margin: -50px 0 -8px;
	padding: 0;
	border: 1px solid #766151;
}

#contacts-list thead {
	background-color: maroon;
	font-weight: bold;
}

#contacts-list tfoot tr {
	background-color: #977D69;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#contacts-list th {
	color: white;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	padding: 4px;
	text-align: center;
}

#contacts-list tbody td {
	padding: 4px;
	color: black;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	white-space: nowrap;
}

#contacts-list a:link, #contacts-list a:visited {
	text-decoration: underline;
	color: maroon;
}

#contacts-list tr.table-design {
	background: url(../images/gradient.png) 0 50px;
}

ul#site {
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul#site li {
	margin-top: 4px;
	margin-bottom: 4px;
}

ul#site li a:link, ul#site li a:visited {
	color: black;
	text-decoration: none;
}

ul#site li a:hover {
	color: maroon;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

ul#site li.section {
	font-weight: bold;
}