/* CSS Document */
/* Ashley Middleton, www.1skinnygirl.com */

/* 	Defaulting
	Basic Structure
	Heading & Banner
	Links & Text
	Our Team
	Navigation
	Footer */

/* Defaulting
---------------------------------- */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}
ul{list-style-type:none}

/* Basic Structure
---------------------------------- */
body {
	margin: 0 auto;
	color: #ffffff;
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	}
div#wrap {
	margin: 0 auto;
	width: 760px;
	color: #000033;
	background-color: #ffffff;
	text-align: left;
	line-height: 150%;
	}
div#content {
	position: relative;
	float: right;
	margin-top: -15px;
	padding: 0 20px 1.5em 10px;
	color: #000000;
	width: 560px; /* 590 - 20 - 10 */
	background-color: transparent;
	}
	div#wrap.home div#content {
	margin-top: 0;
	}
	div#home_intro {
	margin-left: -5px;
	padding: .8em 1em .8em 1.5em;
	background-color: #dde5ff;
	}
	ul#speaking_list li {
	position: relative;
	float: left;
	width: 49%;
	}
	ul#speaking_list li.first {
	margin-right: 2%;
	}

/* Heading & Banner
---------------------------------- */
h1, div#banner_top, div#banner_bottom, 
div#banner_mindmap, div#banner_mindmap_services {
	text-indent: -9999px;
	}
h1, div#banner_top, div#banner_bottom {
	width: 760px;
	background-color: #ffffff;
	background-position: top center;
	background-repeat: no-repeat;
	}
	h1 {height: 83px; background-image: url(../_images/h1.gif)}
	/* Home */ 		div#wrap.home div#banner_top {margin-top: -1px; height: 157px; background-image: url(../_images/banner_top_home.jpg)}
					div#wrap.home div#banner_bottom {height: 62px; background-image: url(../_images/banner_bottom_home.jpg)}
					div#wrap.home div#banner_mindmap {
						position: relative;
						float: left;
						margin-left: -5px; 
						padding-bottom: 2.5em;
						height: 253px; 
						width: 477px; 
						background: url(../_images/home_mindmap.gif) top left no-repeat;
						}
					div#wrap.home div#banner_mindmap_services {
						position: relative;
						float: right;
						height: 62px; 
						width: 83px; 
						background: url(../_images/home_mindmap_services.gif) top left no-repeat;
						}
					div#wrap.home div#banner_mindmap_services a {display: block; height: 62px; width: 83px}
	/* Services */ 	div#wrap.services div#banner_top {height: 145px; background-image: url(../_images/banner_top_yellowfac.jpg)}
					div#wrap.services div#banner_bottom {height: 112px; background-image: url(../_images/banner_bottom_yellowfac.jpg)}
	/* Ethics */ 	div#wrap.ethics div#banner_top {margin-top: -4px; height: 134px; background-image: url(../_images/banner_top_traincar2.jpg)}
					div#wrap.ethics div#banner_bottom {margin-top: -10px; height: 156px; background-image: url(../_images/banner_bottom_traincar2.jpg)}
	/* Team */ 		div#wrap.team div#banner_top {margin-top: -1px; height: 150px; background-image: url(../_images/banner_top_team.jpg)}
					div#wrap.team div#banner_bottom {margin-top: 0px; height: 125px; background-image: url(../_images/banner_bottom_team.jpg)}
	/* Clients */ 	div#wrap.clients div#banner_top {margin-top: -2px; height: 150px; background-image: url(../_images/banner_top_rails.jpg)}
					div#wrap.clients div#banner_bottom {margin-top: -4px; height: 130px; background-image: url(../_images/banner_bottom_rails.jpg)}
	/* Careers */ 	div#wrap.careers div#banner_top {margin-top: -2px; height: 141px; background-image: url(../_images/banner_top_careers.jpg)}
					div#wrap.careers div#banner_bottom {height: 135px; background-image: url(../_images/banner_bottom_careers.jpg)}
	/* News */ 		div#wrap.news div#banner_top {margin-top: -2px; height: 151px; background-image: url(../_images/banner_top_news.jpg)}
					div#wrap.news div#banner_bottom {height: 125px; background-image: url(../_images/banner_bottom_news.jpg)}

/* Headings
---------------------------------- */
h2, h3, h4 {color: #003366; padding-bottom: .6em}
h2 {font-size: 160%; font-weight: normal}
	div#home_intro h2 {margin-top: .5em}
h3 {font-size: 130%}
	h3#speaking {
	position: relative;
	clear: both;
	padding-top: 1em;
	font-size: 120%;
	border-top: 1px solid #adbae4;
	}
	h3.pastpresents {clear:both}

/* Links & Text
---------------------------------- */
a {outline: none}
a:link {color:#003366}
a:visited {color:#000033}
a:hover, a:active {color:#006699}
p {margin-bottom:.8em}
p.top {margin-bottom: 1.5em}
ul.list {list-style-type: disc; margin-bottom: 1em}
ul.list li {margin-left: 1.5em; margin-bottom: .5em}
ul.list.short li {margin-left: 1.5em; margin-bottom: .2em}
ul.insidelist li {margin-bottom: 0}
ul#latestnews li {margin-bottom: .5em}
ul.address {margin-left: 1.5em; margin-bottom: 1em}
ol {margin-bottom: 1em}
ol li {margin-left: 1.5em; margin-bottom: .5em}
ol ul.list, ul ul.list {margin-left: 1em; list-style-type: circle}

/* Our Team, Careers
---------------------------------- */
ul#team {
	margin-left: 15px;
	margin-bottom: 1em;
	list-style-type: square;
	}
div.teammate, div.jobdesc {
	margin-bottom: .5em;
	padding: 10px 13px 5px 13px;
	border: 1px solid #6666cc;
	}
div.teammate h3 {
	position: relative;
	float: left;
	width: 40%;
	}
ul.teammate_list {
	position: relative;
	float: right;
	margin-bottom: .8em;
	width: 60%;
	}
	ul.teammate_list li {
	margin-bottom: .25em;
	}
p.intro_bio {
	position: relative;
	clear: both;
	padding-top: .5em;
	border-top: 1px solid #cccccc;
	}
div.jobdesc dl dt {
	color: #003366;
	font-weight: bold;
	}
div.jobdesc dl dd {
	margin: -1.5em 0 0 5.5em;
	}
p.toggle_bio, p.toggle_job {
	padding-left: 14px;
	background: transparent url(../_images/toggle.gif) center left no-repeat;
	}
table.job-pay {
	margin-bottom: 1em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
	table.job-pay th, table.job-pay td {
	padding: .3em .5em;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	table.job-pay th {
	font-weight: normal;
	color: #fff;
	background-color: #003366;
	}
	table.job-pay tr.subhead th {
	font-weight: normal;
	color: #fff;
	background-color: #006699;
	}
	table.job-pay td.type {
	background-color: #e5e5e5;
	}

/* Images
---------------------------------- */
img#mindmap {
	margin-bottom: 1.5em;
	}
img#biomassconf, img#windconf, img#ppgconf {
	margin: 0 15px 1.5em 0;
	}

/* Navigation
---------------------------------- */
ul#nav {
	position: relative;
	float: left;
	margin: -15px 15px 1.5em 10px;
	padding-top: 8px;
	width: 140px; /* 170 - 15 - 15 */
	background: transparent url(../_images/nav_topline.gif) top center no-repeat;
	line-height: 200%;
	}
	div#wrap.home ul#nav {
	margin-top: -25px;
	}
	ul#nav li a {
	display: block;
	padding: .35em .5em .35em .5em;
	text-decoration: none;
	text-indent: .5em;
	border-top: 1px solid #88b9ca;
	}
	ul#nav li.last {
	padding-bottom: 5px;
	border-bottom: 0;
	background: transparent url(../_images/nav_bottomline.gif) bottom center no-repeat;
	}
	ul#nav li.first a {
	border-top: 0;
	}
	ul#nav li a:hover, ul#nav li#selected a {
	font-weight: bold;
	background: transparent url(../_images/bluedot.gif) left center no-repeat;
	}
ul#subnav {
	margin: -.2em 0 .8em 0;
	font-size: 85%;
	line-height: normal;
	}
	ul#subnav li a {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-indent: 0;
	}
	ul#subnav li a:hover, ul#subnav li#subselected a {
	border-top: 0;
	color: #000033;
	font-weight: normal;
	text-indent: 0;
	background: #dbf2f9;
	}
	ul#subnav li a:hover {
	border-top: 1px solid #bae5f2;
	border-bottom: 1px solid #bae5f2;
	}
	ul#subnav li#subselected a {
	border-top: 1px solid #8bc4d5;
	border-bottom: 1px solid #8bc4d5;
	}

/* Footer
---------------------------------- */
div#footer {
	clear: both;
	min-height: 66px;
	padding-top: 20px;
	color: #ffffff;
	font-size: 90%;
	background: #003b73 url(../_images/footer.jpg) top left no-repeat;
	}
	ul#headquarters {
	position: relative;
	float: left;
	margin-left: 2%;
	width: 43%;
	}
	ul#worldwide {
	position: relative;
	float: right;
	margin-top: 15px;
	margin-right: 1%;
	margin-left: 4%;
	width: 50%;
	}
p#copyright {
	clear: both;
	padding: 2em 1em 1em 1em;
	color: #c9def1;
	text-align: center;
	}