/*

plein air interactive
P.O. BOX 15
Cumberland Center, Maine 04021
+1 207.619.2505

http://pleinairinteractive.com
http://facebook.com/gopleinair
http://twitter.com/gopleinair


SCREEN - MAIN STYLE SHEET
------------------------------------------------------------------------ */
/* Changing Susy default global settings */
/* Makes border-box properties */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* -------------------------------- */
/*
RESET
------------------------------------------------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  background: transparent; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

img {
  border: none; }

a img {
  border: none; }

:focus {
  outline: 0; }

/*
MIXINS
------------------------------------------------------------------------ */
img {
  max-width: 100%; }

@media (max-width: 480px) {
  #content img {
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto; } }

/* for creating buttons in the tinymce editor */
.button a {
  color: #fff !important;
  font-weight: normal;
  font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  background-color: #f7941e;
  border: 0; }
  @media (max-width: 759px) {
    .button a {
      width: 100%; } }

.button a:hover {
  color: #fff !important;
  font-weight: normal;
  font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  background-color: #f7941e;
  border: 0;
  background-color: #ffb640 !important;
  color: #fff !important;
  text-decoration: none; }

.no_border {
  border: none !important; }

.nobullets {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*
HELPERS
------------------------------------------------------------------------ */
.left, .img_left {
  float: left;
  margin: 0 20px 20px 0; }

.right, .img_right {
  float: right;
  margin: 0 0 20px 20px; }

.text_left {
  text-align: left; }

.text_center {
  text-align: center; }

.text_right {
  text-align: right; }

.up {
  text-transform: uppercase; }

.off {
  text-indent: -7777px;
  height: 1px; }

.hide {
  display: none; }

.underline {
  text-decoration: underline; }

.help {
  font-size: 90%;
  padding-top: .5em; }

.clear {
  clear: both; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*
PAGINATION
------------------------------------------------------------------------ */
.paginator {
  padding: 0 !important;
  margin: 0 auto !important; }
  .paginator li {
    float: left;
    list-style-type: none !important;
    margin-right: .25em !important; }
    .paginator li span {
      display: block;
      padding: .4em !important;
      min-width: 1.25em;
      text-align: center; }
    .paginator li span.active {
      color: #003768;
      font-weight: bold; }
    .paginator li a {
      display: block;
      padding: .4em !important;
      min-width: 1.25em;
      text-align: center;
      background: #fff;
      text-decoration: none; }
    .paginator li a:hover {
      background: #acd8ff;
      color: #fff; }
  .paginator li.count {
    margin-right: 2em;
    color: #003768; }

/*
TYPOGRAPHY
------------------------------------------------------------------------ */
/* = headings 
----------------------------------------------------------- */
h1 {
  font-weight: 400;
  font-size: 2.5em;
  line-height: 1.2;
  font-weight: normal; }

h2 {
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: normal; }

h3 {
  font-size: 1.2em;
  line-height: 1.25; }

h4 {
  font-size: 1em;
}

h5 {
  font-size: 1em;
  font-weight: bold; }

h6 {
  font-size: 1em;
  font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

#content h5, #content h6 {
  margin-top: .5em; }

#content h1, #content h2, #content h3, #content h4 {
  margin-top: .5em;
  margin-bottom: .25em;
}

#content h1 {
  color: #155b80;
  font-size: 2em;
  font-family: arno-pro, serif;
}

#content h2 {
  font-size: 1.44em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#content h3 {
  font-size: 1.28em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#content h4 {
  font-size: 1.5em;
  font-family: arno-pro, serif;
}

/* text elements
----------------------------------------------------------- */
h1 {
  margin-bottom: .25em; }

p {
  margin-bottom: .75em; }

/* lists 
----------------------------------------------------------- */
#content ul, #content ol {
  margin: 1em;
  padding-left: 1em; }

#content ul li {
  list-style-type: circle; }

#content ol li {
  list-style-type: decimal; }

/* get rid of bullets on forms in main column */
#content form ul, #content form ol {
  margin-left: 0;
  padding-left: 0; }

#content form ul li {
  list-style-type: none; }

#content form ol li {
  list-style-type: none; }

#content ul.nobullets, #content ul.nobullets li, #content ol, #content ol.nobullets li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#content .caption {
  font-size: 80%;
  color: #666;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/* Shop 
----------------------------------------------------------- */
#camstore #content h4 {
  font-family: arno-pro, serif;
  color: #6f6c53;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  text-rendering: optimizelegibility; }

/*
FORMS
------------------------------------------------------------------------ */
/* = standard forms
--------------------------------- */
form ul {
  margin: 0 !important; }
  form ul li {
    clear: both;
    margin: .5em 0; }
    form ul li label {
      display: block;
      line-height: normal;
      font-size: 70%;
      font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
      text-transform: uppercase;
      /* font-weight: bold; */ }
    form ul li input[type="text"], form ul li input[type="email"], form ul li input[type="password"], form ul li select, form ul li textarea {
      width: 100%;
      font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
      color: #666;
      font-size: 1em;
      padding: 8px 4px;
      /* margin-bottom:8px; */
      border: 1px solid #ccc; }
    form ul li input[type="checkbox"] {
      float: left;
      margin-left: 0; }
    form ul li .button {
      font-size: 100%;
      color: #fff !important;
      font-weight: normal;
      font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
      padding: .5em 1em;
      text-align: center;
      text-decoration: none !important;
      text-transform: uppercase;
      background-color: #f7941e;
      border: 0; }
    form ul li .button:hover {
      color: #fff !important;
      font-weight: normal;
      font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
      padding: .5em 1em;
      text-align: center;
      text-decoration: none !important;
      text-transform: uppercase;
      background-color: #f7941e;
      border: 0;
      background-color: #ffb640 !important;
      color: #fff !important;
      text-decoration: none; }

.checkboxlabel {
  float: left;
  margin: 2px 0 16px 4px;
  max-width: 90%;
  font-weight: normal; }

.help {
  font-size: 80%;
  font-style: italic; }

.secure {
  color: #696;
  padding-left: 1em;
  background: url("/static/images/lock.png") left center no-repeat; }

/* filters */
.filter {
  padding: 1em 0;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 1em; }
  .filter label {
    display: block;
    font-size: 90%;
    color: #666; }
  .filter ul li {
    float: left;
    margin-right: 12px;
    position: relative;
    height: 50px; }
    .filter ul li input {
      font-size: 100%;
      font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
      font-weight: 200;
      border: 1px solid #ccc;
      color: #666;
      padding: .25em;
      margin: 0 !important; }
    .filter ul li select {
      font-size: 100%;
      font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
      font-weight: 200;
      border: 1px solid #ccc;
      color: #666;
      padding: .25em;
      margin: 0 !important;
      padding: .25em;
      min-width: 160px; }
    .filter ul li button {
      font-size: 100%;
      font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
      font-weight: 200;
      border: 1px solid #ccc;
      color: #666;
      padding: .25em;
      margin: 0 !important;
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      padding: .25em 1.5em;
      font-weight: bold;
      background: #cf0045;
      border: 1px solid #cf0045; }
      @media (max-width: 759px) {
        .filter ul li button {
          width: 100%; } }
    .filter ul li button:hover {
      background: #e0004b;
      border: 1px solid #e0004b; }
    .filter ul li button:focus {
      background: #e0004b;
      border: 1px solid #e0004b; }

/* = response messages
---------------------------------------------------------- */
.notice, .error, .success {
  padding: 10px; }

/* notices */
.notice {
  color: #550;
  background: #ffc; }

/* error */
.error {
  color: #c03;
  background: #ffefef; }

/* success */
.success {
  color: #696;
  background: none repeat scroll 0 0 #dfffdf !important; }

form .error {
  padding: 0;
  background: transparent; }
  form .error input {
    border: 1px solid #c03 !important; }
  form .error select {
    border: 1px solid #c03 !important; }

form .errorlist {
  color: #c03;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 0; }
  form .errorlist li {
    margin: 0 !important;
    margin-top: .25em !important;
    line-height: 1em; }

/* = contact form
---------------------------------------------------------- */
#contact {
  max-width: 500px;
  margin: 0 auto; }

/*
NAVIGATION
------------------------------------------------------------------------ */
#utility {
  float: right;
  padding-right: .5em; }
  @media (max-width: 1100px) {
    #utility {
      position: absolute;
      top: 124px;
      left: 0;
      z-index: 7780;
      width: 100%;
      float: none;
      padding: 0;
      float: none;
      display: none; } }
  #utility li {
    float: left; }
    #utility li a {
      color: #fff;
      display: block;
      padding: .1em .5em;
      margin: .25em .12em;
      font-size: 80% !important;
      text-decoration: none;
      font-weight: normal !important; }
      @media (max-width: 1100px) {
        #utility li a {
          margin-top: 0;
          text-align: center;
          font-size: 140%;
          border-top: 1px solid #666;
          padding: .2em .5em;
          margin: 0;
          font-weight: normal;
          color: #fff; } }

#utility li a:hover {
  color: #ddd; }
  @media (max-width: 1100px) {
    #utility li a:hover {
      border-bottom: none; } }

#logo {
  float: left;
  width: 220px;
  height: auto;
  margin-top: -1em;
  position: relative;
  z-index: 7788; }
  #logo a img {
    margin-top: -1.25em;
    /*  			@include breakpoint(sm) {
            		top:28px;
    				left:10px;
    				width:240px;
          		} */ }
    @media (max-width: 1100px) {
      #logo a img {
        margin-top: .5em;
        width: 180px; } }
  #logo a span {
    display: block;
    height: 0;
    text-indent: -7777px; }

/* mobile nav icon */
#homelink, #hamburger {
  display: none; }
  @media (max-width: 1100px) {
    #homelink, #hamburger {
      display: block; } }

#hamburger {
  position: absolute;
  top: 40px;
  right: 20px;
  z-index: 7799;
  width: 28px;
  height: 28px;
  background: #efefef;
  background: url("/static/images/menu-icon.png") center center no-repeat; }

#navwrap {
  padding-top: .25em;
  padding-bottom: .25em; }

#nav {
  float: right;
  /*@include breakpoint(sm) {top:92px;}	*/ }
  @media (max-width: 1100px) {
    #nav {
      position: absolute;
      top: 104px;
      left: 0;
      z-index: 7780;
      width: 100%;
      float: none;
      padding: 0; } }
  #nav li {
    float: left; }
    @media (max-width: 1100px) {
      #nav li {
        float: none;
        display: none;
        background: #135a8f;
        background: rgba(19, 90, 143, 0.8); } }
    #nav li a {
      color: #135a8f;
      color: #fff;
      font-size: 90%;
      text-decoration: none;
      text-transform: uppercase;
      display: block;
      padding: .1em .5em;
      margin: .5em .25em; }
      @media (max-width: 1100px) {
        #nav li a {
          margin-top: 0;
          text-align: center;
          font-size: 110% !important;
          border-top: 1px solid #176dad;
          padding: .4em .5em;
          margin: 0;
          font-weight: normal !important;
          color: #ddd; } }
  #nav .mobile {
    display: none; }
    @media (max-width: 1100px) {
      #nav .mobile {
        /*display:block;*/ } }

#nav li a:hover {
  color: #c1bfab !important;
  border-bottom: 4px solid #c1bfab !important;
  color: #ddd !important;
  border-bottom: 4px solid #ddd !important; }
  @media (max-width: 1100px) {
    #nav li a:hover {
      border-bottom: none !important; } }

#nav li.current a {
  color: #aba88e;
  border-bottom: 4px solid #aba88e;
  color: #fff;
  border-bottom: 4px solid #fff; }
  @media (max-width: 1100px) {
    #nav li.current a {
      border-bottom: none; } }

#sidenav {
  margin-bottom: 1em; }
  #sidenav h3 {
    font-family: arno-pro, serif;
    font-size: 110%;
    text-decoration: none;
    text-transform: uppercase; }
    #sidenav h3 a {
      font-weight: normal; }
    #sidenav h3 a:hover {
      color: #000; }
  #sidenav ul li a {
    display: block;
    padding: 5px 0px 5px 2px;
    color: #666;
    text-decoration: none;
    border-bottom: 1px dashed #CECECD;
    font-weight: 300;
    font-family: 'arno-pro', 'times', serif;
    font-size: 120%; }
  #sidenav ul li a:hover {
    color: #000; }
  #sidenav ul li .children {
    margin-left: 1em; }
  #sidenav ul li ul {
    margin-left: 1em; }
  #sidenav ul li.current a {
    color: #155b80; }

/*
ENEWS
------------------------------------------------------------------------ */
#enews {
  padding: 2em;
  background: #135a8f;
  color: #fff; }
  #enews .wrapper {
    max-width: 600px;
    background: #176dad; }
    @media (max-width: 1100px) {
      #enews .wrapper {
        /*width:100%;*/ } }
    #enews .wrapper h2 {
      font-family: arno-pro, serif;
      text-transform: uppercase; }
      @media (max-width: 480px) {
        #enews .wrapper h2 {
          text-align: center; } }
    #enews .wrapper #subForm {
      padding: 0 !important;
      margin: 0; }
      #enews .wrapper #subForm label {
        display: block;
        text-align: left;
        font-style: italic; }
      #enews .wrapper #subForm input {
        font-size: 100%;
        font-family: Helvetica, Arial, sans-serif;
        margin: 1em 1em 1em 0;
        padding: .5em 4px;
        width: 60%;
        border: 1px solid #dfdfdf;
        float: left; }
        @media (max-width: 480px) {
          #enews .wrapper #subForm input {
            width: 100%;
            margin-bottom: 0; } }
      #enews .wrapper #subForm #fieldEmail {
        color: #999; }
      #enews .wrapper #subForm #fieldEmail:focus {
        color: #333; }
      #enews .wrapper #subForm .button {
        color: #fff !important;
        font-weight: normal;
        font-family: 'brandon-grotesque','Helvetica Neue',Helvetica,Arial,sans-serif;
        padding: .5em 1em;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        background-color: #f7941e;
        border: 0;
        padding: .5em 1em;
        font-size: 100%;
        margin-top: 1em !important; }
        @media (max-width: 480px) {
          #enews .wrapper #subForm .button {
            width: 100%; } }
      #enews .wrapper #subForm .button:hover {
        background-color: #ffb640; }

/*
EVENTS
------------------------------------------------------------------------ */
/*Event list builder*/
.events_inc dt {
  float: left;
  width: 100%;
  color: #aba88b;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  margin: .5em 0;
  padding: 0 .5em;
  border-bottom: 1px solid #ccc; }
  .events_inc dt .date {
    font-size: 16px !important;
    font-family: arno-pro,serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #135A8F;
    margin-bottom: 5px;
    line-height: 24px;
    text-decoration: none;
    font-weight: normal; }
    .events_inc dt .date em {
      font-size: 12px !important; }
.events_inc dd {
  width: 80%;
  display: block;
  float: right;
  padding-bottom: 0.2em;
  margin: 0 6px 0.2em 100px;
  border-bottom: 1px solid #ddd; }
  .events_inc dd h3 {
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 110% !important;
    text-transform: none !important; }
    .events_inc dd h3 a {
      text-decoration: none;
      font-weight: normal !important; }
  .events_inc dd .details {
    font-size: 12px;
    color: #333;
    line-height: normal; }
    .events_inc dd .details a {
      text-decoration: none;
      font-style: italic; }

/* events search */
#searchdate {
  margin-bottom: 1em; }
  #searchdate .dates {
    width: 48%;
    margin-right: 1%;
    float: left;
    clear: none; }
    @media (max-width: 480px) {
      #searchdate .dates {
        width: 100%;
        float: none; } }
  @media (max-width: 480px) {
    #searchdate #e_submit {
      width: 100%; } }

/*  event detail page  */
.event .date {
  font-family: arno-pro, serif;
  color: #6f6c53;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 15px; }
.event .time {
  font-size: 90%;
  color: #666; }
.event .categories a {
  font-weight: normal; }

/*  event category lists  */
.eventlist {
  width: 100%;
  font-size: 80%;
  margin-bottom: 2em; }
  .eventlist th, .eventlist td {
    padding: .5em 0;
    border-bottom: 1px solid #dfdfdf; }
  .eventlist th {
    font-weight: bold;
    text-transform: uppercase;
    color: #666; }
  .eventlist td h2 {
    font-size: 1.5em !important;
    text-transform: none !important; }
    .eventlist td h2 a {
      font-weight: normal; }
  .eventlist .details {
    padding-left: .5em !important; }
  @media (max-width: 480px) {
    .eventlist .notmobile {
      display: none; } }

/*
exhibitions
------------------------------------------------------------------------ */
#exhibitions #content h2 {
  text-transform: capitalize;
  font-style: italic;
  font-size: 1.5em;
  text-align: center; }

.x_list {
  width: 100%; }
  .x_list li {
    margin-left: .5em !important;
    margin: 2.0408163265%;
    padding-top: 1em;
    padding-bottom: 1em !important;
    border-top: 1px solid #ccc;
    width: 100%;
    float: left; }
    .x_list li:nth-child(1n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: none; }
    @media (max-width: 480px) {
      .x_list li {
        width: 100%;
        float: left;
        margin-left: .0 !important;
        border: none; }
        .x_list li:nth-child(1n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: none; } }
    .x_list li a {
      display: block;
      text-decoration: none;
      padding: 1em .75em .25em; }
      .x_list li a h3 {
        background: none;
        font-size: 20px !important;
        color: #6f6c53 !important;
        font-weight: normal;
        letter-spacing: 0.1em;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
        text-rendering: optimizelegibility; }
        @media (max-width: 480px) {
          .x_list li a h3 {
            padding: 7px 0px 7px 0px;
            background: #dbd8d1 url("/static/images/promo-back.png") left top repeat-x;
            font-size: 15px;
            text-align: center; } }
      .x_list li a img {
        max-width: 100%;
        height: auto; }
      .x_list li a .bottom {
        display: none;
        width: 100%; }
      .x_list li a .top {
        float: left;
        padding-right: 1em;
        width: 25%; }
      @media (max-width: 480px) {
        .x_list li a .bottom {
          display: block; }
        .x_list li a .top {
          display: none; } }
    .x_list li .copy {
      padding: 0 1.25em; }
      .x_list li .copy p {
        font-style: italic; }
        @media (max-width: 480px) {
          .x_list li .copy p {
            text-align: center; } }
      .x_list li .copy a {
        display: inline !important;
        padding: 0; }
      .x_list li .copy a:hover {
        text-decoration: underline; }

#exhibit_detail #content .keyimage {
  width: 48%;
  margin-left: 2%;
  margin-bottom: 1em;
  float: right; }
  @media (max-width: 1100px) {
    #exhibit_detail #content .keyimage {
      width: 100%;
      float: none;
      margin-left: 0; } }
  @media (max-width: 480px) {
    #exhibit_detail #content .keyimage {
      float: none;
      width: 100%;
      max-width: 100%;
      height: auto; } }

/*
COLLECTIONS
------------------------------------------------------------------------ */
/*  featured items  */
#featured {
  width: 100%;
  margin-top: 3em; }
  #featured h3 {
    font-family: arno-pro, serif;
    color: #6f6c53;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 110%; }
  #featured ul {
    width: 100%;
    margin: 1em 0 !important; }
    #featured ul li {
      margin: 2.0408163265%;
      margin-bottom: .5em !important;
      padding: 0 !important;
      width: 15.2542372881%;
      float: left; }
      #featured ul li:nth-child(6n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      #featured ul li:nth-child(6n + 2) {
        margin-left: 16.9491525424%;
        margin-right: -100%;
        clear: none; }
      #featured ul li:nth-child(6n + 3) {
        margin-left: 33.8983050847%;
        margin-right: -100%;
        clear: none; }
      #featured ul li:nth-child(6n + 4) {
        margin-left: 50.8474576271%;
        margin-right: -100%;
        clear: none; }
      #featured ul li:nth-child(6n + 5) {
        margin-left: 67.7966101695%;
        margin-right: -100%;
        clear: none; }
      #featured ul li:nth-child(6n + 6) {
        margin-left: 84.7457627119%;
        margin-right: -100%;
        clear: none; }
      @media (max-width: 759px) {
        #featured ul li {
          width: 32.2033898305%;
          float: left; }
          #featured ul li:nth-child(3n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          #featured ul li:nth-child(3n + 2) {
            margin-left: 33.8983050847%;
            margin-right: -100%;
            clear: none; }
          #featured ul li:nth-child(3n + 3) {
            margin-left: 67.7966101695%;
            margin-right: -100%;
            clear: none; } }
      #featured ul li a {
        display: block;
        text-decoration: none; }
        #featured ul li a img {
          width: 100%;
          max-width: 100%;
          height: auto; }
      #featured ul li a:hover {
        opacity: 0.8; }

/*  piece detail  */
.collections #content {
  width: 100%; }
  .collections #content #detail {
    width: 100%; }
    .collections #content #detail div {
      width: 49.1525423729%;
      float: left; }
      .collections #content #detail div:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .collections #content #detail div:nth-child(2n + 2) {
        margin-left: 50.8474576271%;
        margin-right: -100%;
        clear: none; }
      @media (max-width: 759px) {
        .collections #content #detail div {
          width: 100%;
          float: left;
          float: none !important;
          clear: both !important; }
          .collections #content #detail div:nth-child(1n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: none; } }
      .collections #content #detail div .zoom {
        display: block; }
        .collections #content #detail div .zoom .main-image {
          float: none;
          width: 100%;
          max-width: 100%;
          height: auto; }
      @media (max-width: 759px) {
        .collections #content #detail div .magnifier {
          display: none; } }
      .collections #content #detail div h2 {
        font-family: arno-pro, serif;
        color: #6f6c53;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 110%; }
      .collections #content #detail div .bythisartist {
        width: 100%;
        margin-top: 1em; }
      .collections #content #detail div .related {
        width: 100%;
        margin-top: 1em !important; }
        .collections #content #detail div .related li {
          width: 32.2033898305%;
          float: left; }
          .collections #content #detail div .related li:nth-child(3n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .collections #content #detail div .related li:nth-child(3n + 2) {
            margin-left: 33.8983050847%;
            margin-right: -100%;
            clear: none; }
          .collections #content #detail div .related li:nth-child(3n + 3) {
            margin-left: 67.7966101695%;
            margin-right: -100%;
            clear: none; }
          .collections #content #detail div .related li a:hover {
            opacity: 0.8; }
  @media (max-width: 759px) {
    .collections #content .lg {
      display: none; } }
  .collections #content .sm {
    display: none; }
    @media (max-width: 759px) {
      .collections #content .sm {
        display: block; } }
  .collections #content .fmi {
    text-align: right; }
    .collections #content .fmi a {
      color: #000;
      font-size: 70%;
      text-decoration: underline; }
    .collections #content .fmi a:hover {
      opacity: 0.8; }

#tombstone {
  width: 100%;
  margin-bottom: 2em;
  font-size: 90%; }
  #tombstone caption {
    text-indent: -7777px;
    height: 1px; }
  #tombstone th, #tombstone td {
    padding: 4px;
    border-bottom: 1px solid #dfdfdf;
    width: 50%; }
  #tombstone th {
    font-weight: bold;
    text-transform: uppercase;
    color: #666; }

/* Flickity galleries */
.carousel {
  background: #eee; }
  .carousel .carousel-cell {
    margin-right: 20px;
    overflow: hidden; }
    .carousel .carousel-cell img {
      display: block;
      height: 400px;
      max-width: none !important; }
      @media (max-width: 480px) {
        .carousel .carousel-cell img {
          height: 200px !important;
          width: auto !important; } }
    .carousel .carousel-cell .caption {
      max-width: 100%;
      padding: .25em; }
      @media (max-width: 480px) {
        .carousel .carousel-cell .caption {
          display: none; } }

/*
SHOP
------------------------------------------------------------------------ */
#cartstatus {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: .5em 0;
  margin-bottom: 1em; }

.productlist {
  width: 100%; }
  .productlist li {
    /*margin-left:.5em !important;*/
    margin: 2.0408163265%;
    padding-bottom: 1em !important;
    width: 23.7288135593%;
    float: left; }
    .productlist li:nth-child(4n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .productlist li:nth-child(4n + 2) {
      margin-left: 25.4237288136%;
      margin-right: -100%;
      clear: none; }
    .productlist li:nth-child(4n + 3) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; }
    .productlist li:nth-child(4n + 4) {
      margin-left: 76.2711864407%;
      margin-right: -100%;
      clear: none; }
    @media (max-width: 1100px) {
      .productlist li {
        margin-left: .0 !important;
        width: 32.2033898305%;
        float: left; }
        .productlist li:nth-child(3n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .productlist li:nth-child(3n + 2) {
          margin-left: 33.8983050847%;
          margin-right: -100%;
          clear: none; }
        .productlist li:nth-child(3n + 3) {
          margin-left: 67.7966101695%;
          margin-right: -100%;
          clear: none; } }
    @media (max-width: 759px) {
      .productlist li {
        width: 49.1525423729%;
        float: left; }
        .productlist li:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .productlist li:nth-child(2n + 2) {
          margin-left: 50.8474576271%;
          margin-right: -100%;
          clear: none; } }
    @media (max-width: 480px) {
      .productlist li {
        width: 100%;
        float: left; }
        .productlist li:nth-child(1n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: none; } }
    .productlist li a {
      display: block;
      font-weight: normal;
      padding: .25em; }
      .productlist li a img {
        width: 100%;
        max-width: 100%;
        height: auto; }
      .productlist li a p {
        margin: 0 .5em;
        font-size: 80%; }
      .productlist li a .price {
        font-weight: bold; }
    .productlist li a:hover img {
      opacity: 0.8; }

#productdisplay {
  width: 100%; }
  #productdisplay li {
    margin: 2.0408163265%;
    width: 49.1525423729%;
    float: left; }
    #productdisplay li:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    #productdisplay li:nth-child(2n + 2) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; }
    @media (max-width: 759px) {
      #productdisplay li {
        width: 100%;
        float: left; }
        #productdisplay li:nth-child(1n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: none; } }
  #productdisplay .right {
    padding: 0 1em !important; }

#imageset {
  width: 100%; }
  #imageset li {
    margin: 2.0408163265%;
    width: 15.2542372881%;
    float: left; }
    #imageset li:nth-child(6n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    #imageset li:nth-child(6n + 2) {
      margin-left: 16.9491525424%;
      margin-right: -100%;
      clear: none; }
    #imageset li:nth-child(6n + 3) {
      margin-left: 33.8983050847%;
      margin-right: -100%;
      clear: none; }
    #imageset li:nth-child(6n + 4) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; }
    #imageset li:nth-child(6n + 5) {
      margin-left: 67.7966101695%;
      margin-right: -100%;
      clear: none; }
    #imageset li:nth-child(6n + 6) {
      margin-left: 84.7457627119%;
      margin-right: -100%;
      clear: none; }
    @media (max-width: 759px) {
      #imageset li {
        display: none; } }
    #imageset li a {
      padding: .25em;
      display: block;
      font-weight: normal; }
      #imageset li a img {
        width: 100%;
        max-width: 100%;
        height: auto; }

#options #quantity {
  width: 32px;
  text-align: center; }

#options ul li {
  width: 100% !important;
  padding: .5em 0 !important; }

#productprice {
  font-size: 1.5em !important; }

/*CART*/
#cart {
  width: 100%;
  font-size: 80%;
  border-collapse: collapse; }
  #cart th {
    padding: .5em;
    color: #135a8f;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px dotted #999 !important; }
  #cart th.text_right {
    text-align: right; }
  #cart td {
    padding: .5em;
    border-bottom: 1px dotted #999 !important; }
    #cart td form.remove .remove_x {
      display: inline-block;
      text-indent: -7777px;
      width: 22px;
      height: 22px;
      background: url("/static/images/remove.png") left top no-repeat;
      border: 0px;
      box-shadow: 0 0 0 0px #9d9886 inset, 0 0 0 1px #c1bdac inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, Inner gradient 1px 1px 3px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 0 0 0px #9d9886 inset, 0 0 0 1px #c1bdac inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2); }
    #cart td form.qtyform .quantity_x {
      border: 1px solid #ccc;
      width: 20px;
      float: left;
      padding: 3px;
      margin-right: 5px;
      text-align: center; }
    #cart td form.qtyform .update_submit {
      border: 1px solid white;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      background-color: #DBD8D1;
      color: #716E51;
      font-size: 13px;
      text-transform: lowercase;
      text-align: center;
      text-shadow: 1px 1px 1px white;
      font-weight: 200 !Important;
      line-height: 22px;
      display: block;
      padding: 0px;
      width: 80px;
      margin-top: 0px;
      box-shadow: 0 0 0 0px #9d9886 inset, 0 0 0 1px #c1bdac inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 0 0 0px #9d9886 inset, 0 0 0 1px #c1bdac inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
      float: left; }
  #cart .descript img {
    float: left;
    margin-right: .5em; }
  #cart .descript p {
    margin-top: 2em; }
  #cart #total {
    text-align: right; }
  #cart #grandtotal {
    text-align: right;
    font-weight: bold; }

.checkout_button {
  float: right;
  border: 1px solid white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #DBD8D1;
  color: #716E51;
  text-transform: lowercase;
  text-align: center;
  text-shadow: 1px 1px 1px white;
  font-size: 15px;
  font-weight: 200 !Important;
  text-decoration: none !important;
  line-height: 22px;
  display: block;
  padding: 3px;
  width: 80px;
  margin-top: 10px;
  box-shadow: 0 0 0 0px #9d9886 inset, 0 0 0 1px #a4a193 inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 0px #9d9886 inset, 0 0 0 1px #a4a193 inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
  color: #666; }

.is_gift {
  font-weight: bold;
  text-transform: uppercase;
  color: #c90; }

/*
Color palette:
-----------------
blue: #135a8f;
brown: #aba88e;
brown/gold: #6f6c53;
*/
/* = skip nav
--------------------------------- */
#skips {
  position: absolute;
  top: -7777px;
  margin: 0; }

html {
  background: #fff; }

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: 300;
  color: #444;
  -webkit-font-smoothing: antialiased; }

a {
  color: #155b80;
  text-decoration: none;
  font-weight: bold; }

a:visited {
  color: #456b7e; }

a:hover {
  color: #666;
  text-decoration: underline; }

.wrapper {
  max-width: 1120px;
  margin: 0 auto;
  padding: 1em 20px; }

.wrapper:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* content bands */
#status, #header, #marquee, #home #content {
  width: 100%; }

/* = header
--------------------------------- */
#header {
  position: fixed;
  z-index: 7777;
  background: #135a8f;
  background: rgba(19, 90, 143, 0.85);
  /*box-shadow: 2px 1px 2px #ccc;*/
  /* height:128px;*/ }

/* = special bulletin
--------------------------------- */
#bulletin {
  position: absolute;
  z-index: 999999999999;
  height: 100%;
  width: 100%;
  background: rgba(51, 51, 51, 0.5);
  display: none; }
  #bulletin div {
    width: 40%;
    margin: 10em auto;
    padding: 2em;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    text-align: center; }
    #bulletin div h2 {
      font-style: italic; }
    #bulletin div .nugget {
      display: inline;
      background: transparent !important; }
    @media (max-width: 480px) {
      #bulletin div {
        width: 80%; } }

/* = search box
--------------------------------- */
#utilitywrap {
  position: relative; }
  #utilitywrap #searchlink {
    width: 36px;
    background: transparent url("/static/images/icon-search.png") center center no-repeat; }
    #utilitywrap #searchlink a {
      display: block;
      text-indent: -7777px; }
    @media (max-width: 1100px) {
      #utilitywrap #searchlink {
        display: none; } }
  #utilitywrap #searchbox {
    width: 400px;
    background: #fff;
    box-shadow: 1px 2px 1px #ddd;
    position: absolute;
    top: 34px;
    right: 0;
    display: none;
    margin-right: 1.75em;
    padding: 1em; }
    #utilitywrap #searchbox #searchform li {
      float: left;
      margin-right: .5em; }
    #utilitywrap #searchbox #searchform #keyword {
      width: 80%; }
    #utilitywrap #searchbox #searchform #searchbutton {
      clear: none;
      margin-top: 1.5em; }

/* = status bar
--------------------------------- */
#status {
  /*background: #135a8f;*/ }
  #status .wrapper {
    padding: .5em 20px; }
    #status .wrapper a {
      float: right;
      text-transform: none;
      font-size: 90%; }

#container {
  min-height: 720px; }
  @media (max-width: 759px) {
    #container {
      min-height: auto; } }

#content {
  background: #fff;
  padding: 1em 0;
  margin: 0 auto;
  margin-top: 120px;
  margin-bottom: 48px;
  font-size: 100%;
  width: 70%;
  float: left; }
  @media (max-width: 759px) {
    #content {
      width: 100%;
      float: none;
      margin: 0 auto !important;
      margin-bottom: 1em !important;
      /*padding:1em;*/
      margin-top: 100px !important; } }

#content p {
  line-height: 1.4;
}

#sidebar {
  width: 28%;
  float: left;
  margin: 120px 0 48px 2%;
  padding: 2em 0; }
  #sidebar h3 {
    font-family: arno-pro, serif;
    color: #6f6c53;
    text-transform: uppercase;
    font-weight: normal;
    /*font-size: 15px;*/ }
  @media (max-width: 759px) {
    #sidebar {
      width: 100%;
      float: none;
      margin: 0 auto !important;
      margin-bottom: 1em !important;
      /*padding:1em;*/
      font-size: 100%;
      padding: 0; } }
  #sidebar .touts h4 {
    font-family: arno-pro, serif;
    color: #6f6c53;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px; }
  #sidebar .touts ul {
    margin-bottom: 1em !important; }
  #sidebar .touts ul li {
    float: none;
    width: 100% !important;
    border-bottom: 1px solid #ccc;
    padding: .5em 0 !important; }
    #sidebar .touts ul li a {
      display: block;
      width: 100%;
      font-weight: normal;
      font-style: italic; }
    #sidebar .touts ul li p {
      margin-bottom: 0; }
    #sidebar .touts ul li .datefield {
      font-size: 80%;
      color: #6f6c53;
      margin-top: .5em; }

/* = home page
--------------------------------- */
#home #container {
  min-height: auto;
  padding-top: 0; }
#home #content {
  background: transparent;
  margin: 0;
  color: #444; }
  @media (max-width: 759px) {
    #home #content {
      margin-top: 1em !important;
      padding: 0 !important; } }
#home #sidebar {
  display: none; }

#home #content > p {
  font-size: 90%; }

#home #content > p a {
  color: #444;
  text-decoration: underline; }

#home #content > p a:hover {
  color: #ffbc51;
  text-decoration: none; }

/* marquee ------------- */
#marquee {
  min-height: 640px;
  background: #135a8f !important;
  position: relative; }
  @media (max-width: 759px) {
    #marquee {
      min-height: 480px;
      height: 480px; } }
  #marquee #marquee_content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
    #marquee #marquee_content .slide {
      width: 100%;
      min-height: 640px; }
      @media (max-width: 759px) {
        #marquee #marquee_content .slide {
          min-height: 480px;
          height: 400px; } }
      #marquee #marquee_content .slide .screen {
        width: 100%;
        height: 100%;
        background: #333;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 880; }
      #marquee #marquee_content .slide .wrapper {
        position: relative;
        z-index: 888; }
        @media (max-width: 759px) {
          #marquee #marquee_content .slide .wrapper div {
            width: 100% !important; } }
        #marquee #marquee_content .slide .wrapper div .textblock {
          margin: 22em 0 0 0 !important;
          padding: 0 !important; }
          @media (max-width: 759px) {
            #marquee #marquee_content .slide .wrapper div .textblock {
              margin: 18em 0 0 0 !important; } }
          @media (max-width: 480px) {
            #marquee #marquee_content .slide .wrapper div .textblock {
              margin: 16em 0 0 0 !important; } }
          #marquee #marquee_content .slide .wrapper div .textblock a {
            display: block;
            padding: 1em;
            background: #333;
            /* older browsers */
            background: rgba(51, 51, 51, 0.8);
            color: #fff;
            font-weight: normal; }
            #marquee #marquee_content .slide .wrapper div .textblock a h2 {
              font-family: arno-pro, serif;
              text-shadow: 2px 2px 2px #666;
              font-size: 200%; }
              @media (max-width: 759px) {
                #marquee #marquee_content .slide .wrapper div .textblock a h2 {
                  line-height: 1em !important; } }
              @media (max-width: 480px) {
                #marquee #marquee_content .slide .wrapper div .textblock a h2 {
                  font-size: 160%; } }
            #marquee #marquee_content .slide .wrapper div .textblock a h3, #marquee #marquee_content .slide .wrapper div .textblock a p {
              font-size: 90%; }
            @media (max-width: 759px) {
              #marquee #marquee_content .slide .wrapper div .textblock a h3, #marquee #marquee_content .slide .wrapper div .textblock a p {
                display: none; } }
          #marquee #marquee_content .slide .wrapper div .textblock a:hover {
            text-decoration: none;
            background: rgba(51, 51, 51, 0.9); }
        #marquee #marquee_content .slide .wrapper .button {
          float: right;
          margin: 0 auto; }
          @media (max-width: 759px) {
            #marquee #marquee_content .slide .wrapper .button {
              float: none;
              width: 50%;
              text_align: center; } }
          #marquee #marquee_content .slide .wrapper .button a {
            display: inline-block;
            background: #fff;
            color: #000 !important;
            border: none !important;
            border: 1px solid #000; }
            @media (max-width: 759px) {
              #marquee #marquee_content .slide .wrapper .button a {
                display: block;
                margin-top: 1em;
                padding: .5em 1em; } }
          #marquee #marquee_content .slide .wrapper .button a:hover {
            background: #aba88e !important;
            color: #fff !important; }

/* promos 
--------------------------------------- */
#promos {
  width: 100%; }
  #promos li {
    margin-left: .5em !important;
    margin: 2.0408163265%;
    /* text-align: center;*/
    width: 23.7288135593%;
    float: left; }
    #promos li:nth-child(4n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    #promos li:nth-child(4n + 2) {
      margin-left: 25.4237288136%;
      margin-right: -100%;
      clear: none; }
    #promos li:nth-child(4n + 3) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; }
    #promos li:nth-child(4n + 4) {
      margin-left: 76.2711864407%;
      margin-right: -100%;
      clear: none; }
    @media (max-width: 759px) {
      #promos li {
        margin-left: .0 !important;
        width: 49.1525423729%;
        float: left; }
        #promos li:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        #promos li:nth-child(2n + 2) {
          margin-left: 50.8474576271%;
          margin-right: -100%;
          clear: none; } }
    @media (max-width: 480px) {
      #promos li {
        width: 100%;
        float: left; }
        #promos li:nth-child(1n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: none; } }
    #promos li a {
      display: block;
      text-decoration: none;
      padding: 1em .75em .25em; }
      #promos li a h3 {
        padding: 7px 0px 7px 0px;
        background: #dbd8d1 url("/static/images/promo-back.png") left top repeat-x;
        color: #6f6c53;
        font-size: 15px;
        font-weight: normal;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        text-rendering: optimizelegibility; }
      #promos li a img {
        width: 100%;
        max-width: 100%;
        height: auto;
        -webkit-transition: opacity 0.25s linear;
        transition: opacity 0.25s linear 0s; }
    #promos li .copy {
      padding: 0 1.25em; }
      #promos li .copy a {
        display: inline !important;
        padding: 0; }
      #promos li .copy a:hover {
        text-decoration: underline; }

.today h4 {
  font-family: arno-pro, serif;
  color: #6f6c53;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 15px; }
.today ul {
  margin-bottom: 1em !important; }
.today ul li {
  float: none;
  width: 100% !important;
  border-bottom: 1px solid #ccc;
  padding: .5em 0 !important; }
  .today ul li a {
    display: block;
    width: 100%;
    font-weight: normal;
    font-style: italic; }
  .today ul li p {
    margin-bottom: 0; }
  .today ul li .datefield {
    font-size: 80%;
    color: #6f6c53;
    margin-top: .5em; }

#home #content #left {
  width: 75%;
  float: left; }
  @media (max-width: 759px) {
    #home #content #left {
      width: 100%;
      float: none; } }

#home #content #right {
  float: right;
  width: 25%;
  padding-left: 1em; }
  @media (max-width: 759px) {
    #home #content #right {
      width: 100%;
      float: none; } }

#promos2 {
  width: 100%; }
  #promos2 li {
    margin-left: .5em !important;
    margin: 2.0408163265%;
    padding-top: 1em;
    padding-bottom: 1em !important;
    border-top: 1px solid #ccc;
    width: 100%;
    float: left; }
    #promos2 li:nth-child(1n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: none; }
    @media (max-width: 480px) {
      #promos2 li {
        width: 100%;
        float: left;
        margin-left: .0 !important;
        border: none; }
        #promos2 li:nth-child(1n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: none; } }
    #promos2 li a {
      display: block;
      text-decoration: none;
      padding: 1em .75em .25em; }
      #promos2 li a h3 {
        background: none;
        font-size: 20px;
        color: #6f6c53;
        font-weight: normal;
        letter-spacing: 0.1em;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
        text-rendering: optimizelegibility; }
        @media (max-width: 480px) {
          #promos2 li a h3 {
            padding: 7px 0px 7px 0px;
            background: #dbd8d1 url("/static/images/promo-back.png") left top repeat-x;
            font-size: 15px;
            text-align: center; } }
      #promos2 li a img {
        max-width: 100%;
        height: auto; }
      #promos2 li a .bottom {
        display: none;
        width: 100%; }
      #promos2 li a .top {
        float: left;
        padding-right: 1em;
        width: 25%; }
      @media (max-width: 480px) {
        #promos2 li a .bottom {
          display: block; }
        #promos2 li a .top {
          display: none; } }
    #promos2 li .copy {
      padding: 0 1.25em; }
      #promos2 li .copy a {
        display: inline !important;
        padding: 0; }
      #promos2 li .copy a:hover {
        text-decoration: underline; }

/* learn more buttons on home */
.learn {
  text-align: center; }
  .learn a {
    background: #fff;
    color: #444 !important;
    border: 2px solid #444; }
    @media (max-width: 480px) {
      .learn a {
        display: block; } }
  .learn a:hover {
    border: 2px solid #ffb640; }

#map {
  background: #ccc;
  width: 100%;
  min-height: 400px; }
  #map img {
    max-width: none;
    /* needed to show map controls */ }

.infowindow {
  width: 200px;
  height: auto;
  text-align: center; }

/* = footer
--------------------------------- */
#footer {
  clear: both;
  background: #aba88e;
  min-height: 160px;
  padding: 1em 0 3em;
  font-size: 90%;
  color: #fff; }
  #footer .wrapper {
    margin: 0 auto;
    max-width: 1120px; }
    #footer .wrapper .block {
      width: 32.2033898305%;
      float: left;
      margin: 0.2004008016%;
      margin-bottom: 2em !important; }
      #footer .wrapper .block:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      #footer .wrapper .block:nth-child(3n + 2) {
        margin-left: 33.8983050847%;
        margin-right: -100%;
        clear: none; }
      #footer .wrapper .block:nth-child(3n + 3) {
        margin-left: 67.7966101695%;
        margin-right: -100%;
        clear: none; }
      @media (max-width: 759px) {
        #footer .wrapper .block {
          width: 100%;
          float: left;
          clear: both !important; }
          #footer .wrapper .block:nth-child(1n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: none; } }
      #footer .wrapper .block h2 {
        font-weight: 400;
        font-size: 100%;
        text-transform: uppercase;
        padding-bottom: .25em;
        border-bottom: 1px solid #fff;
        margin-bottom: .25em; }
      #footer .wrapper .block a {
        color: #fff;
        font-weight: normal; }
      #footer .wrapper .block p {
        margin: 0; }
      #footer .wrapper .block #mcc {
        margin: 1em 0; }
      #footer .wrapper .block .footernav {
        float: left;
        width: 48%;
        margin-right: 1%; }
        @media (max-width: 480px) {
          #footer .wrapper .block .footernav {
            float: none;
            width: 100%; } }
        #footer .wrapper .block .footernav li {
          padding-bottom: .5em 0 !important; }
        #footer .wrapper .block .footernav .mobile {
          display: none; }
    @media (max-width: 759px) {
      #footer .wrapper #contactinfo {
        text-align: center; } }
    #footer .wrapper #name {
      text-indent: -7777px;
      height: 0;
      border-bottom: none; }

/* = FAQ
--------------------------------- */
#q {
  display: none; }

.backtotop {
  display: none; }

#faq dt {
  margin-top: 1.5em;
  margin-bottom: .75em; }
  #faq dt h2 {
    font-weight: normal;
    color: #1767b2; }

/* = social networking, sales links
--------------------------------- */
.social li a {
  display: block;
  padding: 1em 0 .75em 40px; }

.social li.facebook {
  background: url(/static/images/social/facebook.png) center left no-repeat scroll; }

.social li.twitter {
  background: url(/static/images/social/twitter.png) center left no-repeat scroll; }

.social li.instagram {
  background: url(/static/images/social/instagram.png) center left no-repeat scroll; }

.social li.tripadvisor {
  background: url(/static/images/social/trip-advisor.png) center left no-repeat scroll; }

/* = miscellaneous
--------------------------------- */
.nugget {
  background: #fff;
  padding: 1em;
  margin-bottom: 2em; }

/* News */
.news li h2 a {
  font-weight: normal;
  font-size: .9em; }
.news li .datefield {
  font-style: italic;
  color: #666; }

/*# sourceMappingURL=screen.css.map */