.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;
}
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;
}
#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.9em;
  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;
}
#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 .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 #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 .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 em {
  font-size: 1.3em;
  font-style: normal;
}
#content .section2 .body .teammate { padding: 1em 0; }
#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 .navigation {
  float: left;
  margin-top: 20px;
  width: 100%;
}
#content .section2 .body .navigation .alignleft {
  float: left;
  clear: both;
}
#content .section2 .body .navigation .alignright {
  float: right;
  clear: both;
}
#content .section2 .body .navigation .aligncenter {
  clear: both;
  text-align: center;
}
#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 {
  padding: 10px 0 15px 0;
  overflow: hidden;
  border-bottom: 1px solid #c9c8c8;
}
#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.2em; }
#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 h5 {
  font-size: 1.5em;
  padding-bottom: 0.5em;
  margin-top: 2.2em;
}
#content .section2 .body .news-item h6 {
  font-size: 1.3em;
  padding-bottom: 0.5em;
  margin-top: 2.2em;
}
#content .section2 .body .news-item .date {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 2px;
}
#content .section2 .body .news-item .date p { font-weight: bold; }
#content .section2 .body .news-item .date a { font-weight: bold; }
#content .section2 .body .news-item .author {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 2px;
}
#content .section2 .body .news-item .author p { font-weight: bold; }
#content .section2 .body .news-item .author a { font-weight: bold; }
#content .section2 .body .news-item .filed {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 2px;
}
#content .section2 .body .news-item .filed p { font-weight: bold; }
#content .section2 .body .news-item .filed a { font-weight: bold; }
#content .section2 .body .news-item p em {
  font-style: italic;
  font-size: 1.2em;
}
#content .section2 .body .news-item .read-more {
  font-weight: bold;
  color: #ea801e;
  line-height: 2em;
}
#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 strong { color: #ea801e; }
#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;
  color: #231f20;
  margin-bottom: 15px;
}
#content .section2 .body .content-title a {
  text-decoration: none;
  color: #000000;
  font-size: 1.7em;
  font-weight: bold;
}
#content .section2 .body .content-title .author {
  size: 0.6em;
  color: #666666;
  font-size: 1em;
  font-weight: normal;
}
#content .section2 .body .content-title .author a {
  size: 0.6em;
  color: #666666;
  font-size: 1em;
  font-weight: normal;
}
#content .section2 .body img.main_image {
  border-style: inset;
  border: 2px solid #dddddd;
}
#content .section2 .body .quote {
  color: #999999;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 150%;
  border-left: 8px solid #ea801e;
  padding-left: 15px;
  padding-right: 20px;
}
#content .section2 .body .quote_source { color: #ea801e; }
#content .section2 .body .sidebar { padding-top: 20px; }
#content .section2 .body .sidebar p {
  margin-bottom: 5px;
  padding-right: 0px;
}
#content .section2 .body p {
  font-size: 1.2em;
  line-height: 1.7em;
  margin-bottom: 15px;
  padding-right: 25px;
}
#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 .blog .news-item h1 {
  font-weight: bold;
  margin-bottom: 0.2em;
}
#content .section2 .blog .news-item h2 {
  font-weight: bold;
  margin-bottom: 0.2em;
}
#content .section2 .blog .news-item h3 {
  font-weight: bold;
  margin-bottom: 0.2em;
}
#content .section2 .blog .news-item h4 {
  font-weight: bold;
  margin-bottom: 0.2em;
}
#content .section2 .blog .news-item h5 {
  font-weight: bold;
  margin-bottom: 0.2em;
}
#content .section2 .blog .news-item h6 {
  font-weight: bold;
  margin-bottom: 0.2em;
}
#content .section2 .blog .news-item h1 { font-size: 2.2em; }
#content .section2 .blog .news-item h2 { font-size: 2em; }
#content .section2 .blog .news-item h3 { font-size: 1.8em; }
#content .section2 .blog .news-item h5 {
  font-size: 1.4em;
  margin-top: 2.2em;
}
#content .section2 .blog .news-item h6 {
  font-size: 1.3em;
  margin-top: 2.2em;
}
#content .section2 .blog .news-item p { display: block; }
#content .section2 .blog .news-item em {
  font-size: inherit;
  font-style: italic;
}
#content .section2 .blog .news-item blockquote {
  margin-left: 30px;
  margin-right: 110px;
  font-style: italic;
}
#content .section2 .blog .news-item p img {
  padding: 0;
  max-width: 100%;
}
#content .section2 .blog .news-item img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#content .section2 .blog .news-item img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}
#content .section2 .blog .news-item img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}
#content .section2 .blog .news-item .alignright { float: right; }
#content .section2 .blog .news-item .alignleft { float: left; }
#services-home {
  width: 100%;
  background: url(../i/services-bg.gif) top left repeat-x;
  padding: 30px 0;
  margin-top: 20px;
}
#services-home .services-container {
  width: 230px;
  float: left;
  margin-right: 5px;
  padding-right: 20px;
}
#services-home .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 .services-container p {
  color: #231f20;
  font-size: 1.2em;
  line-height: 1.5em;
  padding-bottom: 0.3em;
  margin-top: 10px;
}
#services-home .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; }
.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-row { margin-bottom: 6px; }
.project {
  float: left;
  overflow: hidden;
  opacity: 0.4;
}
.project a { display: block; }
.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 {
  background: url(../i/bg-bubble.png) top left no-repeat;
  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;
}
.commentlist ul {
  -moz-padding-start: 0;
  margin: 0;
  padding: 0;
}
.commentlist li {
  width: 420px;
  list-style-type: none;
  background-color: #ebebeb;
  padding: 0px 20px 0px 20px;
  margin: 0px 0px 20px 0px;
}
.bypostauthor { background-color: #4c4c4c !important; }
.bypostauthor p { color: #ffffff !important; }
.bypostauthor span.says { color: #ffffff !important; }
#comments {
  background: transparent url(../i/body-border-top.gif) repeat-x scroll left top;
  margin-top: 20px;
  padding-top: 20px;
}
#comments h3 {
  font-size: 1.2em;
  color: #4c4c4c;
  font-weight: bold;
  margin: 10px 0;
}
#comments p {
  font-size: 1em !important;
  display: block !important;
}
#comments li { margin-bottom: 10px !important; }
#comments ol { margin-left: 0 !important; }
.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; }