/* 1200px Media Query for the Skeleton Grid - http://getskeleton.com
* Adapted from http://www.aliaspooryorik.com/blog/index.cfm/e/posts.details/post/responsive-css-grid-systems-345
* Added .alpha.omega combo classes. Hope to see that fixed in later versions of Skeleton: https://github.com/dhgamache/Skeleton/issues/68
*/


/* #Base 1200 Grid
================================================== */
    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
    .column.alpha.omega, .columns.alpha.omega   { margin-left: 0; margin-right: 0}

    /* Base Grid */
    .container .one.column                      { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; }
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-fifth.column                { width: 220px; }

    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 780px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 380px; }
    .container .offset-by-six                   { padding-left: 455px; }
    .container .offset-by-seven                 { padding-left: 530px; }
    .container .offset-by-eight                 { padding-left: 605px; }
    .container .offset-by-nine                  { padding-left: 680px; }
    .container .offset-by-ten                   { padding-left: 755px; }
    .container .offset-by-eleven                { padding-left: 830px; }
    .container .offset-by-twelve                { padding-left: 905px; }
    .container .offset-by-thirteen              { padding-left: 980px; }
    .container .offset-by-fourteen              { padding-left: 1055px; }
    .container .offset-by-fifteen               { padding-left: 1130px; }



/* #Base 960 Grid
================================================== */
 @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container                                  { width: 960px; }
    .column, .columns                           { margin-left: 10px; margin-right: 10px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-fifth.column                { width: 172px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
 }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-fifth.column                { width: 133px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-fifth.column,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-fifth.column,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }



/*
Cutting Edge Template

Table of Contents:
    Reset
    Common
    Typography
    Layout
    Supersized Slideshow
    Youtube Player
    Parallax
    Portfolio
    About Us
    Services
    Features
    Accordion
    Tooltips
    Contacts
    Form Elements
    Flickr
    Alert Boxes
    Footer
    Our Clients
    Misc
    Media Queries
*/

/*
 *
 *images
 *
 *
 *
 */
/*.salonImage, .serviceImage, .teamImage{
    -webkit-filter: grayscale(1);
}*/


/* #Reset & Basics (Inspired by E. Meyers)
--------------------------------------------------------*/

html, body {
    height: 100%;
}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.column, .columns{
    margin-right:5px;
    margin-left:5px;
}

/* Commons
--------------------------------------------------------*/


::-moz-selection {background: #D6D6D6;color: #fff; }
::selection {background: #D6D6D6;color: #fff; }

body {
    background-color: #fff;
    font: 15px 'Oswald', sans-serif;
    font-weight: 300;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-align: left;
    width: 100%;
    height: 100%;
    text-align: center;

}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.embed-container {
    max-width:960px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 30%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    margin-top: 30px;
    height: 0;
    overflow: hidden;
    width: 100%;
    border-bottom: 10px solid #D6D6D6;
    border-top: 10px solid #D6D6D6;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hidden {
    display: none;
}

img.scale-with-grid {
    max-width: 100%;
    height: auto; }


/* Typography
--------------------------------------------------------*/

h1, h2, h3, h4 {
    font-weight: 300;
    font-family: 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;/*'Oswald', sans-serif;*/
    color: #222;
    margin: 0 0 6px;
}
h1 {
    font-size: 90px;
    letter-spacing: -2px;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    line-height: 1;
}
h1 span{
    color: #000;/*#D6D6D6*/
}
h2 {
    font-size: 44px;
    text-transform: uppercase;
    position: relative;
}
h2.white {
    color: #fff;
}
h3 {
    font-size: 22px;
    line-height: 1;
    color: #555;
}
h3.sectionTitle {
    border-bottom: 1px solid #cacaca;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 26px 0 6px;
}
.small {font-size: 36px; font-weight:300;}
.smallBold {font-size: 36px; font-weight:700;}
.medium {font-size: 44px; text-transform: uppercase;}
.mediumBold {font-size: 44px; font-weight:700; text-transform: uppercase;}
.large {font-size: 56px; text-transform: uppercase;}
.largeBold {font-size: 56px; font-weight:700; text-transform: uppercase;}
.author {font-size: 18px; font-weight:300;}

h4 {
    font-size: 22px;
}
p {
    margin-bottom: 10px;
}
p a {
    color: #C5C5C5;
    text-decoration: none;
}
p a:hover {
    color:#B4B4B4;
    transition: color 0.5s;
}
a {
    color:#D6D6D6;
    text-decoration:none;
}
a:hover{
    color:#907111;
}
strong {
    font-weight: 700;
}
.introtext {
    font-size: 20px;
    margin-bottom: 35px;
}
.marginTop {
    margin-top: 30px;
}
.highlight {
    background: #D6D6D6;
    color: #FFFFFF;
    padding: 0 6px;
}
.dropcap {
    background: #D6D6D6;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    margin: 7px 7px 0 0;
    text-align: center;
    width: 44px;
}

/* Layout
--------------------------------------------------------*/

.homepage{
    position:relative;
    overflow:hidden;
    z-index:1;
    margin-bottom: -50px;
}
.page{
    position:relative;
    overflow:hidden;
    z-index:2;
   /* max-width: 1200px;
    margin: 0 auto;*/
}
.page.desktop{
    position:relative !important;
    z-index:6;
}
.page {
    padding-top: 75px;
    padding-bottom: 75px;
}
.page{
    background:#fff;
    background-attachment:scroll;
}
nav {
    background: #000;
    background: rgba(0,0,0,0.8);
    width: 100%;
    position: relative;
    z-index: 1000;
    height: 46px;
    text-align: center;
    border-bottom: 6px solid #D6D6D6;
}
nav ul {
    height: 38px;
    display: inline-block;
    padding-top: 9px;
}
nav ul li {
    position: relative;
    float: left;
    margin: 0;
}
nav ul li a {
    font-family: 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;/*'Oswald', sans-serif;*/
    font-size: 18px;
    font-weight: 400;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
}
nav ul li a:hover {
    color: #D6D6D6;
    transition: color 0.5s;
}
.dropmenu {
    display: none;
}

#homepage .container {
    height: 100%;
}
.logo {
    width:30em;
    margin-top: 25px;
    background-color:rgba(255,255,255,0.8);
    padding:15px;
}
.main_logo {
    height:250px;
    width:50em;
    float:right;
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(25%,rgba(255,255,255,0.5)), color-stop(65%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* supersized slideshow
--------------------------------------------------------*/

.slider-text {
    width: 100%;
}
.slider-text {
    bottom: 0px;
    min-height: 220px;
    overflow: hidden;
    position: absolute;
}
#prevslide, #nextslide{
    position:absolute;
    height:40px;
    width:40px;
    top:64px;
    margin-top:-21px;
    opacity:0.8;
    border-radius: 50%;
}
#prevslide{
    right:60px;
    background:url('../themes/craigbolam/assets/images/icons/icon-up-arrow.png') center center no-repeat #000;
}
#nextslide{
    right:10px;
    background:url('../themes/craigbolam/assets/images/icons/icon-down-arrow.png') center center no-repeat #000;
}
#prevslide:active, #nextslide:active{
    margin-top:-19px;
}
#prevslide:hover, #nextslide:hover{
    cursor:pointer;
}

#slidecaption h2{
    text-shadow: 0 0 5px #000;
    font-weight: 700;
    font-size: 84px;
    color: #fff;
    text-align: left;
    line-height: 1;
}
#slidecaption h2 span{
    font-weight: 300;
    font-size: 86px;
}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../themes/craigbolam/assets/images/progress.gif) no-repeat center center;}

#supersized {  display:block; position:absolute; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }   /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }           /*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../themes/craigbolam/assets/images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }





/* parallax
--------------------------------------------------------*/

.parallax{
    width:100%;
    /*max-width: 1200px;
    margin: 0 auto;*/
    height:480px;
    padding:0;
    background-attachment:fixed;
    background-repeat:no-repeat;
    border-top:10px solid rgba(255,255,255,0.3);
    border-bottom:10px solid rgba(255,255,255,0.3);
    color:#fff;
    position:relative;
    background-size: cover;
}
.parallax .quoteWrap{
    display:table;
    width:100%;
    height:100%;
    padding:0 !important;
    margin:0 !important;
}
.parallax.fixed{
    background-attachment:fixed;
}
.parallax.fixed-desktop{
    background-attachment:fixed !important;
}
.parallax .quoteWrap .quote{
    display: table-cell;
    vertical-align:middle;
}
.parallax {
    text-align:center;
}
.parallax h3 span{
    text-shadow: 0px 0px 20px #000;
    color: #fff;
}
.parallax h3 span.largeBold {
    text-shadow: 0px 0px 20px #000;
    color: #FFF;
}
.parallaxText {
    display: table-cell;
    vertical-align: middle;
}
.imageClip {
    background:url(../themes/craigbolam/assets/images/parallax/model-clipped.png) center center no-repeat;
    width: 287px;
    height: 800px;
    margin: -500px auto 0 auto;
}
.cutting {.home-tweets-ul a
    font-size: 150px;
    font-weight: 700;
    opacity: 0.5;
    margin-left: -150px;
}

/* default latge paralax images */
#parallax-2{
    background-image: url(../themes/craigbolam/assets/css/images/parallax/parallax-2.jpg);
}







/* Twitter
--------------------------------------------------------*/
.home-tweets-ul li {
    margin: 0;
    padding: 40px 0 0 0;
    background: url(../themes/craigbolam/assets/images/icons/social-twitter.png) no-repeat center top;
    font-size: 40px;
    text-shadow: 1px 1px 4px #000;
    color:#fff;
}

.home-tweets-ul a {
    color: #fff;
    text-shadow: 0px 0px 20px #000;
    font-size: 32px;
}
.home-tweets-ul a:hover {
    color: #aaa;
}

.home-tweets-ul b a {
    /*color: #222;
    color: rgba(255,255,255,0.6);*/
    font-weight: normal;
    font-size: 32px;
    text-shadow: none;
}


/* Salon
--------------------------------------------------------*/

#salon {
    clear: left;
}
.salonImage {
    margin-bottom: 30px;
}
.teamImage img {
    border-radius: 50%;
    margin: 20px auto 30px;
    box-shadow: 0 0 0 1px #fff inset;
    background-color:#000;
}
.teamOverlay {
    /*border: 5px solid #D6D6D6;*/
    border-radius: 50%;
   /* box-shadow: 0 0 0 10px rgba(237, 201, 175, 0.3) inset;*/
    width: 270px;
    height: 270px;
    margin-bottom: 30px;
    margin-top: 20px;
    position: absolute;
}





/* Services
--------------------------------------------------------*/

.serviceImage {
    /*border: 5px solid #D6D6D6;*/
    border-radius: 50%;
   /* box-shadow: 0 0 0 10px rgba(237, 201, 175, 0.3) inset;*/
    width: 220px;
    height: 220px;
    transition: all 0.5s ease-in-out 0s;
    margin: 20px auto 30px;
    background-color:#000;
}
.serviceImage h4{
    text-align: center;
    padding-top: 90px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.8s ease-in-out 0s;
}
/*.serviceImage:hover {
    box-shadow: 0 0 0 110px rgba(255,255,255, 0.9) inset;
}
.serviceImage:hover h4{
    opacity: 1;
    transform: scale(1);
}*/
.circle {
    border-radius: 50%;
}

table {
    border: medium none;
    border-collapse: separate;
    border-radius: 6px 6px 6px 6px;
    border-spacing: 0;
    margin-bottom: 15px;
    width: 100%;
}
table th {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(center bottom , #F7F7F7 0%, #FFFFFF 100%);
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    text-align: center;
    vertical-align: top;
}
table th:first-child {
    border-radius: 6px 0 0 0;
}
table td:last-child {
    border-right: 1px solid #DDDDDD;
}
table th:last-child {
    border-radius: 0 6px 0 0;
    border-right: 1px solid #DDDDDD;
}
table td {
    border-color: #D6D6D6;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 1px 1px;
    padding: 10px 15px;
    transition: all 0.4s ease-in-out 0s;
}
table tr:hover td {
    background-color: #D6D6D6;
    color: #000;
}


/* Promotions
--------------------------------------------------------*/


/* Accordion */

.accTrigger {
    cursor: pointer;
    display: block;
    margin: 10px 0;
    background: #fff;
    border-radius: 30px;
    border-bottom: 6px solid #D6D6D6;
    transition: all 0.5s ease-in-out 0s;
    background: #E7E7E7;
}
.accTrigger:hover {
    background: #B9B9B9;
    border-bottom: 6px solid #ABABAB;
}
.accTrigger a {
    display: block;
    color: #000;
    outline: none;
    padding: 10px;
    text-decoration: none;
    font-size: 24px;
    transition: all 0.5s ease-in-out 0s;

}
.accTrigger.active a {
    cursor: default;
}
.accTrigger.active  {
    background: #E7E7E7;
    border-bottom: 6px solid #D6D6D6;
}
.accTrigger a:hover {
    color: #000;
}
.accContainer .content{
    padding: 2px 15px 5px 15px;
    line-height: 19px;
}
.accContent p {
    margin-bottom: 10px;
}
.accContent {
    padding: 10px 0;
}
.accImage {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
}
.accImageInner {
    border-radius: 200px;
    border: 3px solid #D6D6D6;
    padding: 2px;
    width:94%;
}
.accImage img{
    border-radius: 200px;
    display: block;

}
.accTitle, .accText {
    width: 35%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.accTitle h3{
    font-size: 54px;
    color: #D6D6D6;
    margin-left: 10%;
    margin-bottom: 0;
}
.accTitle h2{
    font-size: 90px;
    color: #D6D6D6;
    margin-left: 10%;
    margin-bottom: 0;
}
.accText p{
    margin: 10px 0 10px 5%;
    font-size: 16px;
}


/* gallery
--------------------------------------------------------*/

.thumbLink {
    display: block;
    width: 100%;
}
.thumbImage {
    box-sizing: border-box;
    border: 5px solid rgba(237, 201, 175, 0.9);
    border-radius: 220px 220px 220px 220px;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.thumbImage img {
    border-radius: 220px 220px 220px 220px;
}
.da-thumbs {
    margin-top: 10px;
    position: relative;
}
.da-thumbs article {
    position: relative;
}
.da-thumbs article a, .da-thumbs article a img {
    display: block;
    position: relative;
}
.da-thumbs article a {
    overflow: hidden;
}
.thumbImage div {
    height: 65%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.thumbImage div {
    display: none;
    padding-top: 35%;
}
.thumbImage img {
    transition: all 0.3s ease-in-out 0s;
}
.thumbImage div.da-animate {
    transition: all 0.3s ease-in-out 0s;
}
.da-slideFromTop {
    left: 0;
    top: -100%;
}
.da-slideFromBottom {
    left: 0;
    top: 100%;
}
.da-slideFromLeft {
    left: -100%;
    top: 0;
}
.da-slideFromRight {
    left: 100%;
    top: 0;
}
.da-slideTop {
    top: 0;
}
.da-slideLeft {
    left: 0;
}
.iconWrapper {
    background-color: rgba(237, 201, 175, 0.7);
    background-image: url("../themes/craigbolam/assets/images/btn-zoom.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    height: 60px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 1000;
}
#gallery h3  {
    margin-bottom: 20px;
}


/*contact
--------------------------------------------------------*/

.contactDetails p {
    padding-left: 17px;
    font-size: 18px;
}
.contactDetails {
    text-align: left;
}
.contactAddress {background: url("../themes/craigbolam/assets/images/icons/icon-address-grey.png") no-repeat scroll left 3px transparent;}
.contactPhone {background: url("../themes/craigbolam/assets/images/icons/icon-phone-grey.png") no-repeat scroll left 3px transparent;}
.contactEmail {background: url("../themes/craigbolam/assets/images/icons/icon-email-grey.png") no-repeat scroll left 5px transparent;}
.contactSkype {background: url("../themes/craigbolam/assets/images/icons/icon-skype-grey.png") no-repeat scroll left 5px transparent;}
.contactTime {background: url("../themes/craigbolam/assets/images/icons/icon-time-grey.png") no-repeat scroll left 5px transparent;}



/*form elements*/

textarea {
    height:147px;
    padding:20px;
    margin-bottom:20px;
    overflow:auto;
}

.formSecWrap {
    float: left;
    margin-right: 20px;
}
.formSecWrap2 {
    margin-right: 0px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: #E7E7E7;
    border: none;
    border-radius: 20px;
    color: #777777;
    display: block;
    margin: 0 0 10px 0;
    outline: medium none;
    padding: 4px 10px;
    width: 410px;
    font-family: 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;/*'Oswald', sans-serif;*/
    font-size: 16px;
    font-weight: 300;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    color: #444444;
}

.formWrap {
    margin-top: 60px;
}
.formWrap label{
    margin: 0 0 2px 0;
    display: block;
    text-align: left;
}
.formWrap input[type="submit"]{
    margin: 10px 0 20px 0;
}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background: #B4B4B4;
    border-radius: 20px;
    padding: 4px 10px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    border: none;
    margin: 0 0 10px 0;
    line-height: 21px;
    text-align: center;
    transition: all 0.6s ease-in-out;
}
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background: #909090;
}

.newsForm input[type="text"], .newsForm input[type="email"]{
    width: 280px;
    padding: 4px 10px;
    display: inline-block;
    margin-right: 10px;
}
.newsForm input[type="submit"]{
    width: auto;
    padding: 4px 10px;
    display: inline-block;
    margin-right: 10px;
}

/* Alert Boxes
--------------------------------------------------------*/

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: left;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 3px;
}
.alert h4 {
    margin: 0;
}
.alert p {
    margin: 0;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -35px;
    line-height: 20px;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
button.close {
    background: none;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}


/*footer
--------------------------------------------------------*/

#footer{
    position:relative;
    overflow:hidden;
    padding:30px 0 50px 0;
    z-index:1;
    background:#fff;
}
#footer p.copyright{
    margin-bottom:0;
    margin-top: 20px;
    text-align: center;
    color: #888888;
}




/* Social
--------------------------------------------------------*/

.socialLinks  {
    text-align: center;
}
.socialLinks li {
    display: inline-block;
    margin: 10px 5px 10px 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*background-color: #B4B4B4;*/
    transition: all 0.6s ease-in-out;
}
.socialLinks li a {
    display: block;
    height: 16px;
    width: 20px;
}
.socialLinks li a img{
    display: block;
    height: 30px;
    width: 30px;
    margin: 15px 0 0 15px;
}
.socialLinks li:hover {
    /*background-color: #909090;*/
}

.twitter {background-image: url("../themes/craigbolam/assets/images/icons/social-twitter.png");}
.facebook {background-image: url("../themes/craigbolam/assets/images/icons/social-facebook.png");}
.vimeo {background-image: url("../themes/craigbolam/assets/images/icons/social-vimeo.png");}
.youtube {background-image: url("../themes/craigbolam/assets/images/icons/social-youtube.png");}
.skype {background-image: url("../themes/craigbolam/assets/images/icons/social-skype.png");}
.linkedin {background-image: url("../themes/craigbolam/assets/images/icons/social-linkedin.png");}
.pinterest {background-image: url("../themes/craigbolam/assets/images/icons/social-pinterest.png");}
.googleplus {background-image: url("../themes/craigbolam/assets/images/icons/social-google+.png");}
.flickr {background-image: url("../themes/craigbolam/assets/images/icons/social-flickr.png");}
.rss {background-image: url("../themes/craigbolam/assets/images/icons/social-rss.png");}


/* mailchimp */
#mc_embed_signup .clear {
    visibility:visible;
    display:inline;
}
#mc_embed_signup form {
    text-align:center !important;
}
#mc_embed_signup input.email, #mc_embed_signup input.button {
    margin:auto !important;
}
#mc_embed_signup input.button {
    margin-top:15px !important;
}
.newsletter {
    margin-top:40px;
}
#mc_embed_signup input.button {
    border-radius: 16px;
}


/* MISC
--------------------------------------------------------*/

    .clear{float:none;}



/* Media Queries
--------------------------------------------------------*/

/* Smaller than standard 1199 (devices and browsers) */
@media only screen and (max-width: 1199px) {

    .parallax.fixed{background-attachment:scroll; background-position: center center;}
}


/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 320px;}
    .teamOverlay {width: 210px; height: 210px;}
    .accTitle h2 {font-size: 80px;}
    .accTitle h3 {font-size: 44px;}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    .small {font-size: 30px; font-weight:300;}
    .smallBold {font-size: 30px; font-weight:700;}
    .medium {font-size: 38px; text-transform: uppercase;}
    .mediumBold {font-size: 38px; font-weight:700; text-transform: uppercase;}
    .large {font-size: 50px; text-transform: uppercase;}
    .largeBold {font-size: 50px; font-weight:700; text-transform: uppercase;}
    .author {font-size: 16px; font-weight:300;}
    .cutting { font-size: 100px;}
    .accImage img{width: 100%;}
    #slidecaption h2{font-size: 72px;}
    #slidecaption h2 span{font-size: 84px;}

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 248px;}
    .newsForm input[type="text"], .newsForm input[type="email"] {width: 210px;}
    .imageClip2 {margin-top: 120px;}
    .teamOverlay {width: 162px; height: 162px;}
    .accTitle h2 {font-size: 60px;}
    .accTitle h3 {font-size: 36px;}
    .container .column, .container .columns{
        margin-right:5px;
        margin-left:5px;
    }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .dropmenu { display: block; margin-top: 5px; }
    #nav {display: none;}
    #slidecaption { display:none;}
    #prevslide, #nextslide{top:120px;}
    #prevslide {right: 45px; transform: scale(.5);}
    #nextslide {right: 22px; transform: scale(.5);}
    .homepage {margin-bottom: -50px;}
    h1 {font-size: 64px;}
    .parallax { height: 350px;}
    .cutting { display: none;}
    .accTitle h2 {font-size: 40px;}
    .accTitle h3 {font-size: 24px;}
    .accText {display: none;}
    .accTrigger a {font-size: 20px;}
    .imageClip {background-size: 60%;}
    #layout-content{margin-left: -15px;}
    h2{margin-top:35px;}
    .main_logo{
        height: 250px;
        float: left;
        background:none;
    }
    .logo{-webkit-transform: scale(.75);margin-top:50px;}
    .slider-text { overflow: visible;right: 110px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 400px;}
    .newsForm input[type="text"], .newsForm input[type="email"] {width: 400px;}
    .imageClip2 {margin-top: 152px;}
    .teamOverlay {width: 410px; height: 410px;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 280px;}
    .imageClip2 {margin-top: 211px;}
    .teamOverlay {width: 290px; height: 290px;}
    .logo{-webkit-transform: scale(.6);}
    .slider-text { right: 230px;}

}
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:12px;font-weight:400;line-height:14px;margin:5px 50px 5px 0;color: #333;}
div.pp_default .pp_bottom .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../themes/craigbolam/assets/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:90%;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../themes/craigbolam/assets/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../themes/craigbolam/assets/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../themes/craigbolam/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
.pp_social {display:none;}

@media only screen and (max-width: 767px) {

/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }
}