/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'Din Regular';
  src: url("/assets/DIN Regular.eot");
  src: url("/assets/DIN Regular.eot?#iefix") format("eot"), url("/assets/DIN Regular.woff") format("woff"), url("/assets/DIN Regular.ttf") format("truetype"), url("/assets/DIN Regular.svg#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Din Medium';
  src: url("/assets/DIN Medium.eot");
  src: url("/assets/DIN Medium.eot?#iefix") format("eot"), url("/assets/DIN Medium.woff") format("woff"), url("/assets/DIN Medium.ttf") format("truetype"), url("/assets/DIN Medium.svg#webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 39, sass/screen.scss */
#wrapper {
  width: 920px;
  padding: 20px 10px 0 10px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}

/* line 46, sass/screen.scss */
header {
  height: 120px;
  margin-bottom: 5px;
}

/* line 51, sass/screen.scss */
header nav {
  float: right;
  display: block;
}

/* line 56, sass/screen.scss */
.orange {
  color: #f47d00;
}

/* line 61, sass/screen.scss */
#content nav.menu-main ul {
  z-index: 400;
}
/* line 65, sass/screen.scss */
#content nav.menu-main ul li:hover ul {
  display: block;
}
/* line 68, sass/screen.scss */
#content nav.menu-main ul li:hover > a:link {
  border-bottom: 1px solid white;
}
/* line 72, sass/screen.scss */
#content nav.menu-main ul li.currentPage span {
  border-bottom: 1px solid white;
}
/* line 75, sass/screen.scss */
#content nav.menu-main ul li ul {
  background: url(/assets/menu-transparency-orange.png) top left repeat scroll;
}
/* line 77, sass/screen.scss */
#content nav.menu-main ul li ul li {
  margin-left: 0;
}

/* line 85, sass/screen.scss */
nav.menu-main {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-family: 'Din Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #988f86;
  vertical-align: top;
}
/* line 91, sass/screen.scss */
nav.menu-main ul {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-transform: uppercase;
  position: relative;
  z-index: 700;
}
/* line 96, sass/screen.scss */
nav.menu-main ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 10px;
  line-height: 16px;
}
/* line 100, sass/screen.scss */
nav.menu-main ul li a:link, nav.menu-main ul li span {
  padding-bottom: 10px;
}
/* line 103, sass/screen.scss */
nav.menu-main ul li a::after {
  content: '' !important;
}
/* line 106, sass/screen.scss */
nav.menu-main ul li::before {
  content: '' !important;
}
/* line 110, sass/screen.scss */
nav.menu-main ul li:hover ul {
  display: block;
}
/* line 113, sass/screen.scss */
nav.menu-main ul li:hover > a:link {
  border-bottom: 1px solid #988f86;
}
/* line 117, sass/screen.scss */
nav.menu-main ul li.currentPage span {
  border-bottom: 1px solid #988f86;
}
/* line 120, sass/screen.scss */
nav.menu-main ul li ul {
  position: absolute;
  top: 25px;
  padding: 0 20px 20px 20px;
  margin-left: -20px;
  background: url(/assets/menu-transparency.png) top left repeat scroll;
}
/* line 126, sass/screen.scss */
nav.menu-main ul li ul li {
  display: block;
  margin-left: 0;
}
/* line 129, sass/screen.scss */
nav.menu-main ul li ul li a:link {
  padding-bottom: 0;
  border-bottom: none;
}
/* line 134, sass/screen.scss */
nav.menu-main ul li ul li:hover > a:link {
  border-bottom: none;
  text-decoration: underline;
}
/* line 139, sass/screen.scss */
nav.menu-main ul li ul li span {
  padding-bottom: 0;
}
/* line 145, sass/screen.scss */
nav.menu-main ul li.menu-item {
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
}
/* line 148, sass/screen.scss */
nav.menu-main ul li + li.menu-item {
  margin-top: 10px;
}
/* line 151, sass/screen.scss */
nav.menu-main ul ul {
  display: none;
  text-transform: none;
}
/* line 156, sass/screen.scss */
nav.menu-main ul a:link {
  color: #988f86;
  text-decoration: none;
}
/* line 160, sass/screen.scss */
nav.menu-main ul a:visited {
  color: #988f86;
  text-decoration: none;
}
/* line 164, sass/screen.scss */
nav.menu-main ul a:hover {
  color: #988f86;
}
/* line 167, sass/screen.scss */
nav.menu-main ul a:active {
  color: #988f86;
}

/* line 174, sass/screen.scss */
body {
  font-family: 'Din Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #988f86;
  line-height: 1em;
}

/* line 181, sass/screen.scss */
img.grayscale {
  filter: url(/assets/grayscale.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome & Safari 6+ */
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  display: inline-block;
}
/* line 186, sass/screen.scss */
img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

/* line 193, sass/screen.scss */
img.disabled.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

/* line 198, sass/screen.scss */
#content {
  width: 740px;
  float: left;
  min-height: 280px;
  padding-bottom: 50px;
}
/* line 203, sass/screen.scss */
#content .about-us-bio {
  overflow: hidden;
  *zoom: 1;
  font-weight: bold;
  line-height: 2em;
}
/* line 207, sass/screen.scss */
#content .about-us-bio img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
/* line 213, sass/screen.scss */
#content img.banner {
  display: inline-block;
  vertical-align: middle;
}
/* line 217, sass/screen.scss */
#content p.banner {
  font-size: 19px;
  line-height: 24px;
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
}
/* line 223, sass/screen.scss */
#content nav {
  color: white;
}
/* line 226, sass/screen.scss */
#content nav a:link {
  color: white;
  text-decoration: none;
}
/* line 230, sass/screen.scss */
#content nav a:visited {
  color: white;
  text-decoration: none;
}
/* line 234, sass/screen.scss */
#content nav a:hover {
  color: white;
}
/* line 237, sass/screen.scss */
#content nav a:active {
  color: white;
}
/* line 243, sass/screen.scss */
#content #design-and-consultation {
  margin-right: 5px;
}
/* line 245, sass/screen.scss */
#content #building-maintenance, #content #design-and-consultation {
  float: left;
  position: relative;
  background: url(/assets/bar-services.png) -367px 0 no-repeat scroll;
  font-size: 19px;
  color: white;
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
  line-height: 24px;
  margin-bottom: 20px;
  width: 367px;
  height: 280px;
}
/* line 257, sass/screen.scss */
#content #building-maintenance .hidden, #content #design-and-consultation .hidden {
  margin-top: 167px;
}
/* line 259, sass/screen.scss */
#content #building-maintenance .hidden img, #content #design-and-consultation .hidden img {
  margin-top: 2px;
  margin-left: 10px;
}
/* line 263, sass/screen.scss */
#content #building-maintenance .hidden p, #content #design-and-consultation .hidden p {
  font-size: 12px;
  margin-left: 10px;
}
/* line 268, sass/screen.scss */
#content.full {
  width: 920px;
}
/* line 270, sass/screen.scss */
#content.full .slideup {
  background: url(/assets/bar-full-hover.png) 0 0 no-repeat scroll;
  width: 920px;
}
/* line 273, sass/screen.scss */
#content.full .slideup .cover {
  width: 920px;
  background: url(/assets/bar-full.png) 0 0 no-repeat scroll;
}
/* line 278, sass/screen.scss */
#content.full .slideup:hover .cover {
  background: url(/assets/bar-full.png) 0 -50px no-repeat scroll;
}
/* line 284, sass/screen.scss */
#content .slideup {
  height: 120px;
  width: 740px;
  margin-bottom: 20px;
  position: relative;
  background: url(/assets/bar-three-quarter-slim-hover.png) 0 0 no-repeat scroll;
}
/* line 290, sass/screen.scss */
#content .slideup .cover {
  padding: 22px;
  font-size: 32px;
  color: white;
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
  line-height: 32px;
  height: 76px;
  width: 696px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/assets/bar-three-quarter-slim.png) 0 0 no-repeat scroll;
  -webkit-transition: background-position 0.2s ease-in, height 0.2s ease-in;
  -moz-transition: background-position 0.2s ease-in, height 0.2s ease-in;
  -o-transition: background-position 0.2s ease-in, height 0.2s ease-in;
  transition: background-position 0.2s ease-in, height 0.2s ease-in;
  z-index: 600;
}
/* line 306, sass/screen.scss */
#content .slideup:hover .cover {
  background: url(/assets/bar-three-quarter-slim.png) 0 -50px no-repeat scroll;
  height: 26px;
}
/* line 311, sass/screen.scss */
#content .slideup .hidden {
  padding-top: 85px;
}
/* line 315, sass/screen.scss */
#content #building-maintenance, #content #design-and-consultation {
  cursor: pointer;
}
/* line 318, sass/screen.scss */
#content #building-maintenance:hover .cover, #content #design-and-consultation:hover .cover {
  background: url(/assets/bar-services-hover.png) 0 -121px no-repeat scroll;
  height: 115px;
  color: white;
}
/* line 324, sass/screen.scss */
#content #building-maintenance .cover, #content #design-and-consultation .cover {
  z-index: 600;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 323px;
  height: 236px;
  padding: 22px;
  background: url(/assets/bar-services.png) 0 0 no-repeat scroll;
  -webkit-transition: background-position 0.2s ease-in, height 0.2s ease-in;
  -moz-transition: background-position 0.2s ease-in, height 0.2s ease-in;
  -o-transition: background-position 0.2s ease-in, height 0.2s ease-in;
  transition: background-position 0.2s ease-in, height 0.2s ease-in;
}
/* line 335, sass/screen.scss */
#content #building-maintenance .cover::after, #content #design-and-consultation .cover::after {
  content: '';
}
/* line 340, sass/screen.scss */
#content #column-form {
  width: 367px;
  min-height: 100px;
  float: left;
}
/* line 345, sass/screen.scss */
#content p {
  margin-bottom: 15px;
  line-height: 14px;
}
/* line 350, sass/screen.scss */
#content ul li {
  margin-left: 15px;
  line-height: 2em;
}
/* line 353, sass/screen.scss */
#content ul li::before {
  content: '\22A1  ';
  position: relative;
  top: -1px;
}
/* line 359, sass/screen.scss */
#content ul.none li::before {
  content: '';
}
/* line 363, sass/screen.scss */
#content h2 + ul {
  margin-top: 10px;
}
/* line 366, sass/screen.scss */
#content #column-contact {
  width: 543px;
  margin-left: 5px;
  min-height: 100px;
  float: right;
}
/* line 371, sass/screen.scss */
#content #column-contact img {
  float: left;
  margin: 10px 10px 0 0;
}
/* line 375, sass/screen.scss */
#content #column-contact h2, #content #column-contact p {
  padding: 10px 0;
  font-size: 19px;
  line-height: 24px;
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
}
/* line 381, sass/screen.scss */
#content #column-contact h2 {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
  padding: 0;
}
/* line 387, sass/screen.scss */
#content #column-contact p + h2 {
  margin-top: 40px;
}
/* line 391, sass/screen.scss */
#content #column-contact a:link {
  color: #f47d00;
  text-decoration: none;
}
/* line 395, sass/screen.scss */
#content #column-contact a:visited {
  color: #f47d00;
  text-decoration: none;
}
/* line 399, sass/screen.scss */
#content #column-contact a:hover {
  color: #988f86;
}
/* line 402, sass/screen.scss */
#content #column-contact a:active {
  color: #988f86;
}
/* line 407, sass/screen.scss */
#content #column-form {
  margin-right: 5px;
}
/* line 411, sass/screen.scss */
#content form ul.errors {
  color: red;
}
/* line 414, sass/screen.scss */
#content form div.formElement {
  margin-bottom: 10px;
}
/* line 416, sass/screen.scss */
#content form div.formElement label:first-child {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}
/* line 421, sass/screen.scss */
#content form div.formElement label {
  vertical-align: middle;
  margin-bottom: 3px;
}
/* line 424, sass/screen.scss */
#content form div.formElement label.required::after {
  content: ' *';
}
/* line 428, sass/screen.scss */
#content form div.formElement label[for=contactMethod] {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 20px;
}
/* line 432, sass/screen.scss */
#content form div.formElement input[type=radio] {
  position: relative;
  top: 2px;
}
/* line 436, sass/screen.scss */
#content form div.formElement img {
  margin-top: 5px;
}
/* line 439, sass/screen.scss */
#content form div.formElement input, #content form div.formElement select, #content form div.formElement textarea {
  font-family: inherit;
  font-size: inherit;
  resize: none;
  border: 1px solid #988f86;
  padding: 3px;
  background: white;
}
/* line 446, sass/screen.scss */
#content form div.formElement input.inputText, #content form div.formElement input#captcha-input, #content form div.formElement select.inputText, #content form div.formElement select#captcha-input, #content form div.formElement textarea.inputText, #content form div.formElement textarea#captcha-input {
  width: 354px;
}
/* line 449, sass/screen.scss */
#content form div.formElement input.inputSelect, #content form div.formElement select.inputSelect, #content form div.formElement textarea.inputSelect {
  width: 362px;
}
/* line 454, sass/screen.scss */
#content form div.formElement input#captcha-input {
  text-align: center;
  letter-spacing: 2px;
}
/* line 460, sass/screen.scss */
#content form div.formSubmit {
  text-align: right;
}
/* line 463, sass/screen.scss */
#content form div.formSubmit input#submit {
  background-color: #f47d00;
  color: white;
  border: none;
  margin: 0 5px 0 0;
  padding: 5px 10px;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 475, sass/screen.scss */
#content img {
  margin-top: 5px;
}
/* line 478, sass/screen.scss */
#content .column-left, #content .column-right {
  width: 362px;
  min-height: 50px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
/* line 484, sass/screen.scss */
#content .column-right {
  margin-left: 10px;
}
/* line 486, sass/screen.scss */
#content .column-right h2 {
  margin-bottom: 10px;
}
/* line 489, sass/screen.scss */
#content .column-right #case-studies {
  margin-left: 0;
}
/* line 491, sass/screen.scss */
#content .column-right #case-studies li {
  border: 2px solid #e0dedb;
  border-left-width: 0;
  border-right-width: 0;
  padding: 15px 0 5px 0;
  margin: 15px 0 0 0;
}
/* line 497, sass/screen.scss */
#content .column-right #case-studies li div.imageHolder {
  width: 85px;
}
/* line 500, sass/screen.scss */
#content .column-right #case-studies li p.description {
  position: relative;
  top: -2px;
  width: 267px;
  margin: 0;
}
/* line 505, sass/screen.scss */
#content .column-right #case-studies li p.description span.projectName {
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
}
/* line 509, sass/screen.scss */
#content .column-right #case-studies li + li {
  border-top-width: 0;
  margin-top: 0;
}
/* line 517, sass/screen.scss */
#content .column-left > *:first-child, #content .column-right > *:first-child {
  margin-top: 0;
}
/* line 522, sass/screen.scss */
#content a:link {
  color: #f47d00;
  text-decoration: none;
}
/* line 526, sass/screen.scss */
#content a:visited {
  color: #f47d00;
  text-decoration: none;
}
/* line 530, sass/screen.scss */
#content a:hover {
  color: #988f86;
}
/* line 533, sass/screen.scss */
#content a:active {
  color: #988f86;
}
/* line 536, sass/screen.scss */
#content a::after {
  content: ' >\0000a0';
}
/* line 540, sass/screen.scss */
#content h2 {
  margin-top: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 545, sass/screen.scss */
#content #filter {
  background: url(/assets/bar-filter.png) 0 0 no-repeat scroll;
  float: left;
  padding: 22px;
  width: 132px;
  height: 356px;
  color: white;
}
/* line 552, sass/screen.scss */
#content #filter h2 {
  font-size: 19px;
  line-height: 24px;
  margin: 0 0 10px 0;
}
/* line 557, sass/screen.scss */
#content #filter h3 {
  margin-bottom: 5px;
}
/* line 560, sass/screen.scss */
#content #filter ul {
  margin-bottom: 10px;
}
/* line 562, sass/screen.scss */
#content #filter ul li {
  margin-left: 0;
  line-height: 1.5em;
}
/* line 567, sass/screen.scss */
#content #filter input {
  position: relative;
  top: 2px;
}
/* line 571, sass/screen.scss */
#content #filter label {
  cursor: pointer;
}
/* line 575, sass/screen.scss */
#content #case-studies {
  margin-left: 186px;
}
/* line 577, sass/screen.scss */
#content #case-studies li {
  margin: 0 6px 15px 0;
  vertical-align: top;
}
/* line 580, sass/screen.scss */
#content #case-studies li div.imageHolder {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 170px;
  text-align: center;
  margin-right: 10px;
}
/* line 585, sass/screen.scss */
#content #case-studies li div.imageHolder img {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 0 0 5px 0;
  cursor: pointer;
}
/* line 591, sass/screen.scss */
#content #case-studies li p {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
/* line 596, sass/screen.scss */
#content #case-studies div.case-study-content {
  display: none;
}

/* line 602, sass/screen.scss */
#modal-background {
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 612, sass/screen.scss */
#modal-content {
  z-index: 1000;
  position: fixed;
  background: url(/assets/modal-background.png) top left no-repeat scroll;
  top: 20px;
  left: 50%;
  margin-left: -350px;
  width: 690px;
  height: 435px;
  padding: 10px;
}
/* line 622, sass/screen.scss */
#modal-content h1 {
  line-height: 1.5em;
  font-size: 19px;
  margin-bottom: 10px;
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
  font-weight: bold;
}
/* line 629, sass/screen.scss */
#modal-content h2 {
  font-size: 10px;
  margin-bottom: 10px;
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
  font-weight: bold;
}
/* line 635, sass/screen.scss */
#modal-content p, #modal-content ul {
  margin-bottom: 10px;
  line-height: 14px;
}
/* line 639, sass/screen.scss */
#modal-content p.contactName, #modal-content p.contactPhone, #modal-content p.contactEmail {
  font-size: 19px;
  line-height: 24px;
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
  margin-top: 10px;
}
/* line 645, sass/screen.scss */
#modal-content p.contactPhone {
  color: #f47d00;
}
/* line 650, sass/screen.scss */
#modal-content p.contactEmail a:link {
  color: #f47d00;
  text-decoration: none;
}
/* line 654, sass/screen.scss */
#modal-content p.contactEmail a:visited {
  color: #f47d00;
  text-decoration: none;
}
/* line 658, sass/screen.scss */
#modal-content p.contactEmail a:hover {
  color: #988f86;
}
/* line 661, sass/screen.scss */
#modal-content p.contactEmail a:active {
  color: #988f86;
}
/* line 664, sass/screen.scss */
#modal-content p.contactEmail a::after {
  content: ' >\0000a0';
  position: relative;
  top: -5px;
}

/* line 673, sass/screen.scss */
#modal-left, #modal-right {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}

/* line 678, sass/screen.scss */
#modal-left {
  width: 340px;
}
/* line 680, sass/screen.scss */
#modal-left .imageHolder {
  width: 340px;
  height: 340px;
  text-align: center;
}

/* line 687, sass/screen.scss */
#modal-right {
  width: 340px;
  margin-left: 10px;
}

/* line 692, sass/screen.scss */
#modal-close {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 5px;
  cursor: pointer;
}
/* line 696, sass/screen.scss */
#modal-close::after {
  content: 'X';
  font-weight: bold;
}

/* line 704, sass/screen.scss */
#modal-slider {
  margin-top: 10px;
  overflow: hidden;
  position: relative;
}

/* line 710, sass/screen.scss */
#modal-slider ul {
  position: relative;
}

/* line 714, sass/screen.scss */
#modal-slider li {
  margin-left: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  cursor: pointer;
}
/* line 717, sass/screen.scss */
#modal-slider li:first-child {
  margin-left: 0;
}

/* line 723, sass/screen.scss */
#modal-slider-left, #modal-slider-right {
  position: absolute;
  top: 391px;
  background: url(/assets/modal-slider-buttons.png) top left no-repeat scroll;
  height: 19px;
  width: 19px;
  z-index: 500;
  cursor: pointer;
}

/* line 733, sass/screen.scss */
#modal-slider-left {
  left: 5px;
}

/* line 737, sass/screen.scss */
#modal-slider-right {
  left: 335px;
  background-position: -19px 0;
}

/* line 742, sass/screen.scss */
aside {
  float: right;
  background: url(/assets/bar-contact.png) -176px 0 no-repeat scroll;
  font-size: 19px;
  color: white;
  font-family: 'Din Medium', Arial, Helvetica, sans-serif;
  line-height: 24px;
  width: 176px;
  height: 280px;
  position: relative;
}
/* line 752, sass/screen.scss */
aside div#contact-snippet {
  color: white;
  margin-top: 200px;
  font-size: 14px;
  padding: 0 22px;
  line-height: 14px;
}
/* line 758, sass/screen.scss */
aside div#contact-snippet p {
  margin-bottom: 10px;
}
/* line 762, sass/screen.scss */
aside div.cover {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 132px;
  height: 236px;
  padding: 22px;
  background: url(/assets/bar-contact.png) 0 0 no-repeat scroll;
  -webkit-transition: background-position 0.2s ease-in;
  -moz-transition: background-position 0.2s ease-in;
  -o-transition: background-position 0.2s ease-in;
  transition: background-position 0.2s ease-in;
}
/* line 772, sass/screen.scss */
aside div.cover:hover {
  background: url(/assets/bar-contact-hover.png) 0 -96px no-repeat scroll;
}
/* line 776, sass/screen.scss */
aside span {
  display: block;
}
/* line 779, sass/screen.scss */
aside nav {
  margin-top: 30px;
  font-size: 12px;
}
/* line 782, sass/screen.scss */
aside nav h2 {
  margin-top: 20px;
  color: #988f86;
}
/* line 786, sass/screen.scss */
aside nav ul {
  padding: 10px 0;
  border: 2px solid #e0dedb;
  border-left-width: 0;
  border-right-width: 0;
}
/* line 791, sass/screen.scss */
aside nav ul li {
  line-height: 16px;
}
/* line 795, sass/screen.scss */
aside nav ul a:link {
  color: #f47d00;
  text-decoration: none;
}
/* line 799, sass/screen.scss */
aside nav ul a:visited {
  color: #f47d00;
  text-decoration: none;
}
/* line 803, sass/screen.scss */
aside nav ul a:hover {
  color: #988f86;
}
/* line 806, sass/screen.scss */
aside nav ul a:active {
  color: #988f86;
}
/* line 809, sass/screen.scss */
aside nav ul a::after {
  content: ' >\0000a0';
}