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


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

#wrapper { width:789px; margin:auto; padding-top:44px}

#container { position:relative}

#header {height:58px; }

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

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

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

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

.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;
}


/*eof layout and structural*/

/*bof typography*/
.hero 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, .repeat_box h2 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;}

.repeat_box h2 {font:bold 1.4em/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;}

.repeat_box h2 span.date{font:normal 0.9em/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;}



/*eof typography*/

/*bof link classes and navigational*/
a:link     {color: #6e7d08;  text-decoration: none; }
a:visited     {color: #6e7d08;  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; }

.repeat_box h1 a:link {color:#494949; text-decoration:none;}
.repeat_box h1 a:visited {color:#494949; text-decoration:none;}
.repeat_box h1 a:hover {color:#6e7d08; text-decoration:none;}
.repeat_box h1 a:active {color:#6e7d08; text-decoration:none;}

.repeat_box h2 a:link {color:#494949; text-decoration:none;}
.repeat_box h2 a:visited {color:#494949; text-decoration:none;}
.repeat_box h2 a:hover {color:#6e7d08; text-decoration:none;}
.repeat_box h2 a:active {color:#6e7d08; text-decoration:none;}

.hero a:link     {color: #6e7d08;  text-decoration: none; }
.hero a:visited     {color: #6e7d08;  text-decoration: none; }
.hero a:hover    { color: #fff; text-decoration: none;  }
.hero 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,
	#services #nav-services a,
	#portfolio #nav-portfolio a,
	#latest #nav-latest a,
	#contact #nav-contact a
	 {
		color:#c1d72e;
	}
	#home #nav-home a:hover,
	#services #nav-services a:hover,
	#portfolio #nav-portfolio a:hover,
	#latest #nav-latest a:hover,
	#contact #nav-contact a:hover {
		color:#c1d72e;
	}
	
/*eof link classes and navigational*/	

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