@charset "UTF-8";

/* Color Index

Dark Green:		#1D5C42;
Meduim Green:	#7AB800;
Light Green:	#CCDC00;
Grey-Green:		#8BA69C;

*/

p, a, ul, ol, li, h1, h2, h3, h4, h5, h6, body, img, fieldset, form {
		list-style: none;
		text-decoration: none;
		border: 0;
		padding: 0;
		margin: 0;
	  }

body {
		line-height: 1;
		font: normal 1em Helvetica, Arial, Verdana, sans-serif;
		color: #8BA69C;
	  }

#home {
		background-color: #7AB800;
	  }

#home #main-container {
		height: 525px;
	  }

.clear {
		clear: both;
	  }
	  
#no-border {
		border: none;
	  }

#no-margin {
		margin: 0;
		
	  }

p {
		display: block;
		font-size: 0.8em;
		line-height: 1.25em;
		margin-bottom: 15px;
	  }

p a:hover {
		text-decoration: underline;
	  }

#header-container {
		background: #7AB800; 
	  }

#header {
		width: 715px;
		height: 50px;
		text-align: right;
		color: #fff;
		margin: 0 auto;
	  }	

#header #logo {
		float: left;
		margin-top: 15px;
	  }

#header h1 {
		font-size: 1em;
		font-weight: bolder;
		padding-top: 28px;
 	  }

#footer-container {
		height: 300px;
		background: #000; 
	  }

#footer {
		width: 715px;
		text-align: right;
		padding-top: 15px;
		margin: 0 auto;
	  }
	  
#footer #nav {
		display: block;
		margin: 0 0 20px 0;
	  }
  
#footer #nav li {
		display: inline;
		margin-left: 15px;
	  }

#footer #nav li a {
		font: 100 1.05em Geneva, Helvetica, Arial, sans-serif;
		color: #7AB800;
	  }

#home  #nav .home, #biog #nav .biog, #clients #nav .clients, #work #nav .work, #contact #nav .contact {
		color: #fff;
	  }
	  
#footer #footer-links {
		display: block;
		padding-bottom: 20px;
	  }

#footer #footer-links li {
		display: inline;
		font-size: 0.7em;
		color: #8BA69C;
		border-right: 1px solid #8BA69C;
		padding: 0 5px;
	  }

#footer #footer-links li a {
		color: #8BA69C;
	  }

#footer #footer-links li a:hover {
		color: #fff;
	  }

#footer li#cefar a:hover {
		text-decoration: none;
		color: #c50084;
	  }
	  
#main-container {
		width: 715px;
		height: 565px;
		margin: 20px auto 30px auto;
	  }

#main-container h3 {
		padding: 30px 0 35px 0;
	  }

#main-container h3.border {
		border-bottom: 5px solid #7AB800;
		padding-bottom: 45px;
		margin: 0 0 20px 0;
	  }

#main-container .border-top {
		border-top: 5px solid #7AB800;
	  }

#body-logo {
		float: right;
		margin-bottom: 10px;
	  }

#main-container .home-col1 {
		margin-top : 95px;
		padding-top: 70px;
	  }

#main-container .home-col1 img {
		display: block;
	  }
	  
#main-container .home-col2 p {
		color: #fff;
		padding-right: 20px;
	  }

#main-container .home-col2 p a {
		color: #1D5C42;
	  }

#main-container .home-col2 h4 {
		color: #CCDC00;
	  }

#main-container .home-col2 #home-contact {
		color: #fff;
		font-size: 1.2em;
	  }

#main-container .home-col2 #home-contact b {
		float: left;
		display: block;
		width: 30px;
	  }

#main-container .home-col2 #home-contact a {
		color: #fff;
	  }

#main-container .home-col2 #home-contact a:hover {
		text-decoration: underline;
	  }
	  
#pie-youth #single-column {
		background-color: #D9EBB5;
		padding: 25px;
	  }

#pie-youth #single-column p {
		width: 100%;
	  }

#pie-link {
		float: right;
		margin-top: 10px;
	  }

#pie-link a {
		color: #8BA69C;
	  }

#single-column p {
		width: 515px;
	  }

#single-column h4 {
		color: #7AB800;
	  }

#single-column .work-para {
		width: 100%;
		text-align: right;
		clear: both;
		margin-top: 3px;
	  }
	  
#column1, #column2 {
		display: inline;
		float: left;
	  }

#column1 {
		width: 330px;
		margin-right: 55px;
	  }
	  
#column1 h4, #column2 h4 {
		color: #7AB800;
		font-weight: 100;
	  }

#column2 {
		width: 330px;
	  }

.bio-pic-col {
		padding-top: 28px;
	  }

.bio-pic-col #desc {
		visibility: hidden;
	  }

#bio-case {
		margin-top: 30px;
	  }

#bio-roll {
		width: 100%;
		margin: 0 0 15px 0;
	  }

#bio-roll li {
		float: left;
		display: inline;
		margin: 0 5px 15px 0;
	  }

#bio-roll img {
		display: block;
	  }

#bio-placeholder-pic {
		display: block;
		clear: both;
		margin-bottom: 30px;
	  }

.contact-col h4 {
		margin-bottom: 20px;
	  }


.contact-col h5 {
		color: #1D5C42;
		font-size: 0.9em;
	  }

.contact-col ul {
		color: #7AB800;
		line-height: 1.2em;
		margin-bottom: 15px;
	  }

.contact-col #contact-methods {
		font-size: 1.2em;
		margin-top: 125px;
	  }

.contact-col #contact-methods b {
		float: left;
		display: block;
		width: 30px;
	  }

.contact-col #contact-methods a {
		color: #7AB800;
	  }

.contact-col #contact-methods a:hover {
		text-decoration: underline;
	  }
	  
.contact-col #address {
		font-size: 0.8em;
	  }

.contact-form-col h4 {
		margin: 20px 0 40px 0;
	  }

.contact-form-col h5 {
		color: #ff0000;
		font-size: 0.8em;
		margin-bottom: 5px;
	  }
	  
#contact-form {
		width: 328px;
	  }

#contact-form label {
		display: block;
		float: left;
		clear: left;
		width: 80px;
		font-size: 0.8em;
		padding-top: 7px;
		margin-bottom: 15px;
	  }

#contact-form input {
		float: left;
		width: 174px;
		color: #8BA69C;
		background-color: #dfeec2;
		border: 1px solid #8BA69C;
		padding: 3px;
		margin-bottom: 15px;
	  }
	  
#contact-form textarea {
		float: left;
		width: 238px;
		color: #8BA69C;
		background-color: #e3eae7;
		border: 1px solid #8BA69C;
		padding: 3px;
		margin-bottom: 15px;
	  }
		
#contact-form button {
		display: block;
		clear: both;
		width: 75px;
		color: #7AB800;
		font-size: 0.8em;
		margin-left: 80px;
	  }

.sitemap ul {
		list-style-position: outside;
		display: inline;
		float: left;
		width: 125px;
		margin-right: 15px;
	   }

.sitemap ul li {
		display: block;
		border-bottom: 1px solid #DCEAE4;
		padding: 8px 0 8px 5px;
	  }

.sitemap ul a {
		color: #8BA69C;
		font-size: 0.8em;
	  }

.sitemap ul a:hover {
		color: #7AB800;
	  }

.clients-col1 ul {
		height: 444px;
	  }

.clients-col1 li {
		display: inline;
		height: 110px;
		width: 165px;
		float: left;
		border-bottom: 1px solid #8BA69C;
	  }

.clients-col1 li img {
		display: block;
	  }
	  
.clients-col2 h5 {
		color: #1D5C42;
		font-size: 0.9em;
		margin-top: 15px;
	  }

.clients-col2 a {
		color: #7AB800;
	  }

.past-clients #past {
		color: #8BA69C;
	  }

.past-clients #present {
		color: #7AB800;
	  }

.present-clients #past {
		color: #7AB800;
	  }

.present-clients #present {
		color: #8BA69C;
	  }