/* CSS Document */
/* Created by Noel Titchen 2008 */
/* copyright Oakbase plc */


/*bof layout and structural*/
body {
	margin:0;
	padding:0;
	font-size: 62.5%;
	background-color:#000000
}

#wrapper { width:789px; margin:auto; padding:44px 0 30px 0}

#container { position:relative;}

#header {}

#navigation {float:left; width:231px; display:block;}

#uncom {padding-top:22px; font:bold 1.2em Arial, Helvetica, sans-serif}

#main_col {display:block; width:558px; float:right }

#footer { display:block; clear:both; }
.footer_left {display:block; float:left; width:231px;}
.footer_right {display:block;float:right; width:558px;}

.hero { height:208px;}
.hero_green { height:208px; background-color:#c1d72e;}


.main_copy {padding-top:1.8em;}

.bullet_left {display:block; float:left; width:45%;}

.encase:after {
	content:".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.rule {height:5px; color:#666666;}

/*eof layout and structural*/

/*bof typography*/
.hero h1, .hero_green h1 {margin:0; padding:8px; font: normal 2.0em/1em "arial black", Arial, Helvetica, sans-serif; color:#FFFFFF; letter-spacing:-0.07em;}

.main_copy p { font:normal 1.2em/1.2em Arial, Helvetica, sans-serif; color:#919191; padding:0;margin:0 0 1em 0;}

#footer { font:normal 1.1em/1em Arial, Helvetica, sans-serif; color:#919191;}
#footer span,h1 span {color:#c1d72e;}
h1 span.dark_green {color:#6e7d08;}

.main_copy h1 {font:bold 1.6em/1.2em Arial, Helvetica, sans-serif; color:#494949; padding:0;margin:0;}

.main_copy h1 span.date {font:normal 0.8em/1.2em Arial, Helvetica, sans-serif; color:#494949; padding:0;margin:0;}

.bullet_left {font:normal 1.2em/1.2em Arial, Helvetica, sans-serif; color:#919191; padding:0;margin:0 0 1em 0;}

.bullet_left ul { margin:0; padding:0; list-style:none;}

ol { font:normal 1.2em/1.2em Arial, Helvetica, sans-serif; color:#c1d72e; list-style: square}
ol li span {color:#919191;}

.green {color: #c1d72e;}

/*eof typography*/

/*bof link classes and navigational*/
a:link     {color: #c1d72e;  text-decoration: none; }
a:visited     {color: #c1d72e;  text-decoration: none; }
a:hover    { color: #919191; text-decoration: none;  }
a:active    { color: #919191; text-decoration: none; }

#footer a:link     {color: #919191;  text-decoration: none; }
#footer a:visited     {color: #919191;  text-decoration: none; }
#footer a:hover    { color: #6e7d08; text-decoration: none;  }
#footer a:active    { color: #6e7d08; text-decoration: none; }

.hero a:link, .hero_green a:link    {color: #6e7d08;  text-decoration: none; }
.hero a:visited, .hero_green a:visited    {color: #6e7d08;  text-decoration: none; }
.hero a:hover, .hero_green a:hover   { color: #fff; text-decoration: none;  }
.hero a:active, .hero_green a:active  { color: #fff; text-decoration: none; }


.nav {	margin:0;
		padding:0;
		}

		.nav li {
		display:inline;
		padding:0;
		margin:0;}



	.nav a:link,
	.nav a:visited {
	text-decoration: none;
	display: block;
	font: normal 3.2em/0.9em "Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-0.07em; 
	color:#919191;
} 
 
.nav a:hover {
		color:#c1d72e;
	}

	
	#home #nav-home a,
	#people #nav-people a,
	#products #nav-products a,
	#location #nav-location a,
	#about #nav-about a,
	#contact #nav-contact a
	 {
		color:#c1d72e;
	}
	#home #nav-home a:hover,
	#people #nav-people a:hover,
	#products #nav-products a:hover,
	#location #nav-location a:hover,
	#about #nav-about a:hover,
	#contact #nav-contact a:hover {
		color:#c1d72e;
	}
	
/*eof link classes and navigational*/	

/*bof forms*/
/*eof forms*/