/* CSS Document */
* { padding:0; margin:0; }
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background: url(../images/bg-gradient.jpg) fixed top repeat-x #101302;
	}	
table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-style:none;
	border:none;
		}
	
.table1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3;
	
	}
	
	.table1 th {background-color:#CCCCCC;
	}
	
	.table1 td {border:1px solid #000000 ;
	border-collapse:collapse;
	display:table-cell;
	padding:3px;
	text-align:center; 
	}
	
	.table1 em {
	font-size:9.5px
	}
	
	
#wrapper {
	margin:0px auto;	
	padding:0;
	width:800px;
	background-color:#ffffff;
	border-color:#000000;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	height:auto;
	text-align:left;
	position:relative;
	background:url(../images/nav/nav-bar-bg.jpg) repeat-y left #ffffff;
	}
#header, #content { 
	width:800px;
	margin:0px auto;
	font-size:12px;
	}
#header { background-color:#009900; height:130px; text-align:center;}

#nav-holder { 
	width:240px;
	float:left;
	font-size:1px; line-height:0; 
	clear:none;
	}

.contact-form{
	margin:0px auto;
	font-size:12px;
	border-color:#009900; border-width:1px 1px 0px 1px; border-style: solid;
	}


#bullfroglogo{
	margin-left:48px;
	display:block;
	bottom:0px;
	}
	
	
	/*input[type="text"], select,*/ #wrapper #content #rightside .contact-form .field{ width:180px; background:#8cd18c; border:#006600 1px solid; color:#003800; font-size:11px; padding:2px; display:block; } 
	/*input[type="submit"], input[type="reset"],*/ #wrapper #content #rightside .contact-form .buttons  {
		width:80px; background:#006600; border:#8cd18c 1px solid; color:#ffffff; font-size:14px; padding:3px; clear:none;
		}
	.contact-form td {
		border-color:#009900; border-width: 0px 0px 1px 0px; border-style:solid;
		padding:5px 5px 5px 5px;
		}
	#oiler { position:relative; left:13px;}
	#nav { width:146px; margin:0px auto 0px 40px; position:relative;}	
		#linehome, #lineabout, #lineteam, #linenews, #linelinks
		{  width:146px; display:inline; height:3px; float:left; clear:both; font-size:1px; line-height:0; }
		
		#linehome { background:url(../images/nav/nav-line-home.jpg) no-repeat; }
		#lineabout { background:url(../images/nav/nav-line-aboutus.jpg) no-repeat; }
		#lineteam { background:url(../images/nav/nav-line-team.jpg) no-repeat; }
		#linenews { background:url(../images/nav/nav-line-news.jpg) no-repeat; }
		#linelinks { background:url(../images/nav/nav-line-links.jpg) no-repeat; }
		
		#nav a:hover { background-color:#8CC63F; }
		
					#nav #home a, #home {
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-off-home.jpg) no-repeat;
					float:left; clear:both;
					}
					#nav #home a:hover, #homeover { 
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-on-home.jpg) no-repeat;
					float:left; clear:both;
					}
					
					
					#nav #projects a, #projects {
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-off-projects.jpg) no-repeat;
					float:left; clear:both;
					}
					#nav #projects a:hover, #projectsover { 
					width:146px;
					height:22px;
					background:url(../images/nav/btn-on-projects.jpg) no-repeat;
					float:left; clear:both;
					}
					
					
					#nav #team a, #team {
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-off-theteam.jpg) no-repeat;
					float:left; clear:both;
					}
					#nav #team a:hover, #teamover { 
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-on-theteam.jpg) no-repeat;
					float:left; clear:both;
					}
					
					#nav #sustain a, #sustain {
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-off-sustainability.jpg) no-repeat;
					float:left; clear:both;
					}
					#nav #sustain a:hover, #sustainover { 
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-on-sustainability.jpg) no-repeat;
					float:left; clear:both;
					}
					
					
					#nav #news a, #news {
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-off-news.jpg) no-repeat;
					float:left; clear:both;
					}
					#nav #news a:hover, #newsover { 
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-on-news.jpg) no-repeat;
					float:left; clear:both;
					}
					
					
					#nav #links a, #links {
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-off-links.jpg) no-repeat;
					float:left; clear:both;
					}
					#nav #links a:hover, #linksover { 
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-on-links.jpg) no-repeat;
					float:left; clear:both;
					}
					
					
					#nav #contact a, #contact {
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-off-contact.jpg) no-repeat;
					float:left; clear:both;
					}
					#nav #contact a:hover, #contactover { 
					width:146px;
					display:block;
					height:22px;
					background:url(../images/nav/btn-on-contact.jpg) no-repeat;
					float:left; clear:both;
					}
					#subnav-holder {	
					position:relative;
					clear:both;
					width:240px;
					display:block;
					}
					#subnav {
					position:absolute;
					margin:0px 0px 0px 43px;
					width:140px;
					display:block;
					height:50px;
					clear:both;
						}
					#subnaver {
					position:relative;
					margin:0px auto;
					width:280px;
					display:block;
					height:50px;
					}

					#content #nav-holder #subnav a, #content #rightside #subnaver a {
					margin:0px auto 3px 5px;
					padding:2px 0px 2px 0px;
					position:relative; 
					line-height:normal;
					text-align:center;
					width:130px;
					display:block;
					Float:left;
					background:#006600;
					border:#009900 1px solid;
					color:#ffffff;
					font-size:12px;
					font-weight:normal;
					text-decoration:none;
					}
					#content #nav-holder #subnav a:hover,  #content #rightside #subnaver a:hover { background:#009900; color:#FFFFFF; text-decoration:none; }
#content { margin:0px; padding:0px; background:url(../images/nav/nav-bar-bg.jpg) repeat-y left;}
		
#content ol { padding-left:25px; list-style:none;}
#content ol li { padding:5px 0px; margin:0; height:auto; }


#leftside, #rightside { padding:0px; clear:none; }
#rightside {float:right; width:510px; padding-right:30px; text-align:left;}
#leftside { float:left; clear:left;  width:240px; text-align:center; font-size:10px; font-weight:bold;}

#fact-holder { width:520px; float:left; margin:0px auto; border:#000000 solid 1px; text-align:left; padding:10px;}
	#fact-holder h1 { font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; margin:0px 0px 15px 0px; padding:2px 0px 2px 0px; width:100%; background-color: #8cc63f; color:#FFFFFF; }
#fact-left, #fact-right {  width:250px; clear:none;  font-size:12px;}
#fact-left { float:left;  }
#fact-right { float:right; } 

#fact-left ul, #fact-right ul { list-style:outside circle; margin:0; padding:3px 0px 3px 40px; } 
#fact-left ul ul, #fact-right ul ul { list-style:outside square; margin:0; padding:3px 0px 3px 40px; } 
	#content p { padding:12px 0px 0px 0px; }
	#content em { color:#000000; font-style:normal; }
	#content blockquote { padding:8px 0px 8px 50px; }
	h1, h2, h3, h4, h5, h6 {
	color: #009900;
	padding:8px 0px 0px 0px;
	}
	h1 { font-size:18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; }
	h2 { font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; margin:0px; padding:15px 0px 8px 0px; }
	h3 { font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; }
	h4 { color: #009900; font-size:12px; }
	h5 { color: #009900; font-size:14px; text-align:center; padding:0px; }
	
	.photo { font-size:10px; font-weight:bold; text-align:center; position:relative; width:240px; float:left; display:block; margin:4px 6px; }
	.photo img { margin:4px 6px; clear:both; }
	.photo p { clear:both; }
		
	.floatRight { float:right; clear:none; }
	.floatLeft { float:left; clear:none; }
	
	#content a{
		color: #006600;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#content a:hover {
		text-decoration:underline;	
		color: #8CC63F;
		}	
		.highlightteam {
		border-width:1px 1px 1px 1px;
		border-color:#000000;
		border-style:solid;
		color:#000000;
		padding:5px;

		}
		
	.highlight {
		border-width:0px 1px 1px 1px;
		border-color:#000000;
		border-style:solid;
		background:url(../images/news-bg.jpg) repeat-x;
		color:#000000;
		padding:5px;

		}
			.highlight .title { clear:both; color:#000000; font-weight:bold; text-align:center; }
			.highlight p { margin:0px 5px 5px 5px; clear:both; text-align:center;}

.picborder {
	border:#009900 2px solid;
	background-color:#000000;
	margin:2px 6px 0px 0px;
	}

#footer {
width:794px;
background:url(../images/footer-bg.jpg) repeat-x;
font-size:10px;
padding:3px;
color:#fffffff;
	}
	#designby a{ font-size:10px; color:#FFFFFF; text-decoration:none; }
	
	#designby a:hover{ font-size:10px; color:#FFFFFF; text-decoration:underline;  }
	
	#copyright { float:right; }
	#designby { float:left; }

.clear { height:0px; width:100%; display:block; clear:both; float:none; }

ul li{
	margin-left:10px;
	list-style:none;
	}