.forge-serif { font-family: Georgia, Times, serif; }
.forge-sans { font-family: Helvetica, Arial, sans-serif; }
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 62.5%;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em;
  background: #000000;
}
#wrapper {
  background: #ffffff;
  padding-bottom: 6px;
}
img {
  border: none;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, strong, em, a, p, blockquote, cite, li {
  font-weight: normal;
  font-size: 1em;
  font-family: Helvetica, Arial, sans-serif;
  color: #4c4c4c;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
strong { font-weight: bold; }
a:hover { text-decoration: underline; }
img.align-right {
  float: right;
  margin: 0 0px 6px 12px;
}
img.align-left {
  float: left;
  margin: 0 12px 6px 0;
}
#flash {
  height: 399px;
  width: 976px;
  margin: 0 auto 18px;
  padding-top: 3em;
}
#branding.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: #000000 url(../i/bg-header.gif) right top repeat-y;
}
#branding.header #logo-tagline {
  float: left;
  padding: 0.9em 0 1em 12px;
}
#branding.header #logo-tagline a {
  display: block;
  font-family: Georgia, Times, serif;
  font-weight: bold;
  font-size: 1.2em;
  width: 209px;
  height: 14px;
  overflow: hidden;
}
#branding.header #logo-tagline a span {
  color: #ea801e;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 0.8em;
}
#branding.header #logo-tagline img {
  position: absolute;
  top: 0.6em;
  left: 12px;
}
#branding.header a { color: #ffffff; }
#branding.header .nav {
  float: right;
  padding-right: 60px;
  list-style: none;
  padding-top: 1em;
  padding-bottom: 0.9em;
  background: url(../i/forge-icon.gif) right 50% no-repeat;
}
#branding.header .nav li {
  display: block;
  float: left;
  margin: 0 0 0 1.4em;
}
#branding.header .nav a {
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 0 0.6em;
  letter-spacing: 0.1em;
}
#branding.header .nav li.current a { color: #ea801e; }
.home #hook {
  position: relative;
  overflow: hidden;
  padding-top: 3.5em;
  height: 165px;
}
.home #hook h2 {
  font-size: 6.5em;
  font-family: Georgia, Times, serif;
  color: #000000;
  height: 165px;
  line-height: 165px;
  margin-left: 10px;
  background: url(../i/hook-home.png) left 50% no-repeat;
}
.home #hook h2 strong {
  font-family: Georgia, Times, serif;
  color: #ea801e;
}
.home #hook img {
  position: absolute;
  top: 3.5em;
  left: 0;
}
.not-home #hook {
  position: relative;
  overflow: hidden;
  padding-top: 3.5em;
  height: 106px;
  text-align: right;
}
.not-home #hook h2 {
  font-size: 2.5em;
  font-family: Georgia, Times, serif;
  color: #000000;
  height: 109px;
  margin-left: 10px;
  float: right;
  line-height: 20px;
  width: 446px;
  text-align: right;
  position: relative;
}
.not-home #hook h2 strong {
  font-family: Georgia, Times, serif;
  color: #ea801e;
}
.not-home #hook img {
  position: absolute;
  top: 3.4em;
  right: 0;
}
#flash-container {
  position: relative;
  overflow: hidden;
  width: 976px;
  height: 399px;
}
#flash-container img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#content-introduction {
  font-size: 1.8em;
  color: #000000;
  line-height: 1.5em;
  padding-bottom: 1.5em;
}
#content-introduction a { color: #ea801e; }
.work .body { padding-top: 20px; }
.work-detail .details {
  border-right: 1px solid #bfbebe;
  width: 569px;
}
#content.homepage {
  width: 864px;
  margin: 0 auto;
  display: block;
  padding: 0 56px;
}
#content.homepage .colgroup {
  width: 432px;
  float: left;
}
#content.homepage .first { margin-right: 18px; }
#content.homepage .col {
  width: 198px;
  float: left;
  background: none;
  display: inline;
}
#content.homepage .col .news {
  margin-bottom: 20px;
  float: left;
}
#content.homepage .col .news .news-header { margin: 10px 0 5px 0; }
#content.homepage .col .news .news-header a {
  color: #ea801e;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
}
#content.homepage .col .news .timestamp {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  display: inline;
}
#content.homepage .col .news .summary {
  font-size: 1.2em;
  font-style: italic;
  color: #555555;
  display: inline;
  line-height: 1.2em;
}
#content.homepage .col .news .more {
  color: #ea801e;
  font-size: 1em;
  line-height: 1.5em;
  display: block;
  font-weight: bold;
  padding-top: 5px;
  text-transform: uppercase;
}
#content.homepage .col .blogs {
  margin-bottom: 1px;
  float: left;
  display: inline;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
#content.homepage .col .blogs .blog-header {
  margin: 10px 0 5px 0;
  float: left;
  width: 100%;
}
#content.homepage .col .blogs .blog-header a {
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2em;
  text-transform: uppercase;
  display: block;
  float: left;
  width: 100%;
}
#content.homepage .col .blogs .blog-header a:hover { text-decoration: none; }
#content.homepage .col .blogs .blog-header a .more-hover {
  display: none;
  background: url(../i/blog-arrow.gif) right top no-repeat;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 10px;
  right: 5px;
}
#content.homepage .col .blogs .blog-header a .title {
  margin-right: 20px;
  display: block;
}
#content.homepage .col .blogs .blog-header a .author {
  margin-bottom: 5px;
  margin-top: 2px;
  color: #8a8a8a;
  display: block;
  font-weight: normal;
  text-transform: none;
}
#content.homepage .col .blogs .blog-header a:hover .more-hover { display: block; }
#content.homepage .col .blogs .timestamp {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  display: inline;
}
#content.homepage .col .blogs .summary {
  font-size: 1.2em;
  font-style: italic;
  color: #555555;
  display: inline;
  line-height: 1.2em;
}
#content.homepage .col .blogs .more {
  color: #ea801e;
  font-size: 1em;
  line-height: 1.5em;
  display: block;
  font-weight: bold;
  padding-top: 5px;
  text-transform: uppercase;
}
#content.homepage #featured {
  margin-top: 2.3em;
  margin-right: 0;
}
#content.homepage #featured .feature {
  padding-bottom: 22px;
  margin-bottom: 20px;
  float: left;
}
#content.homepage #featured .feature div {
  float: left;
  width: 255px;
}
#content.homepage #featured .feature div p {
  margin-bottom: 0.5em;
  line-height: 1.3em;
}
#content.homepage #featured .feature p {
  font-size: 1.2em;
  color: #555555;
  line-height: 1.2em;
  clear: left;
}
#content.homepage #featured .feature img {
  float: left;
  display: inline;
  margin-right: 9px;
}
#content.homepage #featured .feature #fydo-more {
  margin-top: 2em;
  display: block;
  width: 174px;
  height: 23px;
  text-indent: -9999px;
  background: url(../i/bg-more-info.png) left top no-repeat;
}
#content.homepage #featured .feature #fydo-more:hover { background: url(../i/bg-more-info.png) left bottom no-repeat; }
#content.homepage #featured #feature-1 { border-bottom: 1px solid #d9d9d9; }
#content.homepage #featured #quote-dpo {
  display: block;
  width: 432px;
  height: 82px;
  background: url(../i/quote-dpo.png) left top no-repeat;
}
#content.homepage #featured #quote-dpo blockquote {
  display: block;
  text-indent: -9999px;
}
#content.homepage #featured #quote-dpo cite {
  display: block;
  text-indent: -9999px;
}
#content.homepage .wide {
  width: 432px;
  float: left;
}
#content.homepage h2 {
  color: #000000;
  font-size: 1.5em;
  padding-bottom: 10px;
  background: url(../i/services-header-bg.png) bottom left repeat-x;
}
#services-home {
  width: 100%;
  background: url(../i/services-bg.gif) top left repeat-x;
  padding: 30px 0;
  margin-top: 20px;
}
#services-home #content-services {
  display: block;
  margin: 0 auto;
  padding: 0 56px;
  width: 864px;
}
#services-home #content-services .services-container {
  width: 191px;
  float: left;
  margin-right: 5px;
  padding-right: 20px;
}
#services-home #content-services .services-container h3 {
  text-transform: uppercase;
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 10px;
  background: url(../i/services-header-bg.png) bottom left no-repeat;
}
#services-home #content-services .services-container p {
  color: #231f20;
  font-size: 1.2em;
  line-height: 1.5em;
  padding-bottom: 0.3em;
  margin-top: 10px;
}
#services-home #content-services .services-container .more {
  color: #ea801e;
  font-size: 1em;
  line-height: 1.5em;
  display: inline-block;
  clear: left;
  float: left;
  padding-top: 10px;
  text-transform: lowercase;
}
#services-home .services-container.last { margin-right: 0; }
#content .section1 { position: relative; }
#content .section1 #page-title {
  position: relative;
  height: 67px;
  width: 178px;
  font-family: Georgia, Times, serif;
  color: #000000;
  font-size: 5em;
  text-transform: lowercase;
  overflow: hidden;
  line-height: 0.8em;
}
#content .section1 img {
  position: absolute;
  top: 0;
  left: 0;
}
#content .section1 ul.portfolio-navigation { list-style: none; }
#content .section1 ul.portfolio-navigation li a {
  font-size: 2.8em;
  font-family: Georgia, Times, serif;
  color: #4c4c4c;
}
#content .section1 ul.portfolio-navigation li a:hover {
  font-size: 2.8em;
  font-family: Georgia, Times, serif;
  color: #ea801e;
}
#content .section1 ul.portfolio-navigation li a.active {
  font-size: 2.8em;
  font-family: Georgia, Times, serif;
  color: #000000;
}
#content .section1 #sub-navigation {
  float: left;
  margin-top: 25px;
}
#content .section1 #sub-navigation h4 {
  font-size: 0.9em;
  line-height: 1.5em;
  text-transform: uppercase;
  text-decoration: underline;
  color: #231f20;
  padding-left: 10px;
}
#content .section1 #sub-navigation ul {
  padding-bottom: 1em;
  list-style: none;
  line-height: 1.5em;
}
#content .section1 #sub-navigation ul li {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
#content .section1 #sub-navigation ul li a {
  color: #ea801e;
  font-size: 1.3em;
  padding-left: 10px;
}
#content .section1 #sub-navigation ul li.current { background: url(../i/subnav-current-arrow.gif) left 50% no-repeat; }
#content .section1 #sub-navigation ul.portfolio {
  padding: 0.5em 0.5em 0.5em 0;
  list-style: none;
  line-height: 1.5em;
  border-top: 1px solid #ededed;
}
#content .section1 #sub-navigation ul.portfolio li {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
#content .section1 #sub-navigation ul.portfolio li a {
  color: #ea801e;
  font-size: 1.3em;
  padding-left: 10px;
}
#content .section1 #sub-navigation ul.portfolio li.current { background: url(../i/subnav-current-arrow.gif) left 50% no-repeat; }
#content .section1 #sub-navigation ul.portfolio-first {
  padding: 0.5em 0.5em 0.5em 0;
  list-style: none;
  line-height: 1.5em;
  border-top: none;
}
#content .section2 #title-tag {
  position: relative;
  height: 49px;
  width: 577px;
  overflow: hidden;
}
#content .section2 #title-tag p {
  color: #ea801e;
  padding-top: 25px;
  font-size: 1.2em;
}
#content .section2 #title-tag img {
  position: absolute;
  top: 0;
  left: 0;
}
#content .section2 #project-title {
  font-size: 2.6em;
  color: #000000;
  padding-top: 0.7em;
  padding-bottom: 0.2em;
}
#content .section2 .body {
  background: url(../i/body-border-top.gif) top left repeat-x;
  float: left;
  padding-bottom: 20px;
}
#content .section2 .body p { padding: 0.1em 0; }
#content .section2 .body a {
  color: #ea801e;
  text-decoration: underline;
}
#content .section2 .body strong {
  font-size: 1.3em;
  font-style: normal;
  line-height: 1.4em;
  color: #4c4c4c;
  font-weight: bold;
}
#content .section2 .body em {
  font-style: italic;
  font-size: 1.1em;
}
#content .section2 .body .teammate { padding: 1em 0; }
#content .section2 .body .teammate h5 {
  font-size: 1.5em;
  padding: 0.5em 0;
  margin: 1em 0;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
#content .section2 .body .teammate h5 .title { font-size: 0.6em; }
#content .section2 .body .teammate h6 {
  font-size: 1.3em;
  padding-bottom: 0.5em;
  margin-top: 1em;
  font-weight: bold;
}
#content .section2 .body .teammate .bio_pic { border: 1px solid #eeeeee; }
#content .section2 .body .teammate .title {
  color: #ea801e;
  font-size: 0.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
}
#content .section2 .body .teammate ul.extras { list-style: none; }
#content .section2 .body .teammate ul.extras li {
  border-bottom: 1px solid #eeeeee;
  padding: 0.5em 0;
}
#content .section2 .body .teammate ul.extras li .title { color: #4c4c4c; }
#content .section2 .body .teammate ul.extras li p { margin-bottom: 7px; }
#content .section2 .body .teammate ul.extras li li.tweet_first {
  font-style: italic;
  font-family: Georgia, Times, serif;
  color: #666666;
  line-height: 140%;
  padding-top: 0.5em;
}
#content .section2 .body .teammate ul.extras ul.tweet_list { margin-left: 0; }
#content .section2 .body .teammate ul.extras ul.tweet_list li { list-style: none; }
#content .section2 .body .teammate ul.extras ul.favorites {
  margin: 5px 0 0 0;
  font-size: 0.8em;
  list-style: none;
}
#content .section2 .body .teammate ul.extras ul.favorites li {
  margin: 0px;
  border: none;
  padding: 3px 0px;
}
#content .section2 .body .teammate ul.extras ul.favorites a {
  text-decoration: none;
  line-height: 100%;
  font-family: Georgia, Times, serif;
  letter-spacing: 0px;
}
#content .section2 .body .teammate ul.extras ul.favorites a:hover {
  color: #ea801e;
  text-decoration: underline;
}
#content .section2 .body ul {
  margin-left: 40px;
  padding-bottom: 0.5em;
}
#content .section2 .body ol {
  margin-left: 40px;
  padding-bottom: 0.5em;
}
#content .section2 .body li {
  font-size: 1.2em;
  margin-bottom: 0.2em;
  line-height: 1.3em;
  padding-bottom: 0.5em;
}
#content .section2 .body .error-page p {
  font-size: 1.5em;
  margin-bottom: 0;
}
#content .section2 .body .error-page ul {
  list-style: none;
  margin-left: 0;
  margin-top: 10px;
}
#content .section2 .body .error-page ul li { margin-bottom: 0; }
#content .section2 .body .error-page ul li a { font-size: 1.3em; }
#content .section2 .body .services-images {
  margin-top: 15px;
  padding-top: 20px;
  background: transparent url(../i/body-border-top.gif) repeat-x scroll left top;
}
#content .section2 .body .news-item { margin-bottom: 30px; }
#content .section2 .body .news-item .title {
  border-bottom: 1px solid #c9c8c8;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#content .section2 .body .news-item .title h4 { margin-bottom: 0; }
#content .section2 .body .news-item .title h4 a {
  color: #231f20;
  font-weight: bold;
}
#content .section2 .body .news-item .title span {
  display: block;
  font-weight: bold;
  color: #4c4c4c;
}
#content .section2 .body .news-item .title span strong {
  color: #ea801e;
  font-weight: bold;
}
#content .section2 .body .news-item .date { font-size: 1.2em; }
#content .section2 .body .news-item .read-more {
  font-weight: bold;
  color: #ea801e;
  margin-left: 5px;
}
#content .section2 .body .vcard {
  color: #4c4c4c;
  font-size: 1.2em;
  padding-top: 20px;
}
#content .section2 .body .vcard .tel {
  font-weight: lighter;
  font-size: 2.5em;
  padding: 0.3em 0;
}
#content .section2 .body .map { color: #ea801e; }
#content .section2 .body #breadcrumbs { border-bottom: 1px solid #bfbebe; }
#content .section2 .body #breadcrumbs ol {
  display: block;
  width: 569px;
  float: left;
  border-right: 1px solid #bfbebe;
  list-style: none;
  padding: 0;
  margin-left: 0;
}
#content .section2 .body #breadcrumbs ol li {
  display: block;
  float: left;
  padding: 8px 0 3px 0;
}
#content .section2 .body #breadcrumbs ol li a {
  display: block;
  float: left;
  padding: 1px 5px 0 5px;
  color: #ea801e;
  text-transform: uppercase;
}
#content .section2 .body .contact-form { float: right; }
#content .section2 .body .contact-form form {
  width: 375px;
  padding: 20px 0;
}
#content .section2 .body .contact-form form label {
  display: block;
  color: #ea801e;
  font-size: 1.4em;
  font-weight: bold;
}
#content .section2 .body .contact-form form input { display: block; }
#content .section2 .body .contact-form form input.content {
  width: 365px;
  background-color: #ececec;
  border: none;
  padding: 5px;
  margin-bottom: 10px;
}
#content .section2 .body .contact-form form textarea {
  width: 365px;
  border: none;
  background-color: #ececec;
  padding: 5px;
  margin-bottom: 10px;
}
#content .section2 .body iframe { border: none; }
#content .section2 .body #gallery {
  width: 569px;
  overflow: hidden;
}
#content .section2 .body #gallery #slideshow {
  margin-top: 6px;
  margin-bottom: 6px;
  width: 563px;
  overflow: hidden;
}
#content .section2 .body #gallery #slideshow img { display: block; }
#content .section2 .body .content-title {
  padding-top: 20px;
  font-weight: bold;
  font-size: 1.7em;
  color: #231f20;
  margin-bottom: 5px;
}
#content .section2 .body .content-title a { text-decoration: none; }
#content .section2 .body .content-subtitle {
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: uppercase;
}
#content .section2 .body p {
  font-size: 1.2em;
  line-height: 1.7em;
  margin-bottom: 15px;
}
#content .section2 .body .copy {
  padding: 15px;
  background: #ffffff url(../i/bg-copy.png) left top repeat-x;
}
#content .section2 .body .aside { padding-bottom: 1.5em; }
#content .section2 .body .aside .aside-title {
  background: #f2f2f2 url(../i/bg-aside-title.png) left bottom no-repeat;
  margin-left: -6px;
  padding: 6px 6px 10px 12px;
  color: #000000;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
}
#content .section2 .body .aside .client-description {
  margin-left: 6px;
  font-size: 1em;
}
#content .section2 .body .aside .related-links {
  list-style: none;
  margin-left: 6px;
}
#content .section2 .body .aside .related-links li a {
  display: block;
  color: #ea801e;
  margin: 6px 0 0 0;
}
#content .section2 .body .services {
  margin-top: 20px;
  margin-left: 10px;
}
#content .section2 .body .web-creation-process {
  border-top: 1px solid #cccccc;
  margin-top: 10px;
  padding-top: 10px;
  float: left;
}
#content .section2 .body .web-creation-process ol {
  margin-left: 0;
  float: left;
}
#content .section2 .body .web-creation-process ol li {
  width: 66px;
  height: 73px;
  float: left;
  margin-right: 22px;
  background: #000000 url(../i/top-corner.png) top right no-repeat;
  padding: 5px;
  margin-bottom: 10px;
  position: relative;
  margin-right: 20px;
  color: #ffffff;
  list-type: inside;
  font-size: 1.8em;
  display: list-item;
  margin-left: 0;
  list-style-position: inside;
}
#content .section2 .body .web-creation-process ol li img {
  position: absolute;
  top: 0;
  right: 0;
}
#content .section2 .body .web-creation-process ol li img.arrow { right: -20px; }
#content .section2 .body .web-creation-process ol li h6 {
  font-size: 0.5em;
  line-height: 1.3em;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  top: 35px;
}
#content .section2 .body .web-creation-process .last { margin-right: 0; }
#content .section2 .body .web-creation-process .deliverable { background-color: #ea801e; }
.work-detail .content-title { padding-top: 0 !important; }
.work-detail .copy {
  background: #ffffff url(../i/bg-copy.png) left top repeat-x !important;
  margin-top: 0 !important;
}
#thumbs { margin-top: 6px; }
#thumbs .thumbs {
  list-style: none;
  display: block;
  float: right;
  margin: 10px 0 20px 0;
  padding: 0;
}
#thumbs .thumbs li {
  display: block;
  float: right;
  width: 100%;
}
#thumbs .thumbs li a img {
  position: static;
  float: right;
  height: 44px;
  margin-bottom: 6px;
  border: 1px solid #bfbebe;
}
.space-gallery #thumbs {
  margin-top: 0;
  float: left;
}
.space-gallery #thumbs .thumbs { margin-top: 0; }
.space-gallery #thumbs li {
  display: block;
  float: left;
  width: auto;
  margin-right: 6px;
}
.space-gallery #thumbs li a img { height: auto; }
body div.project:hover { opacity: 1; }
body div.project:hover a { text-decoration: none; }
body div.selected { opacity: 1; }
.project {
  float: left;
  overflow: hidden;
  opacity: 0.4;
}
.project a {
  display: block;
  text-decoration: none !important;
}
.project img { display: block; }
.project .project-title {
  font-size: 1.2em !important;
  line-height: 1.2em !important;
  font-weight: normal !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  margin-left: 5px !important;
  margin-right: 1px !important;
  background: #e7e7e7 url(../i/bg-project-title.png) left top repeat-x;
}
.article .more { text-transform: lowercase; }
.col {
  background-color: #f2f2f2;
  padding-bottom: 0.5em;
}
.col .col-header {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0.5em 8px;
  padding: 8px;
  font-family: Georgia, Times, serif;
  font-size: 1.3em;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
}
.col .col-header a:hover { text-decoration: none; }
.col .col-header a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.4em 8px 2em 8px;
  padding: 12px 8px 2em 8px;
  font-size: 0.6em;
  color: #000000;
  background-color: #ea801e;
  text-transform: uppercase;
}
.col .col-header a em {
  font-style: normal;
  color: #ffffff;
}
.col img { display: block; }
.col .article.first { padding-top: 8px; }
.col .article { padding: 24px 8px 1em 8px; }
.col .article .article-header a {
  font-size: 1.2em;
  color: #000000;
  font-weight: bold;
}
.col .article .timestamp {
  display: block;
  color: #231f20;
  font-size: 1.2em;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #bfbebe;
}
.col .article .summary {
  color: #231f20;
  font-size: 1.2em;
  line-height: 1.5em;
  padding-bottom: 0.3em;
}
.col .article .more {
  color: #ea801e;
  font-size: 1em;
  line-height: 1.5em;
  display: inline-block;
  clear: left;
  float: left;
}
#featured.col { background-color: #ffffff; }
#featured { overflow: hidden; }
#featured .article {
  position: relative;
  float: left;
  padding: 0;
}
#featured .article img {
  display: block;
  float: left;
}
#featured .article img.bubble {
  position: absolute;
  top: 0;
  left: 0;
}
#featured .article .summary {
  background-color: #4c4c4c;
  color: #ffffff;
  padding: 8px;
  float: left;
}
#featured .article .summary .work-header {
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
}
#featured .article .summary p {
  color: #cccccc;
  font-size: 0.9em;
}
#featured .article .summary a.more { font-size: 0.9em; }
#footer.container {
  padding: 1.2em 0;
  background: #000000 url(../i/forge-icon-black.gif) top left no-repeat;
}
#footer.container h5 {
  font-size: 1.2em;
  color: #b2b2b2;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #333333;
  margin-bottom: 0.6em;
}
#footer.container h6 {
  color: #b2b2b2;
  text-transform: uppercase;
  font-size: 0.8em;
  padding: 0.4em 0 0.9em 0;
}
#footer.container ul { list-style: none; }
#footer.container ul li {
  color: #666666;
  font-size: 1.1em;
  line-height: 1em;
  padding-bottom: 0.6em;
  display: block;
}
#footer.container .vcard { color: #666666; }
#footer.container .vcard .adr { line-height: 1.8em; }
#footer.container .vcard .tel {
  font-weight: lighter;
  font-size: 2.5em;
  padding: 0.3em 0;
}
#footer.container a.directions { color: #ea801e; }
#footer.container #legal {
  padding-top: 13em;
  color: #666666;
  font-size: 0.8em;
}
.container {
  width: 954px;
  margin: 0 auto;
}
.showgrid { background: url(../i/grid.png); }
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10 {
  float: left;
  margin-right: 6px;
}
.span-1 { width: 90px; }
.span-2 { width: 186px; }
.span-3 { width: 282px; }
.span-4 { width: 378px; }
.span-5 { width: 474px; }
.span-6 { width: 570px; }
.span-7 { width: 666px; }
.span-8 { width: 762px; }
.span-9 { width: 858px; }
.span-10, div.span-10 {
  width: 954px;
  margin: 0;
}
.append-1 { padding-right: 96px; }
.append-2 { padding-right: 192px; }
.append-3 { padding-right: 288px; }
.append-4 { padding-right: 384px; }
.append-5 { padding-right: 480px; }
.append-6 { padding-right: 576px; }
.append-7 { padding-right: 672px; }
.append-8 { padding-right: 768px; }
.append-9 { padding-right: 864px; }
.prepend-1 { padding-left: 96px; }
.prepend-2 { padding-left: 192px; }
.prepend-3 { padding-left: 288px; }
.prepend-4 { padding-left: 384px; }
.prepend-5 { padding-left: 480px; }
.prepend-6 { padding-left: 576px; }
.prepend-7 { padding-left: 672px; }
.prepend-8 { padding-left: 768px; }
.prepend-9 { padding-left: 864px; }
div.border { width: 182px; }
div.colborder {
  padding-right: 90px;
  margin-right: 87px;
  border-right: 1px solid #eeeeee;
}
div.last { margin-right: 0; }
.pull-1 { margin-left: -96px; }
.pull-2 { margin-left: -192px; }
.pull-3 { margin-left: -288px; }
.pull-4 { margin-left: -384px; }
.pull-5 { margin-left: -480px; }
.pull-6 { margin-left: -576px; }
.pull-7 { margin-left: -672px; }
.pull-8 { margin-left: -768px; }
.pull-9 { margin-left: -864px; }
.pull-10 { margin-left: -960px; }
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {
  float: left;
  position: relative;
}
.push-1 { margin: 0 -96px 1.5em 96px; }
.push-2 { margin: 0 -192px 1.5em 192px; }
.push-3 { margin: 0 -288px 1.5em 288px; }
.push-4 { margin: 0 -384px 1.5em 384px; }
.push-5 { margin: 0 -480px 1.5em 480px; }
.push-6 { margin: 0 -576px 1.5em 576px; }
.push-7 { margin: 0 -672px 1.5em 672px; }
.push-8 { margin: 0 -768px 1.5em 768px; }
.push-9 { margin: 0 -864px 1.5em 864px; }
.push-10 { margin: 0 -960px 1.5em 960px; }
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 {
  float: right;
  position: relative;
}
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #e5ecf9;
}
hr {
  background: #dddddd;
  color: #dddddd;
  clear: both;
  float: none;
  width: 100%;
  height: 0.1em;
  margin: 0 0 1.45em;
  border: none;
}
hr.space {
  background: #ffffff;
  color: #ffffff;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix, .container { display: inline-block; }
* html .clearfix { height: 1%; }
* html .container { height: 1%; }
.clearfix, .container { display: block; }
.clear { clear: both; }
#content .section2 .body .viewblog {
  background: url(../i/view_blog_off.jpg) no-repeat;
  background-position: 96% 0.3em;
  width: 6.7em;
  height: 1.8em;
  padding: 0.1em 0 0 0.5em;
  background-color: #000000;
}
#content .section2 .body .viewblog a {
  color: #ffffff;
  text-decoration: none;
}
#content .section2 .body .viewblog:hover {
  background: url(../i/view_blog_over.jpg) no-repeat;
  background-color: #ea801e;
  background-position: 96% 0.3em;
}
#content .section2 .body p.workbook_intro {
  font-size: 1.8em;
  line-height: 144%;
  padding-left: 65px;
  margin-top: 40px;
}
#content .section2 .body p.workbook_intro strong { font-size: 1em; }
#content .section2 .body p.form_error {
  margin-left: 65px;
  padding: 15px;
  background: #eeeeee;
  font-family: Georgia, Times, serif;
  color: #fd543e;
  font-size: 2em;
  display: block;
  margin-top: 15px;
  text-align: center;
}
#content .section2 .body .step_1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #666666;
  padding: 5px 0 0 65px;
  margin-top: 25px;
  background: url(../i/step_1.gif) no-repeat top left;
  overflow: hidden;
}
#content .section2 .body .step_1 p { margin-bottom: 5px; }
#content .section2 .body .step_1 p.header {
  font-size: 2.4em;
  color: #ea801e;
  border-bottom: 1px solid #eeeeee;
}
#content .section2 .body .step_1 ul.newsletter_signup {
  display: block;
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
  background-color: #eeeeee;
}
#content .section2 .body .step_1 ul.newsletter_signup li {
  float: left;
  list-style: none;
  font-size: 1em;
  margin: 0px;
  padding: 0px;
}
#content .section2 .body .step_1 ul.newsletter_signup li strong { font-size: 1em; }
#content .section2 .body .step_1 ul.newsletter_signup li.first {
  width: 275px;
  padding: 12px 10px 12px 45px;
  background: url(../i/newsletter_arrow.gif) no-repeat 5% #cacaca;
}
#content .section2 .body .step_1 ul.newsletter_signup li.first p {
  line-height: 120%;
  padding: 0px;
  margin: 0px;
}
#content .section2 .body .step_1 ul.newsletter_signup li.last {
  width: 310px;
  padding: 15px 15px 5px;
}
#content .section2 .body .step_1 ul.newsletter_signup input#sparkSignup { margin-right: 5px; }
#content .section2 .body p.input_wrapper {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  width: 305px;
  padding: 10px;
  display: block;
  float: left;
  margin: 0 20px 20px 0;
}
#content .section2 .body p.input_wrapper label {
  font-family: Georgia, Times, serif;
  font-size: 1.5em;
}
#content .section2 .body p.input_wrapper input {
  border: none;
  background: none;
  font-family: Georgia, Times, serif;
  color: #666666;
  margin-left: 10px;
  font-size: 1.2em;
  width: 200px;
}
#content .section2 .body p.input_wrapper input#fname { width: 230px; }
#content .section2 .body p.input_wrapper input#lname { width: 230px; }
#content .section2 .body p.input_wrapper input#email { width: 230px; }
#content .section2 .body .step_2 {
  font-size: 1em;
  padding: 5px 0 0 65px;
  margin-top: 25px;
  background: url(../i/step_2.gif) no-repeat top left;
}
#content .section2 .body .step_2 p { margin-bottom: 5px; }
#content .section2 .body .step_2 p.header {
  font-size: 2.4em;
  color: #ea801e;
  border-bottom: 1px solid #eeeeee;
}
#content .section2 .body .step_2 ul.workbook_questions { margin-left: 0px; }
#content .section2 .body .step_2 ul.workbook_questions li {
  padding: 10px 0;
  border-bottom: 1px solid #eeeeee;
  list-style: none;
  margin-left: 0px;
  width: 690px;
}
#content .section2 .body .step_2 ul.workbook_questions li p {
  width: 470px;
  font-family: Georgia, Times, serif;
  font-size: 1.5em;
}
#content .section2 .body .step_2 textarea {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  padding: 10px;
  width: 650px;
  height: 6em;
  font-size: 1.2em;
  line-height: 130%;
  font-family: Georgia, Times, serif;
  color: #666666;
}
#content .section2 .body .step_2 .yes_no {
  float: right;
  margin-top: 15px;
}
#content .section2 .body .step_2 .yes_no span.yes {
  color: #444444;
  font-weight: bold;
  margin: 0px 15px 0 5px;
}
#content .section2 .body .step_2 .yes_no span.no {
  color: #777777;
  font-weight: bold;
  margin: 0 0 0 5px;
}
#content .section2 .body .step_thankyou {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #666666;
  padding: 5px 0 0 65px;
  margin-top: 25px;
  overflow: hidden;
  background: url(../i/step_3.gif) no-repeat top left;
}
#content .section2 .body .step_thankyou a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #eeeeee;
  font-family: Georgia, Times, serif;
  font-size: 1.5em;
}
#content .section2 .body .step_thankyou p { margin-bottom: 5px; }
#content .section2 .body .step_thankyou p.header {
  font-size: 2.4em;
  color: #ea801e;
  border-bottom: 1px solid #eeeeee;
}
#content .section2 .workbook_submit {
  background: #ea801e;
  padding: 7px;
  border: none;
  margin-left: 65px;
  color: #ffffff;
  font-weight: bold;
}