html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------------- END CSS RESET ---------------- */

* { padding: 0; margin: 0; }

:link img {
border: none;
}


.clear {
	clear: both;
}

body {
font-family: Arial, Helvetica, sans-serif;
color: #cccccc;
font-size:100%;
background-color: #000000;
}

p {
	font-size: 0.75em; /* 16 x 0.75 = 12px ---- 16px is the default text size of the base case in various browsers*/
	
}

h2 {
	font-size: 110%;
	color: #fff;
	font-weight: normal;
	padding-bottom: 10px;
	line-height: 130%;
	letter-spacing: 1px;
}

a{
color: #FFF;
text-decoration: none;
}

a:hover{
color: #666666;
}

a:visited{
color: #FFF;
}

.default_list ul{
line-height: 130%;
list-style-type: disc;
list-style-position: outside;
padding: 0 0 10px 20px;

}

.default_list li{
padding: 5px 0 5px 0;
font-size: 80%;
}


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

#wrapper {

width: 980px;
border: 2px solid #212121;
margin: 20px auto 10px auto;
}

/* \\\\\\\\\\\\\\ Header ////////////// */

#header {
width: 980px;
height: 24px;
margin: 20px auto 0px auto;

position: relative;
}

.elementreeLogo {
	width: 212px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: 20px;
}


.elementreeLogoImg {
  position: relative;
  width: 212px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.elementreeLogoImg span {
  background: #000 url("../backgroundImages/elementree_logo.gif") center no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* \\\\\\\\\\\\\\ Navigation ////////////// */


#nav {
position:absolute;
top:0px;
right:0px;
width: 250px;
}

/* \\\\\\\\\\\\\\ Container ////////////// */

#container {
	width: 940px;
	margin: 20px 20px 20px 20px;
}

/* \\\\\\\\\\\\\\ Menu ////////////// */

#menu {
	float: left;
	width: 180px;
	text-align: right;
}

/* \\\\\\\\\\\\\\ Sub Nav ////////////// */

#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#menu li {
		
		margin-bottom: 5px;
		}
		
#menu li a {
		display: block;
		padding: 10px 5px 10px 5px;
		background-color: #262a30;
		color: #fff;
		text-decoration: none;
		font-family: "Lucida Grande", Verdana, sans-serif;
		font-size: 70%;
		letter-spacing: 1px;
		text-transform: uppercase;
		}
#menu li a:hover {
	color: #262a30;
	background: #ffffff;
	}
	
#menu li a.active {
	background-color:#9D191C;
	}

/* \\\\\\\\\\\\\\ Right Column ////////////// */

#rightCol {
	float: right;
	width: 725px;
	margin-left: 35px;
	
}

#rightCol p {
	padding: 0px 0px 10px 0px;
	line-height: 150%;
}

/* \\\\\\\\\\\\\\ Footer ////////////// */

#footer {
width: 980px;
margin: 0px auto;
}

#footer p {
margin-left: 20px;
font-size: 75%;
}

#footer a {
color: #666666;
margin: 0px 5px;
text-decoration: none;
font-size: 75%;
}

#footer a:hover {
color: #ffffff;
}

/* \\\\\\\\\\\\\\ Footer ////////////// */

#featureBox {
margin-bottom: 20px;
width: 940px;
height: 300px;
overflow: hidden;
}

#featureBox_singleImage {
margin-bottom: 20px;
width: 940px;
height: 300px;
overflow: hidden;
}

/* ------------- People ---------------- */
div.name_title {
padding: 0px;
}

.job_title {
font-weight: bold; color: #fff;
margin-top: 5px;
}

.name_title a{
font-weight: bold;
font-size: 110%;
padding: 0px;
}

div.article {
border: 1px solid #212121;
padding: 10px;
margin-bottom: 5px;
}

.profile_text{
width: 550px;
float: left;
margin-right: 10px;

}
.profile_img{
width: 115px;
float: left;
padding: 3px;
border: 1px solid #212121;
}

.hide a{
font-style: italic;
font-size: 90%;
}

/* ------------- Corp Profile ---------------- */

.footnote p{
color: #888;
font-style: italic;
}

/* ------------- PVision and Values ---------------- */

.center_points{
text-align: center;

}

.center_points p{
margin: 0px 100px 0px 100px;
}