/*
This file includes the following files:
 - /core/css/html5.css
 - /css/richtext.css
 - /css/style.css
*/

/* ---------- Start /core/css/html5.css ---------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
body {
    line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main { 
    display:block;
}
nav ul {
    list-style:none;
}
button {
	font-family: inherit;
}
a img, :link img, :visited img {
	border: 0;
}
a:active, a:focus, input:active {
	outline: 0;
}
a:active, a:focus, input:focus {
	-moz-outline-style: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
blockquote, q {
    quotes:none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
img {
	vertical-align: bottom; /*html5ness*/
}
/*Add to a container to fix light text on a dark bg*/
.lightondark,
.lightondark h1,
.lightondark h2,
.lightondark h3,
.lightondark h4,
.lightondark h5,
.lightondark h6,
.lightondark p,
.lightondark a {
	opacity: 0.99;
	-webkit-font-smoothing: antialiased;
	-webkit-opacity: 1;
}
.clearing {
	clear: both;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
}
.clearafter:after,
.cf:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
}
#ie6 .clearafter,
#ie7 .clearafter,
#ie6 .cf,
#ie7 .cf {
	zoom: 1;
}
#ie6 .pngfix {
	behavior: url("/core/javascript/iepngfix/iepngfix.htc"); /*IE6 fix alpha transparency*/
}
#ie6 {
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); /*IE6 BG flicker*/
}
/* Never create an empty :hover, :active etc. declaration, please. Breaks the following */
#ie6 body {
	behavior: url("/core/javascript/csshover.htc"); /*IE6 whatever:hover*/
}
#ie6,
#ie7,
#ie8,
#ie9 {
	height: 100%;
}

.core-asset-pending {
	background: #CCC;
	color: #666;
}
	.core-asset-pending p {
		padding: 47% 7% 0% 7%;
		text-align: center;
		font-size: 1.2em;
	}


/* ---------- End /core/css/html5.css ---------- */

/* ---------- Start /css/richtext.css ---------- */

/* ======================= */
/* = Richtext stylesheet = */
/* ======================= */

/* This should only apply to the wysiwyg */
body.richtext {
	font-size: 75%;
	background: #FFF;
}

.richtext {
	font-family: Arial, Helvetica, sans-serif;
	color: #2F3B3B;
}
a {
	color: #3C4847;
	text-decoration: none;
}
.richtext a {
	text-decoration: underline;
}
	.richtext a:hover {
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif; 
	margin-bottom: 0.4em;
}
h1 {
	font-size: 2.3333em;
}
h2 {
	font-size: 2.1667em;
}

h3 {
	font-size: 2em;
}

h4,
h5,
h6 {
	font-size: 1.8333em;
}

.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
/*	margin-bottom: 0.5em;*/
}

p {
	font-size: 1.08333em;
	line-height: 2.3;
	margin-bottom: 1em;
/*	text-align: left;*/
	color: #999;
}
p.richtext,
.richtext p {
	color: #999;
}
hr {
	display: block;
	height: 0;
	padding: 0;
	outline: 0;
	border: 1px solid #DDD;
	border-width: 1px 0 0 0;
	margin: 20px 0;
}
#ie6 hr,
#ie7 hr {
	margin-top: 13px;
	margin-bottom: 12px;
}
.richtext ul,
.richtext ol {
	margin-bottom: 30px;
	font-size: 1.08333em;
	padding-left: 1.5em;
}
.richtext ul ul,
.richtext ol ol {
	margin-top: 0.3em;
}
.richtext li {
	line-height: 1.5;
	margin-bottom: 0.5em;
	color: #818181;
}
.richtext li:last-child {
	margin-bottom: 0;
}
.richtext ul {
	list-style: disc outside;
}
.richtext ol {
	list-style: decimal outside;
	counter-reset: li;
}
.generatedcontent .richtext ul,
.generatedcontent .richtext ol {
	list-style: none;
	padding-left: 25px;
}
	.richtext ol li {
		line-height: 2.3;
	}
	.generatedcontent .richtext ol > li:before {
		content: counter(li)".";
	    counter-increment: li;
		position: relative;
		top: -1px;
		font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
		font-size: 1.0769em;
		color: #2F3B3B;
		float: left;
		margin-left: -25px;
	}

.richtext ol ol {
	list-style-type: lower-alpha;
}

.richtext ol ol ol {
	list-style-type: lower-roman;
}

.richtext ul li {

}
	.richtext ul > li {

	}
	.generatedcontent .richtext ul > li:before {
		content: "";
		float: left;
		position: relative;
		top: -2px;
		margin-top: 0.75em;
		margin-left: -25px;
		height: 4px;
		width: 4px;
		background: #2F3B3B;
		-webkit-border-radius: 50%; /* Saf3+, Chrome */
		   -moz-border-radius: 50%; /* FF1+ */
		        border-radius: 50%; /* Opera 10.5, IE 9 */ 
	}

dl {
	padding-left: 120px;
	line-height: 1.5;
	font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
	text-transform: uppercase;
	font-size: 1.1667em;
	padding-bottom: 15px;
}
.richtext dl {

}

.richtext dt {
	float: left;
	clear: both;
	margin-left: -120px;
	width: 100px;
}
.richtext dt:after {
	content: ':';
}

.richtext dd {
	margin-bottom: 15px;
}
	.richtext dd a {
		text-transform: none;
	}


.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5 {
	/* clear: left; */
}

.thumbnail {
	float: left;
	margin: 10px 15px 10px 0;
}

.thumbnail-alt {
	float: right;
	margin: 10px 0 10px 15px;
}


/* ---------- End /css/richtext.css ---------- */

/* ---------- Start /css/style.css ---------- */

/* ============================ */
/* = Sipsmith Main Stylesheet = */
/* ============================ */

/* ========= */
/* = Frame = */
/* ========= */
/* start layout */
html {
    height: 100%;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    background: #FFF;
    height: 100%;
    color: #2F3B3B;
}
#outer-wrapper {
    min-height: 100%;
    min-width: 1080px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}
.inner {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.content {
    border-top: 1px solid #DDD;
    padding: 30px 0 0;
    margin-bottom: 30px;
}
/* end layout */
/* start header */
#header {
    border-top: 63px solid #EFEFEF;
    padding-bottom: 10px;
    padding-top: 1.1667em;
}
    #header nav {
        border-top: 3px solid #1C1C1C;
        background: #EFEFEF;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
/*      min-width: 1080px;*/
        z-index: 500;
    }
        #header nav ul {
            padding: 30px 0 20px;
            font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
            text-transform: uppercase;
/*          font-weight: 600;*/
            padding-right: 150px;
            width: 830px;
            background: transparent url(/images/logo-type.png) no-repeat 100% -1000px;
        }
        #header.sticky nav ul {
            background-position: 100% 50%;
        }
            #header nav li {
                font-size: 1.1667em;
                float: left;
                margin-right: 55px;
                margin-bottom: 10px;
            }
                #header nav a {
                    text-decoration: none;
                    color: #2E2E2E;
                    padding: 10px 10px;
                    margin-left: -10px;
                }
                #header nav .active a,
                #header nav a:hover {
                    text-decoration: underline;
                }
    #header .inner {
    }
        #header hgroup {
            position: relative;
            padding-top: 156px;
            z-index: 501;
            background: transparent url(/images/logo-swan.png) no-repeat 100% 0;
            float: right;
            margin-top: -60px;
            width: 178px;
            overflow: hidden;
        }
            #header hgroup h1 {
                text-indent: -1000em;
                font-size: 1em;
                height: 46px;
                width: 178px;
                right: 0;
                background: transparent url(/images/logo-type.png) no-repeat 100% 50%;
                z-index: 501;
                margin: 0;
            }
            #header hgroup h2 {
                position: fixed;
                width: 100%;
                left: 0;
                top: 0;
                z-index: 503;
                text-indent: -1000em;
                height: 15px;
                border-top: 3px solid #1C1C1C;
                background: transparent; /* Old browsers
                /*    background-image:-moz-linear-gradient(top, #F0F0F0 0px, rgba(240,240,240,0) 15px); /* FF3.6+ */
                /* background-image:-webkit-linear-gradient(top, #F0F0F0 0px, rgba(240,240,240,0) 15px); /* Chrome10+,Safari5.1+ */
                /*     background-image:-ms-linear-gradient(top, #F0F0F0 0px, rgba(240,240,240,0) 15px); /* IE10+ */
                /*               background:linear-gradient(top, #F0F0F0 0px, rgba(240,240,240,0) 15px); /* W3C */
            }
            #header.sticky hgroup h1 {
                visibility: hidden;
            }
    #header blockquote {
        width: 725px;
        float: left;
        padding-top: 30px;
    }
        #header blockquote p {
            color: #2F3B3B;
            font-size: 2.08333em;
        }
        #header blockquote cite {
            font-size: 1em;
            padding-top: 1em;
        }
/* end header */
/* start footer */
#footer {
    background: #EBEBEB;
    padding-top: 40px;
}
    #footer .inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    #footer .cols.inner {
        padding-left: 40px;
        padding-right: 0;
    }
    #footer .cols {
/*      padding-top: 20px;*/
        padding-bottom: 20px;
        background: transparent url(/images/footer-fellow.png) no-repeat 100% 100%;
    }
        #footer .cols h1 {
            font-family: 'Minion W01 SmBd', "minion-pro", times, serif;
            text-transform: uppercase;
            font-size: 1em;
            margin-bottom: 20px;
            letter-spacing: 1px;
        }
            #footer .cols h1 a:hover {
                text-decoration: underline;
            }
        #footer .cols ul {
            font-size: 0.8333em;
            text-transform: uppercase;
        }
            #footer .cols li {
                margin-bottom: 15px;
            }
                #footer .cols li a {
                    color: #818181;
                }
                #footer .cols li a:hover {
                    text-decoration: underline;
                }
        #footer .cols .subnav {
            font-size: 1em;
        }
            #footer .cols .subnav li {
                font-family: 'Minion W01 SmBd', "minion-pro", times, serif;
                text-transform: uppercase;
                font-size: 1em;
                margin-bottom: 20px;
                letter-spacing: 1px;
            }
                #footer .cols .subnav li a {
                    color: #3C4847;
                }
                #footer .cols .subnav li a:hover {
                    text-decoration: underline;
                }
        #footer .cols .social-icons li {
            float: left;
            margin-right: 9px;
        }
            #footer .cols .social-icons a {
                display: inline-block;
                width: 26px;
                height: 26px;
                background: url(/images/social-icons-mini.png) no-repeat;
                text-indent: -999999px;
            }
            #footer .cols .social-icons .facebook    { background-position: -0px   -0px; }
            #footer .cols .social-icons .twitter     { background-position: -0px  -35px; }
            #footer .cols .social-icons .google_plus { background-position: -0px  -70px; }
            #footer .cols .social-icons .pinterest   { background-position: -0px -105px; }

            #footer .cols .social-icons .facebook:hover    { background-position: -34px   -0px; }
            #footer .cols .social-icons .twitter:hover     { background-position: -34px  -35px; }
            #footer .cols .social-icons .google_plus:hover { background-position: -34px  -70px; }
            #footer .cols .social-icons .pinterest:hover   { background-position: -34px -105px; }

            #footer .cols .social-icons .facebook:active    { background-position: -68px   -0px; }
            #footer .cols .social-icons .twitter:active     { background-position: -68px  -35px; }
            #footer .cols .social-icons .google_plus:active { background-position: -68px  -70px; }
            #footer .cols .social-icons .pinterest:active   { background-position: -68px -105px; }
    #footer nav {
        background: #D7D7D7;
    }
        #footer nav ul {
            background: transparent url(/images/footer-fellows-coat.png) no-repeat 100% 0%;

            padding: 1em 0;
            font-size: 0.91667em;
            letter-spacing: 1px;
            font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
            text-transform: uppercase;
/*          font-weight: 600;*/
        }
            #footer nav li {
                float: left;
                margin-right: 20px;
            }
            #footer nav li.credit {
                float: right;
                margin-left: 20px;
                margin-right: 0;
            }
                #footer nav li.credit small {
                    font-size: 1em;
                }
                #footer nav a {
                    text-decoration: none;
                    color:#2E2E2E;
                }
    #footer .active a {
        text-decoration: underline;
    }
    #footer h1 {
        padding-top: 0;
        margin-bottom: 10px;
    }
/* end footer */
/* start address */
address {
    font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
    margin-bottom: 20px;
}
    address p {
        font-size: 1.3333em;
        margin-bottom: 0;
        line-height: 1.6;
    }
#footer address {
    margin-top: -5px;
}
/* end address */

/* ======== */
/* = Grid = */
/* ======== */
/* start columns */
.cols {
    margin-right: -40px;
}
.cols.inner {
    width: 1020px;
    padding-left: 40px;
    margin-right: auto;
}
    .cols .col {
        float: left;
        margin-right: 40px;
    }
.two .col,
.halfcol {
    width: 470px;
}
.two .col:nth-child(2n+1) {
    clear: left;
}
.three .col,
.thirdcol {
    width: 300px;
}
.three .col:nth-child(3n+1) {
    clear: left;
}
.twothirdcol {
    width: 640px;
}
.four .col,
.halfcol .two .col,
.quartercol {
    width: 215px;
}
.four .col:nth-child(4n+1) {
    clear: left;
}
.threequartercol {
    width: 725px;
}
    .threequartercol .halfcol {
        width: 342px;
    }
.five .col,
.fifthcol {
    width: 164px;
}
.five .col:nth-child(5n+1) {
    clear: left;
}
.twofifthcol {
    width: 368px;
}
.threefifthcol {
    width: 572px;
}
.fourfifthcol {
    width: 776px;
}
.six .col,
.thirdcol .two .col,
.sixthcol {
    width: 130px;
}
.leftcol {
    float: left;
}
.leftcol.bordered {
    padding-right: 20px;
    border-right: 1px dotted #CCC;
    margin-right: -1px;
    border-width: 0 1px 0 0;
    -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
}
.rightcol {
    float: right;
}
.rightcol.bordered {
    padding-left: 19px;
    border-left: 1px dotted #CCC;
    border-width: 0  0 0 1px;
    margin-left: -1px;
    -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
}
.bordertop {
    border: 1px dotted #CCC;
    padding-top: 20px;
    border-width: 1px 0 0;
    -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
}
.borderbottom {
    border: 1px dotted #CCC;
    padding-bottom: 20px;
    border-width: 0 0 1px;
    -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
}

.tasting {
    margin-right: 0px;
}
    .tasting .col {
        text-align: center;
        padding: 0 20px;
        width: 172px;
        margin-right: -1px;
        border: 1px dotted #CCC;
        border-width: 0 1px;
        -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
        -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
        border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    }
    .tasting .col:first-child {
        border-left-width: 0;
        margin-left: 1px;
    }
    .tasting .col:last-child {
        border-right-width: 0;
    }
        .tasting .col * {
            text-align: center;
        }
/* end columns */
/* start bordercols */
.bordercols {
    overflow: hidden;
    margin-bottom: 30px;
}
    .bordercols .cols {
        margin: -20px;
        overflow: hidden;
    }
    .bordercols .col {
        padding: 20px;
        margin: -1px;
        border: 1px dotted #DDD;
        background: #FFF;
        border-width: 1px;
        -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
        -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
        border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    }
/* end bordercols */

/* =========== */
/* = Utility = */
/* =========== */
/* start typesetting */
.title {
/*  padding-top: 25px;*/
    margin-bottom: 25px;
    font-family: 'Minion W01 Regular', "minion-pro", times, serif;
    font-size: 2.3333em;
    text-transform: uppercase;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.intro p,
p.intro {
    vertical-align: middle;
    font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1.75em;
    line-height: 1.9;
    margin-bottom: 0.762em;
    position: relative;
    top: -0.476em; /* line-height issues for this font */
/*  margin-top: -0.5238em;*/
    color: #8C8C8C;
}
    .intro .button {
        font-size: 0.5714em;
        margin-left: 10px;
    }
    .intro .button.fat {
        font-size: 0.6667em;
    }
.struck,
.richtext .struck {
    display: block;
    font-size: 1.08333em !important;
    text-transform: uppercase;
    border-bottom: 1px solid #D7D7D7;
    height: 0.5em;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Minion W01 Regular', 'minion-pro', times, serif;
}
h1.center {
    text-align: center;
}
.struck + h2,
.struck h1 {
    margin-top: -5px;
}
#ie6 .struck {
    overflow: hidden;
}
    .struck * {
        display: inline-block;
        position: relative;
        background: #FFF;
        padding: 0 1em;
        text-decoration: none !important;
    }
time {
    display: block;
    margin-bottom: 1em;
    font-size: 1.1667em;
    font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}
    time .suffix {
        position: relative;
        bottom: 0.55em;
        font-size: 0.65em;
    }
hr.dotted {
    border: 1px dotted #DDD;
    border-width: 1px 0 0 0;
    -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
}
/* end typesetting */
/* start images */
.circle {
    -webkit-border-radius: 50%; /* Saf3+, Chrome */
       -moz-border-radius: 50%; /* FF1+ */
            border-radius: 50%; /* Opera 10.5, IE 9 */

    overflow: hidden;
    position: relative;
    -webkit-box-shadow:inset 0 0 20px rgba(127,127,127,0.1); /* Saf3.0+, Chrome */
       -moz-box-shadow:inset 0 0 20px rgba(127,127,127,0.1); /* FF3.5+ */
            box-shadow:inset 0 0 20px rgba(127,127,127,0.1); /* Opera 10.5, IE 9.0 */
/*  z-index: 2;*/
}
    .circle img {
        -webkit-border-radius: 50%; /* Saf3+, Chrome */
           -moz-border-radius: 50%; /* FF1+ */
                border-radius: 50%; /* Opera 10.5, IE 9 */
    }
    .circle:before {
        z-index: 2;
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        -webkit-border-radius: 50%; /* Saf3+, Chrome */
           -moz-border-radius: 50%; /* FF1+ */
                border-radius: 50%; /* Opera 10.5, IE 9 */
        -webkit-box-shadow:inset 0 0 20px rgba(127,127,127,0.2); /* Saf3.0+, Chrome */
           -moz-box-shadow:inset 0 0 20px rgba(127,127,127,0.2); /* FF3.5+ */
                box-shadow:inset 0 0 20px rgba(127,127,127,0.2); /* Opera 10.5, IE 9.0 */
    }
    .thirdcol img.circle {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.circle-block {
    display: block;
}

/* end images */
/* start quotes */
blockquote {
    color: #2F3B3B;
    position: relative;
}
    blockquote img {
        margin: 0 0 20px;
    }
    .thirdcol blockquote img.circle {
        float: right;
        margin: 0 0 10px 10px;
    }
    blockquote p {
        color: #818181;
        margin-bottom: 0;
        line-height: 1.5;
        font-size: 1.8333em;
/*      font-style: italic;*/
        font-family: 'Bodoni W01 Book Italic', 'ltc-bodoni-175', times, serif;
        quotes: '\201C' '\201D' '\2018' '\2019';
        -webkit-font-smoothing: antialiased;
    }
    blockquote p:before {
        content: '“';
        content: open-quote;
    }
    blockquote p:after {
        content: '”';
        content: close-quote;
    }
    blockquote cite {
        font-size: 1.1667em;
        display: block;
        font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
        text-transform: uppercase;
/*      font-weight: 600;*/
        padding-top: 1.5em;
    }
    blockquote cite:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 0.5em;
        border-bottom: 1px solid #2F3B3B;
        vertical-align: top;
        margin-right: 1em;
    }
    blockquote time {
        padding-top: 1.5em;
        font-size: 1em;
        margin-bottom: 0;
    }
.rollover {
    width: 90px;
    height: 90px;
    position: relative;
/*  padding-top: 10px;*/
}
    .rollover div {
        visibility: hidden;
        opacity: 0;
        width: 450px;
        position: absolute;
        z-index: 100;
        bottom: 100%;
        margin-bottom: 20px;
        left: -190px;
        background: #FFF;
        padding: 10px;
        border: 1px solid #CCC;
        -webkit-border-radius: 4px; /* Saf3+, Chrome */
           -moz-border-radius: 4px; /* FF1+ */
                border-radius: 4px; /* Opera 10.5, IE 9 */
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
           -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* FF3.5+ */
                box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Opera 10.5, IE 9.0 */
        -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
           -moz-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
             -o-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
                transition: visibility 0s linear 0.25s, opacity 0.25s linear;
    }
    blockquote.rollver div {
        padding: 20px 20px;
        left: -215px;
        width: 480px;
    }
        .rollover div:before,
        .rollover div:after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            width: 0;
            height: 10px;
        }
        .rollover div:before {
            z-index: 102;
            margin-left: -10px;
/*          margin-top: 1px;*/
            border-top: 12px solid #FFF;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
        }
        .rollover div:after {
            z-index: 101;
            margin-left: -11px;
            margin-top: 1px;
            border-top: 13px solid #CCC;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
        }
    .rollover:hover div {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0s;
           -moz-transition-delay: 0s;
             -o-transition-delay: 0s;
                transition-delay: 0s;
    }
        .rollover div p,
        .rollover div cite {
            text-align: center;
        }
        div.rollover div p {
            line-height: 1.5;
            margin-bottom: 0;
            color: #2F3B3B;
        }
    .rollover img {
        cursor: pointer;
        margin: 0;
    }
    .rollover cite {
        font-size: 1em;
        padding-top: 1em;
    }
/* end quotes */
/* start social */
.social {
    background: #F5F5F5;
    white-space: nowrap;
    margin-top: 4px;
    height: 20px;
    padding: 15px 15px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 100;
}
.social:last-child {
    margin-bottom: 0;
}
.social.withaction {
    text-align: left;
}
    .social.withaction .action {
        float: right;
    }
/* stupid pinit tries to override with importants */
body .content .social > * {
    min-width: 32px;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 5px !important;
}
    #ie7 .content .social > * {
        display: inline !important;
        zoom: 1;
    }
    body .content .social .fb-like {
        min-width: 90px;
    }
    body .content .social .twitter-share-button {
        min-width: 56px;
    }
.twitter-icon {
    padding-top: 60px;
    background: transparent url(/images/social-icons.png) no-repeat 5px -200px;
}
    .rightcol h1.twitter-icon {
        margin-top: 40px;
    }
/* end social */
/* start tabs */
.tabs {
    border-bottom: 1px solid #DDD;
    background: #F5F5F5;
/*  overflow: hidden;*/
    margin-bottom: 30px;
}
    .tabs li {
        float: left;
        font-size: 1.1667em;
        font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
        text-transform: uppercase;
        line-height: 1;
    }
        .tabs li a {
            display: block;
            padding: 18px 20px;
            text-align: center;
            border-left: 1px dotted #CCC;
            margin-left: -1px;
            border-width: 0 0 0 1px;
            -webkit-border-image: url(/images/dotted-border-transparent.gif) 1 1 1 1 repeat;
               -moz-border-image: url(/images/dotted-border-transparent.gif) 1 1 1 1 repeat;
                    border-image: url(/images/dotted-border-transparent.gif) 1 1 1 1 repeat;
            color: #818181;
        }
        .tabs li:first-child a {
            border-width: 0;
        }
        .tabs .active a {
            color: #2F3B3B;
            position: relative;
        }
        .tabs .active a:before,
        .tabs .active a:after {
            content: '';
            position: absolute;
            z-index: 101;
            top: 100%;
            left: 50%;
            width: 0;
            height: 0;
        }
        .tabs .active a:before {
            margin-left: -11px;
            margin-top: 1px;
            border-top: 11px solid #E1E2E2;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
        }
        .tabs .active a:after {
            margin-left: -10px;
            border-top: 10px solid #F5F5F5;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
        }
/* end tabs */
/* start icontabs */
.icontabs {
    margin-bottom: 20px;
    display:inline-block;
}
    .icontabs li {
        float: left;
        margin-right: 15px;
        width: 40px;
    }
        .icontabs a {
            display: block;
            text-indent: -1000em;
            height: 40px;
            background-position: 0 0;
            background-repeat: no-repeat;
            background-color: transparent;
            background-image: url(/images/social-icons.png);
        }
        .icontabs .twitter {
            background-position: 0 -160px;
        }
        .icontabs .active .twitter {
            background-position: 0 -200px;
        }
        .icontabs .facebook {
            background-position: 0 -80px;
        }
        .icontabs .active .facebook {
            background-position: 0 -120px;
        }
        .icontabs .pinterest {
            background-position: 0 0;
        }
        .icontabs .active .pinterest {
            background-position: 0 -40px;
        }
/* end icontabs */

/* ========= */
/* = Forms = */
/* ========= */
/* start inputs */
input.input,
textarea.input {
    font-size: 1em;
    background: #FFF;
    border: 1px solid #D6D6D6;
    color: #2F3B3B;
    padding: 7px 8px;
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
       -moz-border-radius: 4px; /* FF1+ */
            border-radius: 4px; /* Opera 10.5, IE 9 */
    -webkit-box-shadow: inset 0 0px 0px 1px RGBA(220 ,220, 220, 0.2); /* Saf3.0+, Chrome */
       -moz-box-shadow: inset 0 0px 0px 1px RGBA(220 ,220, 220, 0.2); /* FF3.5+ */
            box-shadow: inset 0 0px 0px 1px RGBA(220 ,220, 220, 0.2); /* Opera 10.5, IE 9.0 */
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
input.input {
    height: 1em;
}
textarea.input {
    line-height: 1.5;
}
::-webkit-input-placeholder {
    color: #A7A7A7;
}
input:-moz-placeholder {
    color: #A7A7A7;
}
select.input {

}
input.search {
    background-image: url(/images/input-search.gif);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
input[type='search'].input {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
              box-size: content-box;
    -webkit-appearance: textfield;
    outline-offset: 0;
}
/* end inputs */
/* start fields */
.form-error {
    font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
    padding: 10px;
    border: 1px solid #CC0000;
    margin-bottom: 20px;
    font-size: 1.5em;
    background: #FFFAFA;
    color: #CC0000;
/*  text-transform: uppercase;*/
    text-align: center;
}

.field {
    margin-bottom: 30px;
    margin-right: 18px;
    position: relative;
}
.field-select,
.field-checkbox {
    margin-right: 0;
}
.js .antispam {
    display: none;
}
    .field label {
        display: block;
        font-size: 1.1667em;
        font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
        line-height: 1;
        text-transform: uppercase;
/*      font-weight: 600;*/
        margin-bottom: 0.5em;
    }
        .field label span {
            display: none;
        }
    .field-checkbox label {
        font-family: Arial, Helvetica, sans-serif;
        text-transform: none;
        font-size: 1em;
        line-height: 2.3;
        margin-bottom: 1em;
    /*  text-align: left;*/
        color: #999;
    }
    .radio label {
        display: none;
    }
    .radio label.radio {
        display: block;
        margin-bottom: 10px;
    }
        .radio label.radio input {
            margin-right: 10px;
        }
    .field small {
        display: none;
    }
    .field input.input,
    .field textarea.input {
        width: 100%;
    }
    .field-error input.input,
    .field-error textarea.input {
        border-color: #CC0000;
    }
    .field p.error,
    #batchsearch p.error {
        line-height: 1.3;
        max-width: 100%;
        font-size: 0.83333em;
        font-weight: bold;
        position: absolute;
        z-index: 100;
        bottom: 100%;
        margin-bottom: -1.5em;
        /*right: -18px;*/
        padding: 5px 8px;
        text-align: center;
        background: #FFF;
        color: #333;
        width: 100%;
        border: 1px solid #CCC;
        -webkit-border-radius: 4px; /* Saf3+, Chrome */
           -moz-border-radius: 4px; /* FF1+ */
                border-radius: 4px; /* Opera 10.5, IE 9 */
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
           -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* FF3.5+ */
                box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Opera 10.5, IE 9.0 */
    }
    #batchsearch p.error {
        right: 530px;
        margin-bottom: 0.8em;
        display: none;
        width: auto;
    }
    #batchsearch.field-error p.error {
        display: block;
    }
    .field-select p.error {
        /*right: 0;*/
    }
    .radio p.error {
        margin-bottom: 0;
        width: auto;

    }
        .field p.error:before,
        #batchsearch p.error:before {
            content: '';
            position: absolute;
            z-index: 101;
            top: 100%;
            left: 50%;
            margin-left: -4px;
            margin-top: 1px;
            width: 0;
            height: 0;
            border-top: 7px solid #CCC;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
        }
        .field p.error:after,
        #batchsearch p.error:after {
            content: '';
            position: absolute;
            z-index: 102;
            top: 100%;
            left: 50%;
            margin-left: -3px;
            width: 0;
            height: 0;
            border-top: 6px solid #FFF;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
        }
.form-footer {
    text-align: right;
}
    .form-footer button {
/*      float: right;*/
/*      margin-left: 20px;*/
    }
    .form-footer .field-checkbox {
        float: left;
        clear: left;
        margin-bottom: 0;
    }
/* end fields */
/* start buttons */
button,
.button {
    outline: none;
    border: none !important;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1em;
    line-height: 1;
    text-decoration: none !important;
    background: transparent;
    overflow: visible;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px;
    font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
/*  font-weight: 600;*/
}
button {
    width: auto;
    white-space: nowrap;
    vertical-align: top;
}
#ie6 button,
#ie7 button {
    margin: -2px 0;
}
.button {
    display:-moz-inline-box; /*Firefox2*/
    display: inline-block;
}
#ie7 .button {
    display: inline;
    zoom: 1;
}
button::-moz-focus-inner{
    padding:0;
    border:none;
} /* FF Fix */

    button span,
    .button span {
        text-align: center;
        position: relative;
/*      height: 1em;*/
        line-height: 1;
        display: block;
        margin: 0;
        padding: 8px 20px;
        -webkit-border-radius: 4px; /* Saf3+, Chrome */
           -moz-border-radius: 4px; /* FF1+ */
                border-radius: 4px; /* Opera 10.5, IE 9 */
        background: #3C4847; /* Old browsers */
        background-image: -webkit-linear-gradient(top, #414D4C 0%, #374342 100%); /* Chrome10+,Safari5.1+ */
           background-image: -moz-linear-gradient(top, #414D4C 0%, #374342 100%); /* FF3.6+ */
            background-image: -ms-linear-gradient(top, #414D4C 0%, #374342 100%); /* IE10+ */
             background-image: -o-linear-gradient(top, #414D4C 0%, #374342 100%); /* Opera11.10+ */
                      background: linear-gradient(top, #414D4C 0%, #374342 100%); /* W3C */

    }
        button span span,
        .button span span {
            padding: 0 !important;
            display: inline;
            background: none;
            border: none;
            -webkit-box-shadow: none; /* Saf3.0+, Chrome */
               -moz-box-shadow: none; /* FF3.5+ */
                    box-shadow: none; /* Opera 10.5, IE 9.0 */
            -webkit-border-radius: 0; /* Saf3+, Chrome */
               -moz-border-radius: 0; /* FF1+ */
                    border-radius: 0; /* Opera 10.5, IE 9 */
        }
button.full {
    width: 100%;
}
.button.full {
    display: block;
}
    button.full span,
    .button.full span {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }
button.fat,
.button.fat {
    font-size: 1.1667em;
}
    button.fat span,
    .button.fat span {
        padding: 9px 20px;
    }
button.eventbrite,
.button.eventbrite {
    font-size: 1.1667em;
}
button.tickethub-widget-button {
    outline: none;
    border: none !important;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1.3333em;
    line-height: 1;
    text-decoration: none !important;
    background: transparent;
    overflow: visible;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px;
    font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    box-shadow: none;
    width: auto;
    border-radius: 0;
}
    button.tickethub-widget-button .tickethub-widget-button-inner {
        color: #FFF;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    button.eventbrite span,
    .button.eventbrite span {
        padding-top: 15px;
        padding-bottom: 15px;
    }
        button.eventbrite span img,
        .button.eventbrite span img {
/*          vertical-align: middle;*/
            margin: -4px 0 -4px 4px;
        }
button.arrow,
.button.arrow {

}
    button.arrow span,
    .button.arrow span {
        text-indent: -1000em;
        width: 0;
        padding-right: 15px;
        padding-left: 15px;
        background-position: 50% 50% !important;
        background-repeat: no-repeat !important;
        background-image: url(/images/submit-arrow.gif) !important;
    }
button.twitter,
.button.twitter {

}
    button.twitter span,
    .button.twitter span {
        background: #2FA4EC url(/images/button-twitter.gif) no-repeat 100% 50% !important;
        padding-right: 50px;
    }
button.facebook,
.button.facebook {

}
    button.facebook span,
    .button.facebook span {
        background: #3F549A url(/images/button-facebook.gif) no-repeat 100% 50% !important;
        padding-right: 50px;
    }
    .multiplebgs button.arrow span,
    .multiplebgs .button.arrow span {
        background-image: url(/images/submit-arrow.gif), -webkit-linear-gradient(top, #414D4C 0%, #374342 100%),; /* Chrome10+,Safari5.1+ */
           background-image: url(/images/submit-arrow.gif),-moz-linear-gradient(top, #414D4C 0%, #374342 100%),; /* FF3.6+ */
            background-image: url(/images/submit-arrow.gif),-ms-linear-gradient(top, #414D4C 0%, #374342 100%),; /* IE10+ */
             background-image: url(/images/submit-arrow.gif),-o-linear-gradient(top, #414D4C 0%, #374342 100%),; /* Opera11.10+ */
                      background: url(/images/submit-arrow.gif), linear-gradient(top, #414D4C 0%, #374342 100%),; /* W3C */
    }
    button:hover > span,
    .button:hover > span {
        -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); /* Saf3.0+, Chrome */
           -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5); /* FF3.5+ */
                box-shadow: 0 0 6px rgba(0,0,0,0.5); /* Opera 10.5, IE 9.0 */

    background: #3C4847; /* Old browsers */
        background-image: -webkit-linear-gradient(top, #5e6867 0%, #374342 100%); /* Chrome10+,Safari5.1+ */
           background-image: -moz-linear-gradient(top, #5e6867 0%, #374342 100%); /* FF3.6+ */
            background-image: -ms-linear-gradient(top, #5e6867 0%, #374342 100%); /* IE10+ */
             background-image: -o-linear-gradient(top, #5e6867 0%, #374342 100%); /* Opera11.10+ */
                      background: linear-gradient(top, #5e6867 0%, #374342 100%); /* W3C */

    }
    button:active > span,
    .button:active > span {
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.7); /* Saf3.0+, Chrome */
           -moz-box-shadow: 0 0 8px rgba(0,0,0,0.7); /* FF3.5+ */
                box-shadow: 0 0 8px rgba(0,0,0,0.7); /* Opera 10.5, IE 9.0 */
    }
/* end buttons */

/* ============== */
/* = JS Widgets = */
/* ============== */
/* start scrollable */
.scrollable {
    position: relative;
    overflow: hidden;
    height: 90px;
}
    .scrollable .items {
        position: absolute;
        width: 1000em;
    }
        .scrollable .page {
            float: left;
        }
/* end scrollable */
/* start vertical scrollable */
.scrollable.vertical {
    width: 140px;
    height: 500px;
}
    .scrollable.vertical .items {
        width: 140px;
        height: 1000em;
    }
/* end vertical scrollable */
/* start modal */
#simplemodal-overlay {
    background-color: #000000;
    cursor: wait;
}
#simplemodal-container {
/*    width: auto !important;
    height: auto !important;*/
}
    #simplemodal-data {
        min-width: 350px;
        min-height: 100px;
        padding: 20px;
        background: #FFF;
        -webkit-box-shadow: 2px 2px 20px RGBA(51,51,51,0.7);
        -moz-box-shadow: 2px 2px 20px RGBA(51,51,51,0.7);
        box-shadow: 2px 2px 20px RGBA(51,51,51,0.7);
        -webkit-border-radius: 6px; /* Saf3+, Chrome */
           -moz-border-radius: 6px; /* FF1+ */
                border-radius: 6px; /* Opera 10.5, IE 9 */
    }
    #simplemodal-container.video #simplemodal-data {
        padding: 20px 20px;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #simplemodal-container a.modalCloseImg {
        background: transparent url(/images/modal-close.gif) no-repeat 0 0;
        width: 9px;
        height: 9px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 10000;
    }
/* end modal */


/* ============= */
/* = Galleries = */
/* ============= */
/* start scroller */
.scroller {
    position: relative;
    padding: 0 35px;
}
    .scroller .prev,
    .scroller .next {
        text-indent: -1000em;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        width: 14px;
        background: transparent url(/images/scrollable-arrows.gif) no-repeat 0 50%;
    }
    .scroller .next {
        left: auto;
        right: 0;
        background-position: 100% 50%;
    }
    .scroller .disabled {
        visibility: hidden;
    }
    .scroller .scrollable {
        height: 90px;
    }
        .scroller .items {

        }
            .scroller .items > * {
                float: left;
                margin-right: 30px;
            }
/* end scroller */
/* start common */
figure {

}
    figcaption,
    .caption {
        font-size: 1.08333em;
        line-height: 1.5;
        font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
        text-transform: uppercase;
/*      font-weight: 600;*/
    }
/* end common */
/* start gallery */
.gallery {
    margin-bottom: 10px;
}
.social + .gallery {
    margin-top: -20px;
}
    .gallery figure {
        float: left;
        width: 830px;
        height: 546px;
        display: none;
        position: relative;
        cursor: pointer;
    }
    .gallery figure:first-child {
        display: block;
        position: relative;
    }
        .gallery figure figcaption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 790px;
            padding: 20px 20px 18px 20px;
            background: rgba(255,255,255,0.8);
            color: #000;
        }
.gallery nav {
    float: right;
    width: 140px;
}
    .gallery nav .prev,
    .gallery nav .next,
    .gallery nav .prevPage,
    .gallery nav .nextPage {
        text-indent: -1000em;
        display: block;
        height: 13px;
        background: #2F3B3B url(/images/scrollable-arrows-vert.gif) no-repeat 50% 3px;
        margin-bottom: 10px;
    }
    .gallery nav .disabled {
        opacity: 0.5;
        cursor: default;
    }
    .gallery nav .next,
    .gallery nav .nextPage {
        margin-bottom: 0px;
        background-position: 50% -22px;
    }
        .gallery nav .items a {
            display: block;
            margin-bottom: 10px;
        }
        .gallery nav .items .current {
            border: 1px solid #2F3B3B;
            overflow: hidden;
        }
            .gallery nav .items .current img {
                margin: -1px;
            }
    .gallery nav .scrollable {
        margin-bottom: 10px;
    }
/* end gallery */
/* start slideshow */
.slideshow {
    position: relative;
    margin-bottom: 30px;
    height: 546px;
}
    .slideshow figure {
        display: none;
        position: absolute;
    }
    .slideshow figure:first-child {
        display: block;
    }
        .slideshow img {
            cursor: pointer;
        }
        .slideshow figcaption {
            position: absolute;
            right: 0;
            bottom: 50px;
            background: #FFF;
            padding: 18px 20px 32px;
            text-align: center;
            width: 450px;
        }
    .slideshow nav {
        position: absolute;
        bottom: 65px;
        right: 0;
        width: 490px;
        text-align: center;
        white-space: nowrap;
    }
        .slideshow nav a {
            margin: 0 4px;
            height: 7px;
            width: 7px;
            background: #DDD;
            text-indent: -1000em;
            display: inline-block;
            -webkit-border-radius: 4px; /* Saf3+, Chrome */
               -moz-border-radius: 4px; /* FF1+ */
                    border-radius: 4px; /* Opera 10.5, IE 9 */
        }
        .slideshow nav a.current {
            background-color: #000;
        }


/* end slideshow */
/* start slider */
.slider {
    margin-bottom: 30px;
    position: relative;
}
    .slider .scrollable {
        width: 224px;
        height: 380px;
        margin-left: auto;
        margin-right: auto;
    }
        .slider section {
            float: left;
            width: 224px;
            margin-right: 20px;
        }
            .slider img {
                margin: 0 auto 20px;
            }
            .slider h1 {
                font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
                text-align: center;
                text-transform: none;
                font-size: 1.75em;
            }
            .slider .scrollable h1 {
                margin-bottom: 30px;
                white-space: nowrap;
            }
            .slider p {
                text-align: center;
                margin-bottom: 0;
            }
    .slider .prev,
    .slider .next {
        text-indent: -1000em;
        position: absolute;
        width: 14px;
        height: 27px;
        background: transparent url(/images/scrollable-arrows.gif) no-repeat 0 0%;
        top: 254px;
        left: 15px;
    }
    .slider .next {
        background-position: 100% 0%;
        left: auto;
        right: 15px;
    }
    .slider .navi {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 254px;
        margin-top: 1.75em;
    }
        .slider .navi a {
            margin: 0 4px;
            display: inline-block;
            width: 6px;
            height: 6px;
            background: #CCC;
            -webkit-border-radius: 50%; /* Saf3+, Chrome */
               -moz-border-radius: 50%; /* FF1+ */
                    border-radius: 50%; /* Opera 10.5, IE 9 */
        }
        .slider .navi a.active {
            background: #000;
        }
/* end slider */
/* start botanicals */
.botanicals {

}
    .botanicals .rightcol.thirdcol,
    .process .rightcol.thirdcol {
        margin-top: -10px; /* I'm frightfully sorry - to line up with intro */
        margin-bottom: 30px;
    }
.botanicalscroller {
    position: relative;
/*  padding-top: 168px;*/
    margin-bottom: 20px;
    min-height: 467px;
}
    .botanicalscroller .scrollable {
        height: 175px;
        position: absolute;
        width: 100%;
        top: 4em;
        left: 0;
    }
        .botanicalscroller .items {
/*          margin-left: -1px;*/
        }
            .botanicalscroller .items a {
                float: left;
                margin-right: 4px;
                height: 158px;
                width: 158px;
                overflow: hidden;
                border: 1px solid #FFF;
            }
            .botanicalscroller .items .current {
                position: relative;
                border-color: #CCC;
            }
            .generatedcontent .botanicalscroller .items .current {
                height: 175px;
                overflow: visible;
            }
            .generatedcontent .botanicalscroller .items .current:after {
                content: "";
                height: 175px;
                width: 160px;
                background: transparent url(/images/botanical-active.png) no-repeat 0 0;
                position: absolute;
                top: -1px;
                left: -1px;
            }
    .botanicalscroller .prev,
    .botanicalscroller .next {
        position: absolute;
        text-indent: -1000em;
        top: 0;
        left: 0;
        width: 14px;
        height: 4em;
        background: transparent url(/images/scrollable-arrows.gif) no-repeat 0 0%;
    }
    .botanicalscroller .next {
        left: auto;
        right: 0;
        background-position: 100% 0%;
    }
    .botanicalscroller .pane {
        display: none;
    }
    .botanicalscroller .pane:first-child {
        display: block;
    }
        .botanicalscroller .pane h2 {
            line-height: 1;
            padding-bottom: 0.85em;
            margin-bottom: 185px;
            text-align: center;
        }
        .botanicalscroller .pane img {
            float: right;
            margin-left: 40px;
        }
        .botanicalscroller .pane .intro {
            margin: 0;
        }
/* end botanicals */

/* ======== */
/* = Home = */
/* ======== */
/* start home */
.home {

}
    .home h1,
    .home h2 {
        font-size: 1.8333em;
    }
    .home .caption {
        font-size: 1.08333em;
    }
    .home .blogbox {
        margin-bottom: 20px;
    }
    .home hr {
        margin-bottom: 30px;
    }
    .home .leftcol {

    }
        .home .leftcol img {
            float: left;
            margin-right: 20px;
        }
        .home .leftcol p {
            line-height: 2;
        }
    .home .rightcol {

    }
        .home .rightcol .leftcol {
            text-align: center;
        }
            .home .rightcol .leftcol h1 {
                text-align: center;
            }
            .home .rightcol .leftcol img {
                margin-bottom: 15px;
            }
            .home .rightcol .leftcol .action {

            }
        .home .rightcol .rightcol {

        }
            .home .rightcol .rightcol h1 {
                margin-bottom: 15px;
            }
            .home .rightcol .rightcol blockquote {
                margin-bottom: 20px;
            }
                .home .rightcol .rightcol blockquote p {
                    font-size: 1.5em;
                }
                .home .rightcol .rightcol blockquote img {
                    max-width: 90px;
                    float: left;
                    margin: 5px 10px 5px 0;
                }
                .home .rightcol .rightcol section h1 {
                    font-size: 1.75em;
                    padding-top: 10px;
                    color: #818181;
                }
/* end home */
/* start subscribe */
.subscribe {
    padding: 6px 0 6px 50px;
    min-height: 28px;
    padding-left: 50px;
    background: transparent url(/images/newsletter.png) no-repeat 0 50%;
    margin-bottom: 20px;
}
    .subscribe .field {
        width: 200px;
        float: left;
        margin-right: 23px;
        margin-bottom: 0;
    }
        .subscribe .field .error {
            margin-bottom: 8px;
        }
    .subscribe label {
        display: none;
    }
    .subscribe .input {
        background-color: #F5F5F5;
    }
    .subscribe button {
        float: left;
    }
/* end subscribe */

/* ============ */
/* = Products = */
/* ============ */
/* start listing */
.listing {
    padding-top: 00px;
}
    .listing .product {
        border-top: 1px solid #DDD;
        padding-top: 50px;
        margin-bottom: 30px;
        padding-left: 180px;
    }
    .listing .product:first-child {
        border-top: none;
    }
        .listing .product .leftcol {
            width: 545px;
        }
            .listing .product .image {
                float: left;
                margin-left: -170px;
                margin-top: -20px;
            }
            .listing .product h1 {
/*              font-size: 2.25em;*/
                padding-top: 0;
                margin-bottom: 15px;
            }
            .listing .product .quotes {
                margin-right: -20px;
                margin-bottom: 30px;
            }
                .listing .product .leftcol blockquote {
                    float: left;
                    margin-right: 20px;
                }
.actions {
    font-size: 1em;
}
    .actions a,
    .action {
        font-size: 1.1667em;
        text-transform: uppercase;
        display: inline-block;
        line-height: 1 !important;
        text-decoration: none;
        font-family:'Minion W01 SmBd It', 'minion-pro', times, serif;
/*      font-style: italic;*/
        color: #3D4947;
    }
    .actions a {
        margin-right: 40px;
    }
        .actions a:before,
        .action:before {
            margin-right: 9px;
            display: inline-block;
            width: 5px;
            height: 0.9em;
            content: '';
            vertical-align: top;
            background: transparent url(/images/action-arrow.gif) no-repeat 0 50%;
        }
        .actions a:hover,
        .action:hover {
            text-decoration: underline;
        }

/* end listing */
/* start detail */
.detail {

}
    .detail .leftcol {

    }
        .detail .leftcol section {
            margin-bottom: 30px;
        }
            .detail .leftcol section h2 {
                text-align: center;
            }
        .detail .leftcol .title {
            padding-top: 5px;
            float: left;
            width: 450px;
        }
        .detail .buynow {
            float: right;
        }
        .detail .leftcol .intro {
            clear: both;
        }
    .detail .rightcol {
        background: #FFF;
        position: relative;
        z-index: 10;
    }
        .detail .bottle {
            display: block;
            margin-bottom: 30px;
        }
        .detail .rightcol section,
        .detail .rightcol section p {
            text-align: center;
        }
        .detail .rightcol .circle {
            display: block;
            width: 224px;
            position: relative;
            margin: 0 auto 10px;
        }
            .detail .rightcol .circle .caption {
                position: absolute;
                bottom: 15px;
                color: #FFF;
                left: 25%;
                width: 50%;
                text-align: center;
                font-size: 1.3333em;
                line-height: 1.4;
                margin: 0;
            }
        .detail .rightcol h1 {
            text-align: center;
            font-size: 2.08333em;
        }
        .latestbatch {
            margin-bottom: 30px;
        }
            .latestbatch form {
                text-align: center;
            }
            .latestbatch label {
                font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
                text-transform: uppercase;
                margin-right: 10px;
            }
.ingredients {

}
    .ingredients .image {
        float: left;
        margin-right: 30px;
    }
    .detail .leftcol .ingredients h2 {
        font-size: 1.9167em;
        text-align: left;
    }
.awards {

}
        .awards .badge {
        }
.youtube {

}
    .youtube h2 {
        text-align: center;
    }
/* end detail */
/* start buy */
.buy {
    padding-top: 15px;
    overflow: hidden;
}
#simplemodal-data .buy {
    width: 660px;
}
    .buy h1 {
        text-align: center;
    }
    .buy h2 {
        text-align: center;
        margin-bottom: 20px;
        padding: 0 100px;
    }
    .buy .cols {
        margin: 0 -16px 0 -15px;
    }
        .buy .col {
            margin: 0 -1px 20px 0;
            width: 230px;
            border: 1px dotted #DDD;
            background: #FFF;
            border-width: 0 0 0 1px;
            -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
            -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
            border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
        }
            .buy .col .image {
                height: 250px;
                position: relative;
                margin-bottom: 20px;
            }
                .buy .col img {
                    position: absolute;
                    bottom: 0;
                    left: 80px;
                }
            .buy .col h1 {
                font-size: 1.91667em;
                margin-bottom: 5px;
            }
            .buy p {
                text-align: center;
                margin-bottom: 0;
            }
            .buy .price {
                margin-bottom: 10px;
                font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
                font-size: 1.25em;
                color: #2F3B3B;
                line-height: 1;
            }

/* end buy */
/* start banner */
.bottles {
    clear: both;
    margin-bottom: 30px;
/*  padding-top: 30px;*/
}
    .bottles hgroup {
        border-top: 1px solid #DDDDDD;
        padding-top: 20px;
    }
    .bottles h1,
    .bottles h2 {
        text-align: center;
        position: relative;
        z-index: 3;
    }
    .bottles h2 {
        margin-bottom: 0;
    }
    .bottles.column h1 {
        margin-bottom: 1em;
        font-size: 1.9167em;
    }
    .bottles .col {
        position: relative;
        padding-top: 280px;
    }
    .bottles.column .col:last-child {
        padding-top: 340px;
    }
        .bottles .col img {
            z-index: 1;
            position: absolute;
            bottom: 30px;
            left: 50%;
            margin-left: -42px;
        }
        .bottles .col h3 {
            font-family:'Minion W01 SmBd It', 'minion-pro', times, serif;
            color: #818181;
            font-size: 1.08333em;
            text-align: center;
            text-transform: uppercase;
            line-height: 1;
            margin: 0;
        }
        .bottles a {
            text-decoration: none;

        }
/* end banner */

/* ======== */
/* = Blog = */
/* ======== */
/* start blognav */
.blognav {
    background: #F5F5F5;
    padding: 30px 20px 10px;
    margin-top: -30px;
    margin-bottom: 30px;
}
    .blognav h1 {
        float: left;
        margin-bottom: 15px;
    }
    .blognav h2 {
        float: left;
        clear: left;
        margin-right: 20px;
        font-size: 1.1667em;
        color: #818181;
    }
    .blognav ul {
        float: left;
        font-size: 1.5em;
        font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
        margin-bottom: 15px;
    }
        .blognav li {
            float: left;
            margin-right: 40px;
            position: relative;
        }
        .generatedcontent .blognav li:after {
            content: "\2022";
            position: absolute;
            right: -20px;
            top: 0.5em;
            color: #CCC;
            font-size: 0.75em;
            margin-top: -2px;
            margin-right: -2px;
        }
        .generatedcontent .blognav li:last-child:after {
            content: "";
            position: absolute;
            right: -20px;
            top: 0.5em;
            color: #CCC;
            font-size: 0.75em;
            margin-top: -2px;
            margin-right: -2px;
        }
            .blognav li a {
                color: #818181;
            }
            .blognav li.active a {
                color: #2F3B3B;
            }
    .blognav form {
        margin-top: -5px;
        float: right;
    }
        .blognav form .input {
            background-color: #FFF;
            width: 200px;
        }
/* end blognav */
/* start blog */
.blog {

}
    .blog article.leftcol {
        margin-bottom: 30px;
    }
        .blog article.leftcol .struck {
            margin-bottom: 15px;
        }
        .blog article.leftcol h1 {
            font-size: 1.8333em;
        }
        .blog article.twothirdcol h1 {
            text-align: center;
            text-transform: uppercase;
        }
        .blog article.twothirdcol p {
            text-align: center;
        }
        .blog article.leftcol.thirdcol h1 {
            min-height: 4.5em;
        }
        .blog article.leftcol p {
            line-height: 2;
        }
        .blog-content .booking-button-bar {
            text-align: right;
            box-sizing: border-box;
            background: #F5F5F5;
            padding:20px;
            min-height: 82px;
            margin-bottom: 20px;
        }
/* end blog */
/* start blogbox */
.blogbox {
    margin-bottom: 30px;
}
    .blogbox .struck {
        margin-bottom: 15px;
    }
    .blogbox h1 {
        font-size: 1.8333em;
        text-align: center;
        min-height: 2.8em;
-webkit-transition: color 0.1s linear;
   -moz-transition: color 0.1s linear;
     -o-transition: color 0.1s linear;
        transition: color 0.1s linear;

    }
    .blogbox a:hover h1 {
        color: #000;
    }
/* end blogbox */
/* start bloglist */
.bloglist {
    /* min-height: 150px; */
    height: 165px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #CCC;
    border-width: 0  0 1px 0;
    -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
}
    .bloglist h1 {
        font-size: 1.8333em;
        margin-bottom: 0;
    }
    .bloglist .circle {
        float: right;
        margin-left: 15px;
    }
    .bloglist p {
        margin-bottom: 0;
    }
/* end bloglist */
/* start blogpost */
.noborder {
    border: 0;
}
.blogpost {

}
.social + figure {
    margin-top: -20px;
}
    .blogpost article.leftcol h1 {
        text-align: center;
        margin-bottom: 20px;
        padding: 0 30px;
        line-height: 1.4;
    }
    .blogpost figure {
        margin-bottom: 20px;
    }
    .blogpost figure.rightcol {
        margin-left: 20px;
    }
    .blogpost figure img {
        display: block;
        margin: 0 auto;
    }
    .blogpost figcaption {
        padding: 10px;
        text-align: center;
        margin: 0px;
        line-height: 1.5;
        font-size: 2.5em;
/*      font-style: italic;*/
        font-family: 'Bodoni W01 Book Italic', 'ltc-bodoni-175', times, serif;
        quotes: '\201C' '\201D' '\2018' '\2019';
        -webkit-font-smoothing: antialiased;
        border-bottom: 1px solid #E5E5E5;
    }
    .blogpost article.leftcol time {
        margin-bottom: 30px;
    }
    .blogpost footer {
        background: #EBEBEB;
/*      padding: 0 20px;*/
        font-size: 1.1667em;
        font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
        text-transform: uppercase;
    }
        .blogpost footer a {
            padding: 1.3em 0;
            color: #979797;
            height: 1em;
            line-height: 1;
            text-decoration: none;
            width: 312px;
        }
        .blogpost footer a:hover {
            background-color: #F5F5F5;
            border-color: #F5F5F5;
        }
        .blogpost footer .back {
            border-left: 20px solid #EBEBEB;
            float: left;
            background: transparent url(/images/arrow-left.gif) no-repeat 0% 50%;
            padding-left: 30px;
        }
        .blogpost footer .top {
            border-right: 20px solid #EBEBEB;
            text-align: right;
            border-left: 1px solid #FFF !important;
            float: right;
            padding-right: 30px;
            background: transparent url(/images/arrow-up.gif) no-repeat 100% 50%;
        }
    .blogpost aside blockquote {
        margin-bottom: 20px;
    }
        .blogpost aside blockquote p {
            font-size: 1.5em;
        }
    p.blog-no-results {
        color: #999999;
        margin: 40px 0 30px;
        text-align: center;
    }
/* end blogpost */
/* start articol */
.articol {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
    .articol img {
        margin-bottom: 10px;
    }
    .articol h1 {
        text-align: center;
        margin-bottom: 10px;
        font-size: 1.8333em;
    }
    .articol p {
        text-align: center;
        font-family:'Minion W01 SmBd It';
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: 1em;
        line-height: 1 !important;
        color: #3D4947;
    }
    .articol:hover p {
        text-decoration: underline;
    }
/* end articol */
/* start disqus */
#disqus_thread {
    margin-bottom: 20px;
}
/* end disqus */
/* start pagination */
.pagination {
    background: #EBEBEB;
    font-size: 1.1667em;
    font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
    text-transform: uppercase;
}
    .pagination .next,
    .pagination .prev {
        float: left;
        width: 3.6em;
        height: 3.6em;
        text-indent: -1000em;
        border-right: 1px solid #FFF;
        background: transparent url(/images/arrow-left.gif) no-repeat 50% 50%;
    }
    .pagination .next {
        background-image: url(/images/arrow-right.gif);
    }
    .pagination .links {
        float: right;
    }
        .pagination .links a,
        .pagination .links span {
            width: 3.6em;
            text-align: center;
            float: left;
            height: 1em;
            padding: 1.3em 0;
            border-left: 1px solid #FFF;
            color: #979797;
        }
        .pagination .links span {
            color: #FFF;
            background: #CBCBCB;
        }
/* end pagination */

/* =============== */
/* = Competition = */
/* =============== */
/* start competitionbox */
.competitionbox {

}
    .competitionbox h1 {
        min-height: 4.5em;
    }
    .three .competitionbox h1 {
        min-height: 2.8em;
    }
/* end competitionbox */
/* start competition */
.competition {

}
    .competition-form {
        background: #F5F5F5;
        padding: 20px;
        margin-bottom: 20px;
    }
    .competition .question {
        background: #F5F5F5;
        /* padding: 20px; */
        margin-bottom: 20px;
    }
        .competition .question .field {
            margin-bottom: 0;
        }

    .competition fieldset {
        margin-right: -20px;
    }
    .competition fieldset .field {
        width: 197px;
        float: left;
        margin-right: 38px;
    }
    .competition-ended {
        text-align: center;
    }
/* end competition */

/* ============ */
/* = Callouts = */
/* ============ */
/* start callouts */
.callouts {
    margin-top: 30px;
    margin-bottom: 30px;
}
.callout {

}
    .callout img {
        float: left;
        margin-right: 20px;
    }
    .callout h1 {
        padding-top: 5px;
        font-size: 1.8333em;
    }
    .callout label {
        font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
        text-transform: uppercase;
        margin-right: 20px;
    }
    .callout .input {
        width: 100px;
        background-color:#F5F5F5;
    }
/* end callouts */

/* ============== */
/* = Your Batch = */
/* ============== */
/* start batches */
.batches {

}
    .batches .header {
        background: #F5F5F5 url(/images/batch-number2.jpg) no-repeat 100% 0;
        padding: 20px;
        margin-bottom: 30px;
        min-height: 129px;
        margin-top: -30px;
    }
        .batches .header .caption {
            float: right;
            width: 115px;
            text-align: right;
            margin-right: 180px;
            line-height: 1.25;
        }
        .batches .header .intro {
            margin-bottom: 0;
        }
        .batches .header form {
            position: relative;
        }
            .batches .header label {
                font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
                font-size: 1.75em;
                margin-right: 10px;
                color: #8C8C8C;
            }
            .batches .header input {

                border-color: #CCC;

            }
            .batches .header button {
            }
    .batches .summer {
        border-top: 1px solid #DDDDDD;
        padding-top: 20px;
        margin-bottom: -15px;
    }
        .batches .summer .leftcol {
            padding-top: 20px;
            min-height: 131px;
            background: transparent url(/images/union-jack.gif) no-repeat 0 50%;
            padding-left: 220px;
            width: 500px;
        }
            .batches .summer h1 {
                font-size: 1.9167em;
            }
        .batches .summer .rightcol {
            width: 230px;
        }
            .batches .summer .rightcol img {
                float: left;
                margin-right: 30px;
            }
            .batches .summer .rightcol .caption {
                padding-top: 30px;
                font-size: 1.1667em;
            }
/* end batches */
/* start batch */
.batchwrapper {
    background: transparent url(/images/ajax-loader.gif) no-repeat 50% 175px;
    min-height: 415px;
}
.batch {
    background: #FFF;
    padding: 25px 284px 30px 220px;
    position: relative;
    min-height: 360px;
}
    .batch time {
        font-size: 1.75em;
        font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
        text-transform: none;
        margin-bottom: 12px;
    }
    .batch h1 {
        font-size: 2.5em;
    }
    .batch img {

    }
    .batch .bottle {
        position: absolute;
        left: 60px;
        top: 0px;
    }
    .batch .no-batch-bottle {
        position: absolute;
        left: 0px;
        top: -5px;
    }
    .batch .circle {
        float: right;
        margin-left: 30px;
        margin-right: -224px;
    }
    dl.list {
        padding: 0;
        font-family: Courier, monospace;
        font-size: 1em;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .batch dl.list {
        float: left;
    }
        dl.list dt,
        dl.list dd {
            float: left;
            line-height: 1;
        }
        dl.list dt {
            text-transform: none;
            margin-right: 10px;
            margin-left: -11px;
            padding-left: 10px;
            border-left: 1px solid #9D9D9D;
        }
        dl.list dd {
            margin-right: 21px;
            color: #DC4343;
        }
    .batch .richtext {
        clear: left;
        margin-bottom: 30px;
    }
    .batch .intro {
        margin-bottom: 0;
    }
    .batch .prev,
    .batch .next {
        text-indent: -1000em;
        position: absolute;
        height: 100%;
        top: 0;
        background: #FEF;
        left: 0;
        width: 14px;
        background: transparent url(/images/scrollable-arrows.gif) no-repeat 0 50%;
    }
    .batch .next {
        right: 0;
        left: auto;
        background-position: 100% 50%;
    }
    .batch .black{
        color: #2F3B3B;
    }
/* end batch */

/* ========= */
/* = Tours = */
/* ========= */
/* start tours */
.tours {

}
    .tours .thirdcol {
        text-align: center;
    }
    .tour {
        padding-top: 30px;
        border-top: 1px solid #DDD;
        margin: 30px 0;
    }
        .tour dl {
            padding-bottom: 0;
        }
        .tour__image {
            margin-bottom: 20px;
        }
        .tour__description {
            font-size: 1.1667em;
        }
/* end tours */

/* =========== */
/* = Landing = */
/* =========== */
/* start landing */
.landing {

}
    .landing .image {
        float: right;
        margin-left: 20px;
    }
    .landing h1 {
        font-size: 2.0833em;
        margin-bottom: 5px;
    }
    .landing .action {
        margin: 0;
        font-size: 1em;
    }
    .landing .landingbox {
        min-height: 420px;
        margin-bottom: 20px;
    }
        .landing .landingbox .image {
            float: none;
            display: block;
            margin: 0 0 20px;
        }
/* end landing */
/* start landing callouts */
.landingcallouts {
    margin-bottom: 30px;
}
    .landingcallouts .struck {
        margin-bottom: 15px;
    }
    .landingcallouts h2 {
        font-size: 1.8333em;
        text-align: center;
        margin-bottom: 5px;
/*      min-height: 2.8em;*/
    }
/* end landing callouts */

/* ======== */
/* = Team = */
/* ======== */
/* start team */
.team blockquote {
    clear: both;
    padding: 20px 100px;
    border: 1px solid #DDDDDD;
    border-width: 1px 0;
    margin-bottom: 40px;
}
    .team blockquote p {
        font-size: 2.75em;
        text-align: center;
        color:  #2F3B3B;
    }
    .team blockquote cite {
        text-align: center;
        font-size: 1.25em;
    }
/* end team */
/* start teamlist */
.teamlist {
    margin-top: 20px;
}
    .teamlist img {
        float: left;
        margin-right: 20px;
    }
    .teamlist h1 {
        padding-top: 5px;
        line-height: 1;
        font-size: 1.8333em;
    }
    .teamlist p {
        margin-bottom: 0;
    }
/* end teamlist */
/* start scroller */
.team .visiblescroller {
    padding-top: 10px;
    margin-bottom: 10px;
}
.visiblescroller .next,
.visiblescroller .prev {
    z-index: 10;

}
.visiblescroller .disabled {
    visibility: visible;
    background-position: 0 -1000em !important;
}
    .visiblescroller .next {
        right: auto;
        left: 100%;
        margin-left: -14px;
        width: 1000em;
        background: #FFF url(/images/scrollable-right.gif) no-repeat 0 50%;
    }
    .visiblescroller .prev {
        left: auto;
        right: 100%;
        width: 1000em;
        margin-right: -14px;
        background: #FFF url(/images/scrollable-left.gif) no-repeat 100% 50%;

    }
    .visiblescroller .scrollable {
        overflow: visible;
    }
    .team .visiblescroller .scrollable {
        height: 150px;
        width: 896px;
        margin: 0 auto;
    }
    .team .visiblescroller .scrollable .teambadge {
        margin-right: 40px;
    }

/* end scroller */
/* start teambadge */
.teambadge {
    position: relative;
}
    .teambadge h1 {
        margin-bottom: 10px;
        text-align: center;
        line-height: 1;
        font-size: 1.8333em;
    }
        .teambadge div {
            visibility: hidden;
            opacity: 0;
            width: 400px;
            position: absolute;
            z-index: 100;
            top: 100%;
            margin-top: 12px;
            left: 50%;
            margin-left: -221px;
            background: #FFF;
            padding: 20px 20px;
            border: 1px solid #CCC;
            -webkit-border-radius: 4px; /* Saf3+, Chrome */
               -moz-border-radius: 4px; /* FF1+ */
                    border-radius: 4px; /* Opera 10.5, IE 9 */
            -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
               -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* FF3.5+ */
                    box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Opera 10.5, IE 9.0 */
            -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
               -moz-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
                 -o-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
                    transition: visibility 0s linear 0.25s, opacity 0.25s linear;
        }
        .teambadge:hover div {
            visibility: visible;
            opacity: 1;
            -webkit-transition-delay: 0s;
               -moz-transition-delay: 0s;
                 -o-transition-delay: 0s;
                    transition-delay: 0s;
        }
            .teambadge div:before,
            .teambadge div:after {
                content: '';
                position: absolute;
                bottom: 100%;
                left: 50%;
                width: 0;
                height: 10px;
            }
            .teambadge div:before {
                z-index: 102;
                margin-left: -10px;
    /*          margin-top: 1px;*/
                border-bottom: 10px solid #FFF;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
            }
            .teambadge div:after {
                z-index: 101;
                margin-left: -11px;
                margin-bottom: 1px;
                border-bottom: 10px solid #CCC;
                border-left: 11px solid transparent;
                border-right: 11px solid transparent;
            }
                .teambadge div p {
                    margin: 0;
                    text-align: center;
                }
/* end teambadge */

/* =========== */
/* = Process = */
/* =========== */
/* start process */
.process {

}
    .process .youtube {
        position: relative;
        margin-bottom: 30px;
        cursor: pointer;
    }
        .youtube img {
            cursor: pointer;
        }
        .process .youtube #player {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }
        .process .youtube.playing #player {
/*          display: block;*/
        }
    .process section .title {
        text-align: center;
        border: 1px dotted #CCC;
        padding-bottom: 15px;
        border-width: 0 0 1px;
        -webkit-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
        -moz-border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
        border-image: url(/images/dotted-border.gif) 1 1 1 1 repeat;
    }
    .process .tabbed {
    }
        .process .tabs {
            margin-bottom: 40px;
        }
            .process .tabs li {
                width: 50%;
            }
        .process .pane {
            min-height: 244px;
            position: relative;
            padding-top: 80px;
        }
            .process .pane img {
                padding-top: 40px;
                float: right;
                margin: 0px 0 0 40px;
                position: relative;
            }

            .process .pane .intro {
                margin-top: -80px;
            }
            .process .pane p {
/*              font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;*/
                font-size: 1.75em;
                line-height: 1.5;
            }
        #gin_process_wrap,
        #vodka_process_wrap {
            width: 480px;
            height: 368px;
            float: left;
        }
/* end process */

/* =========== */
/* = History = */
/* =========== */
/* start history */

/* end history */
/* start timeline */
.timeline {
    background-color: transparent;
    /* background-image: url(/images/example/2-map-half.jpg); */
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
    padding: 50px 50px 1000px;
    /* margin-bottom: 113px; */
    z-index: 10;
}
.timeline.preScroll {
    background-attachment: scroll;
    background-position: 50% 0% !important;
}
.timeline.postScroll {
    background-attachment: scroll;
    background-position: 50% 100% !important;
}
    #timeline-background-image,
    #timeline-background-image-post {
        height: 100%;
        width: 100%;
        background: #fffffa url(/images/example/Map-LQ.jpg) center no-repeat;
        display: block;

        position: fixed;
        /* top: 126px; */
        /* top: 77px; */
        top: 0;
        left: 0;
        z-index: 0;
    }
        #timeline-background-image-post {
            display: none;
        }
        #timeline-background-image.preScroll {
            position: absolute;
            /* top: 421px; */
            top: 373px;
        }
        #timeline-background-image.postScroll {
            /* top: 4912px !important; */
            /* margin-top: -100% !important; */
            position: absolute !important;
        }
        #timeline-background-image-post.postScroll {
            display: block;
            position: absolute;
            /* top: 4912px !important; */
        }

        #timeline-background-image .dot {
            width: 13px;
            height: 13px;
            background: url(/images/example/Pin.png) no-repeat;

            position: absolute;
        }

        #timeline-vertical-line {
            display: block;
            width: 4px;
            height: 100%;

            position: absolute;
            top: 0;
            left: 50%;

            margin-left: -2px;
            background: black;
            z-index: 1;
        }

    /* Admin adds 28px */
    .admin #timeline-background-image,
    .admin #timeline-background-image-post {
        /* top: 126px; */
        top: 0;
    }

    .admin #timeline-background-image.preScroll {
        top: 421px;
    }

    #hoorah {
        position: fixed;
        left: 50%;
        margin-left: -400px;
        bottom: 304px;
        z-index: 5;
        visibility: hidden;
        opacity: 1;
    }
    .timeline.postScroll #hoorah {
        position: absolute;
        visibility: visible;
    }
    .timeline .event {
        clear: both;
        float: left;
        position: relative;
        margin-bottom: -30px;
        background: #FFF;
        width: 358px;
        padding: 20px;
        border: 1px solid #CCC;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); /* Saf3.0+, Chrome */
           -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); /* FF3.5+ */
                box-shadow: 0 0 3px rgba(0,0,0,0.5); /* Opera 10.5, IE 9.0 */

        z-index: 3;
    }
        .timeline .event::before,
        .timeline .event::after {
            content: '';
            position: absolute;
            left: 100%;
            width: 0;
            height: 0;
        }
        .timeline .event::before {
            top: 20px;
            margin-right: -1px;;
            border-left: 11px solid #CCC;
            border-bottom: 11px solid transparent;
            border-top: 11px solid transparent;
        }
        .timeline .event::after {
            top: 21px;
            border-left: 9px solid white;
            border-bottom: 9px solid transparent;
            border-top: 9px solid transparent;
        }
    .timeline .eventright {
        float: right;
    }
        .timeline .eventright::before,
        .timeline .eventright::after {
            border-left: 0;
            left: auto;
            right: 100%;
        }
        .timeline .eventright::before {
            top: 20px;
            margin-right: 1px;
            border-right: 11px solid #CCC;
            border-bottom: 11px solid transparent;
            border-top: 11px solid transparent;
        }
        .timeline .eventright::after {
            top: 22px;
            border-right: 9px solid white;
            border-bottom: 9px solid transparent;
            border-top: 9px solid transparent;
        }
        .timeline .event h1 {
            font-size: 1em;
            text-transform: uppercase;
            font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
            margin-bottom: 10px;
        }
        .timeline .event time {
            position: absolute;
            left: 100%;
            margin-left: 16px;
            background: #000;
            color: #FFF;
            font-size: 1.1667em;
            padding: 3px 0;
            width: 50px;
            text-align: center;
        }
        .timeline .eventright time {
            left: auto;
            right: 100%;
            margin-right: 16px;
            margin-left: 0;
        }
    .timeline .event-sipsmith {
        width: 410px;
    }
        .timeline .event-sipsmith .circle {
            position: absolute;
            border: 5px solid white;
            right: -190px;
            top: 0;
        }
        .timeline .event-sipsmith .pin {
            position: absolute;
            left: -65px;
            top: 10px;

            display: block;
            width: 47px;
            height: 47px;
            background: url(/images/example/Sipsmith-Pin.png) no-repeat;
        }
/* end timeline */

/* ============== */
/* = Contact Us = */
/* ============== */
/* start contact */
.contact {

}
    .contact #customer_firstname_wrap {
        float: left;
        width: 240px;
        margin-right: 38px;
    }
    .contact #customer_lastname_wrap {
        float: left;
        width: 240px;
    }
    .contact #customer_email_wrap {
        clear: both;
        width: 240px;
    }
    .contact #contact_enquiry_wrap {
        width: 258px;
    }
        .contact #contact_enquiry_wrap select {
            width: 100%;
        }
.contact .rightcol {

}
    .contact .rightcol blockquote {
        margin-bottom: 30px;
    }
.contact .cols {

}
    .contact .col {
        padding-left: 116px;
        width: 350px;
    }
        .contact .cols h1 {
            font-size: 1.9167em;
            margin-bottom: 0px;
        }
        .contact .cols img {
            float: left;
            margin-left: -116px;
            margin-top: 10px;
        }
        .contact .cols dl {
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.0833em;
            text-transform: none;
        }
            .contact .cols dl dt {
                float: left;
                margin-right: 5px;
                font-weight: bold;
            }
            .contact .cols dl dd {
                margin-bottom: 5px;
                color: #999;
            }
                .contact .cols dl dd a {
                    color: #999;
                }
                .contact .cols dl dd a:hover {
                    text-decoration: underline;
                }
.map {
    margin-bottom: 30px;
}
    .map .struck {
        margin-bottom: 25px;
    }
    .map figure {

    }
        .map figcaption {
            font-family: Arial, Helvetica, sans-serif;
            background: #666;
            color: #FFF;
            text-transform: none;
            text-align: center;
            padding: 3px 10px;
        }

.address .divider--before{
    vertical-align: top;
}

.address .divider--before:before{
    content: '|';
    display: inline-block;
    vertical-align: top;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
/* end contact */

/* ======= */
/* = 404 = */
/* ======= */
/* start notfound */
.notfound .content {
    border-top: none;
    margin-bottom: 0;
    margin-top: -100px;
}
    .notfound .content img {
        display: block;
        margin: 0 auto;
    }
/* end notfound */

/* ================= */
/* = Cookie Policy = */
/* ================= */
/* start cookie */
#cookie_policy_banner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    border-bottom: none;
    background-color: #FFF;
}
    #cookie_policy_banner .header {
        border-top: 3px solid #1C1C1C;
        background: #FFF;
        height: 60%;
        max-height: 500px;
    }
        #cookie_policy_banner .header hgroup {
            border-top: 1.1667em solid #EFEFEF;
            padding-top: 60px;
            background: #EFEFEF;
            height: 0;
        }
            #cookie_policy_banner .header hgroup h1 {
                text-indent: -1000em;
                width: 980px;
                margin: 0 auto;
                background: transparent url(/images/logo-swan.png) no-repeat 100% 0;
                margin-top: -60px;
                height: 156px;
            }
            #cookie_policy_banner .header hgroup h2 {
                text-indent: -1000em;
                width: 980px;
                margin: 0 auto;
                height: 46px;
                background: transparent url(/images/logo-type.png) no-repeat 100% 50%;
            }
            #cookie_policy_banner .header img {
/*              display: block;*/
                margin: -74px 0 0;
/*              padding-right: 338px;*/
            }
            #cookie_policy_banner .header .like {
                float: right;
                width: 178px;
                text-align: center;
                padding-top: 160px;
            }
    #cookie_policy_banner .main {
        border-top: 1px solid #ECECEC;
        padding-top: 20px;
        height: 40%;
        background: white;
    }
    .boxshadow #cookie_policy_banner .main {
        position: relative;
        border-top: none;
        -webkit-box-shadow: 0 -3px 3px 0 rgba(0,0,0,0.1); /* Saf3.0+, Chrome */
           -moz-box-shadow: 0 -3px 3px 0 rgba(0,0,0,0.1); /* FF3.5+ */
                box-shadow: 0 -3px 3px 0 rgba(0,0,0,0.1); /* Opera 10.5, IE 9.0 */
    }
        #cookie_policy_banner .main h1 {
            text-align: center;
            font-size: 2.5em;
        }
        #cookie_policy_banner .main p {
            color: #2F3B3B;
            text-align: center;
            font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
            text-transform: uppercase;
            font-size: 1em;
            line-height: 1;
            margin-bottom: 20px;
        }
            #cookie_policy_banner .main p a {
                margin: 0 5px;
            }
.has_cookie_policy_banner #outer-wrapper {
    opacity: 0;
}
/* end cookie */

/* =========== */
/* = Sitemap = */
/* =========== */
/* start sitemap */
#site-map div {
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
}
/* end sitemap */

/* ========= */
/* = Admin = */
/* ========= */
/* start fixed */
#admin-bar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
              box-size: border-box;
    z-index: 2000;
}
#debug-bar {
    position: fixed;
    z-index: 2000;
}
.admin #debug-bar {
    top: 44px !important;
}
.admin #outer-wrapper {
    padding-top: 44px;
}
.admin #header nav,
.admin #header hgroup h2 {
    top: 44px;
}
.debug #header nav,
.debug #header hgroup h2 {
    top: 17px;
}
.admin #outer-wrapper {
/*  padding-top: 17px;*/
}
.admin.debug #header nav,
.admin.debug #header hgroup h2 {
    top: 61px;
}
.admin.debug #outer-wrapper {
/*  padding-top: 49px;*/
}
/* end fixed */



/* New read more hover style */
.box-readmore {
    position: relative;
    overflow: hidden;
}
.box-readmore .hover {
    opacity: 0;

    background: rgba(0, 0, 0, 0.3);
    content: "Read More";
    color: white;
    text-align: center;

    font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
    font-weight: bold;
    font-style: oblique;
    font-size: 1.3em;

    position: absolute;
    left: 0;
    top: 0;

    padding-top: 44%;

    width: 100%;
    height: 56%;
-webkit-transition: opacity 0.2s linear;
   -moz-transition: opacity 0.2s linear;
     -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
}

a:hover .box-readmore .hover {
    opacity: 1;
}

#ie8 .box-readmore .hover,
#ie7 .box-readmore .hover {
    display: none;
}

.circle-readmore .hover {
    -webkit-border-radius: 50%; /* Saf3+, Chrome */
       -moz-border-radius: 50%; /* FF1+ */
            border-radius: 50%; /* Opera 10.5, IE 9 */
}


/* ========== */
/* = Mobile = */
/* ========== */
.mobile #outer-wrapper {
    min-width: 0;
}
.mobile .mobile-struck {
    overflow: hidden;
    text-align: center;
    font-size: 1.3em !important;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
}
    .mobile .mobile-struck span {
        display: inline-block;
        position: relative;
        padding: 0 1em;
    }
        .mobile .mobile-struck span:after,
        .mobile .mobile-struck span:before {
            position: absolute;
            top: 40%;
            width: 500px;
            border-top: 1px solid white;
            left: 100%;
            content: " ";
        }
        .mobile .mobile-struck span:before {
            right: 100%;
            left: auto;
        }
.mobile-header {
    background: white no-repeat;
    background-position: center 29px;
    margin-bottom: 20px;
}
    .mobile-header .black-bar {
        background: #1c1c1c;
        color: white;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
        margin-bottom: 237px;
    }
    .mobile-header hgroup {
            position: relative;
            padding-top: 156px;
            z-index: 500;
            background: transparent url(/images/logo-swan.png) no-repeat 100% 0;
            /* float: right; */
            /* margin-top: -60px; */
            width: 178px;
            overflow: hidden;
            margin: 0 auto;
        }
        .mobile-header hgroup h1 {
            text-indent: -1000em;
            font-size: 1em;
            height: 46px;
            width: 178px;
            right: 0;
            background: transparent url(/images/logo-type.png) no-repeat 100% 50%;
            z-index: 501;
            margin: 0;
        }
        .mobile-header hgroup h2 {
            text-indent: -999999px;
        }
    .mobile-content {
    }
        .mobile-content img {
            margin: 0 auto;
            display: block;
        }
        .mobile-content p.intro {
            line-height: 33px;
            margin-bottom: 0;
            padding: 0 10px;
        }
        .mobile-content .quote-struck {
            margin-top: 10px;
            margin-bottom: 15px;
        }
        .mobile-content .quote-struck span {
            font-size: 36px;
            line-height: 1;
        }
        .mobile-content .intro,
        .mobile-content .caption,
        .mobile-content blockquote p,
        .mobile-content blockquote cite {
            text-align: center;
        }
        .mobile-content blockquote {
            margin-bottom: 10px;
        }
        .mobile-content blockquote cite {
            padding-top: 0.5em;
        }
    #mobilenav {
        padding-top: 10px;
        padding-bottom: 10px;
        background: url(/images/mobile/nav-bg.jpg) no-repeat center;
    }
        #mobilenav > div {
            width: 50%;
            float: left;
            margin-bottom: 10px;
        }
        #mobilenav a {
            display: block;
            padding: 20px;
            padding-top: 30px;
            width: 70px;
            height: 60px;
            border-radius: 55px;
            background: rgba(255, 255, 255, 0.88);
            font-size: 1.666em;
            line-height: 1.1;
            font-family: 'AdobeGaramondW01-Regula', "adobe-garamond-pro", times, serif;
            text-align: center;
            margin: 0 auto;
        }
        #mobilenav a.one-line {
            padding-top: 40px;
            height: 50px;
        }


        #mobile-social {
            padding-top: 10px;
            padding-bottom: 15px;
            background: #ebebeb;
        }
            #mobile-social .struck {
                color: #757575;
            }
                #mobile-social .struck span {
                    background: #ebebeb;
                }
        #mobile-social .social-icons {
            display: block;
            text-align: center;
        }
        #mobile-social .social-icons li {
            display: inline-block;
            margin: 0 3px;
            padding: 4px;
            height: 26px;
            width: 26px;
            border-radius: 17px;
            background: #a5a5a5;
        }
            #mobile-social .social-icons a span {
                display: inline-block;
                width: 26px;
                height: 26px;
                background: url(/images/social-icons-mini.png) no-repeat;
                text-indent: -999999px;
            }
            #mobile-social .social-icons .facebook span    { background-position: -0px   -0px; }
            #mobile-social .social-icons .twitter  span    { background-position: -0px  -35px; }
            #mobile-social .social-icons .google_plus span { background-position: -0px  -70px; }
            #mobile-social .social-icons .pinterest span   { background-position: -0px -105px; }

            /*
            #mobile-social .social-icons .facebook:hover span    { background-position: -34px   -0px; }
            #mobile-social .social-icons .twitter:hover span     { background-position: -34px  -35px; }
            #mobile-social .social-icons .google_plus:hover span { background-position: -34px  -70px; }
            #mobile-social .social-icons .pinterest:hover span   { background-position: -34px -105px; }

            #mobile-social .social-icons .facebook:active span    { background-position: -68px   -0px; }
            #mobile-social .social-icons .twitter:active span     { background-position: -68px  -35px; }
            #mobile-social .social-icons .google_plus:active span { background-position: -68px  -70px; }
            #mobile-social .social-icons .pinterest:active span   { background-position: -68px -105px; }
            */

.mobile-footer {
    background: #2f3b3b;
    color: white;
    font-size: 1.1em;
}
    .mobile-footer p,
    .mobile-footer p a {
        font-family: 'Minion W01 SmBd', 'minion-pro', times, serif;
        color: white;
        text-transform: uppercase;
    }
    .mobile-footer p.left {
        padding-left: 5px;
        width: 140px;
        float: left;
    }
    .mobile-footer p.right {
        padding-right: 5px;
        width: 110px;
        text-align: right;
        float: right;
    }
    .mobile #cookie_policy_banner {
        height: 181px;
        position: fixed;
        bottom: 0;
        top: auto;
        padding-bottom: 15px;
    }
    #cookie_policy_banner .inner {
        min-width: 0;
        width: 980px;
        max-width: 100%;
    }
    .mobile #cookie_policy_banner .header {
        display: none;
    }
    .has_cookie_policy_banner .mobile #outer-wrapper {
        opacity: 1;
    }
    .has_cookie_policy_banner .mobile .mobile-content {
        opacity: 0;
    }
    .ipad-event {
        overflow: hidden;
    }
.ipad-event #outer-wrapper { opacity: 1 !important; }
#ipad-wrap {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
    #ipad-inner-wrap {
        width: 365px;
        padding: 50px;
        background: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    #ipad-wrap h1 {
        margin-bottom: 10px;
    }
    #ipad-wrap form {
        margin-top: 25px;
    }
    #customer_additional_data_1_label_wrap,
    #customer_additional_data_2_label_wrap {
        display: none;
    }


/* ---------- End /css/style.css ---------- */