/* 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" /> */
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/* line 18, ../sass/normalize.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* line 19, ../sass/normalize.scss */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 20, ../sass/normalize.scss */
audio:not([controls]) {
  display: none;
}

/* line 21, ../sass/normalize.scss */
[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
/* line 33, ../sass/normalize.scss */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 35, ../sass/normalize.scss */
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}

/* line 37, ../sass/normalize.scss */
body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
/* line 45, ../sass/normalize.scss */
::-moz-selection {
  background: #92000d;
  color: #fff;
  text-shadow: none;
}

/* line 46, ../sass/normalize.scss */
::selection {
  background: #92000d;
  color: #fff;
  text-shadow: none;
}

/* =============================================================================
   Links
   ========================================================================== */
/* line 53, ../sass/normalize.scss */
a {
  color: #00e;
}

/* line 54, ../sass/normalize.scss */
a:visited {
  color: #551a8b;
}

/* line 55, ../sass/normalize.scss */
a:hover {
  color: #06e;
}

/* line 56, ../sass/normalize.scss */
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
/* line 59, ../sass/normalize.scss */
a:hover, a:active {
  outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
/* line 66, ../sass/normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 68, ../sass/normalize.scss */
b, strong {
  font-weight: bold;
}

/* line 70, ../sass/normalize.scss */
blockquote {
  margin: 1em 40px;
}

/* line 72, ../sass/normalize.scss */
dfn {
  font-style: italic;
}

/* line 74, ../sass/normalize.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 76, ../sass/normalize.scss */
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 78, ../sass/normalize.scss */
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
/* line 81, ../sass/normalize.scss */
pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
/* line 84, ../sass/normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 86, ../sass/normalize.scss */
q {
  quotes: none;
}

/* line 87, ../sass/normalize.scss */
q:before, q:after {
  content: "";
  content: none;
}

/* line 89, ../sass/normalize.scss */
small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
/* line 92, ../sass/normalize.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 93, ../sass/normalize.scss */
sup {
  top: -0.5em;
}

/* line 94, ../sass/normalize.scss */
sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
/* line 101, ../sass/normalize.scss */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

/* line 102, ../sass/normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/* line 103, ../sass/normalize.scss */
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
/* line 115, ../sass/normalize.scss */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9 
 */
/* line 121, ../sass/normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
/* line 128, ../sass/normalize.scss */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
/* line 135, ../sass/normalize.scss */
form {
  margin: 0;
}

/* line 136, ../sass/normalize.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
/* line 139, ../sass/normalize.scss */
label {
  cursor: pointer;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
/* line 146, ../sass/normalize.scss */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
/* line 154, ../sass/normalize.scss */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
/* line 161, ../sass/normalize.scss */
button, input {
  line-height: normal;
  *overflow: visible;
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
/* line 167, ../sass/normalize.scss */
table button, table input {
  *overflow: auto;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
/* line 174, ../sass/normalize.scss */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/*
 * Consistent box sizing and appearance
 */
/* line 180, ../sass/normalize.scss */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
}

/* line 181, ../sass/normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 182, ../sass/normalize.scss */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
/* line 188, ../sass/normalize.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
/* line 195, ../sass/normalize.scss */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* =============================================================================
   Tables
   ========================================================================== */
/* line 202, ../sass/normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 203, ../sass/normalize.scss */
td {
  vertical-align: top;
}

/* ==|== primary styles =====================================================
Author: 
========================================================================== */
/******************************************************************************
COMMON CODE *******************************************************************
******************************************************************************/
/* Font-Face stuff */
@font-face {
  font-family: 'LatoRegular';
  src: url("../font/Lato-Regular-webfont.eot");
  src: url("../font/Lato-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Regular-webfont.woff") format("woff"), url("../font/Lato-Regular-webfont.ttf") format("truetype"), url("../font/Lato-Regular-webfont.svg#LatoRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LatoBold';
  src: url("../font/Lato-Bold-webfont.eot");
  src: url("../font/Lato-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Bold-webfont.woff") format("woff"), url("../font/Lato-Bold-webfont.ttf") format("truetype"), url("../font/Lato-Bold-webfont.svg#LatoBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MisoRegular';
  src: url("../font/miso-webfont.eot");
  src: url("../font/miso-webfont.eot?#iefix") format("embedded-opentype"), url("../font/miso-webfont.woff") format("woff"), url("../font/miso-webfont.ttf") format("truetype"), url("../font/miso-webfont.svg#MisoRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Some additional standarization */
/* line 54, ../sass/screen.scss */
p {
  margin: 0;
  padding: 0;
}

/* line 58, ../sass/screen.scss */
.ie-warning {
  width: 100%;
  float: left;
  background: #92000d;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  font-size: .8em;
}

/* line 67, ../sass/screen.scss */
.ie-warning a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

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

/* Starting now */
/* line 76, ../sass/screen.scss */
body {
  position: relative;
  font-family: News Gothic MT,'LatoRegular', Helvetica, Verdana,sans-serif;
  font-size: 1em;
  background: url(../img/design/background.jpg) repeat;
}

/* line 82, ../sass/screen.scss */
h1, h2, h3 {
  margin: 0;
  padding: 0;
  float: left;
  font-family: 'MisoRegular', Helvetica, Verdana, sans-serif;
  color: #92000d;
}

/* line 89, ../sass/screen.scss */
h1 {
  font-size: 2.5em;
}

/* line 92, ../sass/screen.scss */
h2.section-headline {
  margin: 40px 0 20px 0;
  font-size: 1.9em;
  letter-spacing: 0.2em;
}

/* line 97, ../sass/screen.scss */
h3 {
  font-size: 1.6em;
  letter-spacing: 0.1em;
}

/* line 101, ../sass/screen.scss */
header.body, section.body, footer.body {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
  zoom: 1;
}

/* line 109, ../sass/screen.scss */
header.body:before, header.body:after, section.body:before, section.body:after, footer.body:before, footer.body:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 115, ../sass/screen.scss */
header.body:after, section.body:after, footer.body:after {
  clear: both;
}

/* line 118, ../sass/screen.scss */
header.body, footer.body {
  z-index: 3;
  background: rgba(255, 255, 255, 0.4);
}

/* line 122, ../sass/screen.scss */
header.body {
  border-top: 4px solid #92000d;
  border-bottom: 1px solid rgba(147, 147, 147, 0.4);
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
}

/* line 127, ../sass/screen.scss */
section.body {
  margin: 0 0 50px 0;
  display: block;
  z-index: 1;
}

/* line 132, ../sass/screen.scss */
footer.body {
  border-top: 1px solid rgba(147, 147, 147, 0.4);
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
}

/* line 136, ../sass/screen.scss */
.header-body-wrapper, .section-body-wrapper, .footer-body-wrapper {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 10px 0 10px;
  position: relative;
}

/* line 143, ../sass/screen.scss */
.logo {
  width: 100%;
  margin: 0 0 10px -10px;
  float: left;
}

/* line 148, ../sass/screen.scss */
.logo a {
  width: 490px;
  height: 65px;
  float: left;
  display: block;
  background: url("../img/design/logo.png") no-repeat 0 0;
}

/* line 155, ../sass/screen.scss */
.logo h1 {
  display: none;
}

/* line 158, ../sass/screen.scss */
nav.header-nav {
  width: 100%;
  margin: 0 0 0 -14px;
  float: left;
}

/* line 163, ../sass/screen.scss */
nav.header-nav ul {
  width: 100%;
  float: left;
  position: relative;
}

/* line 168, ../sass/screen.scss */
nav.header-nav ul li {
  float: left;
  display: block;
}

/* line 172, ../sass/screen.scss */
nav.header-nav ul li a {
  margin: 0 60px 0 0;
  padding: 0 14px 12px 12px;
  float: left;
  display: block;
  font-family: 'MisoRegular', Helvetica, Verdana, sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.11em;
  color: #a1a1a1;
}

/* line 184, ../sass/screen.scss */
nav.header-nav ul li a:hover {
  color: #92000d;
}

/* line 187, ../sass/screen.scss */
nav.header-nav ul li a.home:hover {
  background: url("../img/design/nav-hovers.png") no-repeat 0 16px;
}

/* line 190, ../sass/screen.scss */
nav.header-nav ul li a.houses:hover {
  background: url("../img/design/nav-hovers.png") no-repeat -108px 16px;
}

/* line 193, ../sass/screen.scss */
nav.header-nav ul li a.buildings:hover {
  background: url("../img/design/nav-hovers.png") no-repeat -215px 16px;
}

/* line 196, ../sass/screen.scss */
nav.header-nav ul li a.otherworks:hover {
  background: url("../img/design/nav-hovers.png") no-repeat -349px 16px;
}

/* line 199, ../sass/screen.scss */
nav.header-nav ul li a.bio:hover {
  background: url("../img/design/nav-hovers.png") no-repeat -511px 16px;
}

/* line 202, ../sass/screen.scss */
nav.header-nav ul li a.contact:hover {
  background: url("../img/design/nav-hovers.png") no-repeat -598px 16px;
}

/* line 205, ../sass/screen.scss */
.footer-info {
  width: 100%;
  padding: 10px 0 10px 0;
  float: left;
}

/* line 210, ../sass/screen.scss */
p.info, p.copyright {
  float: left;
  clear: both;
  font-size: .8em;
  font-style: italic;
  color: #4d4d4d;
}

/* line 217, ../sass/screen.scss */
p.info a {
  color: #4d4d4d;
  text-decoration: none;
}

/* line 221, ../sass/screen.scss */
p.info a:hover, p.author a:hover {
  text-decoration: underline;
  color: #92000d;
}

/* line 225, ../sass/screen.scss */
p.author {
  float: right;
  font-size: .8em;
  font-style: italic;
  color: #d1d1d1;
}

/* line 231, ../sass/screen.scss */
p.author a {
  text-decoration: none;
  color: #d1d1d1;
}

/******************************************************************************
HOME **************************************************************************
******************************************************************************/
/* line 241, ../sass/screen.scss */
article.featured, article.info {
  width: 100%;
  margin: 0 0 40px 0;
  float: left;
}

/* line 246, ../sass/screen.scss */
article.featured {
  padding: 13px 0 50px 0;
  background: url("../img/design/cotas-slider.png") no-repeat 24px 0;
}

/* line 250, ../sass/screen.scss */
.slider-container {
  width: 800px;
  height: 330px;
  margin: 0 auto;
  padding: 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px inset;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px inset;
  background: #d2d2d2;
}

/* line 258, ../sass/screen.scss */
.slider-container #slider {
  margin: 0 auto;
}

/* line 261, ../sass/screen.scss */
article.info .services, article.info .about {
  width: 100%;
  max-width: 450px;
  float: left;
}

/* line 266, ../sass/screen.scss */
article.info .services {
  margin: 0 20px 0 0;
}

/* line 269, ../sass/screen.scss */
article.info .services h3, article.info .about h3 {
  margin: 0 0 20px 0;
}

/* line 272, ../sass/screen.scss */
article.info .services ul, article.info .about ul {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
}

/* line 279, ../sass/screen.scss */
article.info .services ul li, article.info .about ul li {
  width: 100%;
  margin: 4px 0 4px 0;
  float: left;
  display: block;
  clear: both;
  list-style: none;
  font-size: 1em;
  font-style: italic;
  color: #4d4d4d;
}

/* line 290, ../sass/screen.scss */
article.info .services ul li:before, article.info .about ul li:before {
  content: '~ ';
}

/* line 293, ../sass/screen.scss */
article.info .services ul li span, article.info .about ul li span {
  color: #92000d;
}

/******************************************************************************
HOUSES - BUILDINGS COMMON CODE ************************************************
******************************************************************************/
/* line 302, ../sass/screen.scss */
ul.work-list {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* line 307, ../sass/screen.scss */
ul.work-list > li {
  width: 100%;
  margin: 0 0 150px 0;
  float: left;
  display: block;
  clear: both;
  list-style: none;
}

/* line 315, ../sass/screen.scss */
ul.work-list > li:first-child {
  margin: 40px 0 150px 0;
}

/* line 318, ../sass/screen.scss */
ul.work-list > li:first-child aside.scroll-nav a.previous, ul.work-list > li:last-child aside.scroll-nav a.next {
  visibility: hidden;
}

/* line 321, ../sass/screen.scss */
article.work {
  width: 100%;
  float: left;
  display: block;
  clear: both;
}

/* line 327, ../sass/screen.scss */
aside.scroll-nav {
  width: 100%;
  max-width: 130px;
  margin: 44px 20px 0 0;
  float: left;
  text-align: center;
}

/* line 334, ../sass/screen.scss */
aside.scroll-nav p, aside.scroll-nav a {
  width: 100%;
  margin: 0 0 10px 0;
  float: left;
  font-family: 'MisoRegular', Helvetica, Verdana, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.08em;
}

/* line 342, ../sass/screen.scss */
aside.scroll-nav p {
  font-size: 1.87em;
  color: rgba(77, 77, 77, 0.2);
  text-shadow: white 2px 2px 0;
}

/* line 347, ../sass/screen.scss */
aside.scroll-nav a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #d1d1d1;
}

/* line 353, ../sass/screen.scss */
aside.scroll-nav a.previous {
  padding: 26px 0 0 0;
}

/* line 356, ../sass/screen.scss */
aside.scroll-nav a.previous:hover {
  padding: 26px 0 0 0;
  background: url("../img/design/previous.png") no-repeat 50% 0;
  color: #a1a1a1;
  text-shadow: white 2px 2px 0;
}

/* line 362, ../sass/screen.scss */
aside.scroll-nav a.next:hover {
  padding: 0 0 26px 0;
  background: url("../img/design/next.png") no-repeat 50% 24px;
  color: #a1a1a1;
  text-shadow: white 2px 2px 0;
}

/* line 368, ../sass/screen.scss */
.work-details {
  width: 100%;
  max-width: 780px;
  float: left;
}

/* line 373, ../sass/screen.scss */
.work-details h2 {
  width: 100%;
  margin: 0;
  font-size: 1.8em;
  letter-spacing: 0.08em;
  color: #959595;
}

/* line 380, ../sass/screen.scss */
.work-details h2 span {
  letter-spacing: 0.1em;
  color: #92000d;
}

/* line 384, ../sass/screen.scss */
figure.work-images a {
  padding: 10px;
  float: left;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px inset;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px inset;
  background: #d2d2d2;
}

/* line 390, ../sass/screen.scss */
figure.work-images a img {
  -moz-box-shadow: 0px 1px 5px #4a4a4a;
  -webkit-box-shadow: 0px 1px 5px #4a4a4a;
  -o-box-shadow: 0px 1px 5px #4a4a4a;
  box-shadow: 0px 1px 5px #4a4a4a;
}

/* line 393, ../sass/screen.scss */
.work-info ul li h3 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  color: #d1d1d1;
}

/* line 401, ../sass/screen.scss */
.work-info ul li p {
  width: 100%;
  float: left;
  letter-spacing: 0.04em;
  line-height: 1.5em;
  color: #4d4d4d;
}

/******************************************************************************
HOUSES ************************************************************************
******************************************************************************/
/* line 413, ../sass/screen.scss */
figure.work-images.houses {
  width: 100%;
  margin: 0 0 20px 0;
  float: left;
}

/* line 418, ../sass/screen.scss */
figure.work-images.houses a.big {
  width: 680px;
  height: 310px;
  margin: 0 0 20px 0;
}

/* line 423, ../sass/screen.scss */
figure.work-images.houses a.small {
  width: 60px;
  height: 60px;
  margin: 0 23px 0 0;
}

/* line 428, ../sass/screen.scss */
.work-info.houses ul {
  width: 100%;
  min-height: 70px;
  margin: 0;
  padding: 0;
  float: left;
}

/* line 435, ../sass/screen.scss */
.work-info.houses ul:last-child {
  margin: 0;
}

/* line 438, ../sass/screen.scss */
.work-info.houses ul li {
  width: 100%;
  max-width: 210px;
  margin: 0 10px 14px 0;
  float: left;
  list-style: none;
}

/******************************************************************************
BUILDINGS *********************************************************************
******************************************************************************/
/* line 449, ../sass/screen.scss */
figure.work-images.buildings {
  width: 100%;
  max-width: 480px;
  margin: 0 20px 0 0;
  float: left;
}

/* line 455, ../sass/screen.scss */
figure.work-images.buildings a.big {
  width: 360px;
  height: 580px;
  margin: 0 20px 0 0;
}

/* line 460, ../sass/screen.scss */
figure.work-images.buildings a.small {
  width: 60px;
  height: 60px;
  margin: 0 0 24px 0;
}

/* line 465, ../sass/screen.scss */
.work-info.buildings ul {
  margin: 0;
}

/* line 468, ../sass/screen.scss */
.work-info.buildings ul {
  width: 100%;
  max-width: 220px;
  padding: 0;
  float: left;
}

/* line 474, ../sass/screen.scss */
.work-info.buildings ul li {
  width: 100%;
  margin: 0 0 14px 0;
  float: left;
  list-style: none;
}

/******************************************************************************
BIOGRAPHY *********************************************************************
******************************************************************************/
/* line 486, ../sass/screen.scss */
article.biography {
  width: 100%;
  float: left;
}

/* line 490, ../sass/screen.scss */
.participations {
  width: 100%;
  max-width: 500px;
  margin: 0 100px 0 0;
  float: left;
}

/* line 496, ../sass/screen.scss */
.participations h3 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  color: #d1d1d1;
}

/* line 504, ../sass/screen.scss */
.participations ul {
  width: 100%;
  margin: 0 0 80px 0;
  padding: 0;
  float: left;
}

/* line 510, ../sass/screen.scss */
.participations ul li {
  width: 100%;
  margin: 10px 0 10px 0;
  padding: 0;
  float: left;
  position: relative;
  list-style: none;
  font-size: 0.9em;
  font-weight: normal;
  color: #a1a1a1;
}

/* line 522, ../sass/screen.scss */
.participations ul li:before {
  padding: 0 10px 0 0;
  float: left;
  content: '~ ';
}

/* line 527, ../sass/screen.scss */
.participations ul li a {
  width: 94%;
  float: left;
  display: block;
  position: relative;
  text-decoration: none;
  font-size: 1em;
  color: #4d4d4d;
}

/* line 536, ../sass/screen.scss */
.participations ul li a:hover {
  color: #92000d;
}

/* line 539, ../sass/screen.scss */
.participations ul li a span.participations-title {
  max-width: 430px;
  float: left;
}

/* line 543, ../sass/screen.scss */
.participations ul li a span.participations-arrow {
  width: 19px;
  height: 12px;
  position: absolute;
  right: -20px;
  top: 4px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: url("../img/design/drop-arrow.png") no-repeat 0 0;
}

/* line 557, ../sass/screen.scss */
.participations ul li a:hover span.participations-arrow {
  opacity: 1;
  right: 0;
}

/* line 561, ../sass/screen.scss */
.participations ul li a.list-open span.participations-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 0;
  opacity: 1;
}

/* line 568, ../sass/screen.scss */
.participations ul li .content {
  width: 100%;
  max-width: 460px;
  padding: 10px 20px 10px 20px;
  float: left;
  overflow: hidden;
  font-style: italic;
  -webkit-transition: padding 0.2s ease-in-out;
  -moz-transition: padding 0.2s ease-in-out;
  -o-transition: padding 0.2s ease-in-out;
  -ms-transition: padding 0.2s ease-in-out;
  transition: padding 0.2s ease-in-out;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
}

/* line 582, ../sass/screen.scss */
.participations ul li .content > ul {
  width: 100%;
  max-width: 400px;
  margin: 10px 0 0 40px;
  padding: 0;
  float: left;
}

/* line 589, ../sass/screen.scss */
.participations ul li .content > ul li {
  width: 100%;
  margin: 4px 0 4px 0;
  padding: 0;
  float: left;
  font-size: 0.9em;
}

/* line 596, ../sass/screen.scss */
aside.profile {
  width: 100%;
  max-width: 360px;
  float: left;
}

/* line 601, ../sass/screen.scss */
aside.profile img {
  margin: 0 70px 0 70px;
  border: 4px solid #d2d2d2;
}

/* line 605, ../sass/screen.scss */
aside.profile h4 {
  width: 100%;
  margin: 10px 0 10px 0;
  font-size: 1.25em;
  letter-spacing: 0.1em;
  text-align: center;
  color: #92000d;
}

/* line 613, ../sass/screen.scss */
aside.profile p {
  margin: 0 0 20px 0;
  font-size: 1em;
  line-height: 1.8em;
  color: #4d4d4d;
}

/* line 619, ../sass/screen.scss */
aside.profile p.bold {
  margin: 0 0 10px 0;
  font-weight: bold;
}

/* line 623, ../sass/screen.scss */
aside.profile blockquote {
  margin: 40px;
  float: left;
}

/* line 627, ../sass/screen.scss */
aside.profile blockquote p {
  line-height: 1.4em;
  font-family: Georgia, Times New Roman, serif;
  font-style: italic;
  color: #92000d;
}

/* line 633, ../sass/screen.scss */
aside.profile blockquote span {
  font-style: italic;
  color: #4d4d4d;
}

/******************************************************************************
CONTACT ***********************************************************************
******************************************************************************/
/* line 643, ../sass/screen.scss */
article.contact {
  width: 100%;
  margin: 0 0 80px 0;
  float: left;
}

/* line 648, ../sass/screen.scss */
article.contact form#contact-form {
  width: 100%;
  max-width: 470px;
  margin: 40px 60px 0 0;
  float: left;
}

/* line 654, ../sass/screen.scss */
article.contact form#contact-form fieldset legend {
  display: none;
}

/* line 657, ../sass/screen.scss */
article.contact form#contact-form ol.form {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* line 662, ../sass/screen.scss */
article.contact form#contact-form ol.form li {
  width: 100%;
  margin: 0 0 10px 0;
  float: left;
  list-style: none;
}

/* line 668, ../sass/screen.scss */
article.contact form#contact-form ol.form li label {
  width: 120px;
  float: left;
  font-size: 1.8em;
  font-family: 'MisoRegular', Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
  color: #d2d2d2;
}

/* line 676, ../sass/screen.scss */
article.contact form#contact-form ol.form li label span {
  color: #e80000;
}

/* line 679, ../sass/screen.scss */
article.contact form#contact-form ol.form li input, article.contact form#contact-form ol.form li textarea {
  width: 310px;
  margin: 0 0 0 10px;
  padding: 0 10px 0 10px;
  border: 2px solid #d2d2d2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 0 5px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 0 5px inset;
  -o-box-shadow: rgba(0, 0, 0, 0.5) 1px 0 5px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 1px 0 5px inset;
  font-family: News Gothic MT,'LatoRegular', Helvetica, Verdana,sans-serif;
  color: #d2d2d2;
}

/* line 689, ../sass/screen.scss */
article.contact form#contact-form ol.form li input {
  height: 40px;
  line-height: 40px;
}

/* line 693, ../sass/screen.scss */
article.contact form#contact-form ol.form li textarea {
  min-height: 120px;
  padding: 10px;
}

/* line 697, ../sass/screen.scss */
article.contact form#contact-form ol.form li p.warning {
  margin: 10px 0 10px 130px;
  font-size: 1em;
  font-family: 'MisoRegular', Helvetica, Verdana, sans-serif;
  color: #e80000;
}

/* line 703, ../sass/screen.scss */
article.contact form#contact-form ol.form li input#submit {
  width: 100%;
  max-width: 332px;
  height: 40px;
  margin: 0 0 0 130px;
  padding: 5px 0 0 0;
  background: #92000d;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  font-size: 1.8em;
  font-family: 'MisoRegular', Helvetica, Verdana, sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 40px;
  color: white;
}

/* line 719, ../sass/screen.scss */
article.contact form#contact-form ol.form li input#submit:hover {
  background: #d2d2d2;
  color: white;
}

/* line 723, ../sass/screen.scss */
article.contact aside {
  width: 100%;
  max-width: 370px;
  margin: 40px 0 0 0;
  float: left;
}

/* line 729, ../sass/screen.scss */
article.contact aside ul {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}

/* line 735, ../sass/screen.scss */
article.contact aside ul li {
  width: 100%;
  margin: 0 0 10px 0;
  float: left;
  list-style: none;
}

/* line 741, ../sass/screen.scss */
article.contact aside ul li, article.contact aside ul li a {
  font-size: 1em;
  font-family: News Gothic MT,'LatoRegular', Helvetica, Verdana,sans-serif;
  letter-spacing: 0.08em;
  color: #92000d;
}

/* line 747, ../sass/screen.scss */
article.contact aside ul li a {
  text-decoration: none;
}

/* line 750, ../sass/screen.scss */
article.contact aside ul li a:hover {
  color: #4d4d4d;
  text-decoration: underline;
}

/* line 754, ../sass/screen.scss */
article.contact aside ul li span {
  font-size: 1.8em;
  font-family: 'MisoRegular', Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
  color: #d2d2d2;
}

/* line 760, ../sass/screen.scss */
article.contact .statusMessage {
  color: black;
}

/* line 763, ../sass/screen.scss */
article.contact .statusMessage {
  width: 100%;
  max-width: 330px;
  margin: 0 0 0 130px;
  display: none;
  float: left;
}

/* line 770, ../sass/screen.scss */
article.contact .statusMessage p {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-align: left;
  font-weight: bold;
}

/* line 778, ../sass/screen.scss */
article.contact #successMessage {
  color: #02962f;
}

/* line 781, ../sass/screen.scss */
article.contact #failureMessage, article.contact #incompleteMessage {
  color: #e80000;
}

/******************************************************************************
NIVO SLIDER *******************************************************************
******************************************************************************/
/* line 790, ../sass/screen.scss */
.nivo-caption p {
  font-family: News Gothic MT,Helvetica,verdana,sans-serif;
  font-style: italic;
  font-weight: bold;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
/* line 6, ../sass/css-bottom.scss */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/* line 7, ../sass/css-bottom.scss */
.ir br {
  display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
/* line 10, ../sass/css-bottom.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/* line 13, ../sass/css-bottom.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
/* line 16, ../sass/css-bottom.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
/* line 19, ../sass/css-bottom.scss */
.invisible {
  visibility: hidden;
}

/* Contain floats: h5bp.com/q */
/* line 22, ../sass/css-bottom.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

/* line 23, ../sass/css-bottom.scss */
.clearfix:after {
  clear: both;
}

/* line 24, ../sass/css-bottom.scss */
.clearfix {
  zoom: 1;
}

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 52, ../sass/css-bottom.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: h5bp.com/s */
  /* line 53, ../sass/css-bottom.scss */
  a, a:visited {
    text-decoration: underline;
  }

  /* line 54, ../sass/css-bottom.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 55, ../sass/css-bottom.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 56, ../sass/css-bottom.scss */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  /* line 57, ../sass/css-bottom.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 58, ../sass/css-bottom.scss */
  thead {
    display: table-header-group;
  }

  /* h5bp.com/t */
  /* line 59, ../sass/css-bottom.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 60, ../sass/css-bottom.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 62, ../sass/css-bottom.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 63, ../sass/css-bottom.scss */
  h2, h3 {
    page-break-after: avoid;
  }
}