body{
	background:url(../images/wood_plank.jpg) repeat;
	margin:0 0 15px 0;
	padding:0;
	background-position:center 238px;
	text-align:center;
	color:#d8d5c1;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:14px;
}
p{
	margin:0 0 14px 0;
	padding:0 20px 0 38px;
}
br.clear {
	clear: both;
	width: 0;
	height: 0;
	border: none;
	background: inherit;
	margin: 0;
	padding: 0;
}
a img {
  border: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0; padding: 0;
  font-weight: normal;
}
h1 a, h2 a {
  color: inherit;
  text-decoration: none;
}
ul.checks {
  font-size:0.9em;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:10px 0pt;
}
ul.checks li {
  width: 90px;
  font-size: 12px;
  float:left;
  background:transparent url(/images/bg_check.gif) no-repeat scroll 0 -1px;
  padding-left:21px;
}
.largecol ul.checks {
  padding: 3px 0;
  margin-left: 36px;
  color: #F3BE0C;
}
.largecol ul.checks li {
  width: 200px;
  line-height: 20px;
}
#header{
	display:block;
	height:229px;
	background: #cccccc url(../images/concrete.jpg) center top repeat-x;
	width:100%
}
#headerwrap{
	width:890px;
	display:block;
	height:229px;
	text-align:left;
}
#greenbar{
	display:block;
	width:100%;
	height:9px;
	background:url(../images/green_bar.jpg) center repeat-x #778514;
	line-height:0;
}
#flowers{
	height:129px;
	width:85px;
	background:url(../images/stereo_flowers.png) no-repeat;
	position:relative;
	margin:100px 0 0 35px;
	display:block;
	float:left;
}
#logo{
	width:475px;
	height:84px;
	background:url(../images/stereo.png) no-repeat;
	display:block;
	float:left;
	margin:100px 0 0 24px;
	position:relative;
}
#nav{
	width:340px;
	height:18px;
	float:left;
	position:relative;
	display:block;
	margin:196px 0 0 -85px;
}
#nav a{
	display:block;
	float:left;
	height:18px;
	width:70px;
	background:url(../images/welcome.gif) no-repeat;
	margin-right:19px;
}
#nav a.work{
	width:42px;
	background:url(../images/work.gif) no-repeat;
}
#nav a.team{
	width:38px;
	background:url(../images/team.gif) no-repeat;
}
#nav a.blog{
	width:36px;
	background:url(../images/blog.gif) no-repeat;
}
#nav a.inqueries{
	width:70px;
	background:url(../images/inqueries.gif) no-repeat;
	margin-right:0;
}
#nav a:hover{
	background-position:100% -18px;
}
#nav a.selected{
	background-position:100% -18px;
}
#mainwrap{
	display:block;
	width:890px;
	text-align:left;
	padding-top:15px;
}
.centercol{
  margin-left:30px;
  width: 860px; /* was 835 before we did homepage */
}
.centercol h1{
  font-weight: normal;
	font-size:22px;
	line-height:18px;
	margin:0 0 6px 0;
	padding:0 0 0 38px;
	background: transparent url(../images/bg_stereo_small.gif) left top no-repeat;
	height:30px;
	text-transform: uppercase;
}
.centercol h2.subhead {
  font-size:10px;
  font-weight: normal;
  margin-top: -17px;
  padding:0 0 7px 38px;
  text-transform: uppercase;
}
.centercol h1 span.post{
	display:block;
	line-height:10px;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}
#showcase {
  margin-bottom: 16px;
}
#feature {
  position: relative;
  width: 613px;
  height: 329px;
  border: 1px solid #fff;
  float: left;
  overflow: hidden;
}
#feature img {
  position: relative;
  width: 613px;
  height: 329px;
}
#feature_details, #feature_details div.background{
  width: 633px;
  height: 120px;
}
#feature_details {
  position: absolute;
  top: 210px;
  left: 593px;
}
#feature_details div.background {
  position: relative;
  background-color:#000;
  opacity:.90;
  filter: alpha(opacity=90); 
  -moz-opacity: 0.9;
}
#feature_details div.details {
  position: absolute;
  left: 0;
  top: 0;
}
#feature_details div.details div.col1 {
  padding:20px 0 0 20px; 
  display:block;
  width: 335px;
  float: left;
}
#feature_details div.details div.col2 {
  padding:20px 0 0 0;
  display:block;
  float: left;
  width: 235px;
}
#showcase_description {
  display: block;
  padding-right: 10px;
}
#feature a.more {
  font-family:'Lucida Console','Courier New',Courier,monospace, Fixed;
  text-decoration: none;
  font-size:12px;
  font-weight: bold;
  color: #666;
  line-height: 14px;
  padding: 30px 5px;
  height: 60px;
  width: 10px;
  background-color: #333;
  text-align: center;
  display: block;
  float: left;
}
#feature a:hover {
  color: #999;
}
#feature h2 {
  font-size:20px;
  font-weight:normal;
  line-height:22px;
}
#feature h2 a {
  color: #D8D5C1; /* for ie */
}
#feature h4 {
  font-size:10px;
  font-weight:normal;
  line-height:1em;
  margin:0pt;
  padding:0pt;
  text-transform: uppercase;
}
#thumbnails {
  position: relative;
  width: 236px;
  float: left;
}
#thumbnails #thumb_viewport {
  overflow: hidden;
  width: 235px;
  position: relative;
}
#thumbnails ul {
  margin: 0 0 0 16px;
  padding: 0;
  height: 260px;
  position: relative;
}
#thumbnails ul li {
  list-style: none;
  display: block;
  float: left;
  width: 110px;
  height: 88px;
}
#thumbnails ul li a {
  z-index: 10;
  display: block;
  float: left;
  width: 92px;
  height: 70px;
  margin: 0 16px 16px 0;
  border: 1px solid #fff;
  position: relative;
}
#thumbnails li a:hover {
  border: 1px solid #f3be0c;
}
#thumbnails li.background {
  width: 110px;
  height: 88px;
  background-color: #180801;
  z-index: 8;
  position: absolute;
}
#thumbnails a.more-link {
  display: block;
  float: left;
	text-decoration:none;
	font-size: 12px;
	padding-left: 16px;
	margin-left: 16px;
	height: 12px;
}
#thumb_back {
  background: transparent url(/images/bg_arrow_left.png) top left no-repeat;
}
#thumb_forward {
  background: transparent url(/images/bg_arrow.png) top left no-repeat;
}
#thumbnails a.more-link:hover {
  color: #f3be0c;
}
#leftcol{
	display:block;
	float:left;
	margin-left:30px;
  width: 296px;
}
.blog #leftcol {
  display:block;
  float:left;
  margin-left:30px;
	width:258px;
}
#rightcol{
	display:block;
	float:left;
	margin-left:15px;
  width: 524px;
}
.blog #rightcol {
  width:564px;
}
.smallcol {
	background:url(../images/small_col.png) repeat-y;
	display:block;
	margin-bottom:15px;
	padding:12px;
}
.smallcol h2 {
  color: inherit;
  font-size:20px;
	line-height:22px;
	margin:0 0 6px 0;
	padding:0 0 0 38px;
	background:url(../images/bg_stereo_small.gif) left top no-repeat;
	min-height:30px;
	font-weight: normal;
}
.blog .smallcol h2{
  background:none;
	font-size:14px;
	line-height:14px;
	margin:0 0 6px 0;
	padding:0;
	min-height:0;
	color:#f3be0c;
	text-transform: uppercase;
}
.smallcol h2.blog {
	background:url(../images/bg_rss_green.gif) left top no-repeat;
	min-height:30px;
	font-weight: normal;
}
.smallcol h3 {
  margin: 4px 0;
  padding-left: 38px;
  font-size: 1.3em;
  color: #f3be0c;
  font-weight: normal;
}
.smallcol h3 a {
  color: inherit;
  border: none;
}
.smallcol span.date {
  padding-left:38px;
}
.smallcol ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.smallcol li{
	margin:0 0 7px 0;
	padding:0;
}

.smallcol ul li ul {
  font-size: 90%;
  margin: 5px 5px 0px 85px;
}

.smallcol a{
	text-decoration:none;
	font-weight:bold;
}

.smallcol a, .largecol a {
	border-bottom:1px dotted #969071;
	text-decoration:none;
	font-weight:bold;
	color:#f3be0c;
}

.smallcol a:hover, .largecol a:hover{
	color:#969071;
	border-bottom:1px dotted #8e9313;
}

.blog .smallcol a {
  color:#d8d5c1;
  border-bottom: none;
}
.blog .smallcol a:hover{
	color:#8e9313;
}
.feature .small {
  display:block;
	line-height:10px;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}

.largecol{
	padding:12px;
	background:url(../images/large_col.png) repeat-y;
	display:block;
	margin-bottom:15px;
}
/* used on homepage */
.largecol h1, .largecol h2{
  margin: 0;
	padding:0 0 0 38px;
  min-height: 30px;
  font-size:22px;
  line-height:22px;
  text-transform: uppercase;
}
.largecol h1 {
  background:url(../images/heading.png) left top no-repeat;
}

.largecol h1 a {
  text-decoration: none;
  border: 0;
  color: inherit;
}
.largecol h1 a:hover {
  color: inherit;
  border: none;
}
.largecol h1 span.sub, .largecol h2 span.sub, .largecol h1 span.post{
	display:block;
	line-height:10px;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}

.postmenu{
	display:block;  
	height:22px;
	font-weight:bold;
}
.postmenu img{
	border:none;
	top:3px; 
	position:relative; 
	margin-right:5px;
}
.sienna, a.more-link, .postmenu a {
  color:#f05b33;
}
.darktan{
	color:#969071 !important;
}
.lighttan{
	color:#d8d5c1;
}
.yellow{
	color:#f3be0c;
}
.orange{
	color:#f05b33;
}
.green{
	color:#8e9313;
}

/* blog */
.navigation {font-size:1em; text-align: center;}
.navigation a {margin:0 5px;}
#commentform{margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:470px;margin:0 5px 10px 0;padding:1px;border:1px solid #330000;}
#commentform textarea{width:470px;margin:0 0 10px;padding:0;border:1px solid #330000;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;padding:0;}
#commentform h3{margin:0;line-height:20px;font-size:1.5em;}
#commentform #submit {
  width: 100px;
  height:30px;
}
.boxcomments h2{margin:0;line-height:20px;font-size:1.5em;}
ol.commentlist{list-style-type:decimal;}
ol.commentlist li{margin:0 0 17px;padding:15px 0 1px}
ol.commentlist li p{margin:0 0 0;padding:0;}
ol.tblist{}
ol.tblist li{margin-bottom:2px;}
.button {
  border:1px solid #003300;
  background:#727800 none repeat scroll 0%;
  color:#fff !important;
  font-size:1em;
  font-weight:bold;
  padding:8px 16px;
  border: none;
}
input.searchbox {
  margin-bottom:5px;padding:5px;border:1px solid #330000;font-size:14px;display:block;float:right;
}
pre.code {
  border:1px solid #333;
  margin-left: 38px;
  margin-top:2ex;
  overflow:auto;
  padding:10px;
  width:480px;
  background-color:#221E1E;
  clear:both;
  color:#fff;
	display: block;
}
code {
  margin:0;
  padding:0;
  font-family:'Lucida Console','Courier New',Courier,monospace, Fixed;
}
p code {
  margin-left: 0;
}
.storycontent ul {
  margin: 0 0 0 10px;
  padding: 0 0 5px 40px;
}
.storycontent ul li pre.code {
  margin-left: 0;
  width: 470px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}ff;
	display: block;
}
code {
  margin:0;
  padding:0;
  font-family:'Lucida Console','Courier New',Courier,monospace, Fixed;
}
p code {
  margin-left: 0;
}
.storycontent ul {
  margin: 0 0 0 10px;
  padding: 0 0 10px 40px;
}
.storycontent ul li pre.code {
  margin-left: 0;
  width: 470px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}