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

.clientbacker {background-image: url(/i/clients-board.jpg);background-color: #999999;}

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

/* new featured styles */

#workholder {
	width: 960px;
	margin: 0 auto;
	height: 500px;
	background-image: url(/i/featured/back-straw.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#workexplain {width: 420px;float: left;}

#workdivider {height:20px; width: 960px; background-image: url(/i/featured/divider.gif);
	background-repeat: no-repeat;margin: 0 auto;}
#workholder p img {margin-right: 15px;}
#workholder p {padding-left: 25px; font-family: "Avenir", Helvetica, sans-serif;
  font-size:12px;
  line-height: 16px;
  color: #666;}
#workholder li {font-family: "Avenir", Helvetica, sans-serif;
  font-size:12px;
  line-height: 16px;
  color: #666;}
#workholder p.logodesc {margin-bottom: 100px; padding-left: 20px; color: #797979;}
#workholder p.logodesc strong {color: #8abd54; font-size: 17px; margin-bottom: 15px; font-family: "Avenir", Helvetica, sans-serif;}

#workholder #workimages {width: 530px; 
float: right; text-align: center; margin: 0 auto;
}
#workimages p {text-align:center}

#slideshow { height: 465px; width: 530px; margin: 0 auto; text-align:center; }
#slideshow div { width: 530px; }
#slideshow div img { margin: auto; }

#workimagesnavholder {
    width: 530px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#workimagesnav {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 16px;
    overflow: visible;
    padding-left: 40%;
}

#workimagesnav a {
    float: left;
}

#nav { height: 8px; width: 530px; text-align: center;margin: 0 auto;}
a.box { 
    background-color: #ccc; display: block; float: left; width: 9px; height: 9px; margin: 8px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
a.activeSlide { background-color: #8abd54 }

#thumbs {width: 960px;text-align:center;margin: 0 auto; padding-bottom:100px; }
#thumbs img {padding-right: 3px; }




/* extra styles */

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