/*
//////////////////////////////////////////////

CSS Style Copyright Bill Hanff, 2006

bill@deorganic.com
www.deorganic.com

//////////////////////////////////////////////
*/

body, html
		{
		width:100%;
		}

body	{
		margin:0;
		padding:0;
		/*background: #FFF url("../img/grass.jpg") repeat-x top;*/
          background: #FFF url("../img/grass_sml.jpg") repeat-x top;
		font-family:arial; /* georgia, times, courier, serif; */
		color:#333;
		}

*		{
		margin:0;
		padding:0;
		}

#wrapper 
		{
		width:800px;
		/*margin:162px auto 0 auto;*/
		margin:81px auto 0 auto;
		}

#navigation
		{
		display:block;
		float:left;
		margin:10px 30px 0 0;
		width:112px;
		}
		
#navigation li
		{
		list-style:none;
		width:112px;
		}		
#navigation li a
		{
		display:block;
		width:100px;
		border-bottom:1px solid #d3d3d3;
		color:#0F7B16;
		text-align:right;
		font-size:11px;
		text-decoration:none;
		margin:0;
		padding:6px 12px 2px 0;
		background: #FFF url("../img/arrow.gif") no-repeat right center;
		}		
#navigation li a:hover
		{
		background-color:#F6F6F6;
		border-bottom:1px solid #0F7B16;
		}		


.home #wrapper #navigation .nav_home,
.clients #wrapper #navigation .nav_clients,
.technology #wrapper #navigation .nav_technology,
.company #wrapper #navigation .nav_company,
.leadership #wrapper #navigation .nav_leadership,
.contact #wrapper #navigation .nav_contact
		{
		background-color:#F9F9F9;
		}		


#content 
		{
		float:left;
		}

#maincontent {
		float:left;
		width:380px;
		}

.clients #wrapper #content #maincontent
		{
		float:left;
		width:365px;
		margin-right:15px;
		}
		
#content p a
		{
		color:#030;
		text-decoration:none;
		border-bottom:1px dotted #BBB;
		}
		
#content p a:hover
		{
		background-color: #EFEFEF;
		border-bottom:1px solid #030;
		}

		
#content p
		{
		color:#666;
		font-size:12px;
		line-height:20px;
		font-weight:normal;
		margin:0 0 20px 0;
		}

#content p.followedByList
		{
		font-size:12px;
		line-height:20px;
		font-weight:normal;
		margin:0 0 8px 0;
		}

#content ul
		{
		margin:0 0 10px 15px;
		}

#content ol
		{
		margin:0 0 10px 25px;
		}

#content ul li, #content ol li	
		{
		font-size:12px;
		font-weight:normal;
		color:#666;
		margin-bottom:4px;
		}

.singleColumn {
		width:500px;
		}
		
#subcontent {
		float:left;
		width:200px;
		padding-top:20px;
		}
		
#subcontent ul
		{
		margin:0;
		}
		
#subcontent ul .client_icon 
		{
		list-style:none;
		float:left;
		width:200px;
		height:55px;
		margin:0 0 15px 0;
		}

#subcontent ul .client_icon a 
		{
		display:block;
		float:left;
		width:200px;
		height:55px;
		border-bottom:0px solid #fff;
		}

#subcontent ul .home_icon 
		{
		list-style:none;
		float:left;
		width:100px;
		height:50px;
		margin:0;
		}

#subcontent ul .home_icon a 
		{
		display:block;
		float:left;
		width:100px;
		height:50px;
		border-bottom:0px solid #fff;
		}

.home_icon a.atg { background: url("../img/icon_atg.gif"); }
.home_icon a.bea { background: url("../img/icon_bea.gif"); }
.home_icon a.caucho { background: url("../img/icon_caucho.gif"); }
.home_icon a.cocoon { background: url("../img/icon_cocoon.gif"); }
.home_icon a.droplets { background: url("../img/icon_droplets.gif"); }
.home_icon a.oracle { background: url("../img/icon_oracle.gif"); }
.home_icon a.tomcat { background: url("../img/icon_tomcat.gif"); }
.home_icon a.interwoven { background: url("../img/icon_interwoven.gif"); }
.home_icon a.apache { background: url("../img/icon_apache.gif"); }
.home_icon a.apacheXML { background: url("../img/icon_apachexml.gif"); }
.home_icon a.postgre { background: url("../img/icon_postgre.gif"); }
.home_icon a.verity { background: url("../img/icon_verity.gif"); }

.client_icon a.forbes { background: url("../img/logo_forbes.jpg"); }
.client_icon a.scholastic { background: url("../img/logo_scholastic.jpg") no-repeat center; }
.client_icon a.consumers_union { background: url("../img/logo_consumers_union.gif") no-repeat center; }
.client_icon a.bluefly { background: url("../img/logo_bluefly.jpg") no-repeat center; }
.client_icon a.capitalthinking { background: url("../img/logo_capitalthinking.jpg") no-repeat center; }


.home_icon a:hover { background-position:0 -50px; }

.home_icon a span, .client_icon a span 
		{
		display:none;
		}
		
#pageText div
		{
		padding:10px 20px 5px 15px;
		border:1px solid #333;
		}
		

h1		{
		width:740px;
		height:75px;
		background: url("../img/grassroots_title.gif") no-repeat left center;
		margin:0 0 26px 60px;
		}
				
h1 span { display:none; }

h2		{
		color:#111;
		font-size:22px;
		font-weight:normal;
		letter-spacing:1px;
		padding:10px 0 0 30px;
		height:30px;
		text-transform:uppercase;
		font-family:Times; /* georgia, times, courier, serif; */
		background: #FFF url("../img/titleGrass.gif") no-repeat left center;
		}

h3		{ 
		text-transform:uppercase;
		font-weight:normal;
		font-size:16px;
		color:#030;
		}

h4		{ 
		color:#666;
		font-size:14px;
		}

.biotext img {
		float:left;
		padding:3px;
		background-color:#FFF;
		border-left:1px solid #EEE;
		border-top:1px solid #EEE;
		border-right:1px solid #BBB;
		border-bottom:1px solid #BBB;
		margin:8px 10px 10px 0;
		}

.biotext p {
		/* float:left; */
		}

.biotext {
		float:left;
		/* border:1px solid #F00; */
		}

#footer {
		clear:both;
		display:block;
		width:100%;
		text-align:center;
		padding:25px 0 10px 0;
		}
		
#footer p{
		font-size:10px;
		color:#666;
		margin:5px 0 15px 0;
		padding:0;
		}
		
		
		
/* form styles */
fieldset	{
			width:320px;
			padding:15px 0 15px 30px;
			border: 1px solid #DEDEDE;
			margin-bottom:20px;
			float:left;
			text-align:center;
			background-color:#FFF;
			}			

legend
			{
			font-size:14px;
			color:#454545;
			padding:3px 15px;
			margin-left:-10px;
			background-color:#F7F7F7;
			}

label {
        font-size:12px;
		color:#454545;
		float: left;
        text-align: right;
        width: 120px;
        margin-right: 0.5em;
        margin-top: 0.5em;
}

input, select {
        float: left;
        border: 1px solid #777;
        margin-top: 0.5em;
        font-size:12px;
		}
		
textarea {
        float: left;
        border: 1px solid #777;
        margin-top: 0.5em;
        font-size:12px;
		}

fieldset p {
        text-align:left;
		width: 300px;
		margin-left:20px;
		}


textarea {
		font-size:12px;
		border-top: 1px solid #777;
		}

#submitField {
		clear:both;
		font-size:10px;
		margin-left:125px;
		margin-top:10px;
		padding:1px 15px;
		}

label.required, p#required {
		color:#933;
		}