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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

img, object {
  vertical-align: bottom;
  max-width: 100%; }

header, nav, section, article, aside, footer {
  display: block; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

/*
 * $cols: 12
 *
 * $divs: 7
 *
 *
 *
 * $column: 100% / $cols / $divs * ($divs - 1)
 *
 * $gutter: 100% / $cols / $divs
 *
 * $gut: $gutter / 2 */
.cnt, header, #content, footer {
  width: 1008px;
  margin: 0 auto; }
  .cnt:after, header:after, #content:after, footer:after {
    clear: both;
    display: block;
    content: "\0020"; }

/*---------------------------------------------------------------------- */
body {
  font-size: 14px;
  line-height: 1.5;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #333333;
  background: white; }

a {
  color: #6c9b48;
  text-decoration: none; }

/*---------------------------------------------------------------------- */
header {
  margin-top: 3em;
  background: #333333 url(../images/site/bg-header.png) no-repeat; }
  header a#branding {
    display: block;
    width: 480px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    background: url(../images/site/logo.png) no-repeat; }
    header a#branding h1 {
      font: 150%/6 "Helvetica Neue", Arial, Helvetica, sans-serif;
      letter-spacing: -1px;
      color: #cccccc;
      text-indent: -999em; }
      header a#branding h1 span {
        color: #888888; }
    header a#branding:hover h1 {
      color: white; }
    header a#branding:hover h1 span {
      color: #cccccc; }
    header a#branding p {
      line-height: 1;
      color: #aaaaaa;
      display: none; }
  header nav {
    width: 504px;
    float: left;
    padding: 2em 0 0; }
    header nav ul {
      overflow: hidden; }
      header nav ul li.tree {
        width: 144px;
        margin-left: 12px;
        margin-right: 12px;
        float: left; }
        header nav ul li.tree p {
          display: block;
          font-size: 12px;
          font-weight: bold;
          color: #bbbbbb; }
        header nav ul li.tree ul li a {
          display: block;
          font-size: 12px;
          color: #888888; }
          header nav ul li.tree ul li a:hover {
            color: #cccccc; }

/*---------------------------------------------------------------------- */
#content {
  background: white;
  padding: 0.5em 0; }
  #content #title {
    padding: 3em 0 1em;
    margin: 0 0 0.5em;
    overflow: hidden;
    background: #dce6d7; }
    #content #title h2 {
      width: 312px;
      margin-left: 12px;
      margin-right: 12px;
      float: left;
      font-weight: normal;
      margin-top: 0.5em; }
      #content #title h2 a {
        color: #333333; }
        #content #title h2 a:hover {
          color: #6c9b48; }
    #content #title h3 {
      width: 648px;
      margin-left: 12px;
      margin-right: 12px;
      float: left;
      font-size: 1.5em;
      letter-spacing: -1px; }
  #content #body {
    padding: 1.5em 0 6em;
    overflow: hidden; }
    #content #body q:before {
      content: "\201C"; }
    #content #body q:after {
      content: "\201D"; }
    #content #body a:hover {
      border-bottom: 1px solid #6c9b48; }
    #content #body p {
      padding: 0 0 2em; }
    #content #body cite {
      border-top: 1px solid #e4e3dd;
      display: block;
      padding: 1em 0 0;
      font-style: normal; }
      #content #body cite:before {
        content: "\2014"; }

#index-page #content #slideshow {
  overflow: hidden; }
  #index-page #content #slideshow ul#slides {
    height: 500px;
    margin: 0 0 4em; }
    #index-page #content #slideshow ul#slides li.slide {
      position: relative; }
      #index-page #content #slideshow ul#slides li.slide a {
        display: block; }
        #index-page #content #slideshow ul#slides li.slide a p {
          position: absolute;
          bottom: 0;
          left: 0;
          padding: 0 12px;
          width: 100%;
          font: 2em/2 "Helvetica Neue", Arial, Helvetica, sans-serif;
          color: white;
          background: rgba(0, 0, 0, 0.5);
          opacity: 0;
          transition: all 0.15s ease;
          -webkit-transition: all 0.15s ease;
          -moz-transition: all 0.15s ease;
          -o-transition: all 0.15s ease; }
        #index-page #content #slideshow ul#slides li.slide a:hover p {
          opacity: 1; }

#collections-page #content #body ul {
  width: 648px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  margin: 0 168px; }
  #collections-page #content #body ul li a {
    display: block;
    overflow: hidden;
    padding: 0 0 1em;
    margin: 0 0 1em;
    border-bottom: 1px solid #e4e3dd; }
    #collections-page #content #body ul li a:hover p {
      text-decoration: underline; }
    #collections-page #content #body ul li a p {
      float: left; }
    #collections-page #content #body ul li a img {
      float: right; }

#accessories-page #content #body ul, #finishes-page #content #body ul {
  width: 312px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  margin: 0 168px 0 336px; }
  #accessories-page #content #body ul li a, #finishes-page #content #body ul li a {
    display: block;
    padding: 1em 0;
    border-bottom: 1px solid #e4e3dd; }
    #accessories-page #content #body ul li a:hover, #finishes-page #content #body ul li a:hover {
      text-decoration: underline; }

#collection-page #content #body ul.locations, #accessory-page #content #body ul.locations, #finish-page #content #body ul.locations {
  width: 504px;
  float: left;
  overflow: hidden;
  margin: 0 168px 2em 336px;
  height: 281px; }
  #collection-page #content #body ul.locations li, #accessory-page #content #body ul.locations li, #finish-page #content #body ul.locations li {
    padding: 0 12px; }
    #collection-page #content #body ul.locations li a:hover, #accessory-page #content #body ul.locations li a:hover, #finish-page #content #body ul.locations li a:hover {
      border: none; }
#collection-page #content #body ul.products, #accessory-page #content #body ul.products, #finish-page #content #body ul.products {
  width: 504px;
  float: left;
  margin: 0 168px 0 336px; }
  #collection-page #content #body ul.products li, #accessory-page #content #body ul.products li, #finish-page #content #body ul.products li {
    width: 228px;
    padding-left: 12px;
    padding-right: 12px;
    float: left; }
    #collection-page #content #body ul.products li a, #accessory-page #content #body ul.products li a, #finish-page #content #body ul.products li a {
      display: block; }
      #collection-page #content #body ul.products li a p.title, #accessory-page #content #body ul.products li a p.title, #finish-page #content #body ul.products li a p.title {
        color: #333333;
        padding: 0.5em 0 1.5em; }
      #collection-page #content #body ul.products li a .thumb, #accessory-page #content #body ul.products li a .thumb, #finish-page #content #body ul.products li a .thumb {
        height: 226px;
        width: 226px;
        border: 1px solid #e4e3dd;
        display: table-cell;
        vertical-align: middle; }
        #collection-page #content #body ul.products li a .thumb img, #accessory-page #content #body ul.products li a .thumb img, #finish-page #content #body ul.products li a .thumb img {
          display: block;
          margin: 0 auto; }
        #collection-page #content #body ul.products li a .thumb p, #accessory-page #content #body ul.products li a .thumb p, #finish-page #content #body ul.products li a .thumb p {
          line-height: 252px a-2px-24px;
          font-size: 12px;
          text-align: center;
          color: #666666;
          padding: 0; }
      #collection-page #content #body ul.products li a:hover, #accessory-page #content #body ul.products li a:hover, #finish-page #content #body ul.products li a:hover {
        border: none; }
        #collection-page #content #body ul.products li a:hover p, #accessory-page #content #body ul.products li a:hover p, #finish-page #content #body ul.products li a:hover p {
          color: #6c9b48; }

#product-page #content #body {
  width: 480px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  margin: 0 168px 6em 336px; }
  #product-page #content #body a.zoom {
    display: block;
    margin: 0 0 2em; }
    #product-page #content #body a.zoom:hover {
      border: none; }
  #product-page #content #body ul {
    border-top: 1px solid #6a6444; }
    #product-page #content #body ul li {
      padding: 1em 0;
      border-bottom: 1px solid #e4e3dd; }

#news-page #content #body article {
  border-bottom: 1px solid #e4e3dd;
  margin: 0 12px 2em;
  overflow: hidden; }
  #news-page #content #body article h4 {
    width: 480px;
    margin-left: 12px;
    margin-right: 12px;
    float: left;
    font: 1.5em/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin: 0 0 0.5em 336px; }
  #news-page #content #body article p.date {
    width: 312px;
    margin-left: 12px;
    margin-right: 12px;
    float: left;
    margin: -2em 0 0;
    padding: 0; }
  #news-page #content #body article .body {
    width: 480px;
    margin-left: 12px;
    margin-right: 12px;
    float: left;
    margin-left: 336px; }
    #news-page #content #body article .body p {
      margin: 0; }
    #news-page #content #body article .body ul {
      padding: 0 0 2em; }

#about-page #content #body {
  width: 480px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  margin: 0 168px 6em 336px; }

#contact-page #content #body {
  width: 480px;
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  margin: 0 168px 6em 336px; }
  #contact-page #content #body dl dt {
    font-weight: bold; }
  #contact-page #content #body dl dd {
    padding: 1em 0;
    margin: 0 0 2em;
    border-bottom: 1px solid #e4e3dd; }

/*---------------------------------------------------------------------- */
footer {
  margin-bottom: 4.5em;
  font-size: 12px;
  color: #666666;
  background: white; }
  footer nav {
    width: 984px;
    margin-left: 12px;
    margin-right: 12px;
    float: left;
    padding: 0.5em 0 1em;
    border-top: 2px solid #13100f; }
    footer nav ul li {
      float: left;
      padding: 0.5em 0;
      margin-right: 1em; }
      footer nav ul li#copy {
        float: right;
        margin: 0; }
      footer nav ul li a {
        color: #333333;
        font-weight: bold; }
        footer nav ul li a:hover, footer nav ul li a:focus {
          color: #6c9b48; }

#index-page footer nav {
  width: 1008px;
  float: left;
  margin: 0; }

/* FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none; }

* html #fancybox-loading {
  /* IE6 */
  position: absolute;
  margin-top: 0; }

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../images/fancybox/fancybox.png"); }

#fancybox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  z-index: 1100;
  display: none; }

* html #fancybox-overlay {
  /* IE6 */
  position: absolute;
  width: 100%; }

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 20px;
  z-index: 1101;
  display: none; }

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: white; }

#fancybox-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  outline: none;
  overflow: hidden; }

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent; }

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none; }

#fancybox_error {
  color: #444444;
  font: normal 12px/20px Arial;
  padding: 7px;
  margin: 0; }

#fancybox-content {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0; }

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic; }

#fancybox-frame {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  display: block; }

#fancybox-title {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: Arial;
  font-size: 12px;
  z-index: 1102; }

.fancybox-title-inside {
  padding: 10px 0;
  text-align: center;
  color: #333333; }

.fancybox-title-outside {
  padding-top: 5px;
  color: white;
  text-align: center;
  font-weight: bold; }

.fancybox-title-over {
  color: white;
  text-align: left; }

#fancybox-title-over {
  padding: 10px;
  background-image: url("../images/fancybox/fancy_title_over.png");
  display: block; }

#fancybox-title-wrap {
  display: inline-block; }
  #fancybox-title-wrap span {
    height: 32px;
    float: left; }

#fancybox-title-left {
  padding-left: 15px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -90px;
  background-repeat: no-repeat; }

#fancybox-title-main {
  font-weight: bold;
  line-height: 29px;
  background-image: url("../images/fancybox/fancybox-x.png");
  background-position: 0px -40px;
  color: white; }

#fancybox-title-right {
  padding-left: 15px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -55px -90px;
  background-repeat: no-repeat; }

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background-image: url("../images/fancybox/blank.gif");
  z-index: 1102;
  display: none; }

#fancybox-left {
  left: 0px; }

#fancybox-right {
  right: 0px; }

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block; }

#fancybox-left-ico {
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -30px; }

#fancybox-right-ico {
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
  /* IE6 */ }

#fancybox-left:hover span {
  left: 20px; }

#fancybox-right:hover span {
  left: auto;
  right: 20px; }

.fancy-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001; }

#fancy-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../images/fancybox/fancybox-x.png"); }

#fancy-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -162px; }

#fancy-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("../images/fancybox/fancybox-y.png");
  background-position: -20px 0px; }

#fancy-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -182px; }

#fancy-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("../images/fancybox/fancybox-x.png");
  background-position: 0px -20px; }

#fancy-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -142px; }

#fancy-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("../images/fancybox/fancybox-y.png"); }

#fancy-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -122px; }

/* IE */
#fancybox-loading.fancybox-ie div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1; }
.fancybox-ie #fancybox-title-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg {
  background: transparent !important; }
.fancybox-ie #fancy-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }