html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
background:transparent;
}
/* CORE LAYOUT */
body{font:normal 12px/18px Arial, Helvetica, sans-serif;color:#333;background:#fff url('../images/bg-header-small.png') repeat-x top left}
.wrap{width:100%;background:transparent url('../images/bg-footer.png') repeat-x bottom left}
.wrap-inner{margin:0 auto;width:960px;padding:0}
#intro-content{height:118px;color:#4d3800}
#header{height:123px;margin:15px 5px 0;padding:0 5px}
#content{float:left;width:670px;padding:20px 5px 5px 10px;margin:0 30px 50px 0}
* html #content{width:660px}
#sidebar{float:left;width:240px;margin-bottom:40px}
#footer{padding:5px 10px 40px}
body.home{background:#fff url('../images/bg-header.png') repeat-x top left}
.home #intro-content{height:217px;padding:10px 0 5px;background:url('../images/home_panel.jpg') left top}
.home #content{margin-top:8px;padding:15px 5px 5px}
.home #sidebar{margin-top:20px}
/* GLOBAL STYLES */
#header h1{float:left;padding:20px 20px 18px 0}
h2{font:normal 22px "Myriad Pro",tahoma,arial,sans;padding:15px 0;color:#626262}
h3{padding-bottom:10px;color:#606060;font:normal 18px "Myriad Pro",tahoma,arial,sans}
h4{font:bold 14px arial,sans}
h4, h4 a:link, h4 a:visited{color:#6F3100}
p{margin:0 0 10px}
p.small{font-size:10px;margin-top:-10px}
hr{border:none;border-bottom:1px dashed #808080}
a:link, a:visited{color:#0060AF;text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
.spacer{clear:both;margin:0;height:0;line-height:0;font-size:0}
.spacer-tall{clear:both;margin:0;height:20px;line-height:0;font-size:0}
.left{float:left}
.right{float:right}
.centertxt{text-align:center}
.righttxt{text-align:right}
.lefttxt{text-align:left}
.red{display:inline;color:red}
.first, p.first, h2.first{margin-top:0px}
.notice, .failure, .error, .warning, .message{font-size:16px;margin:20px 0}
#sidebar .notice, #sidebar .failure, #sidebar .error, #sidebar .warning, #sidebar .message{font-size:14px;margin:0}
.failure, .error, .warning{font-weight:bold;color:#C71B03}
.notice, .message{color:#11722F}
/* LAYOUT COMPONENTS */
#menu{float:left;margin:0 0 0 20px;padding:0;border-left:1px solid #d5d5d5}
#menu li{clear:none;list-style:none;float:left;border-right:1px solid #d5d5d5;font:bold 1.1em arial,sans;text-align:center}
#menu a:link, #menu a:visited{color:green;padding:53px 12px 54px;display:block}
* html #menu a:link, * html #menu a:visited{padding:53px 0 54px}
#menu a:hover{color:#fff;background:#136F30 url('/images/bg-menu-active.png') repeat-x top left;text-decoration:none}
* html #menu a span{padding:53px 12px 54px}
#menu a.funny:link, #menu a.funny:visited{color:#6F3100}
#menu a.funny:hover{color:#fff;background-color:#136F30}
#intro-content h2{font-weight:bold;text-transform:capitalize;padding:15px 0 8px}
.home #intro-content h2{color:#6F3100;padding:15px 0 5px;font-size:24px;margin:45px 0 0 405px}
#intro-content p{font:bold 16px/22px arial,sans;color:white;padding-left:20px}
.home #intro-content p{font-size:17px;width:500px;color:#0f5d2e;margin-left:405px;padding:0}
#intro-content .tree{display:none}
.home #intro-content .tree{display:none}
* html #intro-content .tree{behavior: url(/javascripts/iepngfix.htc)}
.page-intro{margin:0 0 30px}
#sidebar h2{padding:0 2px;margin:15px 20px;font-size:17px;line-height:25px;border-bottom:1px solid #c8c8c8;display:block}
#sidebar h2.clean{border:none;padding:15px 0;margin:0}
#sidebar p, #sidebar ul, #sidebar h3{margin:0 20px}
#sidebar ul{list-style:square;padding:0 0 0 18px}
#sidebar ul#partners{list-style:none;margin:5px auto;padding:0}
#sidebar ul#partners li{text-align:center;margin:15px auto}
#sidebar a.more-partners{margin:10px auto}
#footer a.left{margin:0 30px 0 0}
* html #footer a.left img{behavior: url(/javascripts/iepngfix.htc)}
#footer a:link, #footer a:visited{color:#C2D4C1}
#footer ul{float:left;width:600px;list-style:none}
#footer ul.nav li{clear:none;list-style:none;float:left;margin:0 4px;padding:0}
#footer li{clear:both}
#footer .copy{float:right;color:#C2D4C1}
/* FORMS */
.submit-button input{font:small-caps bold 16px "Myriad Pro",tahoma,arial,sans;color:#eee;border:none;background-color:#999}
form.custom label, #sidebar label, #sidebar form .red{font:bold 14px/18px "Myriad Pro",tahoma,arial,sans}
.submit-button input{cursor:pointer}
form.custom{margin:30px auto;width:420px}
form.custom label{margin:6px 10px 6px 0;width:120px;float:left;display:block;text-align:right}
form.custom input, form.custom textarea{margin:6px 0;width:279px}
* html form.custom input, * html form.custom textarea{margin:6px 0;width:269px}
form.custom input.checkbox{width:auto;margin-top:9px;vertical-align:baseline}
form.custom .submit-button{text-align:center;margin-left:120px}
form.custom .submit-button input{height:43px;width:128px}
form.custom .wide label{width:160px}
form.custom form.wide {width:460px}
form.custom form.wide.ultra {width:540px}
form.custom .wide.ultra label{width:240px}
form.custom .wide .submit-button input{margin-left:160px}
form.custom .wide.ultra .submit-button input{margin-left:240px}
form#comment-form{margin:30px 0;width:370px}
form#comment-form label{width:70px}
form#comment-form .submit-button{margin-left:70px}
form#comment-form .error{margin:0 0 20px 80px}
.active-scaffold label.large{font:bold 16px arial, sans;text-transform:uppercase}
#sidebar form{width:180px;margin:10px 20px 0 30px}
* html #sidebar form{margin:0;padding:10px 20px 0 20px}
#sidebar form p{margin:0 0 10px;padding:0}
#sidebar form .red{font-size:16px}
#sidebar form input, #sidebar form textarea{width:180px;margin:5px 0 15px}
* html #sidebar form input, * html #sidebar form textarea{width:170px;margin:5px 0 15px 0;padding:0}
#sidebar form .submit-button input{width:97px;height:36px;margin:0}
#sidebar form span.submit-button{text-align:right;display:block}
#sidebar form.search{padding:8px;margin:15px 0 0 15px;width:197px;height:21px}
* html #sidebar form.search{padding:8px 8px 8px 23px;width:197px;margin:0}
#sidebar form.search label{display:none}
#sidebar form.search input{float:left;margin:0}
#sidebar form.search input.search-text{width:142px}
#sidebar form.search input.search-submit{border:none;margin:0 0 0 8px;width:40px;height:21px;background: transparent url('/images/search-submit.png') top left no-repeat}
* html #sidebar form.search input.search-submit{behavior: url(/javascripts/iepngfix.htc)}
/* HOME PAGE */
.articles, .projects, .ideas{width:305px;padding-left:20px}
* html .articles, * html .projects, * html .ideas{width:300px;padding-left:20px}
.projects, .ideas{padding:0 16px 0 20px;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3}
.articles{float:right}
.projects, .ideas{float:left}
.home h3{padding:10px 0 0 34px}
.home h4{font-size:12px;letter-spacing:+1px}
.home #content p{line-height:24px}
#content .projects p, #content .ideas p{line-height:19px}
.home hr{margin:10px 5px;width:94%}
.articles hr{margin:15px 0;width:95%}
.date{font:bold 12px arial,sans;color:#808080;margin:3px 0}
.bg-projects, .bg-ideas{padding:5px 10px 5px 5px;color:#fff;background-color:#999}
.projects h4, .ideas h4{padding:8px 0}
.projects a:link, .ideas a:link,
.projects a:visited, .ideas a:visited{color:#EFBA2C}
.projects h4 a:link, .ideas h4 a:link,
.projects h4 a:visited, .ideas h4 a:visited{color:#fff;background-color:transparent}
.projects a:hover, .ideas a:hover{text-decoration:underline}
.home #content div img{float:left;margin-right:12px;height:124px;width:124px}
/* CONTENT PAGES */
#content ul{list-style:square;padding:0 0 0 20px}
#content .testimonials div{margin:0 0 30px}
#content .testimonials h3, #content .testimonials .date{text-align:right;padding:0 160px 0 0}
#content .testimonials .date{color:#9F9F9F}
#content .testimonials .even{width:600px;float:left}
#content .testimonials .odd{width:600px;float:right}
#content .indexes .article{overflow:hidden}
#content .indexes p{margin-top:0}
#content .indexes .photos{float:left;margin:0 10px 2px 0;padding:5px}
#content .indexes .photos a{border:3px solid #ddd}
#content .indexes a.main{width:200px;height:200px;display:block}
#content .indexes a.thumb{width:60px;height:45px;float:left;margin:4px 0 0 4px}
#content .indexes a.thumb.first{margin:4px 0 0}
.home #content .article{border-bottom:1px dashed #909090;margin:0 0 40px;padding:0 0 20px}
a:link.button, a:visited.button{display:block;margin:0 auto 20px;height:24px;width:112px;padding:13px 8px 8px;text-align:center;color:#fff;font: small-caps bold 16px "Myriad Pro",tahoma,arial,sans}
/* about page */
.controls{margin:0 0 20px}
.controls a{padding:0 0 0 16px;margin:0 18px 0 0;font:normal 16px "Myriad Pro",tahoma,arial,sans}
#team h2{padding-bottom:30px}
.team-list{font-size:12px;color:#9F9F9F}
.team-list a{font:normal 16px "Myriad Pro",tahoma,arial,sans;color:#6F3100}
.team-list li{margin:0 0 15px}
#bio-show{}
#bio-show h3{margin:0}
#bio-show .role{color:#9F9F9F}
#bio-show img{float:left;margin:0 10px 2px 0;border:3px solid #ddd}
#partners ul{list-style:none;text-align:center}
#partners ul li{margin:0 0 30px}
#partners ul li img{margin:0 0 10px}
/* BLOG */
#blog h2, #comments h2{border-bottom:1px solid #c8c8c8;margin:0 0 20px;padding:0}
#comments h2{margin:10px 0;padding:0}
#blog h3{padding:0;font-size:22px}
#blog .info{color:#808080;font-size:0.9em}
#blog .article{margin: 0 0 50px}
#blog.article{margin:0 0 30px;padding-top:0}
.article-footer{border-top:1px dashed #909090;color:#909090;text-align:right;padding-top:3px;margin:20px 0 0}
.article-footer .links a{margin-left:14px}
#blog .info, #blog .article-footer .links a, #blog .article-footer .left{padding-left:18px}
#comments ul{list-style:none;margin:5px auto}
#comments ul{margin:0;padding:0 0 0 5px}
#comments ul li{margin:15px 0}
#comments ul p{margin:2px auto}
ul#archive{font-size:13px}
ul#archive li{margin:0 0 5px}
/* SPRITE IMAGE CSS */
.bg-ideas, .bg-projects, a.button-work-request, a.button-year-round,
.articles h3, .projects h3, .ideas h3, a.more-partners, #sidebar form.search,
.submit-button input, .button, #sidebar input.search-submit, .controls a,
#blog .info, #blog .article-footer .left, #blog .article-footer .links a{background:url(../images/sprite.png) no-repeat top left}
.bg-ideas{background-position:0 -30px;width:284px;height:124px}
.bg-projects{background-position:0 -173px;width:284px;height:124px}
a.button-work-request{background-position:0 -316px;width:234px;height:95px;display:block}
a.button-year-round{background-position:0 -441px;width:234px;height:98px;display:block}
.ideas h3{background-position:0 -569px;height:42px}
.articles h3{background-position:0 -641px;height:42px}
.projects h3{background-position:0 -713px;height:42px}
a.more-partners{background-position:0 -785px;width:99px;height:40px;display:block}
#sidebar form.search{background-position:0 -855px}
* html #sidebar form.search{background-position:15px -855px}
.submit-button input, .button{background-position:0 -922px}
#sidebar .submit-button input{background-position:0 -995px}
.controls a{background-position:0 -1057px}
#blog .info{background-position:0 -1144px}
#blog .article-footer .links a{background-position:0 -1189px}
#blog .article-footer .links a.comment{background-position:0 -1101px}
#blog .article-footer .left{background-position:0 -1231px}
/* GLIDER STYLES */
.scroller .right{width:500px;padding-right:20px}
.scroller .left{width:150px}
div.scroller{height:600px;overflow:hidden;width:680px}/* scrolling section */
div.scroller div.section{width:680px;height:600px;overflow:hidden;float:left}/* each section */
div.scroller div.content{width:10000px}
div.scroller .active{background-color:#000;color:#fff}