body {
	margin: 0;
	padding: 0;
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #000;
	background-color:#099
}

#outerHeader {
	margin: 0 auto;
	background: url(../images/topEdge.jpg) repeat-x;
	line-height: 1;
}

#header {
	width: 900px;
	margin: 0 auto;
	min-height: 60px;
	
}

#outerStrap {
	background: url(../images/outerStrapBG.jpg) repeat-x;
	min-height: 181px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#strap {
	background: url(../images/strapBG.jpg) right no-repeat;
	width: 900px;
	margin: 0 auto;
	min-height: 200px;
}

#outerContent {
	background: #fff url(../images/contentBG.jpg) repeat-x;
	min-height: 300px;
}

#contentWrapper {
	width: 900px;
	padding-top: 1px;
	margin: 0 auto;
	font-size: 80%;
}

#content {
	width: 500px;
	margin: 0 auto 0 215px;
}

#content img {
	border: 1px solid #000;
}

#leftcol {
	width: 200px;
	float: left;
	padding-top: 14px;
}

#rightcol {
	width: 175px;
	float: right;
	color: #4e4845;
	margin-top: 16px;
}

#rightcol h1 {
	margin-top: 0;
	padding-top: 0;
	font-size: 120%;
}

#footer {
	clear: both;
	font-size: 85%;
	margin-top: 20px;
	text-align: center;
}

#footer p {
	float: right;
}
#footer span {
	text-align: center;
}

#footer a {
	color: #CCC;
}

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

#footer img {
	border: none;
}

/********** text elements ******************/

h1, h2, h3 {
	font-size: 140%;
	color: #464037;
	text-align: center;
}

h2 {
	font-size: 140%;
	text-align: left;
}

h3 {
	font-size: 120%;
	margin-bottom: 0;
	text-align: left;
}
/********** Generic classes **********************/

.right {
	float: right;
	margin: 4px 0 2px 5px;
}

/********* Side Navigation ********************/

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

#leftcol li {
	margin-bottom: 1px;
}

#leftcol li a {
	text-decoration: none;
	display: block;
	color: #fff;
	background-color: #004d4d;
	padding: 2px 3px;
}

#leftcol li a:hover, #leftcol li .here {
	color: #004d4d;
	background-color: #17e5e5;
}

.left {
	float: left;
	margin-top: 3px;
	margin-right: 7px;
}

#leftcol li .contact  {
	color: #fff;
	background-color: #993900;
}

#leftcol li a.contact:hover, body#contactPage li#contact a {
	color: #0CF;
	background-color: #4d1c00;
}

/* The code below sets up the "persistent page indicator", in other words it is how you "know where you are" on the site by looking at the navigation menu and seeing that the page section you are on is "indicated" by looking the same way it does when you "hover" over the navigation link.  This does NOT include the Home page which uses a text notation below the pageHeading editable block */
body#contactpage li#contact a, body#homepage li#home a, body#consultingpage li#consulting a, body#warehousingpage li#warehousing a, body#miningpage li#mining a, body#regressionpage li#regression a, body#trainingpage li#training a, body#helppage li#help a, body#paymentpage li#payment a, body#aboutpage li#about a, body#blogpage li#blog a {
	color: #004d4d;
	background-color: #17e5e5;
}


/************ Column control ****************/

.twocol #rightcol {
	display: none;
}

.twocol #content {
	margin-right: 0;
	margin-left: 170px;
	width: auto;
}