/*

    File: _assets/css/scss/style.scss

    See
        http://css-tricks.com/css-style-guides/
        http://css-tricks.com/sass-style-guide/

    Use spaces not tabs

    # Selectors

    One selector per line, One rule per line
    Dont use IDs as selectors
    Avoid attribute selectors for styling
    Use class names that are as short as possible but as long as necessary
    Use semantic naming conventions, avoid referring to layout or colour choice
    Use hyphens to concatenate class names, eg body-container not bodyContainer or body_container

    # Properties

    List related properties together
    If the value of the width or height is 0, do not specify units
    Avoid magic numbers, eg numbers used as quick fixes on a one-off basis
    Closing curly brace on own line
    Close final property with a semi-colon
    Avoid units on a  zero value, eg 0 not 0px
    Err towards shorthand where avaliable, eg border, background, etc

    # SASS/SCSS

    List @extend(s) First
        Then "Regular" Styles
        Then @include(s)
        Then Nested Selectors

    All Vendor Prefixes Use @mixins
    Maximum Nesting: Three Levels Deep
    Maximum Nesting: 50 Lines

    Global and Section-Specific Sass Files Are just Table of Contents
    Break Into As Many Small Files As Makes Sense
    Partials are named _partial.scss eg _dropdown-menu.scss

    Locally compile Expanded
    For Deployment compile Compressed

    Be Generous With Comments

    Variablize All Common Numbers, and Numbers with Meaning
    Variablize All Colors

    Nest and Name Your Media Queries

    Shame Last

*/
/*
    Source: http://necolas.github.io/normalize.css/  
    File: _assets/css/scss/_reset.scss
*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  /* 1 */
  -webkit-font-smoothing: antialiased; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
    File: _assets/css/scss/_vars.scss
*/
/*
    File: _assets/css/scss/_mixins.scss
    Preference for third-party mixin libraries is to use Bourbon    
    See https://github.com/thoughtbot/bourbon
*/
/* TYPOGRAPHY */
h3 {
  color: #999; }

h4, h5 {
  color: #404040; }

h6 {
  color: #999; }

body {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  background: #007b91 url("/_assets/img/Whirlie_bckgrd.jpg") center top no-repeat;
  background-size: cover; }

.wrapper {
  width: 100%;
  display: inline-block; }

.page-width {
  width: 1020px;
  padding: 0px 0px;
  margin: 0 auto; }

p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666;
  letter-spacing: 1px;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1.3em; }
  p a {
    font-weight: 600;
    color: #46c8f5;
    text-decoration: none; }
    p a:hover {
      text-decoration: underline; }

.nav {
  list-style: none;
  margin: 0;
  padding: 0; }
  .nav > li {
    display: inline-block; }
    .nav > li > a {
      text-decoration: none; }

/* ==========================================================================


 Header


========================================================================== */
.header {
  width: 100%;
  text-align: center;
  position: relative; }

.pri-nav {
  width: 100%;
  /* carry accross */
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  /* carry accross */
  border-top: 3px solid #46c8f5;
  border-bottom: 1px solid #46c8f5; }
  .pri-nav > li {
    padding: 15px 0;
    position: relative; }
    .pri-nav > li > a {
      display: block;
      padding: 3px 15px;
      color: #fff;
      letter-spacing: 5px;
      font-size: 15px;
      font-size: 0.9375em;
      line-height: 1em;
      border-right: 1px solid #808080;
      text-transform: uppercase; }
      .pri-nav > li > a:hover {
        color: #46c8f5; }
    .pri-nav > li > ul {
      display: none;
      position: absolute;
      background: #fff;
      width: 215px;
      top: 51px;
      right: 0;
      list-style: none;
      margin: 0;
      padding: 0;
      border-top: 5px solid #46c8f5;
      border-bottom: 1px solid #e5e5e5; }
      .pri-nav > li > ul li {
        border-top: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5; }
        .pri-nav > li > ul li a {
          display: block;
          width: 100%;
          text-align: left;
          padding: 10px;
          color: #404040;
          letter-spacing: 1px;
          font-size: 13px;
          font-size: 0.8125em;
          line-height: 1em;
          text-decoration: none;
          font-weight: bold; }
          .pri-nav > li > ul li a:hover {
            color: #46c8f5; }
    .pri-nav > li:hover > ul {
      display: inline-block; }
    .pri-nav > li:last-of-type > a {
      border-right: 0px; }
    .pri-nav > li.active > a {
      color: #46c8f5; }
      .pri-nav > li.active > a:hover {
        color: #fff; }

.sec-nav {
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
  *zoom: 1;
  /* carry accross */
  border-bottom: 3px solid #000;
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
  /* carry accross */ }
  .sec-nav:before, .sec-nav:after {
    display: table;
    content: "";
    line-height: 0; }
  .sec-nav:after {
    clear: both; }
  .sec-nav > li {
    float: left;
    *zoom: 1;
    padding: 10px 0 7px;
    /* carry accross */
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    /* carry accross */
    margin: 0 0 3px; }
    .sec-nav > li:before, .sec-nav > li:after {
      display: table;
      content: "";
      line-height: 0; }
    .sec-nav > li:after {
      clear: both; }
    .sec-nav > li > a {
      display: block;
      padding: 0 6px;
      position: relative;
      text-transform: uppercase;
      color: #fff;
      letter-spacing: 2px;
      font-size: 13px;
      font-size: 0.8125em;
      line-height: 1em;
      border-right: 1px solid #808080; }
      .sec-nav > li > a:hover {
        color: #46c8f5; }
    .sec-nav > li:first-of-type > a {
      margin: 0 0 0 36px; }
    .sec-nav > li:last-of-type > a {
      border-right: 0px;
      margin: 0 36px 0 0; }
    .sec-nav > li.active > a {
      color: #46c8f5; }
      .sec-nav > li.active > a:hover {
        color: #fff; }

.logo {
  display: inline-block;
  width: 707px;
  height: 81px;
  margin: 43px 0 1.25em;
  position: relative; }
  .logo .logo-img {
    width: 707px;
    height: 81px;
    background: url(/_assets/img/sprite.png) 0px 0px no-repeat; }

.social {
  position: absolute;
  top: 90px;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none; }
  .social-link {
    float: left;
    margin: 0 0 0 8px;
    padding: 0; }
    .social-link a {
      display: block;
      height: 35px;
      width: 35px;
      text-indent: -999em;
      background: transparent center no-repeat; }
    .social-link--twitter a {
      background-image: url(../img/Twitter_OFF.png); }
      .social-link--twitter a:hover, .social-link--twitter a:focus, .social-link--twitter a:active {
        background-image: url(../img/Twitter_ON.png); }
    .social-link--facebook a {
      background-image: url(../img/FB_OFF.png); }
      .social-link--facebook a:hover, .social-link--facebook a:focus, .social-link--facebook a:active {
        background-image: url(../img/FB_ON.png); }

/*==============================================================================

    End of Header

==============================================================================*/
/******************************************************************************/
/* ===========================================================================


    Main content


============================================================================ */
.main-content {
  width: 100%;
  padding: 0 20px 100px;
  /* carry accross */
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  /* carry accross */
  margin: 0 0 10px; }

.hero {
  width: 100%;
  margin: 0 0 20px; }
  .hero img {
    display: block; }

.page-title-bar {
  display: block;
  margin: 0 0 20px;
  padding: 10px 0px;
  background: #46c8f5;
  color: #fff;
  letter-spacing: 8px;
  font-size: 30px;
  font-size: 1.875em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600; }

.column-wrapper {
  overflow: hidden; }

.pri-col,
.sec-col {
  float: left;
  display: inline-block;
  margin: 0 -4px 0 0;
  margin-bottom: -6000px; }

.pri-col {
  width: 660px;
  padding: 0 20px 6000px 0; }

.sec-col {
  width: 320px;
  padding: 0 0 6000px 20px;
  border-left: 1px solid #666; }

.block-header-small {
  display: inline-block;
  padding: 5px 10px;
  margin: 0px;
  color: #fff;
  letter-spacing: 1px;
  font-size: 20px;
  font-size: 1.25em;
  line-height: 1em; }

.block-header-large {
  width: 100%;
  text-align: center;
  margin: 0 0 10px;
  padding: 15px 20px;
  color: #fff;
  letter-spacing: 1px;
  font-size: 20px;
  font-size: 1.25em;
  line-height: 1em; }

.block-header-large.no-margin {
  margin: 0; }

.block-header-small.blue,
.block-header-large.blue {
  background: #46c8f5; }
.block-header-small.black,
.block-header-large.black {
  background: #000; }
.block-header-small.grey,
.block-header-large.grey {
  background: #818d86; }

.pagination {
  padding: 30px 32px;
  background: #fff;
  text-align: center;
  *zoom: 1; }
  .pagination:before, .pagination:after {
    display: table;
    content: "";
    line-height: 0; }
  .pagination:after {
    clear: both; }
  .pagination .prev,
  .pagination .next {
    display: inline-block;
    color: #404040;
    letter-spacing: 1px;
    font-size: 20px;
    font-size: 1.25em;
    line-height: 1em;
    text-decoration: none; }
    .pagination .prev:hover,
    .pagination .next:hover {
      color: #46c8f5; }
  .pagination .prev {
    float: left; }
  .pagination .next {
    float: right; }
  .pagination .pagination-list {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0; }
    .pagination .pagination-list li {
      display: inline-block;
      margin: 0 6px 0 0; }
    .pagination .pagination-list a {
      color: #404040;
      letter-spacing: 1px;
      font-size: 20px;
      font-size: 1.25em;
      line-height: 1em;
      text-decoration: none; }
      .pagination .pagination-list a:hover {
        color: #46c8f5; }
    .pagination .pagination-list .active a {
      color: #46c8f5; }
      .pagination .pagination-list .active a:hover {
        color: #404040; }

.artist-alphabet {
  display: inline-block;
  width: 100%;
  padding: 30px 32px;
  margin: 0 0 20px;
  list-style: none;
  background: #fff;
  text-align: center; }
  .artist-alphabet li {
    display: inline-block;
    margin: 0 5px 0 0; }
  .artist-alphabet a {
    color: #404040;
    letter-spacing: 1px;
    font-size: 20px;
    font-size: 1.25em;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase; }
    .artist-alphabet a:hover {
      color: #46c8f5; }

.standard-structure {
  width: 100%;
  margin: 0 0 20px;
  padding-left: 32px;
  padding-right: 32px;
  display: inline-block;
  background: #fff; }

.padding-divider {
  width: 100%;
  display: inline-block;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 0 50px;
  background: url(/_assets/img/dashed-divider.gif) left bottom repeat-x; }
  .padding-divider > *:last-child {
    margin-bottom: 0px; }
  .padding-divider.no-bottom-margin {
    margin: 0; }

.standard-styling h1 {
  margin: 0;
  padding: 0;
  color: #404040;
  letter-spacing: 1px;
  font-size: 26px;
  font-size: 1.625em;
  line-height: 1.08em; }
  .standard-styling h1 a {
    color: #404040;
    text-decoration: none; }
    .standard-styling h1 a:hover {
      text-decoration: underline; }
.standard-styling h2 {
  margin: 0 0 10px;
  padding: 0;
  color: #999;
  letter-spacing: 1px;
  font-size: 26px;
  font-size: 1.625em;
  line-height: 1.08em;
  font-weight: 400; }
.standard-styling p.meta {
  margin: 0 0 20px;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999;
  letter-spacing: 1px;
  font-size: 9px;
  font-size: 0.5625em;
  line-height: 2.1em; }
  .standard-styling p.meta a {
    color: #666;
    text-decoration: none; }
    .standard-styling p.meta a:hover {
      color: #999; }
.standard-styling iframe {
  margin: 40px 0 50px; }

/* whirlie Exclusive page */
.sort-by-form {
  width: 100%;
  background: #fff;
  padding: 20px 30px;
  margin: 0 0 20px; }
  .sort-by-form select {
    display: none; }
    .js .sort-by-form select {
      display: block;
      width: 100%;
      margin: 0 0 20px;
      padding: 4px 0; }
  .sort-by-form .customSelect {
    padding: 8px;
    margin: 0 0 20px;
    border: 1px solid black;
    background: #f2f2f2;
    color: #999999;
    cursor: pointer;
    border-radius: 1px; }
    .sort-by-form .customSelectInner {
      float: left; }
      .sort-by-form .customSelectInner:before {
        content: '';
        display: block;
        float: right;
        background: url("../img/play_12x16.png") center no-repeat;
        height: 24px;
        width: 24px; }
  .sort-by-form .search-input {
    width: 263px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 20px;
    margin: 0 -4px 0 0;
    border: 1px solid #000;
    background: #f2f2f2;
    color: #999;
    letter-spacing: 1px;
    font-size: 22px;
    font-size: 1.375em;
    line-height: 1.81em; }
    .sort-by-form .search-input:-moz-placeholder {
      color: #666; }
    .sort-by-form .search-input::-moz-placeholder {
      /* Firefox 19+ */
      color: #666; }
    .sort-by-form .search-input:-ms-input-placeholder {
      color: #666; }
    .sort-by-form .search-input::-webkit-input-placeholder {
      color: #666; }
  .sort-by-form .search-submit {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    padding: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 0;
    background: #f2f2f2 url(/_assets/img/sprite.png) no-repeat -971px 10px; }

.artist-list {
  background: #fff;
  padding: 0 30px 50px;
  list-style: none;
  margin: 0; }
  .artist-list li {
    background: url(/_assets/img/dashed-divider.gif) left bottom repeat-x;
    padding: 50px 0; }
    .artist-list li article {
      *zoom: 1; }
      .artist-list li article:before, .artist-list li article:after {
        display: table;
        content: "";
        line-height: 0; }
      .artist-list li article:after {
        clear: both; }
    .artist-list li a.buy-img {
      float: left; }
    .artist-list li img {
      float: left;
      display: block;
      *zoom: 1;
      margin: 0 30px 10px 0; }
      .artist-list li img:before, .artist-list li img:after {
        display: table;
        content: "";
        line-height: 0; }
      .artist-list li img:after {
        clear: both; }

.content-list-divided {
  background: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  list-style: none; }
  .content-list-divided > li {
    background: url(/_assets/img/dashed-divider.gif) left bottom repeat-x;
    padding: 50px 0;
    *zoom: 1; }
    .content-list-divided > li:before, .content-list-divided > li:after {
      display: table;
      content: "";
      line-height: 0; }
    .content-list-divided > li:after {
      clear: both; }
    .content-list-divided > li img {
      float: left;
      padding: 0 30px 10px 0;
      margin: 0 0 10px 0;
      max-width: 100%; }
    .content-list-divided > li:first-of-type {
      padding-top: 0px; }
  .content-list-divided .feature-item {
    padding: 0 0 50px; }
    .content-list-divided .feature-item img {
      float: none;
      margin: 35px 0 50px; }

.new-releases-section {
  padding: 25px 20px;
  margin: 0 0 20px;
  background: #fff; }
  .new-releases-section .new-releases-meta {
    margin: 0 0 10px;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999;
    letter-spacing: 1px;
    font-size: 9px;
    font-size: 0.5625em;
    line-height: 2.1em; }
    .new-releases-section .new-releases-meta a {
      color: #666;
      text-decoration: none; }
      .new-releases-section .new-releases-meta a:hover {
        color: #999; }
  .new-releases-section .new-releases-desc {
    padding-top: 15px;
    background: url(/_assets/img/small-dashed-divider.png) left top repeat-x; }
    .new-releases-section .new-releases-desc img {
      float: left;
      padding: 3px 20px 15px 0; }
  .new-releases-section .buy-now {
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #46c8f5;
    color: #fff;
    letter-spacing: 1px;
    font-size: 20px;
    font-size: 1.25em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase; }

blockquote {
  display: inline-block;
  margin: 0 0 20px;
  padding: 0; }
  blockquote img {
    display: block; }
  blockquote .quote {
    margin-top: 0px; }
  blockquote .quotee {
    font-weight: bold;
    margin: 0; }
  blockquote .quote-link {
    margin: 0; }
    blockquote .quote-link a {
      display: block;
      text-decoration: none;
      color: #46c8f5; }
      blockquote .quote-link a:hover {
        color: #999; }

.reviews article > *:last-child {
  margin: 0; }
.reviews h1 {
  margin: 0 0 25px; }
.reviews h2 {
  color: #404040;
  margin: 0 0 35px; }
.reviews blockquote {
  margin: 0 0 30px; }

.mailing-list-section {
  background: #fff;
  border-top: 1px solid #819c97;
  border-bottom: 1px solid #819c97;
  padding: 25px 20px 20px;
  list-style: none;
  margin: 0 0 20px; }
  .mailing-list-section .mailing-list-title {
    color: #818d86;
    letter-spacing: 1px;
    font-size: 21px;
    font-size: 1.3125em;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 0; }
  .mailing-list-section .mailing-list-desc {
    padding: 0;
    margin: 0 0 30px; }
  .mailing-list-section .input {
    width: 100%;
    height: 40px;
    background: #e8e8e8;
    padding: 0 0 0 20px;
    margin: 0 0 20px;
    color: #4d4d4d;
    letter-spacing: 1px;
    font-size: 21px;
    font-size: 1.3125em;
    line-height: 1.9em;
    border: 0px;
    -moz-box-shadow: inset 1px 2px 0 0px #575757;
    -webkit-box-shadow: inset 1px 2px 0 0px #575757;
    box-shadow: inset 1px 2px 0 0px #575757; }
    .mailing-list-section .input:-moz-placeholder {
      color: #4d4d4d; }
    .mailing-list-section .input::-moz-placeholder {
      /* Firefox 19+ */
      color: #4d4d4d; }
    .mailing-list-section .input:-ms-input-placeholder {
      color: #4d4d4d; }
    .mailing-list-section .input::-webkit-input-placeholder {
      color: #4d4d4d; }
  .mailing-list-section .submit {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #818d86;
    color: #fff;
    letter-spacing: 1px;
    font-size: 20px;
    font-size: 1.25em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
    border: 0px;
    text-transform: uppercase; }

.news-widget {
  width: 100%;
  background: #000;
  margin: 0 0 20px;
  padding: 5px 20px;
  list-style: none; }
  .news-widget li {
    padding: 20px 0px; }
  .news-widget .news-item {
    background: url(/_assets/img/small-dashed-divider.png) left bottom repeat-x; }
  .news-widget .news-item-title {
    color: #fff;
    letter-spacing: 1px;
    font-size: 20px;
    font-size: 1.25em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-decoration: none; }
    .news-widget .news-item-title:hover {
      color: #46c8f5; }
  .news-widget p {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 0.875em;
    line-height: 1.3em;
    margin: 0;
    padding: 0; }
  .news-widget .news-item-readmore {
    color: #46c8f5;
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 0.875em;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    text-decoration: none; }
    .news-widget .news-item-readmore:hover {
      color: #fff; }

.gallery-list {
  width: 100%;
  display: inline-block;
  list-style: none;
  margin: 0px;
  padding: 0px; }
  .gallery-list li {
    display: inline-block;
    float: left;
    margin: 25px 29px 0 0;
    vertical-align: top; }
    .gallery-list li:nth-of-type(4n+4) {
      margin: 25px 0 0; }
  .gallery-list .last {
    margin: 25px 0 0; }

.fancybox-title p {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  letter-spacing: 1px;
  font-size: 16px;
  font-size: 1em;
  line-height: 1.3em; }
  .fancybox-title p span {
    color: #666; }

.hidden {
  display: none; }

.links-list {
  display: inline-block;
  width: 100%;
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0 0 30px 0; }
  .links-list li {
    display: inline-block;
    width: 50%;
    margin: 0 -4px 20px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
    letter-spacing: 1px;
    font-size: 16px;
    font-size: 1em;
    line-height: 1em; }
  .links-list span {
    display: block;
    color: #666;
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 0.875em;
    line-height: 1.3em; }
    .links-list span a {
      display: block; }
  .links-list a {
    display: block;
    font-weight: bold;
    color: #46c8f5; }
    .links-list a:hover {
      text-decoration: none; }
  .links-list.single-col li {
    width: 100%; }

.track-list-legend {
  width: 100%; }
  .track-list-legend p {
    text-align: right;
    margin: 0px; }

.download-tracks-list {
  margin: 0 0 50px 0;
  padding: 0;
  width: 100%;
  counter-reset: item; }
  .download-tracks-list li {
    display: block;
    padding: 0 0 0 10px;
    position: relative;
    color: #666;
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 0.875em;
    line-height: 1em; }
    .download-tracks-list li:nth-of-type(odd) {
      background: #f2f2f2; }
    .download-tracks-list li:before {
      content: counter(item) " ";
      counter-increment: item;
      width: 20px;
      display: inline-block;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .download-tracks-list li .track-title {
      width: 406px;
      display: inline-block;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 0 10px 0 0; }
    .download-tracks-list li .buy-mp3 {
      display: inline-block;
      margin: 0 10px 0 0;
      padding: 5px 7px;
      text-align: center;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background: #818d86;
      color: #fff;
      letter-spacing: 1px;
      font-size: 15px;
      font-size: 0.9375em;
      line-height: 1em;
      text-decoration: none;
      font-weight: bold;
      border: 0px;
      text-transform: uppercase; }
      .download-tracks-list li .buy-mp3:hover {
        color: #d9dddb; }
    .download-tracks-list li .play-sample {
      position: relative;
      display: inline-block;
      width: 25px;
      height: 25px; }

.dvd-sales {
  padding-top: 50px;
  padding-bottom: 50px; }
  .dvd-sales .sales-list img {
    width: 198px;
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 0 0; }
  .dvd-sales .sales-list .sales-item-desc {
    width: 370px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 23px; }
  .dvd-sales .sales-list .title {
    margin: 0 0 15px;
    padding: 0;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-weight: bold;
    color: #404040;
    letter-spacing: 1px;
    font-size: 26px;
    font-size: 1.625em;
    line-height: 1.08em; }
  .dvd-sales .sales-list .buttons input, .dvd-sales .sales-list .buy-now-btn {
    width: 198px;
    display: inline-block;
    padding: 10px 0;
    margin: 20px 0 0;
    clear: left;
    color: #fff;
    letter-spacing: 1px;
    font-size: 20px;
    font-size: 1.25em;
    line-height: 1em; }

.cd-sales {
  padding-top: 50px;
  padding-bottom: 0px; }
  .cd-sales .sales-list li {
    width: 122px;
    display: inline-block;
    vertical-align: top;
    margin: 0 26px 50px 0; }
    .cd-sales .sales-list li:nth-of-type(4n+4) {
      margin: 0 -4px 0 0; }
    .cd-sales .sales-list li.last {
      margin: 0 -4px 0 0; }
  .cd-sales .sales-list .title {
    margin: 26px 0 0;
    padding: 0;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-weight: bold;
    color: #404040;
    letter-spacing: 1px;
    font-size: 16px;
    font-size: 1em;
    line-height: 1.1em; }
  .cd-sales .sales-list .buttons input, .cd-sales .sales-list .buy-now-btn {
    width: 100%;
    display: block;
    padding: 10px 0;
    color: #fff;
    letter-spacing: 1px;
    font-size: 18px;
    font-size: 1.125em;
    line-height: 1em; }

.dvd-sales .sales-list,
.cd-sales .sales-list,
.shop-item-feature .sales-list {
  margin: 0;
  padding: 0;
  list-style: none; }
.dvd-sales .sales-item-desc .meta,
.cd-sales .sales-item-desc .meta,
.shop-item-feature .sales-item-desc .meta {
  color: #666;
  letter-spacing: 1px;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1em;
  font-weight: bold; }
.dvd-sales .sales-item-desc .price,
.cd-sales .sales-item-desc .price,
.shop-item-feature .sales-item-desc .price {
  display: inline-block;
  float: right;
  padding: 0;
  margin: 0;
  line-height: 2.6em; }
  .dvd-sales .sales-item-desc .price span,
  .cd-sales .sales-item-desc .price span,
  .shop-item-feature .sales-item-desc .price span {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-weight: bold;
    color: #68b4e8;
    letter-spacing: 1px;
    font-size: 30px;
    font-size: 1.875em;
    line-height: 1em; }
.dvd-sales .buttons input, .dvd-sales .buy-now-btn,
.cd-sales .buttons input,
.cd-sales .buy-now-btn,
.shop-item-feature .buttons input,
.shop-item-feature .buy-now-btn {
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #818d86;
  font-weight: bold;
  text-decoration: none;
  border: 0px;
  text-transform: uppercase; }
  .dvd-sales .buttons input:hover, .dvd-sales .buy-now-btn:hover,
  .cd-sales .buttons input:hover,
  .cd-sales .buy-now-btn:hover,
  .shop-item-feature .buttons input:hover,
  .shop-item-feature .buy-now-btn:hover {
    color: #d9dddb; }

.contact-article h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999;
  letter-spacing: 1px;
  font-size: 26px;
  font-size: 1.625em;
  line-height: 1em;
  font-weight: normal;
  margin-bottom: 50px; }
  .contact-article h1 a {
    color: #46c8f5;
    text-decoration: underline;
    font-weight: bold; }
    .contact-article h1 a:hover {
      color: #666; }
.contact-article ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .contact-article ul li p {
    color: #666;
    margin-top: 0; }
  .contact-article ul li .title {
    color: #999; }
  .contact-article ul li:last-of-type p {
    margin: 0; }

/* Shop section styling */
.shop-item {
  background: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  list-style: none; }
  .shop-item > li {
    background: url(/_assets/img/dashed-divider.gif) left bottom repeat-x;
    padding: 50px 0; }
    .shop-item > li:first-of-type {
      padding-top: 0px !important; }
    .shop-item > li:last-of-type {
      padding: 50px 0 0;
      background: transparent; }
  .shop-item .download-tracks-list {
    margin: 0; }

.shop-item-feature img {
  display: inline-block;
  vertical-align: top;
  margin: 0 -4px 0 0;
  padding: 0px;
  height: auto; }
.shop-item-feature .sales-item-desc {
  float: right;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 23px; }
.shop-item-feature .title {
  margin: 0 0 15px;
  padding: 0;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  font-weight: bold;
  color: #404040;
  letter-spacing: 1px;
  font-size: 26px;
  font-size: 1.625em;
  line-height: 1.08em; }
.shop-item-feature .buttons input, .shop-item-feature .buy-now-btn {
  display: inline-block;
  padding: 10px 0;
  margin: 20px 0 0;
  clear: left;
  border: 0px;
  color: #fff;
  letter-spacing: 1px;
  font-size: 20px;
  font-size: 1.25em;
  line-height: 1em; }
.shop-item-feature.dvd img {
  width: 198px; }
.shop-item-feature.dvd .sales-item-desc {
  width: 370px; }
.shop-item-feature.dvd .buttons input, .shop-item-feature.dvd .buy-now-btn {
  width: 198px; }
.shop-item-feature.cd img {
  width: 274px; }
.shop-item-feature.cd .sales-item-desc {
  width: 294px; }
.shop-item-feature.cd .buttons input, .shop-item-feature.cd .buy-now-btn {
  width: 274px; }

.shop-cta {
  width: 100%;
  margin: 30px 0 0; }
  .shop-cta .buttons input, .shop-cta .buy-now-btn {
    display: inline-block;
    padding: 10px 10px;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #818d86;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase; }
  .shop-cta .price {
    display: inline-block;
    float: right;
    padding: 0;
    margin: 0;
    line-height: 2.6em; }
    .shop-cta .price span {
      font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
      font-weight: bold;
      color: #68b4e8;
      letter-spacing: 1px;
      font-size: 30px;
      font-size: 1.875em;
      line-height: 1em; }

.shop-basket-section {
  background: #fff;
  padding: 25px 20px 20px;
  margin: 0 0 20px; }
  .shop-basket-section td {
    padding: 0 10px 5px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 0.875em;
    line-height: 1.3em;
    font-weight: bold; }
  .shop-basket-section .checkout {
    display: inline-block;
    padding: 10px 10px;
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #818d86;
    color: #fff;
    letter-spacing: 1px;
    font-size: 20px;
    font-size: 1.25em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase; }

.gig-calendar {
  background: #000;
  width: 100%;
  display: inline-block;
  margin: 0 0 20px;
  text-align: center; }

.calendar-nav {
  width: 100%;
  background: #46c8f5;
  list-style: none;
  text-align: center;
  padding: 0 20px;
  margin: 0 0 20px; }
  .calendar-nav li {
    display: inline-block; }
  .calendar-nav a {
    display: block;
    height: 50px;
    color: #fff;
    text-decoration: none;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 23px;
    font-size: 1.4375em;
    line-height: 2.1em; }
    .calendar-nav a:hover {
      color: #c8effc; }
  .calendar-nav .paging-prev {
    float: left; }
  .calendar-nav .paging-next {
    float: right; }

.calendar {
  display: inline-block;
  margin: 0 20px 30px; }
  .calendar thead {
    display: none; }
  .calendar td {
    width: 36px;
    height: 36px;
    background: #4d4d4d;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000; }
  .calendar .notinmonth {
    background: #000; }
  .calendar .day, .calendar .has-event {
    color: #fff;
    letter-spacing: 1px;
    font-size: 24px;
    font-size: 1.5em;
    line-height: 1em; }
  .calendar .today {
    background: #828282; }
  .calendar a {
    color: #46c8f5; }
    .calendar a:hover {
      color: #fff; }

.daily-events {
  list-style: none;
  margin: 0 20px;
  padding: 0 0 40px;
  text-align: left;
  background: url(/_assets/img/small-dashed-divider.png) left top repeat-x; }
  .daily-events li {
    padding: 30px 0 40px;
    background: url(/_assets/img/small-dashed-divider.png) left bottom repeat-x; }
  .daily-events .title {
    color: #46c8f5;
    letter-spacing: 1px;
    font-size: 24px;
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
    padding: 0 0 5px;
    text-decoration: none;
    font-weight: bold; }
    .daily-events .title:hover {
      color: #46c8f5; }
  .daily-events p {
    color: #fff;
    letter-spacing: 1px;
    font-size: 18px;
    font-size: 1.125em;
    line-height: 1.3em;
    margin: 0;
    padding: 0 0 30px; }
  .daily-events .book-event {
    color: #46c8f5;
    letter-spacing: 1px;
    font-size: 20px;
    font-size: 1.25em;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    text-decoration: none; }
    .daily-events .book-event:hover {
      color: #fff; }

/*==============================================================================

    End of Main Content

==============================================================================*/
/******************************************************************************/
/* ===========================================================================


    Footer


============================================================================ */
.footer-hr {
  height: 23px;
  margin: 0 0 20px;
  padding: 0;
  border: 0px;
  background: #46c8f5; }

.footer {
  height: 130px;
  width: 100%;
  padding: 36px 0 0;
  /* carry accross */
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  /* carry accross */
  border-top: 1px solid #46c8f5;
  text-align: center; }
  .footer p {
    padding: 0;
    margin: 0 0 30px;
    color: #A7A7A7;
    letter-spacing: 2px;
    font-size: 12px;
    font-size: 0.75em;
    line-height: 1.4em; }
    .footer p a {
      color: #A7A7A7;
      text-decoration: none; }
      .footer p a:hover {
        color: #fff; }
  .footer .footer-nav li:last-of-type a {
    border: 0px; }
  .footer .footer-nav .active a {
    color: #46c8f5; }
    .footer .footer-nav .active a:hover {
      color: #fff; }
  .footer .footer-nav a {
    display: block;
    padding: 0 10px;
    color: #D9D9D9;
    letter-spacing: 2px;
    font-size: 12px;
    font-size: 0.75em;
    line-height: 1.4em;
    border-right: 1px solid #808080; }
    .footer .footer-nav a:hover {
      color: #fff; }

/*==============================================================================

    End of Footer

==============================================================================*/
/*
 * Project: CirclePlayer
 * http://www.jplayer.org
 *
 * Copyright (c) 2012 Happyworm Ltd
 *
 * Author: Silvia Benvenuti
 * Edited by: Mark J Panaghiston
 * Date: 2nd October 2012
 * Artwork inspired by: http://forrst.com/posts/Untitled-CJz
 */
.cp-jplayer,
.cp-container {
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
  margin: 7px 0 0 0; }

.cp-container :focus {
  border: none;
  outline: 0; }

.cp-buffer,
.cp-buffer,
.cp-progress,
.cp-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #46c8f5;
  border-radius: 50%;
  -moz-border-radius: 50%; }

.cp-buffer,
.cp-buffer {
  background: url("buffer.png") 0 0 no-repeat; }

/* FALLBACK for .progress
 * (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
 * (It needs the container selector to work. Or use div)
 */
.cp-container .cp-fallback {
  background: url("progress_sprite.jpg") no-repeat;
  background-position: 0 104px; }

.cp-progress,
.cp-progress {
  background: url("progress.png") 0 0 no-repeat; }

.cp-buffer-holder,
.cp-progress-holder,
.cp-circle-control {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #46c8f5; }

.cp-circle-control {
  cursor: pointer; }

.cp-buffer-holder,
.cp-progress-holder {
  clip: rect(0px, 104px, 104px, 52px);
  display: none; }

/* This is needed when progress is greater than 50% or for fallback */
.cp-buffer-holder.cp-gt50,
.cp-progress-holder.cp-gt50,
.cp-progress-1.cp-fallback {
  clip: rect(auto, auto, auto, auto); }

.cp-controls {
  margin: 0;
  margin: 0;
  width: 25px;
  padding: 0px;
  height: 25px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute; }

.cp-controls div {
  list-style-type: none;
  display: block;
  padding: 0;
  margin: 0px;
  background: transparent;
  /*IE Fix*/
  position: absolute; }

.cp-controls div a {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  z-index: 1;
  cursor: pointer;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%; }

.cp-controls .cp-play {
  text-indent: -99999px; }
  .cp-controls .cp-play:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 4px;
    bottom: auto;
    left: auto;
    border-width: 7px 0 7px 12px;
    border-color: transparent #fff;
    border-style: solid;
    display: block;
    width: 0; }

.cp-controls .cp-play:hover {
  opacity: 0.8; }

.cp-controls .cp-pause:after {
  content: "";
  position: absolute;
  height: 13px;
  width: 3px;
  top: 6px;
  right: 7px;
  bottom: auto;
  left: auto;
  border-left: 4px solid white;
  border-right: 4px solid white;
  display: block; }

.cp-controls .cp-pause:hover {
  opacity: 0.8; }

.cp-jplayer {
  width: 0;
  height: 0; }

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