/*
Theme Name: elizabeth&jane
Theme URI: http://elizabethandjane.ca
Description: The theme for the elizabeth&jane photography blog and business website
Version: 3.0.0
Author: Thomas J Bradley
Author URI: http://thomasjbradley.ca
Tags: green, squiggles, boxes
*/

/**
 * Elizabeth & Jane
 * Primary Screen and Print Styles
 * @media screen,print
 *
 * @project elizabethandjane.ca
 * @author Thomas J Bradley <theman@thomasjbradley.ca>
 * @link http://thomasjbradley.ca
 * @copyright MMXI Thomas J Bradley
 */

@font-face {
  font-family: 'CaviarDreams';
  src: url('fonts/caviardreams-webfont.eot');
  src: local('☺'), url('fonts/caviardreams-webfont.woff') format('woff'), url('fonts/caviardreams-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CaviarDreams';
  src: url('fonts/caviardreams_bold-webfont.eot');
  src: local('☺'), url('fonts/caviardreams_bold-webfont.woff') format('woff'), url('fonts/caviardreams_bold-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'CaviarDreams';
  src: url('fonts/caviardreams_bolditalic-webfont.eot');
  src: local('☺'), url('fonts/caviardreams_bolditalic-webfont.woff') format('woff'), url('fonts/caviardreams_bolditalic-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'CaviarDreams';
  src: url('fonts/caviardreams_italic-webfont.eot');
  src: local('☺'), url('fonts/caviardreams_italic-webfont.woff') format('woff'), url('fonts/caviardreams_italic-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/**
 *  @section  General
 */

html {
  height: 100%;
  margin: 0;
  padding: 0;

  background-color: #fff;

  color: #444;
  font: normal 100.01%/1.375 "Helvetica Neue",Helvetica,Arial,sans-serif;
}

body {
  margin: 0;
  min-height: 100%;
  padding: 0;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

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

/**
 *  @section  Layout
 */

.wrapper {
  margin: 0 auto;
  min-height: 1px;
  padding: 0 80px;
  width: 820px;
}

#content {
  padding-top: 20px;
  padding-bottom: 20px;

  background-color: #fff;
}

.content-forced {
  min-height: 44em;
}

.footer {
  clear: both;
  margin: 0;
  padding: 0;
  position: relative;

  background: #556f4b url("images/common/texture-dark.png") repeat left top;
  border-top: 1px solid #3d5136;

  color: #a0b692;
  font-size: 0.75em;
}

.footer-inner {
  margin: 0;
  padding: 0;

  background: transparent url("images/common/footer-bg.png") repeat-x left top;
}

.footer .wrapper {
  padding: 15px 0 0;
  width: 820px;
}

.footer p {
  margin: 0;
  padding: 0 0 1em;
  width: 75%;
}

.footer a,
.footer a:link,
.footer a:visited {
  color: #b1c8a2;
  text-decoration: underline;
}

.footer a:hover,
.footer a:focus,
.footer a:active {
  color: #fff;
}

.footer em {
  font-style: normal;
}

.footer .vcard {
  width: auto;
}

.footer .vinner {
  display: inline;
  float: right;

  text-align: right;
}

.footer .vinner .adr {
  font-weight: normal;
}

.footer .vinner .tel,
.footer .vinner .email {
  display: block;
}

.col {
  display: inline;
  float: left;
  margin-left: 20px;
  padding: 0;
  width: 260px;
}

.col-half {
  width: 390px;
}

.col-full {
  clear: both;
  display: block;
  float: none;
  width: 100%;
}

.col-group {
  clear: both;
  overflow: hidden;
}

.col-double {
  display: inline;
  float: left;
  margin-left: 20px;
  padding: 0;
  width: 540px;
}

.col-last {
  margin: 0 0 2em 0;
}

.first {
  margin-left: 0;
}

.pricing {
  font-size: 0.875em;
  line-height: 1.375;
}

/**
 *  @section  Typography
 */

h1 {
  margin-left: -14px;
  margin-right: -14px;
  padding: 0 14px 24px 14px;

  background: transparent url("images/common/fancy-sep.png") no-repeat right bottom;

  color: #333;
  font: normal 1.875em/1 "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: lowercase;
}

h1.blog-title {
  margin-bottom: 0;
  margin-top: 0;
}

.blog-title a {
  text-decoration: none;
}

.pricing h1 {
  font-size: 2.2em;
}

h2 {
  margin-left: -14px;
  margin-right: -14px;
  padding: 0 14px 24px 14px;

  background: transparent url("images/common/fancy-sep.png") no-repeat right bottom;

  color: #333;
  font: normal 1.5em/1.5 "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: lowercase;
}

.pricing h2 {
  margin-bottom: 0;
  padding: 0;

  background-image: none;

  text-transform: none;
}

.home h2,
h1.hgallery,
h2.hgallery {
  padding-bottom: 18px;

  background: transparent url("images/common/squiggle.png") no-repeat center bottom;

  text-align: center;
}

.blog-posts h2 {
  margin: 0 -14px 0.5em;
  padding: 0 14px 24px;

  background-image: url("images/common/fancy-sep.png");

  text-align: left;
}

#promovideo {
  clear: both;
  padding-top: 68px;

  background: transparent url("images/common/divider.png") no-repeat center top;
}

h1.hgallery,
h2.hgallery {
  margin: 0.7em 0 0.6875em;
  padding: 0 0 28px;

  font-size: 1.5em;
  line-height: 1;
}

h2.hgallery a {
  text-decoration: none;
}

h2 a,
h2 a:link,
h2 a:visited {
  display: block;

  color: #333;
}

h3 {
  color: #333;
  font: bold 1.275em/1.375 "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: lowercase;
}

.blog-footer h3 {
  margin: 0 0 0.7em 0;
  padding: 0 0 22px 0;

  background: transparent url("images/common/squiggle.png") no-repeat center bottom;

  text-align: center;
}

h4 {
  color: #333;
  font: normal 1.125em/1.375 "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: lowercase;
}

h5 {
  color: #333;
  font: normal 1em/1.375 "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: lowercase;
}

h6 {
  color: #333;
  font: bold 1.125em/1.375 "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: lowercase;
}

p {
  margin: 0 0 1.375em 0;
  padding: 0;
}

p.intro {
  color: #662d8e;
  font-style: italic;
}

p.fine-print {
  margin: 0;

  text-align: center;
}

ol {
  margin: 0 0 1.375em 0;
  padding: 0 0 0 1.5em;
}

ol.steps {
  color: #46adc1;
  font-size: 1.5em;
  font-weight: bold;
}

ol.steps p {
  margin: 0;
  padding: 0;

  color: #000;
  font-size: 0.7em;
  font-weight: normal;
}

ul {
  margin: 0 0 1.375em 0;
  padding: 0;

  list-style-type: none;
}

ul li {
  margin: 0;
  padding: 0 0 0 24px;

  background: transparent url("images/common/bullet.png") no-repeat left 0.05em;
}

a,
a:link {
  color: #718c63;
}

a:visited {
  color: #90b27f;
}

a:focus,
a:hover,
a:active {
  text-decoration: underline;
}

.blog-author {
  display: block;
  margin: 0 0 1.5em;
  padding: 0;

  color: #333;
}

.coming-soon {
  margin: 5em 0;
  padding: 0;

  color: #333;
  font: italic normal 1.875em/5 Georgia,Cambria,Times,serif;
  text-transform: lowercase;
  text-align: center;
}

.n-symbol span {
  font-size: 70%;

  text-decoration: underline;
  vertical-align: top;
}

address {
  margin: 0 0 1.375em 0;
  padding: 0;

  font-style: normal;
}

/**
 *  @section  Forms
 */

form,
fieldset {
  display: block;
  margin: 0;
  padding: 0;

  border: 0;
}

input,
select {
  font: normal 1em/1.375em "Helvetica Neue",Helvetica,Arial,sans-serif;
  vertical-align: middle;
}

textarea {
  font: normal 1em/1.375em "Helvetica Neue",Helvetica,Arial,sans-serif;
}

label {
  vertical-align: middle;
}

.sharer form {
  display: block;
  margin: 0;
  padding: 2px 0 1px;
  position: relative;
}

.sharer fieldset {
  margin: 0.6875em 0 0;
  padding: 0.6875em 0 0;

  border: 0;
  border-top: 1px solid #e2e2e2;
}

.sharer legend {
  margin: 0 0 0.4em 0;

  color: #555;
  font-size: 0.875em;
}

.sharer fieldset:last-child {
  padding-bottom: 0;
}

.sharer form div {
  margin: 0 0 6px 0;
  padding: 0;
  position: relative;
}

.sharer form div.textarea {
  min-height: 9.8em;
}

.sharer legend {
  padding: 0 1em 0 0;

  color: #999;
}

.sharer label {
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  position: absolute;
  width: 6.35em;
  z-index: 100;

  color: #555;
  font: normal 0.875em/1.9 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: right;
}

.sharer .required label {
  background: transparent url("images/common/required.png") no-repeat 6px center;
}

.sharer input,
.sharer textarea,
.blog-footer input {
  display: block;
  margin: 0;
  padding: 0.55em 0 0.45em 7.5em;
  width: 73%;

  background: #f2f2f2 url("images/common/form-label-bg.gif") repeat-y 7.1em 0;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  font: normal 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.375;
  vertical-align: middle;
}

.sharer textarea {
  height: 150px;
  resize: none;
}

.sharer .select,
.sharer .range {
  margin: 0 0 6px 0;
  padding: 4px 0 8px 6.6em;
  width: 73%;

  background: #f2f2f2 url("images/common/form-label-bg.gif") repeat-y 6.2em 0;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  font-size: 16px;
  line-height: 1.375;
}

.sharer .select label,
.sharer .range label {
  margin: -0.3em 0 0 -7.6em;
  width: 6.3em;

  font-size: 0.875em;
}

.sharer .select select,
.sharer .range input {
  margin: 0;
  min-width: 5em;
  padding: 0;
  position: relative;
  width: auto;
}

.sharer .range input {
  margin-top: 0.4em;
  width: 80%;
}

.sharer .buttons {
  width: 90%;

  text-align: right;
}

.sharer label.error,
.sharer .required label.error {
  display: block;
  margin: 0.5em 0 0 0;
  padding: 0.3em 0.6em;
  position: static;
  width: 87.5%;

  background: #ffc none;
  border-bottom: 1px solid #fc0;
  border-top: 1px solid #fc0;

  color: #fc0;
  font-weight: bold;
  text-align: left;
}

.sharer div.ui-datepicker {
  font-size: 0.875em;
}

.sharer p {
  margin: 0 0 1em;
}

.blog-footer input {
  display: inline;
  float: left;
  margin: 0;
  padding: 3px 4px;
  width: 160px;

  background: transparent none;

  font-size: 16px;
  line-height: 1.375;
}

.blog-footer select {
  width: 168px;

  font-size: 16px;
}

.blog-footer button {
  display: inline;
  float: right;
  margin-right: 6px;
}

/**
 *  @section  Tables
 */

table {
  margin: 0 0 1.375em 0;
  padding: 0;
  width: 100%;

  border: 2px solid #3d5136;
  border-collapse: collapse;

  color: #556f4b;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
}

th {
  padding: 0.3em;

  background-color: #718c63;

  color: #fff;
}

td {
  padding: 0.3em;

  border-right: 2px solid #718c63;
}

tr.alternate {
  background-color: #90b27f;
}

/**
 *  @section  Images
 */

img {
  margin: 0;
  padding: 0;

  border: 0;
}

a.figure,
a.figure:link,
a.figure:visited {
  display: block;
  margin: 0;
  padding: 0;

  color: #46adc1;
  text-align: center;
  text-decoration: none;
}

a.figure:hover,
a.figure:focus,
a.figure:active {
  color: #000;
}

.figure img {
  border: 5px solid #000;
}

.figure span {
  font: italic normal 0.875em/1.375 Georgia,Cambria,Times,serif;
}

/**
 *  @section  Misc
 */

.skype img {
  margin: 0.2em 0 0 0.3em;
  position: absolute;
  vertical-align: middle;
}

.about-list {
  margin: .75em 0 0;
  padding: 0;
}

.about-list li {
  margin: 0 0 .75em;
  padding: 0;

  background: none;

  font-size: 0.875em;
}

.why p {
  margin-bottom: 0.6875em;
}

.block {
  margin-bottom: 0.45em;
  min-height: 34em;

  border-bottom: 1px solid #dee9d8;
}

.block-link {
  text-align: right;
}

.comment-button {
  padding: 0 6px 6px;

  text-align: right;
}

.price {
  color: #a0b692;
  font-size: 1.2em;
}

.price-medium {
  color: #718c63;
}

.price-dark {
  color: #556f4b;
}

.included em {
  color: #000;
}

.mini-profiles {
  margin: 0 0 0.5em 0;
  padding: 0;

  border-top: 1px solid #ccc;

  font-size: 0.875em;
  line-height: 1.375em;
}

.mini-profiles dt {
  height: 22px;
  margin: 0;
  padding: 1.7em 0 0 0;
  position: absolute;
  width: 34px;
}

.mini-profiles dd {
  margin: 0;
  padding: 1.375em 0 0 45px;
}

.mini-profiles dd.liz {
  border-bottom: 1px solid #ccc;
}

.profile-links {
  margin: 0;
  padding: 0;

  text-align: right;
}

.testimonials {
  margin: 0 0 0.45em;
  height: 35.2em;
  overflow: hidden;
  padding: 0;
  width: 260px;

  border-bottom: 1px solid #dee9d8;
}

.testimonials-double {
  height: 19em;
  width: 540px;

  border: 0;
}

.testimonials blockquote {
  margin: 0;
  padding: 0;
}

.testimonials ul {
  margin: 0;
  padding: 0;

  list-style-type: none;
  text-align: left;
}

.testimonials li {
  margin: 0;
  height: 35em;
  padding: 0;
  width: 260px;

  background: none;
}

.testimonials-double li {
  padding-left: 280px;
}

.testimonials p {
  margin-bottom: 0.6em;

  font-size: 0.875em;
}

.testimonials img {
  display: block;
  margin-bottom: 1.25em;
}

.testimonials-double p {
  width: 90%;
}

.testimonials-double p a {
  display: inline;
  float: left;
  margin: 0 0 0 -280px;
}

.testimonials cite {
  display: block;
  margin: 0;
  padding: 0 0 0 1.3em;

  color: #333;
  font-size: 0.875em;
  line-height: 1.375em;
}

.testimonials cite span {
  display: inline;
  float: left;
  margin: 0 0 0 -1.3em;
  padding: 0;
}

#nextBtn {
  display: inline;
  float: right;
}

.testimonials-wrapper-double #nextBtn {
  width: 260px;

  text-align: left;
}

#prevBtn {
  display: inline;
  float: left;
}

.testimonials-wrapper-double #prevBtn {
  width: 260px;

  text-align: right;
}

.chick-illustration {
  bottom: -36px;
  position: absolute;
  z-index: 1000;
}

#liz-col,
#jane-col {
  padding-bottom: 290px;
}

#process-col {
  padding-bottom: 20px;
}

.blog-footer {
  color: #555;
  font-size: 0.875em;
  line-height: 1.375;
}

.blog-footer-top {
  margin-top: 2.5em;
  padding-top: 7.5em;

  background: transparent url("images/common/divider.png") no-repeat center top;
}

.blog-footer .col {
  height: 15em;
}

.tags {
  margin: 0;
  padding: 0;

  color: #a0b692;
  font-size: 0.875em;
}

.blog-post {
  margin: 0 0 3em 0;
  padding: 0 0 110px;

  background: transparent url("images/common/divider.png") no-repeat center bottom;
}

#comments-box {
  margin: 1em 0 0 0;
  padding: 52px 0 0 0;

  background: transparent url("images/common/divider.png") no-repeat center top;
}

#comments-box textarea {
  width: 100%;
}

.commentlist {
  margin: 0;
  overflow: hidden;
  padding: 0;

  font-size: 0.875em;
  line-height: 1.375;
  list-style-type: none;
}

.commentlist li {
  display: inline;
  float: left;
  margin: 0 2% 1em 0;
  padding: 0;
  width: 48%;
}

.commentlist div {
  margin: 0;
  padding: 0 0 0 42px;
}

.commentlist .comment-author {
  color: #a0b692;
}

.commentlist .comment-meta {
  margin: 0 0 0.5em;
}

.commentlist .avatar {
  display: inline;
  float: left;
  margin: 0 0 0 -42px;
  padding: 0;
}

.commentlist div div {
  margin: 0;
  padding: 0;
}

#post-next-previous {
  margin: 0;
  overflow: hidden;
  padding: 0;

  font-weight: bold;
}

#post-next-previous .post-pager {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  width: 390px;
}

#post-next-previous .sep {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  width: 40px;

  color: #ccc;
  text-align: center;
}

#post-next-previous #post-previous {
  text-align: right;
}

.blog-posts {
  clear: both;
  margin: 0;
  padding: 5em 0 0;

  background: transparent url("images/common/divider.png") no-repeat center top;
}

.blog-posts .title {
  position: relative;
  /* @hack to fix jagged hardware acceleration bug */
  -webkit-font-smoothing: antialiased;
}

.more-posts {
  bottom: 1.4em;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 14px;

  font-size: 0.75em;
  font-style: normal;
  text-decoration: none;
}

.recent-post,
.recent-post:link,
.recent-post:visited {
  display: block;
  margin: -10px -10px 0 -10px;
  padding: 10px;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;

  color: #90b27f;
  text-decoration: none;
}

.recent-post:hover,
.recent-post:focus,
.recent-post:active {
  background-color: #a0b692;

  color: #fff;
  text-decoration: none;
}

.ie6 .recent-post,
.ie6 .recent-post:link,
.ie6 .recent-post:visited,
.ie7 .recent-post,
.ie7 .recent-post:link,
.ie7 .recent-post:visited {
  position: relative;
  zoom: 1;
}

.recent-post .title {
  position: static;
}

.blog-posts .dark a.recent-post,
.blog-posts .dark a.recent-post:link,
.blog-posts .dark a.recent-post:visited {
  color: #556f4b;
}

.blog-posts .dark a.recent-post:hover,
.blog-posts .dark a.recent-post:focus,
.blog-posts .dark a.recent-post:active {
  background-color: #556f4b;

  color: #fff;
}

.blog-posts .medium a.recent-post,
.blog-posts .medium a.recent-post:link,
.blog-posts .medium a.recent-post:visited {
  color: #718c63;
}

.blog-posts .medium a.recent-post:hover,
.blog-posts .medium a.recent-post:focus,
.blog-posts .medium a.recent-post:active {
  background-color: #718c63;

  color: #fff;
}

.recent-post .recent-box {
  display: block;
  margin: 0;
  min-height: 19em;
  padding: 0;
}

.recent-post .blog-sample {
  display: block;
  height: 170px;
  margin: 0 0 1em;
  overflow: hidden;
  padding: 0;
  width: 260px;
}

.recent-post .figure img {
  display: block;
}

.recent-post .title {
  display: block;
  margin: 0 0 0.6875em;
  padding: 0;
}

.recent-post .desc {
  display: block;
  margin: 0;
  padding: 0;

  font-size: 0.875em;
}

.blog-posts .readmore {
  display: block;
  margin: 0;
  padding: 0;

  font-size: 0.875em;
  font-style: normal;
  text-align: right;
  text-decoration: underline;
}

/**
 *  @section  Misc
 *  @subsection Nav
 */

.nav {
  margin: 0;
  padding: 0;
  position: relative;

  background: #556f4b url("images/common/texture-dark.png") repeat left top;
  border-bottom: 1px solid #3d5136;
}

.nav-outer {
  background: transparent url("images/common/masthead-bottom-left.png") no-repeat left top;
}

.nav-inner {
  padding: 25px 0 0;

  background: transparent url("images/common/masthead-bottom-right.png") no-repeat right top;
}

.nav-bottom {
  padding: 0 0 4px;

  background: transparent url("images/common/nav-bottom.png") repeat-x right bottom;
}

.nav ul {
  overflow: hidden;

  font: normal 1.125em "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
  list-style-type: none;
}

.nav li {
  display: inline;
  float: left;
  min-height: 25px;
  padding: 0;

  background: none;
}

.nav a,
.nav a:link,
.nav a:visited {
  display: block;
  margin: 0 12px;
  overflow: hidden;
  padding: 25px 0 8px;

  color: #fff;
  text-decoration: none;
  text-transform: lowercase;
}

.nav a:hover,
.nav a:focus,
.nav a:active,
.nav a.active,
.nav a.active:link,
.nav a.active:visited {
  background: transparent url("images/common/nav-active.png") no-repeat center 10px;
}

.nav .home a,
.nav .home a:link,
.nav .home a:visited {
  margin-left: 0;
}

.nav .clients {
  float: right;
}

.nav .clients a,
.nav .clients a:link,
.nav .clients a:visited {
  margin-right: 0;
}

/**
 *  @section  Misc
 *  @subsection Masthead
 */

.masthead {
  background: #b1c8a2 url("images/common/masthead-top-left.png") no-repeat left top;
}

.masthead .masthead-inner {
  background: transparent url("images/common/masthead-top-right.png") no-repeat right top;
}

.masthead .wrapper {
  position: relative;
}

#logo {
  display: inline;
  float: left;
  height: 116px;
  margin: -6px 0 -34px;
  padding: 0;
  position: relative;
  width: 400px;
  z-index: 1000;

  background: transparent none;
}

#logo a,
#logo img {
  display: block;
  margin: 0;
  padding: 0;
}

.masthead .blurb {
  bottom: -0.25em;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 80px;
  width: 400px;
  z-index: 500;

  color: #eff6ea;
  font: normal 1.125em "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: right;
}

.masthead .blurb strong {
  font-weight: normal;
}

.masthead .blurb em {
  font-style: normal;
  font-weight: normal;
}

.masthead .blurb a,
.masthead .blurb a:link,
.masthead .blurb a:visited {
  color: #fff;
}

/**
 *  @section  Misc
 *  @subsection Slideshow
 */

.or {
  font: italic normal 0.875em/1 Georgia,Cambria,Times,serif;
}

hr {
  margin: 1.375em 0;
  padding: 18px 0 0 0;
  height: 2px;

  background: transparent url("images/common/divider.png") no-repeat center center;
  border: 0;
}

.guide,
.guide:link,
.guide:visited {
  display: block;

  color: #556f4b;
  text-decoration: none;
}

.guide:hover,
.guide:focus,
.guide:active {
  text-decoration: underline;
}

.guide img {
  display: block;
  margin: 0 0 0.58em;
}

.btn,
.btn:link,
.btn:visited {
  background-color: #a0b692;
  background-image: -moz-linear-gradient(#b1c8a2, #a0b692);
  background-image: -o-linear-gradient(#b1c8a2, #a0b692);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1c8a2), to(#a0b692));
  background-image: -webkit-linear-gradient(#b1c8a2, #a0b692);
  background-image: linear-gradient(#b1c8a2, #a0b692);
  border: 2px solid #a0b692;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;

  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.btn:hover,
.btn:focus,
.btn:active {
  background-color: #fff;
  background-image: -moz-linear-gradient(#fff, #d6e3ce);
  background-image: -o-linear-gradient(#fff, #d6e3ce);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d6e3ce));
  background-image: -webkit-linear-gradient(#fff, #d6e3ce);
  background-image: linear-gradient(0% 0% 270deg, #fff, #d6e3ce);
  border-color: #d6e3ce;

  color: #718c63;
  text-shadow: none;
}

.standalone,
.standalone:link,
.standalone:visited {
  display: inline-block;
  margin: 0;
  padding: 0.4em 0.8em 0.5em;
  position: relative;

  -moz-box-shadow: 1px 1px 2px rgba(41,50,37,0.7);
  -webkit-box-shadow: 1px 1px 2px rgba(41,50,37,0.7);
  box-shadow: 1px 1px 2px rgba(41,50,37,0.7);

  font-size: 1em;
  line-height: 1.375;
}

.standalone:active {
  top: 1px;

  -moz-box-shadow: 1px 1px 1px rgba(41,50,37,0.7);
  -webkit-box-shadow: 1px 1px 1px rgba(41,50,37,0.7);
  box-shadow: 1px 1px 1px rgba(41,50,37,0.7);
}

.book-btn {
  text-align: center;
}

.btn-colour-alt:hover,
.btn-colour-alt:focus,
.btn-colour-alt:active {
  background-color: #a0b692;
  background-image: -moz-linear-gradient(#a0b692, #b1c8a2);
  background-image: -o-linear-gradient(#a0b692, #b1c8a2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a0b692), to(#b1c8a2));
  background-image: -webkit-linear-gradient(#a0b692, #b1c8a2);
  background-image: linear-gradient(#a0b692, #b1c8a2);
  border-color: #a0b692;

  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.btn-medium,
.btn-medium:link,
.btn-medium:visited {
  background-color: #90b27f;
  background-image: -moz-linear-gradient(#90b27f, #718c63);
  background-image: -o-linear-gradient(#90b27f, #718c63);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#90b27f), to(#718c63));
  background-image: -webkit-linear-gradient(#90b27f, #718c63);
  background-image: linear-gradient(#90b27f, #718c63);
  border-color: #718c63;
}

.btn-medium:hover,
.btn-medium:focus,
.btn-medium:active {
  background-color: #fff;
  background-image: -moz-linear-gradient(#fff, #d6e3ce);
  background-image: -o-linear-gradient(#fff, #d6e3ce);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e7e9f3));
  background-image: -webkit-linear-gradient(#fff, #d6e3ce);
  background-image: linear-gradient(#fff, #e7e9f3);
  border-color: #d6e3ce;

  color: #718c63;
}

.btn-medium-alt:hover,
.btn-medium-alt:focus,
.btn-medium-alt:active {
  background-color: #718c63;
  background-image: -moz-linear-gradient(#718c63, #90b27f);
  background-image: -o-linear-gradient(#718c63, #90b27f);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#718c63), to(#90b27f));
  background-image: -webkit-linear-gradient(#718c63, #90b27f);
  background-image: linear-gradient(#718c63, #90b27f);
  border-color: #718c63;

  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.btn-dark,
.btn-dark:link,
.btn-dark:visited {
  background-color: #556f4b;
  background-image: -moz-linear-gradient(#556f4b, #3d5136);
  background-image: -o-linear-gradient(#556f4b, #3d5136);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#556f4b), to(#3d5136));
  background-image: -webkit-linear-gradient(#556f4b, #3d5136);
  background-image: linear-gradient(#556f4b, #3d5136);
  border-color: #3d5136;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  background-color: #fff;
  background-image: -moz-linear-gradient(#fff, #d6e3ce);
  background-image: -o-linear-gradient(#fff, #d6e3ce);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d6e3ce));
  background-image: -webkit-linear-gradient(#fff, #d6e3ce);
  background-image: linear-gradient(#fff, #d6e3ce);
  border-color: #d6e3ce;

  color: #718c63;
}

.btn-dark-alt:hover,
.btn-dark-alt:focus,
.btn-dark-alt:active {
  background-color: #3d5136;
  background-image: -moz-linear-gradient(#3d5136, #556f4b);
  background-image: -o-linear-gradient(#3d5136, #556f4b);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d5136), to(#556f4b));
  background-image: -webkit-linear-gradient(#3d5136, #556f4b);
  background-image: linear-gradient(#3d5136, #556f4b);
  border-color: #3d5136;

  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

#slideshow,
.js #slideshow.contact-sheet {
  height: 535px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;

  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#slideshow.contact-sheet {
  height: auto;
}

.js #slideshow.contact-sheet {
  padding-bottom: 27px;
  position: absolute;
  top: 0;
  width: 100%;

  background: #dee9d8 url("images/common/texture-light.png") repeat left top;
}

.js .gallery-wrapper {
  padding-top: 560px;
  position: relative;
}

.js .g-inside {
  padding-top: 325px;
}

#slideshow.s-inside {
  display: none;
}

.js #slideshow.s-inside {
  display: block;
  height: 300px;
}

.slides {
  margin: 0;
  padding: 0;
}

.contact-sheet .slides {
  margin: 0 auto;
  width: 820px;
}

.js .slides {
  position: absolute;
  width: 20000em;
}

.slide {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 820px;
}

.contact-sheet .slide {
  display: inline;
  float: left;
  height: 130px;
  margin: 0;
  overflow: hidden;
  width: 205px;
}

.js .slide {
  display: inline;
  float: left;
  height: 535px;
  margin: 0;
  width: 820px;
}

.slide .img {
  width: 100%;
}

.slide .info {
  display: none;
  margin: 0;
  padding: 1.8em 1.375em;
  position: absolute;
  top: 70px;
  width: 17em;
  z-index: 100;

  background-color: #fff;
  border: 2px solid #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  opacity: 1;
  -moz-transition: opacity 100ms linear;
  -ms-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  -webkit-transition: opacity 100ms linear;
  transition: opacity 100ms linear;

  text-align: center;
}

.rgba .slide .info {
  background-color: rgba(255,255,255,0.7);
  border-color: rgba(255,255,255,0.9);
}

.current .info {
  display: block;
}

.slide .title {
  margin: 0.1em 0 0;
  padding: 0;

  background: none;

  font: bold 3.5em/1 "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.sub {
  display: block;
  margin: 0;
  padding: 0;

  font-size: 0.584em;
  font-weight: normal;
  line-height: 1.375;
}

.slide .blurb {
  margin: 1em 0 1.7em;
  padding: 0;

  font: italic normal 1.125em/1.6 Georgia,Cambria,Times,serif;
}

.slide .or {
  display: inline-block;
  margin: 0 0.6em;
  padding: 0.2em 0.3em 0.3em;

  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
}

.js .tabs {
  background: #dee9d8 url("images/common/texture-light.png") repeat left top;
}

.tablist {
  margin: 0 0 -11px -2px;
  min-height: 1px;
  width: 822px;
}

.tab {
  display: inline;
  float: left;
  margin: 0 0 0 2px;
  padding: 0;
  position: relative;
  width: 272px;

  background: none;

  font-size: 1.75em;
  text-align: center;
  text-transform: lowercase;
}

.tab .sub {
  font-size: 0.667em;
}

.tab a,
.tab a:link,
.tab a:visited {
  display: block;
  margin: 0;
  padding: 0.3em 0 0.4em;

  border-top: 0;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-radius: 0 0 6px 6px;

  font: bold 1em "CaviarDreams","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.active-icon {
  display: block;
  height: 10px;
  left: 127px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10px;
  width: 19px;

  background: transparent url("images/common/tri.png") no-repeat 0 -11px;
}

.tab:hover .active-icon,
.tab:focus .active-icon,
.tab:active .active-icon {
  background-position: 0 0;
}

#portraits-tab .active-icon {
  background-position: -40px -11px;
}

#portraits-tab:hover .active-icon,
#portraits-tab:focus .active-icon,
#portraits-tab:active .active-icon {
  background-position: -40px 0;
}

#pets-tab .active-icon {
  background-position: -20px -11px;
}

#pets-tab:hover .active-icon,
#pets-tab:focus .active-icon,
#pets-tab:active .active-icon {
  background-position: -20px 0;
}

.slide-btn {
  display: none;
  left: 0;
  height: 275px;
  margin: 0;
  padding: 260px 0 0 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 100;

  outline: 0;
}

.slide-btn:active {
  top: 1px;
}

.btn-next {
  left: auto;
  right: 0;
  width: 52%;

  text-align: right;
}

.gallery-title {
  left: -999em;
  position: absolute;
}

.js .slide-btn {
  display: block;
}

.sharer {
  clear: both;
  margin: 1.375em 0 12px 0;
  overflow: hidden;
  padding: 0;
  position: relative;

  border-bottom: 1px solid #718c63;
  border-top: 1px solid #718c63;
}

.sharer .panel {
  display: inline;
  float: right;
  min-height: 1px;
  padding: 16px 35px;
  width: 616px;

  background: transparent url("images/common/sharer-bg.png") repeat-x left top;
  border-top: 1px solid #ccc;
}

.sharer .first-panel {
  border: 0;
}

.js .sharer .panel {
  min-height: 180px;
  position: absolute;
  right: 0;
  top: 0;

  border: 0;
}

.js .sharer .action {
  clear: left;
  margin-top: 0;
}

.sharer h2 {
  margin: 0;
  padding: 0;

  background: transparent none;
  border: 0;

  font-size: 1em;
}

.sharer .action,
.js .sharer .first-action {
  clear: both;
  display: inline;
  float: left;
  margin: 1.2em -28px 0 0;
  position: relative;
  width: 150px;
  z-index: 500;

  font-size: 1em;
  text-shadow: none;
}

.sharer .action a,
.sharer .action a:link,
.sharer .action a:visited {
  display: block;
  margin: 0;
  padding: 0.6em 12px 0.7em;

  background: transparent url("images/common/sharer-grey.png") no-repeat right center;

  color: #fff;
  text-decoration: none;
}

.js .sharer .action a,
.js .sharer .action a:link,
.js .sharer .action a:visited {
  padding-bottom: 0;
  padding-top: 0;

  background-image: none;

  color: #333;
}

.js .sharer .active-action a,
.js .sharer .active-action a:link,
.js .sharer .active-action a:visited,
.js .sharer .action a:hover,
.js .sharer .action a:focus,
.js .sharer .action a:active {
  background-image: url("images/common/sharer-grey.png");
  border: 0;

  color: #fff;
  text-decoration: none;
}

.sharer .weddings a,
.sharer .weddings a:link,
.sharer .weddings a:visited,
.js .sharer .weddings.active-action a,
.js .sharer .weddings.active-action a:link,
.js .sharer .weddings.active-action a:visited,
.js .sharer .weddings a:hover,
.js .sharer .weddings a:focus,
.js .sharer .weddings a:active {
  background-image: url("images/common/sharer-dark.png");
}

.sharer .portraits a,
.sharer .portraits a:link,
.sharer .portraits a:visited,
.js .sharer .portraits.active-action a,
.js .sharer .portraits.active-action a:link,
.js .sharer .portraits.active-action a:visited,
.js .sharer .portraits a:hover,
.js .sharer .portraits a:focus,
.js .sharer .portraits a:active {
  background-image: url("images/common/sharer-light.png");
}

.sharer .pets a,
.sharer .pets a:link,
.sharer .pets a:visited,
.js .sharer .pets.active-action a,
.js .sharer .pets.active-action a:link,
.js .sharer .pets.active-action a:visited,
.js .sharer .pets a:hover,
.js .sharer .pets a:focus,
.js .sharer .pets a:active {
  background-image: url("images/common/sharer-medium.png");
}

.js .sharer .action span {
  display: block;
  margin-right: 20px;
  padding-bottom: 0.7em;
  padding-top: 0.6em;

  border-bottom: 1px solid #ddd;
}

.js .sharer .active-action span,
.js .sharer .action a:hover span,
.js .sharer .action a:focus span,
.js .sharer .action a:active span {
  margin-bottom: 1px;

  border: 0;
}

.js .sharer .last-action span {
  border: 0;
}

#content.about {
  padding: 0;
}

.about-slides {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;

  background-color: #3d5136;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.about-slide {
  display: none;
  margin: 0;
  padding: 0;
  position: relative;

  -moz-transition: opacity 700ms linear;
  -ms-transition: opacity 700ms linear;
  -o-transition: opacity 700ms linear;
  -webkit-transition: opacity 700ms linear;
  transition: opacity 700ms linear;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.about-slide img {
  display: block;
  margin: 0;
  min-width: 980px;
  padding: 0;
  width: 100%;

  -ms-interpolation-mode: bicubic;
}

.about-wrapper {
  position: relative;
}

.about-info {
  display: none;
  left: 80px;
  margin: 0;
  padding: 1.8em 1.375em;
  position: absolute;
  top: 70px;
  width: 17em;
  z-index: 100;

  background-color: #fff;
  border: 2px solid #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  opacity: 1;
  -moz-transition: opacity 400ms linear;
  -ms-transition: opacity 400ms linear;
  -o-transition: opacity 400ms linear;
  -webkit-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
}

.rgba .about-info {
  background-color: rgba(255,255,255,0.8);
  border-color: #fff;
}

.about-info h1,
.about-info h2 {
  margin: 0;
  padding: 0;

  background-image: none;
}

.about-info h2 {
  text-align: right;
}

.about-info p {
  margin: 1.375em 0;
}

.about-info strong {
  bottom: 2.5em;
  position: absolute;

  color: #999;
  font: italic normal 0.875em Georgia,serif;
  -webkit-font-smoothing: antialiased;
}

.tv-icon {
  bottom: 0.5em;
  left: 50%;
  margin: 0 0 0 -29px;
  overflow: hidden;
  padding: 50px 0 0 0;
  position: absolute;
  width: 58px;

  background: transparent url("images/common/tv-icon.png") no-repeat left top;

  color: #556f4b;
  font-size: 0.875em;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
}

.video-box {
  height: 461px;
  margin: 35px auto 0;
  padding: 10px;
  position: relative;
  width: 820px;

  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.video-close {
  height: 24px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 22px;

  background: transparent url("images/common/close-btn.png") no-repeat left top;
  border: 0;
  cursor: pointer;

  text-indent: -999em;
}

.video-box-backer {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;

  background-color: rgba(0,0,0,0.8);
}

.no-rgba .video-box-backer {
  background: transparent url("images/common/black-bg.png") repeat left top;
  _background-color: #000;
}

.rgba .about-slides .dvd,
.rgba .about-slides .thomas {
  background-color: rgba(255,255,255,0.9);
}

.about-slides .shoes,
.about-slides .thomas {
  left: auto;
  right: 80px;
}

.about-slides .dvd {
  top: 145px;
}

.about-slides .shoes {
  top: 130px;
}

.about-slides .current,
.about-slides .current .about-info {
  display: block;
}

.about-slides .leaving {
  position: absolute;
  top: 0;
  z-index: 400;
}