/* line 36, ../sass/screen.scss */
html, body {
  height: 4050px;
  width: 100%;
}

/* line 41, ../sass/screen.scss */
html {
  overflow-x: hidden;
  overflow-y: visible;
}

/* line 46, ../sass/screen.scss */
body {
  background: url(/images/dark-back.png);
  color: #fff;
  font-family: sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 56, ../sass/screen.scss */
article, header, footer, nav {
  display: block;
}

/* line 60, ../sass/screen.scss */
header {
  font-family: "Ubuntu", sans-serif;
}

/* line 64, ../sass/screen.scss */
img {
  border: none;
}

/* line 68, ../sass/screen.scss */
a {
  color: #1d52aa;
  text-decoration: none;
}

/* line 73, ../sass/screen.scss */
a:hover {
  text-decoration: underline;
}

/* line 77, ../sass/screen.scss */
.arrow, .actions .submit {
  cursor: pointer;
  display: block;
  height: 44px;
}

/* line 83, ../sass/screen.scss */
.arrow.left, .arrow.right, .arrow.up, .arrow.down {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  width: 44px;
}

/* line 88, ../sass/screen.scss */
.arrow.left, .arrow.back {
  background: url(/images/arrow-left.png) no-repeat 0 0;
}

/* line 92, ../sass/screen.scss */
.arrow.right, .arrow.next-project, .actions .submit {
  background: url(/images/arrow-right.png) no-repeat 0 0;
}

/* line 96, ../sass/screen.scss */
.arrow.up {
  background: url(/images/arrow-up.png) no-repeat 0 0;
}

/* line 100, ../sass/screen.scss */
.arrow.down {
  background: url(/images/arrow-down.png) no-repeat 0 0;
}

/* line 104, ../sass/screen.scss */
.arrow.about {
  background: url(/images/arrow-left-grey.png) no-repeat 0 0;
}

/* line 108, ../sass/screen.scss */
.arrow.blog {
  background: url(/images/arrow-right-grey.png) no-repeat 0 0;
}

/* line 113, ../sass/screen.scss */
.arrow.next-project, .actions .submit, .arrow.blog {
  background-position: 100% 0;
}

/* line 117, ../sass/screen.scss */
.arrow.left:hover, .arrow.back:hover, .arrow.right:hover, .arrow.up:hover, .arrow.down:hover, .arrow.about:hover {
  background-position: 0 -44px;
}

/* line 121, ../sass/screen.scss */
.arrow.next-project:hover, .actions .submit:hover, .arrow.blog:hover {
  background-position: 100% -44px;
}

/* line 125, ../sass/screen.scss */
.arrow.back, .arrow.next-project, .actions .submit, .arrow.grey {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  font-size: 0.8em;
  line-height: 44px;
  padding: 0 0 0 50px;
  text-decoration: none;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.arrow.back, .arrow.next-project, .actions .submit, .arrow.grey {
  *display: inline;
}

/* line 135, ../sass/screen.scss */
.arrow.back, .arrow.about {
  padding: 0 0 0 50px;
}

/* line 139, ../sass/screen.scss */
.arrow.next-project, .actions .submit, .arrow.blog {
  padding: 0 50px 0 0;
}

/* line 143, ../sass/screen.scss */
.actions .submit {
  border: 0;
}

/* line 147, ../sass/screen.scss */
.arrow.grey {
  color: #000;
}

/* line 151, ../sass/screen.scss */
.container {
  margin: 0 auto;
  position: relative;
  width: 960px;
}

/* line 157, ../sass/screen.scss */
.top, .bottom {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 3000px;
  overflow: hidden;
  position: absolute;
  width: 3000px;
}
/* line 164, ../sass/screen.scss */
.top div, .bottom div {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 200%;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 200%;
}

/* line 178, ../sass/screen.scss */
nav.main {
  font-family: "Ubuntu", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  height: 44px;
  position: absolute;
  right: 20px;
  top: 70px;
}
/* line 187, ../sass/screen.scss */
nav.main a, nav.main span {
  float: left;
  height: 44px;
  line-height: 44px;
}
/* line 193, ../sass/screen.scss */
nav.main a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
/* line 199, ../sass/screen.scss */
nav.main a.work, nav.main a.about, nav.main a.blog, nav.main a.contact {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 204, ../sass/screen.scss */
nav.main a:hover, nav.main a.active {
  color: #1d52aa;
}
/* line 208, ../sass/screen.scss */
nav.main span {
  border-bottom: 1px solid #333;
  height: 22px;
  width: 20px;
}

/* line 218, ../sass/screen.scss */
.logo-container {
  background: url(/images/logo-vis.png) no-repeat right center;
  height: 47px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 66px;
  width: 210px;
  z-index: 9999;
}

/* line 229, ../sass/screen.scss */
.logo {
  background: url(/images/logo.png) no-repeat center center;
  height: 47px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 79px;
}
/* line 238, ../sass/screen.scss */
.logo div {
  height: 47px;
  left: 0;
  position: absolute;
  top: 0;
  width: 79px;
}

/* line 248, ../sass/screen.scss */
.portfolio .detail article header, .content-page .project-detail header {
  margin: 0 0 18px;
}
/* line 251, ../sass/screen.scss */
.portfolio .detail article header h1, .portfolio .detail article header span, .content-page .project-detail header h1, .content-page .project-detail header span {
  font-size: 1.1em;
  font-weight: normal;
  letter-spacing: .1em;
  text-transform: uppercase;
}
/* line 258, ../sass/screen.scss */
.portfolio .detail article header h1, .content-page .project-detail header h1 {
  color: #1d52aa;
  display: inline;
  margin: 0;
}
/* line 265, ../sass/screen.scss */
.portfolio .detail article .images, .content-page .project-detail .images {
  position: relative;
}
/* line 268, ../sass/screen.scss */
.portfolio .detail article .images .image, .content-page .project-detail .images .image {
  height: 450px;
  overflow: hidden;
  position: relative;
  width: 800px;
}
/* line 274, ../sass/screen.scss */
.portfolio .detail article .images .image div.img, .content-page .project-detail .images .image div.img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  height: 450px;
  left: 0;
  position: absolute;
  top: 0;
  width: 800px;
}
/* line 284, ../sass/screen.scss */
.portfolio .detail article .images .image div.img img, .content-page .project-detail .images .image div.img img {
  display: block;
  height: 450px;
  width: 800px;
}
/* line 291, ../sass/screen.scss */
.portfolio .detail article .images .image div.img.active, .content-page .project-detail .images .image div.img.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  z-index: 99;
}
/* line 297, ../sass/screen.scss */
.portfolio .detail article .images .dots, .content-page .project-detail .images .dots {
  text-align: center;
}
/* line 300, ../sass/screen.scss */
.portfolio .detail article .images .dots .dot, .content-page .project-detail .images .dots .dot {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  background: url(/images/dots.png) no-repeat;
  height: 9px;
  width: 9px;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.portfolio .detail article .images .dots .dot, .content-page .project-detail .images .dots .dot {
  *display: inline;
}
/* line 308, ../sass/screen.scss */
.portfolio .detail article .images .dots .dot.active, .portfolio .detail article .images .dots .dot:hover, .content-page .project-detail .images .dots .dot.active, .content-page .project-detail .images .dots .dot:hover {
  background-position: -9px 0;
}
/* line 313, ../sass/screen.scss */
.portfolio .detail article .images .arrow, .content-page .project-detail .images .arrow {
  position: absolute;
  top: 203px;
}
/* line 318, ../sass/screen.scss */
.portfolio .detail article .images .left, .content-page .project-detail .images .left {
  left: -60px;
}
/* line 322, ../sass/screen.scss */
.portfolio .detail article .images .right, .content-page .project-detail .images .right {
  right: -60px;
}
/* line 327, ../sass/screen.scss */
.portfolio .detail article .description, .content-page .project-detail .description {
  font-size: .8em;
  font-weight: lighter;
}
/* line 332, ../sass/screen.scss */
.portfolio .detail article .social, .content-page .project-detail .social {
  margin: 20px 0 0;
}
/* line 335, ../sass/screen.scss */
.portfolio .detail article .social > div, .content-page .project-detail .social > div {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.portfolio .detail article .social > div, .content-page .project-detail .social > div {
  *display: inline;
}

/* line 341, ../sass/screen.scss */
.content-page .project-detail {
  margin: 0 auto;
  width: 800px;
}

/* line 346, ../sass/screen.scss */
.portfolio {
  height: 2650px;
  position: relative;
}
/* line 350, ../sass/screen.scss */
.portfolio .content {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  height: 1459px;
  left: 0;
  position: absolute;
  top: 190px;
  width: 960px;
}
/* line 360, ../sass/screen.scss */
.portfolio .list {
  z-index: 99999;
}
/* line 366, ../sass/screen.scss */
.portfolio .detail article {
  margin: 136px auto 0;
  width: 800px;
}
/* line 370, ../sass/screen.scss */
.portfolio .detail article .actions {
  margin: 0;
  position: relative;
  text-align: right;
  z-index: 99;
}
/* line 376, ../sass/screen.scss */
.portfolio .detail article .actions .back {
  margin: 0 25px 0 0;
}
/* line 381, ../sass/screen.scss */
.portfolio .detail article .dynamic-container {
  position: relative;
  top: -30px;
}
/* line 388, ../sass/screen.scss */
.portfolio .line-up {
  left: 570px;
  top: 1459px;
}
/* line 393, ../sass/screen.scss */
.portfolio .after {
  left: -570px;
  top: -1269px;
}
/* line 398, ../sass/screen.scss */
.portfolio .thumbnail {
  float: left;
  height: 223px;
  margin: 0 25px 56px 0;
  position: relative;
  width: 298px;
}
/* line 406, ../sass/screen.scss */
.portfolio .thumbnail img {
  display: block;
  height: 175px;
  width: 298px;
}
/* line 412, ../sass/screen.scss */
.portfolio .thumbnail p {
  color: #fff;
  height: 32px;
  font-family: sans-serif;
  font-size: 0.6em;
  font-weight: bold;
  margin: 8px 3px;
}
/* line 421, ../sass/screen.scss */
.portfolio .thumbnail .view-project {
  height: 175px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 298px;
}
/* line 430, ../sass/screen.scss */
.portfolio .thumbnail .view-project a {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -ms-transition-property: left;
  -o-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border-left: 100px solid rgba(0, 0, 0, 0.8);
  border-right: 200px solid rgba(0, 0, 0, 0.8);
  display: block;
  height: 350px;
  left: -20px;
  position: absolute;
  top: -87.5px;
  width: 190px;
}
/* line 445, ../sass/screen.scss */
.portfolio .thumbnail .view-project .text-cheat {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: url(/images/view-project.png);
  bottom: 20px;
  cursor: pointer;
  height: 84px;
  position: absolute;
  right: 20px;
  width: 80px;
}
/* line 463, ../sass/screen.scss */
.portfolio .thumbnail:hover .view-project a {
  left: -99px;
}
/* line 468, ../sass/screen.scss */
.portfolio .thumbnail:hover .text-cheat {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 474, ../sass/screen.scss */
.portfolio .t-0 {
  margin-left: 323px;
}
/* line 478, ../sass/screen.scss */
.portfolio .t-1, .portfolio .t-4, .portfolio .t-7 {
  margin-right: 0;
}
/* line 482, ../sass/screen.scss */
.portfolio .t-9 {
  margin-right: 323px;
}
/* line 486, ../sass/screen.scss */
.portfolio .t-10 {
  margin-right: 0;
}
/* line 490, ../sass/screen.scss */
.portfolio .top {
  border: 1px solid #cccccc;
  right: 125%;
  top: -1500px;
}
/* line 495, ../sass/screen.scss */
.portfolio .top div {
  background: url(/images/dark-back.png);
}
/* line 500, ../sass/screen.scss */
.portfolio .bottom {
  bottom: -3000px;
  height: 6000px;
  left: 0;
  z-index: 99;
}
/* line 506, ../sass/screen.scss */
.portfolio .bottom div {
  background: url(/images/light-back.png);
}

/* line 513, ../sass/screen.scss */
.light-container {
  height: 1600px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 1734px;
  width: 960px;
  z-index: 99;
}
/* line 522, ../sass/screen.scss */
.light-container .top {
  left: -3327px;
  top: -1500px;
}
/* line 526, ../sass/screen.scss */
.light-container .top div {
  background: url(/images/dark-back.png) left center;
}
/* line 533, ../sass/screen.scss */
.light-container header h1 {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  color: #000;
  font-size: 2.7em;
  margin: 0;
  width: 130px;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.light-container header h1 {
  *display: inline;
}
/* line 541, ../sass/screen.scss */
.light-container header hr {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  border: 1px solid #1d52aa;
  vertical-align: bottom;
  width: 690px;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.light-container header hr {
  *display: inline;
}
/* line 549, ../sass/screen.scss */
.light-container a.arrow.blog {
  margin: 20px 0 0 250px;
  position: relative;
}
/* line 554, ../sass/screen.scss */
.light-container section.blog {
  margin: 250px auto;
  position: relative;
  width: 840px;
}
/* line 559, ../sass/screen.scss */
.light-container section.blog div.articles {
  height: 380px;
  margin: 25px 0 0;
  padding: 0 0 766px;
  overflow: auto;
}
/* line 566, ../sass/screen.scss */
.light-container section.blog article.article {
  margin: 0 0 40px;
}
/* line 569, ../sass/screen.scss */
.light-container section.blog article.article h1 {
  color: #1d52aa;
  font-size: 1.6em;
  margin: 0;
}
/* line 575, ../sass/screen.scss */
.light-container section.blog article.article h2 {
  color: #000;
  font-size: 1.1em;
  margin: 0;
}
/* line 581, ../sass/screen.scss */
.light-container section.blog article.article div.article-content {
  height: 267px;
  margin: 25px 0 0;
}
/* line 586, ../sass/screen.scss */
.light-container section.blog article.article div.image {
  float: left;
  height: 267px;
  vertical-align: top;
  width: 391px;
}
/* line 593, ../sass/screen.scss */
.light-container section.blog article.article div.description {
  color: #000;
  float: left;
  font-size: .8em;
  margin: 0  0 0 20px;
  vertical-align: top;
  width: 409px;
}
/* line 601, ../sass/screen.scss */
.light-container section.blog article.article div.description p {
  margin: 0 0 1.5em;
}
/* line 607, ../sass/screen.scss */
.light-container section.blog .arrow {
  left: -59px;
  position: absolute;
}
/* line 612, ../sass/screen.scss */
.light-container section.blog .up {
  top: 466px;
}
/* line 616, ../sass/screen.scss */
.light-container section.blog .down {
  top: 540px;
}
/* line 621, ../sass/screen.scss */
.light-container div.about {
  display: none;
  margin: 230px  auto;
  position: relative;
}
/* line 628, ../sass/screen.scss */
.light-container div.about header h1 {
  width: 160px;
}
/* line 632, ../sass/screen.scss */
.light-container div.about header hr {
  width: 430px;
}
/* line 637, ../sass/screen.scss */
.light-container div.about p {
  color: #000;
  font-size: .8em;
}
/* line 642, ../sass/screen.scss */
.light-container div.about div.first {
  margin: 0 0 0 350px;
  width: 600px;
}
/* line 647, ../sass/screen.scss */
.light-container div.about div.second {
  position: relative;
  top: -122px;
  width: 542px;
}
/* line 655, ../sass/screen.scss */
.light-container div.about div.content-block-1 .img {
  margin: 40px 0 0;
  text-align: right;
}
/* line 663, ../sass/screen.scss */
.light-container div.about div.content-block-2 .img {
  height: 262px;
}
/* line 666, ../sass/screen.scss */
.light-container div.about div.content-block-2 .img .first {
  float: left;
}
/* line 670, ../sass/screen.scss */
.light-container div.about div.content-block-2 .img .second {
  float: right;
}
/* line 678, ../sass/screen.scss */
.light-container nav.main {
  top: 180px;
}

/* line 683, ../sass/screen.scss */
div.contact {
  height: 850px;
  left: 0;
  position: absolute;
  top: 3100px;
  width: 960px;
  z-index: 99;
}
/* line 691, ../sass/screen.scss */
div.contact a {
  color: #fff;
}
/* line 697, ../sass/screen.scss */
div.contact header h1 {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  color: #e2e0e0;
  font-size: 2.7em;
  margin: 0;
  width: 210px;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
div.contact header h1 {
  *display: inline;
}
/* line 705, ../sass/screen.scss */
div.contact header hr {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  border: 1px solid #1d52aa;
  vertical-align: bottom;
  width: 240px;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
div.contact header hr {
  *display: inline;
}
/* line 713, ../sass/screen.scss */
div.contact .contact-content {
  margin: 150px 0 0 500px;
  position: relative;
  z-index: 9999;
}
/* line 718, ../sass/screen.scss */
div.contact .contact-content p {
  color: #e2e0e0;
  font-size: .8em;
}
/* line 723, ../sass/screen.scss */
div.contact .contact-content .google-maps {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(/images/map-pin.png) no-repeat center center;
  bottom: 0;
  height: 76px;
  position: absolute;
  right: 0;
  width: 56px;
}
/* line 734, ../sass/screen.scss */
div.contact .contact-details, div.contact .address {
  margin: 30px 0;
}
/* line 737, ../sass/screen.scss */
div.contact .contact-details p, div.contact .address p {
  color: #fff;
  font-size: 1em;
  margin: 5px 0;
}
/* line 743, ../sass/screen.scss */
div.contact .contact-details strong, div.contact .address strong {
  color: #1d52aa;
  font-size: .9em;
  font-weight: normal;
  margin: 0 6px 0 0;
}
/* line 751, ../sass/screen.scss */
div.contact div.form {
  left: -400px;
  position: absolute;
  top: 350px;
}
/* line 756, ../sass/screen.scss */
div.contact div.form h2 {
  font-family: "Ubuntu", sans-serif;
  font-size: 1.3em;
}
/* line 761, ../sass/screen.scss */
div.contact div.form div.first, div.contact div.form div.second {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  vertical-align: top;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
div.contact div.form div.first, div.contact div.form div.second {
  *display: inline;
}
/* line 766, ../sass/screen.scss */
div.contact div.form div.first {
  margin: 0 20px 0 0;
}
/* line 770, ../sass/screen.scss */
div.contact div.form label {
  color: #1d52aa;
  display: block;
  font-size: .9em;
  margin: 4px 0;
}
/* line 779, ../sass/screen.scss */
div.contact div.form .string input, div.contact div.form .string textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 5px #cccccc inset;
  -moz-box-shadow: 1px 1px 5px #cccccc inset;
  box-shadow: 1px 1px 5px #cccccc inset;
  border: 0;
  font-size: .8em;
  padding: 8px;
  width: 234px;
}
/* line 788, ../sass/screen.scss */
div.contact div.form .string textarea {
  height: 78px;
}
/* line 793, ../sass/screen.scss */
div.contact div.form .actions {
  margin: 20px 0;
  text-align: right;
}
/* line 799, ../sass/screen.scss */
div.contact .top {
  left: 0;
  top: -400px;
}
/* line 803, ../sass/screen.scss */
div.contact .top div {
  background: url(/images/dark-back.png) left center;
}

/* line 809, ../sass/screen.scss */
footer.main {
  height: 100px;
  left: 0;
  position: absolute;
  top: 3950px;
  width: 960px;
  z-index: 99;
}
/* line 817, ../sass/screen.scss */
footer.main > div {
  float: left;
  width: 33%;
}
/* line 822, ../sass/screen.scss */
footer.main p {
  line-height: 25px;
  margin: 0;
}
/* line 827, ../sass/screen.scss */
footer.main .sitemap, footer.main .copyright {
  font-size: .7em;
}
/* line 830, ../sass/screen.scss */
footer.main .sitemap a, footer.main .copyright a {
  color: #fff;
  text-decoration: none;
}
/* line 835, ../sass/screen.scss */
footer.main .sitemap a:hover, footer.main .copyright a:hover {
  text-decoration: underline;
}
/* line 842, ../sass/screen.scss */
footer.main .social span, footer.main .social a {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  margin: 0 4px;
}
/* line 7, ../../../../.rvm/gems/ruby-1.9.2-p180/gems/compass-0.12.rc.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
footer.main .social span, footer.main .social a {
  *display: inline;
}
/* line 847, ../sass/screen.scss */
footer.main .social span {
  font-size: 1.1em;
  line-height: 25px;
}
/* line 853, ../sass/screen.scss */
footer.main .sitemap {
  text-align: center;
}
/* line 857, ../sass/screen.scss */
footer.main .copyright {
  text-align: right;
}

/* line 862, ../sass/screen.scss */
.content-page {
  height: auto;
  overflow: visible;
}
/* line 866, ../sass/screen.scss */
.content-page body {
  height: auto;
  overflow: visible;
}
/* line 871, ../sass/screen.scss */
.content-page article {
  padding: 130px 0 0;
}
/* line 874, ../sass/screen.scss */
.content-page article p {
  font-size: .8em;
}
/* line 879, ../sass/screen.scss */
.content-page footer.main {
  margin: 40px 0 0;
  position: static;
}

/* line 887, ../sass/screen.scss */
.csstransitions .logo {
  background: none;
}
/* line 890, ../sass/screen.scss */
.csstransitions .logo div {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  background-position: center center;
  background-repeat: no-repeat;
}
/* line 897, ../sass/screen.scss */
.csstransitions .logo .one {
  background-image: url(/images/logo-one.png);
  left: 79px;
  top: -47px;
}
/* line 903, ../sass/screen.scss */
.csstransitions .logo .two {
  background-image: url(/images/logo-two.png);
  left: -79px;
  top: 47px;
}
/* line 909, ../sass/screen.scss */
.csstransitions .logo .mask {
  background-image: url(/images/logo-mask.png);
}
/* line 915, ../sass/screen.scss */
.csstransitions .logo-loaded .one, .csstransitions .logo-loaded .two {
  left: 0;
  top: 0;
}
/* line 922, ../sass/screen.scss */
.csstransitions .logo:hover .one {
  left: 79px;
  top: -47px;
}
/* line 927, ../sass/screen.scss */
.csstransitions .logo:hover .two {
  left: -79px;
  top: 47px;
}
/* line 935, ../sass/screen.scss */
.csstransitions .portfolio .list {
  z-index: auto;
}

/* line 947, ../sass/screen.scss */
.js .light-container section.blog div.articles {
  overflow: hidden;
}

/* line 956, ../sass/screen.scss */
.lt-ie10 .light-container {
  z-index: 99999999;
}
/* line 961, ../sass/screen.scss */
.lt-ie10 .light-container section.blog div.articles {
  padding: 0 0 383px;
}

/* line 968, ../sass/screen.scss */
.lt-ie9 {
  height: auto;
  overflow: visible;
}
/* line 972, ../sass/screen.scss */
.lt-ie9 body {
  height: auto;
  overflow: visible;
}
/* line 977, ../sass/screen.scss */
.lt-ie9 .arrow.grey {
  color: #fff;
}
/* line 981, ../sass/screen.scss */
.lt-ie9 .container {
  height: auto;
}
/* line 985, ../sass/screen.scss */
.lt-ie9 .portfolio {
  height: 1600px;
  overflow: hidden;
}
/* line 993, ../sass/screen.scss */
.lt-ie9 .portfolio .thumbnail .view-project a {
  background: #000;
  border-left: 0;
  border-right: 0;
  display: none;
  height: 175px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 149px;
}
/* line 1011, ../sass/screen.scss */
.lt-ie9 .portfolio .thumbnail:hover .view-project a {
  display: block;
  left: auto;
  right: 0;
}
/* line 1018, ../sass/screen.scss */
.lt-ie9 .portfolio .thumbnail:hover .text-cheat {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 1024, ../sass/screen.scss */
.lt-ie9 .light-container, .lt-ie9 div.contact, .lt-ie9 footer.main {
  height: auto;
  left: 0;
  position: relative;
  top: 0;
}
/* line 1033, ../sass/screen.scss */
.lt-ie9 .light-container nav.main, .lt-ie9 div.contact nav.main {
  top: 0;
}
/* line 1038, ../sass/screen.scss */
.lt-ie9 .light-container {
  height: 1510px;
}
/* line 1043, ../sass/screen.scss */
.lt-ie9 .light-container header h1 {
  color: #fff;
}
/* line 1048, ../sass/screen.scss */
.lt-ie9 .light-container section.blog, .lt-ie9 .light-container div.about {
  margin-top: 44px;
}
/* line 1054, ../sass/screen.scss */
.lt-ie9 .light-container section.blog .articles {
  height: auto;
  overflow: visible;
  padding: 0;
}
/* line 1062, ../sass/screen.scss */
.lt-ie9 .light-container section.blog article.article h2 {
  color: #fff;
  font-size: 1.1em;
  margin: 0;
}
/* line 1068, ../sass/screen.scss */
.lt-ie9 .light-container section.blog article.article div.description {
  color: #fff;
}
/* line 1073, ../sass/screen.scss */
.lt-ie9 .light-container section.blog .ie9-hack {
  display: none;
}
/* line 1077, ../sass/screen.scss */
.lt-ie9 .light-container section.blog .arrow {
  display: none;
}
/* line 1084, ../sass/screen.scss */
.lt-ie9 .light-container div.about p {
  color: #fff;
}
/* line 1094, ../sass/screen.scss */
.lt-ie9 div.contact header hr {
  width: 240px;
}
/* line 1099, ../sass/screen.scss */
.lt-ie9 div.contact .contact-content {
  margin: 0;
}
/* line 1102, ../sass/screen.scss */
.lt-ie9 div.contact .contact-content .google-maps {
  display: block;
  margin: 10px auto;
  position: static;
}
/* line 1109, ../sass/screen.scss */
.lt-ie9 div.contact div.form {
  left: 0;
  position: relative;
  top: 0;
}
/* line 1120, ../sass/screen.scss */
.lt-ie9 .top, .lt-ie9 .bottom {
  display: none;
}