body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0;padding:0;} 
html>body {font-size: 12px;}
body {font-family: Helvetica, Verdana, Arial, sans-serif;font-size: 75%;color:#000;background: #ffffff url('http://www.earthsys.ca/assets/interface/bg_body_earth3.jpg');background-repeat: repeat-x;}
	
/* ================================== */
/* ======= LAYOUT ======== */
/* ================================== */
#container {width: 800px;margin: 0 auto;padding: 0;background-image: url('http://www.earthsys.ca/assets/interface/bg_container.png');background-repeat: repeat-y;}
#header {width: 780px;height: 221px;margin-left: 10px;}
#containerCap {width: 800px;height: 25px;margin: 0 auto;background-image: url('http://www.earthsys.ca/assets/interface/bg_containerCap.png');}
#contentWrapper {width:780px;margin-left:10px;/* account for gradient bg */overflow: hidden;/* ensures this 'container' wraps around floated children */background: #ffffff url('http://www.earthsys.ca/assets/interface/bg_contentGradient.gif') repeat-x;}
#content {width:490px;float:right;margin:35px 30px 0 0;  display: inline;}
.colA, .colB, .colC, .colAB, .colBC, .colABC {margin-top: 30px;}
.colA {width: 220px;margin-left:30px;float: left;}
.colB {width: 220px;margin-left:30px;float: left;}
.colC {width: 220px;margin-left:30px;float: left;}
.colAB {width:470px;margin-left:30px;float:left;}
.colBC {width:470px;float:right;margin-right:30px;}
.colABC {width:720px;margin-left:30px;overflow: hidden;/* ensures this 'container' wraps around floated children */}
img.floatR {float:right;margin:0 0 .4em 1em;border:1px solid #dbdbdb;padding:2px;}

/* ================================== */
/* ===== Typography ===== */
/* ================================== */
h1 {display:none;}
h3 {font-size:1.2em;line-height: 1.286em; /* keep rhythm by dividing rhythm by font size */margin-top: 1.286em;color: #000;}
h4 {font-size:1em;line-height: 1.286em; /* keep rhythm by dividing rhythm by font size */margin-top: 1.286em;color: #53b0e5;}
p {font-size:1em;line-height: 1.4em; /* set to rhythm */margin: 0 0 1em 0; }

/* ================================== */
/* ===== SIDEBAR ===== */
/* ================================== */
div#sidebar {width: 200px;margin:30px 0 0 30px;float:left;display: inline;}
div.sidebarComponent {margin:0 0 2em 0;}
	
	/* ===== SIDEBAR NAVIGATION LISTS ===== */
	div.sidebarComponent ul {font-size:10px;text-transform:uppercase;margin:15px 25px 0 12px;}
	div.sidebarComponent ul li {margin:1em 0 1em 0;background-image: url('/assets/interface/bullet_earthsys1.gif');}
	div.sidebarComponent ul li:hover {background-image: url('/assets/interface/bullet_earthsys1.gif');background-repeat: no-repeat;background-position: 0 0px;}
	
	div.sidebarComponent ul li a {display:block;margin-left:8px;border-bottom:1px solid #ededed;padding: 0 0 1em 0;}
	div.sidebarComponent ul li a:visited {}
	div.sidebarComponent ul li a:hover {text-decoration:none;}
	div.sidebarComponent ul li a:active {}


/* ================================== */
/* ===== SPRITES ===== */
/* ================================== */
	
	/* ===== PAGE TITLES ===== */
	h2.pgTitle {background-image: url('http://www.earthsys.ca/assets/interface/sprite_pageTitles_earthSys.gif');background-repeat: no-repeat;height:50px;text-indent:-999em;margin:0;}
	
	h2#ttlHome {background-position: 0 0;}
	h2#ttlAbout {background-position: 0 -50px;}
	h2#ttlPeople {background-position: 0 -100px;}
	h2#ttlProjects {background-position: 0 -150px;}
	h2#ttlCareers {background-position: 0 -200px;}
	h2#ttlSectors {background-position: 0 -250px;}
	h2#ttlServices {background-position: 0 -300px;}
	h2#ttlMining {background-position: 0 -350px;}
	h2#ttlGovt {background-position: 0 -400px;}
	h2#ttlEnergy {background-position: 0 -450px;}
	h2#ttlRnd {background-position: 0 -500px;}
	h2#ttlGards {background-position: 0 -550px;}
	h2#ttlNbt {background-position: 0 -600px;}
	h2#ttlNeutra {background-position: 0 -650px;}
	h2#ttlClients {background-position: 0 -700px;}
	h2#ttlContact {background-position: 0 -750px;}
	
	h2#ttlClients, h2#ttlSectors{margin:35px 0 -25px 27px;}/* page titles not in columns need 'pushing around' */
	
	/* ===== SIDEBAR SPRITE TITLES ===== */
	div.sidebarComponent h3 {background-image: url('http://www.earthsys.ca/assets/interface/sprite_subnavTitles.gif');width:200px;height:36px;text-indent:-999em;margin:0;}
	
	div.sidebarComponent.homeLinks h3 {background-position: 0 0;}
	div.sidebarComponent.sectorLinks h3 {background-position: 0 -36px;}
	div.sidebarComponent.projectsLinks h3 {background-position: 0 -108px;}
	div.sidebarComponent.rndLinks h3 {background-position: 0 -72px;}
	div.sidebarComponent#subscribe h3 {background-position: 0 -144px;height:21px;}
	div.sidebarComponent#subscribe p {font-size:11px;line-height:1.2em;color: #666;margin:0.5em 0 -0.5em 10px;}
	div.sidebarComponent#contact h3 {background-position: 0 -166px;height:21px;}
	
	/* ===== SECTOR SPRITE TITLES ===== */
	h3#titMining, h3#titEnergy, h3#titGovt {background-image: url('http://www.earthsys.ca/assets/interface/sprite_earthSys_sectors_38px.gif');background-repeat: no-repeat;width:220px;height:38px;text-indent:-999em;margin:0;padding:0;}
		
	h3#titMining {background-position: 0 0;}
	h3#titEnergy {background-position: -440px 0;}
	h3#titGovt {background-position: -220px 0;}
	p.sectorSummary {color:#666;line-height:1.2em;border-top:1px dotted #bfbfbf;margin:5px 0 0 0px;padding:5px 0 0 5px;font-size:11px;}
	p.sectorSummary a {display:block;}
	


	/* ===== RND PROJECT SUMMARY SPRITES ===== */
	div.rndProject {
		background-image: url('http://www.earthsys.ca/assets/interface/sprite_earthsys_rndProjects.gif');background-repeat: no-repeat;
		width:144px;
		height:190px;
		float:left;
		margin:2em 15px 15px 0;
		position:relative;
		}
	div.rndProject h3 {text-indent:-999em;display:none;}
	div.rndProject p {margin: 70px 8px 5px 15px;font-size:10px;color: #555;}
	div.rndProject p a {color:red;display:block;font-weight: bold;}
	
	div#rndGards {background-position:0 0;}
	div#rndNbt {background-position:-144px 0;}
	div#rndNeutra {background-position:-288px 0;}


/* ===== MISCELLANEOUS ===== */
ul {
	list-style: none;
	margin:1em 0 1.5em 1em;
	}
	
li {
	margin: 0 0 .4em 0;
	background: url('http://www.earthsys.ca/assets/interface/bulletArrowBlue.png') no-repeat 0 0;
	padding-left:15px;
	line-height:1.2em;
	color:#606060;
	}
	
a:link {color: #53b0e5;text-decoration:none;}
a:visited {color: #53b0e5;text-decoration:none;}
a:hover {color: #ec8b2c;text-decoration:underline;}
a:active {color: #53b0e5;text-decoration:none;}
a:focus {outline: none;}/* remove dotted line in Firefox */

dl {margin:0 0 2em 0;}
dt {font-weight: normal;margin:0 0 .6em;border-bottom:1px solid #000;color: #000;padding:.3em .5em .1em 0em}
dd {font-size:11px;margin:0 0 .7em .5em;color:#707070;border-bottom:1px solid #ebebeb;}


/* ========== FORMS ========== */
form {font-size: 11px;margin:.5em 0 0 10px;}
fieldset {border:none;}
form div {margin:0 0 0.1em 0;overflow:hidden;/*clear floats*/}
label {display:block;width: 25px;margin:5px 10px 0 0;font-weight:bold;}
input {font-size:10px;width:175px;background-color: #ffffff;}
div.select label {width:auto;margin-bottom:.1em;}
div.select select {width:175px;}
textarea {width:175px;background-color: #ffffff;}
div.submit input {width: auto;}




/* ================================== */
/* ===== MAIN NAVIGATION ===== */
/* ================================== */
ul#nav {width: 780px;height: 32px;margin:0 0 0 10px;padding:0;list-style:none;}
ul#nav * {float:left;}
ul#nav li {padding:0;margin:0;background:none;}
ul#nav li a {display:block;height:32px;margin:0;text-indent:-999em;}

ul#nav li a#navHome {background-image: url('http://www.earthsys.ca/assets/interface/sprite_earthsysNav.gif');background-position:0 0;width:121px;}
ul#nav li a#navHome:hover {background-position:0 -32px;}
ul#nav li a#navHome.selected {background-position:0 -64px;}

ul#nav li a#navSectors {background-image: url('http://www.earthsys.ca/assets/interface/sprite_earthsysNav.gif');background-position:-121px 0;width:166px;}
ul#nav li a#navSectors:hover {background-position:-121px -32px;}
ul#nav li a#navSectors.selected {background-position:-121px -64px;}

ul#nav li a#navRnD {background-image: url('http://www.earthsys.ca/assets/interface/sprite_earthsysNav.gif');background-position:-287px 0;width:201px;}
ul#nav li a#navRnD:hover {background-position:-287px -32px;}
ul#nav li a#navRnD.selected {background-position:-287px -64px;}

ul#nav li a#navClients {background-image: url('http://www.earthsys.ca/assets/interface/sprite_earthsysNav.gif');background-position:-488px 0;width:158px;}
ul#nav li a#navClients:hover {background-position:-488px -32px;}
ul#nav li a#navClients.selected {background-position:-488px -64px;}

ul#nav li a#navContact {background-image: url('http://www.earthsys.ca/assets/interface/sprite_earthsysNav.gif');background-position:-647px 0;width:134px;}
ul#nav li a#navContact:hover {background-position:-647px -32px;}
ul#nav li a#navContact.selected {background-position:-647px -64px;}





/* ================================== */
/* ===== Services ===== */
/* ================================== */

/* ===== Services Slider ===== */


#slider {
  width: 750px;
  margin: 0 auto;
  position: relative;
	}

.scroll {
  height: 35em;
  width: 460px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
	float:left;
	margin-left: 10px;
	}

.scrollContainer div.panel {
  padding: 0 0px 0 0px;
  height: 45em;
  width: 460px;
	}

.scrollContainer div.panel h3 {margin:0;}
.scrollContainer div.panel p {width: 460px;}
.scrollContainer div.panel ul {}
.scrollContainer div.panel li {font-size:11px;margin:0 0 .4em 0;color: #929292;width:350px;}

.scrollButtons {
  position: absolute;
  top: 0px;
  cursor: pointer;
	}

.scrollButtons.left {
  left: 240px;
	}

.scrollButtons.right {
	right: 30px;
	}
	
.hide {
	display: none;
	}

.panel img {float:right;margin-left:25px;}



/* ========== SCROLLER NAVIGATION ========== */
		
ul.navigation {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	float:left;
	width:230px;
	border-top:3px solid #999;
	border-bottom:3px solid #999;
	}

ul.navigation li {
	margin: 0 0;
	padding:0;
	background-image:none;
	border:1px solid #dbdbdb;
	border-bottom:none;
	display: inline-block !important;/* ie list height bug */
	width:228px; /* needed for ie bug */
	}

ul.navigation a {
	text-decoration: none;
	margin:0;
	padding: .4em .5em .3em;
	display:block;
	font-size:11px;
	color:#000;
	}

ul.navigation a:hover {background-color:#00538e;color:#fff;}
ul.navigation a.selected {background-color:#53b0e5;color:#fff;}
ul.navigation a:focus {outline: none;}



/* ========== GLOBAL OFFICES ========== */
#globalOffices {margin-top: 2em;overflow:auto;}
#globalOffices h3 {margin: 0 30px .8em 0;padding-top:.5em;font-weight: bold;}
#globalOffices div.office {float:left;width: 40%;margin:5px 4%;border:1px solid #f3f3f3;text-align:center;display: inline;}
#globalOffices h4 {font-weight:bold;color: #0267CF;border-bottom:1px dotted #dbdbdb;}
#globalOffices p {font-size: .89em;}

#torontoAddress {text-align:center;margin:0 15px 4em 0;padding: 1em 90px 0em;}
#torontoAddress h4 {margin-bottom:.4em;font-size: 1.4em;font-weight: bold;color: #0267CF;border-bottom:1px dotted #dbdbdb;padding-bottom:.4em;}
#torontoAddress p {font-size:.9em;}
#torontoAddress strong {font-size:1.1em;}


/* ========== PROJECTS ========== */
div.project {margin-bottom:5em;}
div.project h3 {color:#53b0e5;font-weight:normal;font-size:1.4em;}
div.project h4.service {color:#808080;text-transform:uppercase;font-size:10px;border-bottom:1px solid #808080;margin:0;}
div.project dl {float:right;width:11em;border-left:1px dotted #bfbfbf;margin:1em 0 2em 2em;padding: 0 20px 0 15px;}
div.project dt {font-size:1em;border:none;font-weight: bold;margin:0;padding:0;}
div.project dd {border:none;color:#000;margin:0;padding:0;}
div.project dd em {font-style: normal;color:#377599;}
div.project div.projectDescription {margin: 1em 0 0;}
div.project div.projectDescription h4 {color:#000;font-size:1em;}


/* ===== FOOTER ===== */
#footer {
	overflow:auto; /* clear floats */
	width:750px; /* clear floats */
	color: #a9a9a9;
	text-transform: uppercase;
	font-size:8px;
	border-top:1px solid #999;
	margin:15px 25px 0 25px;
	padding-top:5px;
	}
#footer p {margin: 0;}
#footer a {color: #a9a9a9;text-decoration: none;}
#footer a:visited {color: #a9a9a9;text-decoration: none;}
#footer a:hover {color: #1b64a9;text-decoration: none;}
#footer a:active {color: #a9a9a9;text-decoration: none;}

	/* ========== FOOTER COPYRIGHT ========== */
	div#copyright {float:left;}
	div#copyright {}
	
	/* ========== MINI FLAG LINKS ========== */
	div#flagLinks {float:right;text-align:right;overflow:hidden;width:50%;}
	div#flagLinks p a img {text-indent:999em;width:24px;height:24px;margin:0 0 0 10px;border:none;}