@charset "UTF-8";
html, body {
	background-color: #FFFFFF;
	background-image: url(/i/top.gif);
	background-repeat: repeat-x;
	margin: 0 auto;
	padding: 0;
	height:100%;
}

div#container {
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#flashcontent{
	font-family: "Avenir", Helvetica, sans-serif;
  font-size:12px;
  line-height: 16px;
  color: #666;
  text-align: left;
  }
td.textcontent {
	font-family: "Avenir", Helvetica, sans-serif;
  font-size:12px;
  line-height: 16px;
  color: #666;
  text-align: left;
  }


div#header {
	padding: 20px 0 0 0;
}

#padder { padding-bottom: 220px; height: 430px;}
#horizon        
	{
	color: white;
	background-color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	
	}

#content2   
	{
	font-family: "Avenir", Helvetica, sans-serif;
  font-size:12px;
  line-height: 16px;
  color: #666;
  text-align: left;
	background-color: #fff;
	margin-left: -480px;
	position: absolute;
	top: -280px;
	left: 50%;
	width: 960px;
	height: 430px;
	visibility: visible;
	padding-bottom: 220px;
	}
#subnav {
	width: 200px;
	float: left;
}
#contentblock {
	width: 725px;
	float: right;
	font-family: "Avenir", Helvetica, sans-serif;
 	 font-size:12px;
	 line-height: 17px;
	 color: #666;
	}
ul.worknav {
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	border-top: 1px dotted #e4e4e4;
}

.worksection, .worksection a {
	font-family: "Avenir", Helvetica, sans-serif;
 	 font-size:12px;
	 line-height: 24px;
  color: #8d8d8d;
  text-decoration: none;
}

a {color: #8dc05a;}
a.jobs:link, a.jobs:visited {color: #666;}
a.jobs:hover, a.jobs:active {color: #8dc05a;}

.worksection a:link, .worksection a:visited { color: #8d8d8d; }
.worksection a:hover, .worksection a:active { color: #666; }

th {background-color: #8dc05a; color: #fff; font-family: "Avenir", Helvetica, sans-serif;
 	 font-size:13px; text-align: left;}

.topworksection, .topworksection a {
	font-family: "Avenir", Helvetica, sans-serif;
 	 font-size:13px;
	 line-height: 24px;
  color: #666;
  text-decoration: none;
  background-color: #ddeccd; 
  text-weight: bold;
  
}
.workprojects, .workprojects a {
	font-family: "Avenir", Helvetica, sans-serif;
 	 font-size:12px;
	 line-height: 24px;
  text-decoration: none;
}
.workprojects a:link, .workprojects a:visited { color: #8dc05a; }
.workprojects a:hover, .workprojects a:active { color: #666; }

ul.workprojects, li.topworksection, li.workspacer {
	list-style:none;
	padding-left: 0px;
	margin-left: 0px;
}
ul.workprojects li {
	border-top: 1px dotted #e4e4e4;
	}
li.worksection {
	border-bottom: 1px dotted #e4e4e4;
	}

h1 {
font-family: "Avenir", Helvetica, sans-serif;
  font-size:16px;
  line-height: 16px;
  color: #8dc05a;
  text-align: left;
  text-transform:uppercase;
  padding: 15px 0 20px 123px ;
}
h2 a {  color: #8dc05a;
  text-decoration: none;
  }
h2 {
font-family: "Avenir", Helvetica, sans-serif;
  font-size:16px;
  line-height: 16px;
  color: #8d8d8d;
  text-align: left;
  text-transform:uppercase;
  padding: 15px 0 20px 123px ;
}
.about {line-height: 20px;}
	
h3, h3 a {
font-family: "Avenir", Helvetica, sans-serif;
  font-size:15px;
  line-height: 16px;
  color: #666;
  text-align: left;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}
p.news {margin-top: .5em; margin-bottom: .5em;}
td.newsdate {text-align: right; color:#CCCCCC;}

div#content {
	width: 960px;
	margin: 0 auto;
	padding-bottom:220px;
	display: table;
	}
div#contentsub {
	width: 960px;
	margin: 0 auto;
	padding-bottom:100px;
	}
	
div.corecontent {
	display: table-cell;
	vertical-align: middle;
	}

div#footer, div#footersub { 
  width:100%;
  position: absolute;      
  background:#ebf5e1;
  background-image: url(/i/footer_back.gif);
	background-repeat: repeat-x;
  left: 0px;
  bottom: 0px;
  font-family: "Avenir", Helvetica, sans-serif;
  font-size:12px;
  line-height: 16px;
  color: #666;
}

div#footer a {
	color: #000;
	text-decoration: none;
}
div#footersub a {
	color: #8dc05a;
	text-decoration: none;
	font-weight: bold;
}
/* extra styles */

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.catcher {
	width: 5px;
	visibility: hidden;
}