/* Copyright 2014 Pebble Design Pty Ltd. All Rights Reserved. */

@font-face { font-family: 'Oranienbaum'; font-style: normal; font-weight: 400; src: local('Oranienbaum'), local('Oranienbaum-Regular'), url(http://themes.googleusercontent.com/static/fonts/oranienbaum/v2/WyaFSM_en0pjtlmUWwS7GYbN6UDyHWBl620a-IRfuBk.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }

.show-1 { visibility:visible; }
.show-0 { display:none; }
* { text-decoration:none; border:none; outline:none; }
a, input[type="submit"], input:hover, textarea:hover, img, .white-button, hover-effect, .white-gold-button, .white-button, .latte-button { transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-timing-function:ease; -webkit-transition-timing-function:ease; }
html, body, #container { margin:0; padding:0; width:100%; height:100%; min-height:100%; }
body { /*overflow-x:hidden;*/ background:#f9f8f7; }
#container { position:relative; margin:auto; min-width:320px; max-width:1920px; /*overflow-x:hidden;*/  }
body.home #container { height: auto !important; min-height: 0;}
.center { position:relative; width:100%; max-width:1200px; margin:auto;   }
.pad { padding:0 30px; }
.pad-20 { padding:0 20px; }
.clear { clear:both; }
.image-resize { width:100%; height:auto; display:block; }
.image-resize-height { height:100%; width:auto; }
.bold, b, strong { font-weight:bold; }
.text-center { text-align:center; }
.fine { font-size:11px; color:#999; margin-left: 20px;}
a.hover-effect:hover { opacity:0.7; }
.reviews { border-bottom: 1px solid #ffffff; }
hr { border: solid 1px #ffffff; width: 100%; margin: 30px 0px; }

/* Column Structure */

.col-3 { width:33.33%; float:left; display:block; }
.col-3-2 { width:66.66%; float:left; display:block; }
.col-3-table { width:100%;  display:table ; margin:0; padding:0; }
.col-3-2-table-col { width:66.66%; display:table-cell; vertical-align:bottom; }

.col-3-table-col { width:33.33%; display:table-cell; vertical-align:top; }
.col-4 { width:25%; float:left; display:block; }
.col-4-3 { width:75%; float:left; display:block; }
.col-5 { width:20%; float:left; display:block; }
.col-5-2 { width:40%; float:left; display:block; }
.col-5-3 { width:60%; float:left; display:block; }
.col-5-4 { width:80%; float:left; display:block; }
.col-6 { width:16.66%; float:left; display:block; }
.col-3 p, .col-3-2 p { padding:15px 20px;}

.col-3-table > p { padding: 0; line-height: 0; }
/* Header */

header { position:absolute; top:0; width:100%; z-index:1000; background:url(../_System/images/header-bg.png) bottom center no-repeat;}
header .center { padding-bottom:80px; }
header .line { height:5px; background:#91897e; width:100%; left:0; margin-top:-1px; position:relative; margin-top:-1px; }
header .logo { top:15px; margin-left:30px; width:232px; float:left; }
header .logo a:hover { opacity:0.7; }
header .wrap { float:right; padding-right:10px; width:70%; height:60px; margin-top:5px; }
header p.contact { font:normal 18px/35px 'Oranienbaum', serif; color:#000; text-align:left; padding:10px 30px 0 0; margin-top:7px; /*top:10px; right:200px; position:absolute;*/ }
header .contact a { color:#000; }
header .contact a:hover { color:#b5a068; }
header .contact span.phone { color:#000; }
header .contact span.phone a { margin:0 auto 0; cursor:default; }
header .contact span.phone a:hover { color:#000; }
header .contact span#navsocial { margin-left: 25px; }
header .book-online a, header .giftcert a { font:normal 22px/35px 'Oranienbaum', serif; float:right; display:block; background:#91897e; padding:7px 20px; color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); }
header .giftcert a {margin-right: 20px;}
header .book-online a:hover, header .giftcert a:hover { background:#0e0e0e; }

/* Navigation */

nav { background:url(../_System/images/nav.jpg); float:right; width:69%; z-index:10; top:0; height:40px; margin:15px 15px 20px 0; }
nav ul { width:100%; display:table; margin:0; padding:0; }
nav li { font:normal 20px/35px 'Oranienbaum', serif; text-transform:uppercase; letter-spacing:-1px; display:table-cell; }
nav li.spacer { width:35px!important; }
nav a { color:#000; text-align:right; display:block; }
nav a:hover { color:#b5a068; }
nav ul li ul { width:auto; margin-left:1px; position:absolute; display:none; }
nav ul li ul li { display:inline; z-index:100; }
nav ul li ul li a { height:35px; padding:0 30px; font:normal 18px/35px 'Oranienbaum', serif; color:#fff; text-align:left; background:#91897e; border:none; border-top:1px solid #7b756b; }
nav ul li ul li a:hover, nav ul li ul li.active a { background:#b5a068; color:#fff; height:35px !important; border-bottom:none !important; }

nav li:last-child ul { right:0; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }
nav a#pull { display:none; color:#FFF !important; text-align:center; }


/* This is the dropdown code which doesnt need to be seen at mobile size */
@media only screen and (min-width:941px){
nav ul li:hover ul, nav ul li ul:hover { opacity: 1; height: auto; z-index: 10; }
nav ul li:hover ul { display: block; }
nav ul li ul li:first-child a:hover, nav ul li.active ul li:first-child a { height:33px !important; }
nav ul li ul li:first-child a { height:33px; line-height:33px; border-top:2px solid rgba(0, 0, 0, 0.15); }

}

/* Slideshow */

#slideshow { min-height:315px; z-index:1; margin-top:0; position:relative; z-index:1; }
#slideshow .center { max-width:1920px; }
#slideshow .caroufredsel_wrapper { /*overflow:visible; left:-600px !important;*/ }
#slideshow .slider { overflow:hidden; width:100%; height:100%; }
#slideshow .item { min-height:315px; position:relative; float:left; }
#slideshow .item img { width:100%; height:auto; min-width:550px; min-height:315px; max-height:960px; display:block; }
#slideshow .item .content { position:absolute; top:70px; left:70px; }
#slideshow .item .title, #slideshow .item .subheading { padding:0 12px; color:#333; position:relative; background:rgba(255, 255, 255, 0.8); box-shadow:0 2px 0 rgba(0, 0, 0, 0.15); }
#slideshow .item .title { height:55px; font:bold 40px/55px 'Open Sans', sans-serif; z-index:2; }
#slideshow .item .title span { font:bold 16px 'Open Sans', sans-serif; color:#BE0E33; }
#slideshow .item .subheading { height:40px; font:bold 16px/40px 'Open Sans', sans-serif; display:table-cell; z-index:1; }
#slideshow .item .button { height:40px; padding:0 30px 0 12px; font:normal 22px/40px 'Open Sans', sans-serif; color:#FFF; display:inline-block; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); background:#BE0E33 url(../images/button-arrow.png) top right no-repeat; box-shadow:0 2px 0 rgba(0, 0, 0, 0.15); }
#slideshow .item .button:hover { background-color:#8E0A26; }
#slideshow a.nav { position:absolute; top:50%; width:50px; height:50px; margin-top:10px; cursor:pointer; z-index:100; }
#slideshow a.nav.prev { background:url(../_System/images/slide-nav.png) bottom left; left:5%; }
#slideshow a.nav.next { background:url(../_System/images/slide-nav.png) top left; right:5%; }
#slideshow a.nav.prev:hover, a.nav.next:hover { opacity:0.5; }

#slideshow .item .quote, #slideshow .item .quote { position:absolute; bottom:18%; right:5%; margin:0; padding:0; list-style:none; text-align:center; z-index:10; }
#slideshow .item .quote li, #slideshow .item .quote li { background:rgba(0,0,0,0.80); font:300 24px/44px 'Open Sans', arial; color:#fff; margin:0 auto; padding: 30px 40px; text-align:center; border:1px solid #000; border-radius:0px; display:inline-block; }
#slideshow .btn {cursor:pointer!important; height: 40px; background: #fff; color:#000; cursor: pointer;  margin: 0 0 0 20px; padding: 10px; position: relative; text-transform: none; top: -2px; }
#slideshow .btn:hover{ background: #efefef;}
#slideshow .item .quote.ifdisplay0 {display:none!important;}
#slideshow .item .quote.ifdisplay1 {display:block!important;}

/* Content */

main { width:100%; position:relative; z-index:1000; max-width: 1920px; margin: 0px auto; }
main p, .popup-copy p { padding:15px 20px; margin:0; }
main p.small { font-size: 11px; }
main a { color:#a38e56; }
main a:hover { color:#ffffff; }
main h1 { font:normal 80px/25px 'Oranienbaum', serif; color:#fff; text-transform:uppercase; margin:20px 0 40px 20px;  }
main h1:after { content:""; width:194px; height:105px; position:absolute; top:-40px; left:-40px; }
main h1.w:after { background:url(../_System/images/w.png); }
main h1.sml { font:normal 60px/25px 'Oranienbaum', serif; margin-top:17px; }
main h1.special { font:normal 35px/35px 'Oranienbaum', serif; margin-top:17px;}
main .position-w { display:block; vertical-align:bottom; position:relative; top:18px; }
main .position-w.space { top:38px; }
main h1 span { font:normal 35px/35px 'Oranienbaum', serif; letter-spacing:-2px; display:block; }
main h2 { font:normal 50px/50px 'Oranienbaum', serif; color:#fff; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); margin:10px 0; }
main .col-3-table-col h2 { font:normal 35px/35px 'Oranienbaum', serif; color:#fff; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); margin:10px 0; padding:10px 20px; }
main ul {  list-style-type: square;  }
main li { font:16px 'Open Sans', sans-serif; font-weight:normal; color:#fff; text-align:left;  }
main .title { font:normal 35px/40px 'Oranienbaum', serif; color:#000; text-transform:uppercase; }
main p.terms { font-size: 12px; font-style:italic; }
main .title-white { font:normal 35px/40px 'Oranienbaum', serif; color:#fff; text-transform:uppercase; }
main .image-break { width:100%; margin-top:-168px; clear:both; display:block; padding:0; position:relative; z-index:100; height:auto; }
main .image-break-no-mar { width:100%; margin-top:0; clear:both; display:block; padding:0; height:auto; }
main .slideshow-box { background:url(../_System/images/pattern-background.jpg) repeat; margin:-250px 0 50px; padding:30px 0 60px;  position:relative; z-index:1000; }
main .slideshow-box .title  { font:normal 48px/40px 'Oranienbaum', serif; padding:37px 0 0 0;  }
main .slideshow-box .title span { font:normal 38px/45px 'Open Sans', sans-serif; letter-spacing:15px !important; padding-left:15px;  }
main .black-img { background:url(../_System/images/black-bg.png) center bottom no-repeat; width:100%; height:167px; position:relative; z-index:1000; margin-top:-180px;}
main .black-block { background:#0e0e0e; color:#fff; font:16px 'Open Sans', sans-serif; z-index:100; margin-top:0; padding-bottom:0; display:block;  }
main .black-beige-img { background:url(../_System/images/black-beige-bg.png) center bottom no-repeat; width:100%; height:167px; position:relative; z-index:1000;}
main .beige-block {  background:#dcdcd2 !important; color:#000; font:16px 'Open Sans', sans-serif; z-index:100; padding-bottom:0; display:block; }
main .beige-img { background:url(../_System/images/beige-bg.png) center bottom no-repeat; width:100%; height:167px; position:relative; z-index:1000;}
main .pattern-block {  background:url(../_System/images/pattern-background.jpg) repeat; color:#000; font:16px 'Open Sans', sans-serif; z-index:100; margin-top:-167px; padding-top: 167px; margin-bottom:-165px; padding-bottom: 165px; clear:both; display:block; }
main .pattern-block h1 { color:#000; }
main .pattern-block a { color:#a38e56; }
main .pattern-block a:hover { color:#000; }
main .latte-img { background:url(../_System/images/latte-bg.png) center bottom no-repeat; width:100%; height:167px; position:relative; z-index:1000;}
main .latte-block {  background:#91897e !important; color:#000; font:16px 'Open Sans', sans-serif; z-index:100; padding-bottom:0; margin-top:0; display:block; }
main .latte-gold-img { background:url(../_System/images/latte-gold-bg.png) center bottom no-repeat; width:100%; height:167px; position:relative; z-index:1000; margin-top:-1px; }
main .latte-gold-black-img { background:url(../_System/images/latte-gold-black-bg.png) center bottom no-repeat; width:100%; height:167px; position:relative; z-index:1000; margin-top:-1px; }
main .gold-block {  background:#b5a068 !important; color:#fff; font:16px 'Open Sans', sans-serif; z-index:100; padding-bottom:0; margin-top:0; display:block; }
main .gold-img { background:url(../_System/images/gold-bg.png) center bottom no-repeat; width:100%; height:167px; position:relative; z-index:1000;}
main .gold-block .center { padding-top:20px; }
main .gold-block a { color:#000; }
main .gold-block a:hover { color:#fff; }
main .pattern-block-footer {  background:url(../_System/images/pattern-background.jpg) repeat; color:#000; font:16px 'Open Sans', sans-serif; z-index:100; margin-top:-167px; padding-top:180px; padding-bottom:100px; clear:both; display:block; height: 276px; }

main .col-3 .feature-box { background:#fff; overflow:hidden; box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1); margin: 10px 0; position:relative;  }
main .col-3 .feature-box a:after { width:100%; height:100%; display:block; background:url(../_System/images/transparent.png); position:absolute; top:0; z-index:20; content:""; }
main .col-3 .feature-box.no-box a:after { width:auto; height:auto; display:block; background:none; position:absolute; top:0; z-index:20; content:inherit; }
main .col-3 .feature-box p { text-align:center; }
main .col-3 .feature-box h3 { background:#fff; height:70px; text-align:center; font:normal 35px/35px 'Oranienbaum', serif; color:#000; text-transform:uppercase; margin:15px auto 20px; }
main .col-3 .feature-box h3 a,main .col-3 .feature-box h3 span { vertical-align:bottom; display:inline-block; margin-top:22px; color:#000; }
main .col-3 .feature-box .thumb { width:100%; height:230px; overflow:hidden; }
main .col-3 .feature-box .img { width:100%; height: 240px; overflow:hidden;  height: auto; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; }
.hover main .col-3 .feature-box:hover .img { width:110%; height: auto; opacity:0.7; /*margin:-5% 0 0 -5%;*/-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2); }
main .col-3 .feature-box .bottom { background:#fff; width:100%; top:300px; height:65px; }
main .col-3 .feature-box .bottom .more-button { color: #000; text-transform:uppercase; float:right; margin:20px; padding-right:20px; background:url(../_System/images/more-arrow.gif) no-repeat right center;}
main .col-3 .feature-box:hover .bottom .more-button { background:url(../_System/images/more-arrow-hvr.gif) no-repeat right center;}

main .col-3 .feature-box2 { background:#fff; overflow:hidden; box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1); margin: 20px 0; position:relative;  }
main .col-3 .feature-box2 a:after { width:100%; height:100%; display:block; background:url(../_System/images/transparent.png); position:absolute; top:0; z-index:20; content:""; }
main .col-3 .feature-box2.no-box a:after { width:auto; height:auto; display:block; background:none; position:absolute; top:0; z-index:20; content:inherit; }
main .col-3 .feature-box2 p { text-align:center; }
main .col-3 .feature-box2 h3 { background:#fff; text-align:center; font:normal 25px/34px 'Oranienbaum', serif; color:#000; text-transform:uppercase; margin:10px 20px;  }
main .col-3 .feature-box2 h3 a,main .col-3 .feature-box h3 span { vertical-align:bottom; display:inline-block; margin-top:15px; color:#000; overflow:hidden; -webkit-line-clamp: 2; /* number of lines to show */  -webkit-box-orient: vertical;   display: -webkit-box; height: 65px; }
main .col-3 .feature-box2 .thumb { width:100%; height:230px; overflow:hidden; }
main .col-3 .feature-box2 .img { width:100%; height: 240px; overflow:hidden;  height: auto; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; }
.hover main .col-3 .feature-box2:hover .img { width:110%; height: auto; opacity:0.7; /*margin:-5% 0 0 -5%;*/-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2); }
main .col-3 .feature-box2 .bottom { background:#fff; width:100%; top:300px; /*height: auto;*/ height:130px; padding-bottom: 30px; }
main .col-3 .feature-box2 .bottom .more-button { color: #000; text-transform:uppercase; float:right; margin:20px; padding-right:20px; bottom: 0; right: 0; position: absolute; background:url(../_System/images/more-arrow.gif) no-repeat right center;}
main .col-3 .feature-box2 .bottom .more-button a:hover { color: #000; }
main .col-3 .feature-box2:hover .bottom .more-button { background:url(../_System/images/more-arrow-hvr.gif) no-repeat right center;}
main .col-3 .feature-box2 .bottom .content {font:14px 'Open Sans', sans-serif; color: #000000; margin:20px;}
main .col-3 .feature-box2 .price { position:absolute; left: 0; bottom: 0;  font:normal 25px/30px 'Oranienbaum', serif; color:#000; margin: 10px 20px; }

.price { font: normal 40px/25px 'Oranienbaum', serif; position: relative; padding-left: 30px; margin-bottom: 20px; }
.venue { padding-left: 30px; }
.times { padding-left: 30px; }
.valid { font-size: 12px; font-style:italic; }

#google-map { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 50px 0 50px 0; }
#google-map iframe, #google-map object, #google-map embed { position:absolute; top:0; left:0; width:100%; height:100%;  }

#map { width:100%; height:240px; }
main .testimonial { font:22px 'Open Sans', sans-serif; margin-bottom:-20px; }
main .box { position:relative; margin:0 0 30px 0; padding:30px 0 0 0; clear:both; }
main .box a:after { width:100%; height:100%; display:block; background:url(../_System/images/transparent.png); position:absolute; top:0; z-index:20; content:""; }
main .subscribe input[type="text"], main .subscribe input[type="email"] { background:url(../_System/images/form-bg.png) repeat; width:94%; color:#fff; margin:0 0 10px 0; padding:3%; text-transform:lowercase;}
::-webkit-input-placeholder { color:#fff; opacity:1.0; }
:-moz-placeholder { color:#fff;  opacity:1.0; }
::-moz-placeholder { color:#fff; opacity:1.0;  }
:-ms-input-placeholder { color:#fff; opacity:1.0;  }

.white-button, a.white-button { font:normal 22px/30px 'Oranienbaum', serif; background:#fff; color:#000; text-align:center; text-transform:uppercase; cursor:pointer; margin:0 auto; padding:10px 30px;  }
a.white-button { padding:15px 30px; }
.white-button:hover, a.white-button:hover { color:#fff; background:#0e0e0e; }
.white-button2, a.white-button2 { font:normal 22px/30px 'Oranienbaum', serif; background:#fff; color:#000; text-align:center; text-transform:uppercase; cursor:pointer; margin:0 auto; padding:10px 30px;  }
a.white-button2 { padding:15px 30px; }
.white-button2:hover, a.white-button2:hover { color:#fff; background:#b5a068; }
a.latte-button  { font:normal 22px/35px 'Oranienbaum', serif; background:#91897e; padding:12px 20px 10px; color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); margin:10px auto; }
a:hover.latte-button  { background:#0e0e0e; }
a.white-gold-button  { font:normal 22px/30px 'Oranienbaum', serif; background:#fff; color:#000; text-align:center; text-transform:uppercase; cursor:pointer; margin:0 auto; padding:10px 30px; }
a:hover.white-gold-button  { background:#a38e56; }

.reviews h2 {margin: 30px 16px 0px 16px;}

#whatson { margin-left: 40px; }
#whatson .title { font: normal 26px/20px 'Oranienbaum', serif !important; }
#whatson li { list-style:none !important; margin-top: 20px;}
#whatson ul { list-style: none; padding: 0; margin: 0; }
#whatson li .post-date span { font-weight: 700; font-size: 10px; line-height: 13px; color: #fff; display: block; text-transform: uppercase; list-style:none !important;   font:normal 14px/13px 'Oranienbaum', serif !important;}
#whatson li .post-date a { float: left; background: url(../images/whatsondate.jpg) no-repeat; width: 60px; height: 47px; font-weight: 700; font-size: 28px; line-height: 31px; color: #fff; padding: 7px 0; text-align: center; margin: 0px 16px 0 0; font-style: normal; list-style:none!important; font:normal 28px/33px 'Oranienbaum', serif !important; }
#whatson p {padding: 7px 0px!important }
#webapp24726pagination { display: none!important; }

#imageDetails #caption { color:#092f57!important; }

/* Footer */
.pattern-block-footer .social:hover { opacity: 0.7; }
.pattern-block-footer .footer-links { padding-left:55px; margin: 0;}
.pattern-block-footer ul li a { color:#000; display:block; }
.pattern-block-footer ul li a:hover { color:#b5a068; }
.pattern-block-footer ul { list-style-type: none; padding: 0; padding-left: 20px;}
.pattern-block-footer .title { font: normal 22px 'Oranienbaum', serif; padding:0; padding-left: 20px; color: #000;}
.pattern-block-footer .title a { color: #000; }
.pattern-block-footer .title a:hover { color: #b5a068; }
#copyright { width:70%; color:#333; float:left; margin:50px 0 0 0; }
#copyright p { margin:0; padding:0; font:12px/23px 'Asap', sans-serif; }
#copyright a { padding-left:20px; color:#333; }
#copyright a:hover { color:#91897E; }
.pd { float:right; }
p.pd { margin:50px 0 0 0; padding:0; }
.pd:hover { opacity:.6; }
footer hr { margin:30px 0; border-bottom:1px solid #91897E; width:100%; }
.faddress { }

/* Date Picker (for booking panels and enquiry forms) */

.ui-datepicker { background:#e5e5e5; width:520px !important; margin:0; padding:5px 0; font-size:16px; line-height:20px; border-radius:3px; float:left; display:none; z-index:99999; overflow:hidden; }
.ui-datepicker-group { width:250px; float:left; margin:0 5px; border-radius:3px; }
.ui-datepicker-group .ui-datepicker-header { position:relative; background:#696969; width:260px; height:25px; margin:-5px 0 0 -5px; padding:10px 0; color:#FFF; text-transform:lowercase; }
.ui-datepicker-group-first .ui-datepicker-header { border-top-left-radius:3px; }
.ui-datepicker-group-last .ui-datepicker-header { border-top-right-radius:3px; }
.ui-datepicker .ui-datepicker-title { font-size:16px; font-weight:bold; line-height:25px; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table { width:100%; border-collapse:collapse; margin:0; }
.ui-datepicker th { width:25px; padding:5px; font-weight:bold; color:#696969; text-transform:lowercase; }
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:3px; text-align:right; text-decoration:none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:#fff; font-size:12px; font-weight:bold; line-height:20px; color:#696969; text-align:center; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:#b5a068; color:#fff; }
.ui-widget-header .ui-state-hover { opacity:0.50; filter:Alpha(Opacity=50); cursor:pointer; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#fff; text-decoration:none; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color:#fff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity:0.50; filter:Alpha(Opacity=50); cursor:default; }
.ui-icon { width:30px; height:30px; text-indent:-99999px; overflow:hidden; display:block; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background:url(../_System/images/bg-datepicker-icons-light.png) center left no-repeat; }
.ui-datepicker .ui-datepicker-next .ui-icon { background:url(../_System/images/bg-datepicker-icons-light.png) center right no-repeat; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:7px; width:30px; height:30px; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background:none; }
.ui-datepicker .ui-datepicker-prev { left:5px; }
.ui-datepicker .ui-datepicker-next { right:5px; }

/* Colorbox (for image pop-ups and write a review form) */
#popup { display:none; }
.popup-copy { padding:30px 30px 10px 30px; font:normal 16px 'Open Sans', sans-serif; }
.popup-copy h2 { margin:0 0 20px 20px; font:normal 50px/50px 'Oranienbaum', serif; color:#000; text-transform:uppercase;  }
.popup-copy a.link { color:#a38e56; }
.popup-copy a.link:hover { color:#000; }

#colorbox, #cboxOverlay, #cboxWrapper{ position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{ position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft{ clear:left; }
#cboxContent{ position:relative; }
#cboxLoadedContent{ overflow:auto; -webkit-overflow-scrolling:touch; }
#cboxTitle { font:bold 18px arial; color:#FFF; text-transform:lowercase; position:absolute; top:-28px; left:0; width:450px; }
#cboxLoadingOverlay, #cboxLoadingGraphic{ position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ cursor:pointer; }
.cboxPhoto{ float:left; margin:auto; border:0; display:block; max-width:none; }
.cboxIframe{ width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
#cboxOverlay{ background:#000; }
#cboxContent{ margin-top:32px; overflow:visible; background:#fff;}
.cboxIframe{ background:#fff; }
#cboxError{ padding:50px; }
#cboxLoadedContent{ background:#fff; }
#cboxLoadingGraphic{ background:#fff url(../_System/images/bg-colorbox-loader.gif) center center no-repeat; }
#cboxLoadingOverlay{ background:#fff; }
#cboxTitle{ font:bold 18px arial; color:#FFF; text-transform:lowercase; position:absolute; top:-28px; left:0; width:450px; }
#cboxCurrent{ font:bold 11px arial; position:absolute; top:-21px; right:30px; color:#888; }
#cboxPrevious { position:absolute; top:50%; left:-19px; margin-top:-27px; background:url(../_System/images/bg-colorbox-nav.png) top left; width:50px; height:50px; text-indent:-9999px; }
#cboxPrevious:hover { background-position:bottom left; }
#cboxNext { position:absolute; top:50%; right:-21px; margin-top:-27px; background:url(../_System/images/bg-colorbox-nav.png) top right; width:50px; height:50px; text-indent:-9999px; }
#cboxNext:hover { background-position:bottom right; }
#cboxClose { position:absolute; top:-15px; right:-17px; display:block; background:url(../_System/images/bg-colorbox-close.png) top; width:42px; height:42px; text-indent:-9999px; z-index:9999; border: 0; }
#cboxClose:hover { background-position:bottom; }

/* Frequently Asked Questions (hides answer and displays on click) */

.faqs .faq-container > .question { margin-bottom:10px; }
.faqs .faq-container > .question a { cursor:pointer; }
.faqs .faq-container > .answer { margin:5px 0 15px 0; display:none; }

/* Media Downloads (BC literature module) */

.download { margin:0 0 5px 0; }
.download span { display:inline; }
.download span.link { margin:0 3px 0 5px; }
.download span.icon > img { margin:0 0 -3px 0; }
.download span.size { font-size:10px; color:#999; }

/* Web Forms */

#form { width:100%; max-width:550px; margin-left: 20px; }
#form label, #form input, #form select { height:15px; line-height:12px; margin:0 auto 8px; }
#form label { max-width:190px; padding:10px 0 0; line-height:19px; float:left; }
#form .mandatory { color:#a38e56}
#form input, #form select, #form textarea { max-width:300px; width: 300px; color:#666; border:1px solid #CCC; padding:10px; float:right; }
#form select { width:322px; height:37px; padding:5px; }
#form input[type=file] { width:308px; height:23px; padding:7px; background:#EEE; border:none; }
#form input:focus, #form select:focus, #form textarea:focus { outline-color:#83A534 !important; }
#form input#CaptchaV2 { width:138px !important; margin:8px 0; float:left; }
#form button { width:160px; height:47px; color:#0e0e0e; text-align:center; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); background:#fff; cursor:pointer; float:right; }
#form button:hover { background:#b5a068; color: #ffffff }
#form br { clear:both; }

/*
@media only screen and (min-width:2560px) {
#container { overflow-x:visible;  }
}

@media only screen and (max-width:2560px) {
#container { overflow-x:visible;  }
}


@media only screen and (max-width:1920px) {
#container { overflow-x:visible;  }
}
*/


@media only screen and (max-width:1600px) {
	#slideshow .item .quote {bottom: 25%;}
}

@media only screen and (max-width:1600px) {
#slideshow .center { padding-top: 100px; padding-bottom:15px; }
}

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

@media only screen and (max-width:1280px) {
	#slideshow .item .quote, #slideshow .item .quote { bottom:22%; }
	#slideshow .item .quote li, #slideshow .item .quote li { padding: 15px 20px; }
	#slideshow .btn { padding: 5px 10px; }
}

@media only screen and (max-width:1200px) {
main .col-3 .feature-box h3 { font:normal 25px/25px 'Oranienbaum', serif; margin-bottom:5px; }
main .col-3 .feature-box .img { width:160%; }
.hover main .col-3 .feature-box .img { width:130%; }
.hover main .col-3 .feature-box:hover .img { width:140%; }
main .col-3 .feature-box2 h3 { font:normal 25px/30px 'Oranienbaum', serif; margin-bottom:5px; }
main .col-3 .feature-box2 .img { width:160%; }
.hover main .col-3 .feature-box2 .img { width:130%; }
.hover main .col-3 .feature-box2:hover .img { width:140%; }
nav li.spacer { width:25px!important; }
nav .remove { display:none!important; }
}
@media only screen and (max-width:1200px) and (min-width:940px) {
header p.contact a.email{display: none;}
}


@media only screen and (max-width:1180px) {
	#slideshow .item .quote, #slideshow .item .quote { bottom:24%; }
}

@media only screen and (max-width:1100px) {
header .wrap {width: 70%;}
}


@media only screen and (max-width:1080px) {
	#slideshow .item .quote, #slideshow .item .quote { bottom:26%; }
}

@media only screen and (max-width:1024px) {
main .slideshow-box .title { font:normal 60px/30px 'Oranienbaum', serif; padding: 20px 0 0 0; }
main .slideshow-box .title span { font:normal 30px/35px 'Open Sans', sans-serif; letter-spacing:1px;  }
.hover main .col-3 .feature-box .img { width:160%; }
.hover main .col-3 .feature-box:hover .img { width:170%; }
/*.hover main .col-3 .feature-box2 .img { width:160%; }*/
.hover main .col-3 .feature-box2:hover .img { width:170%; }
main h2 { font-size:25px; padding: 0px 20px;}
nav li.spacer { width:15px!important; }
}

@media only screen and (max-width:940px) {
.whatson h1 { font: normal 50px/55px 'Oranienbaum', serif; color: #fff; text-transform: uppercase; margin: 0 0 30px 20px; }
.col-3 { width:100%; }
.col-3.width-940 { float:none; }
.col-3-2 { width:100%; }
.col-3.break-680 { width:33.33%; }
.col-3-2.break-680 { width:66.66%; }
.col-3.break-480 { width:33.33%; }
.col-3-table-col { width:100%; display:block; }

header .wrap { margin-top:40px; width: 50%; }
header { background:url(../_System/images/pattern-background.jpg) repeat; position:relative; }
header .center { padding-bottom:0; }
header p.contact { padding:0; margin-top: 22px; text-align: right; display: inline-block; float: right; }
header .contact span#navsocial { margin-left: 10px; }
/*header .contact { right:20px; top:90px; }*/
nav ul#main { display:none; }
nav { height:auto; min-height:50px; width: 100%; background:#91897e; margin:auto; }
nav li {  font:normal 25px/40px 'Oranienbaum', serif; width:100%; height:40px; display:inline; float:left; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5);  }
nav li a { line-height: 50px; height:50px; border-left:none; border-bottom:1px solid #7b756b !important; color:#fff; text-align:center!important; }
nav li a:hover { background:#b5a068; border-bottom:1px solid #7b756b !important; color:#fff; }
nav ul li ul { position: relative; width: 100%; top: auto; left: auto; }
nav ul li ul li { height: 40px; }
nav ul li ul li a { height: 40px; line-height:40px; background: #827a6f; }
nav ul li.sub-nav { height: auto !important; position: relative; overflow: visible; }
nav ul li ul li a:hover, nav ul li ul li.active a { height: 40px !important; }

nav a#pull { height:50px; font:normal 25px/50px 'Oranienbaum', serif; color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); display:block; position:relative; text-transform:uppercase; padding-left:10px; }
nav a#pull:hover { background:#0e0e0e; }
nav a#pull:after { content:""; background:url('../_System/images/nav-icon.png') no-repeat; width:30px; height:30px; display:inline-block; position:relative; right:15px; top:13px; left:40%; margin-left:-10px; max-width: 100%; }
nav .hide { display:inline; }
nav li.spacer { margin:0; padding:0; display:none!important; }
.hover main .col-3 .feature-box2 .img { margin-top:-100px; width:100%; }
.hover main .col-3 .feature-box2:hover .img { width:110%; }

main .col-3 .feature-box2 .thumb { height: auto; }
.hover main .col-3 .feature-box2 .img { width: 100%; margin: 0; }

.pattern-block-footer ul {  padding: 0; }
.pattern-block-footer .title {  padding:0; }
.pattern-block-footer .footer-links { padding-left:0; margin: 0;}

#copyright { width: 100%; text-align: center; margin: 10px auto 0; }
p.pd { margin: 10px auto 0; height: 50px; }
.pd { float: none; text-align: center; }

main .slideshow-box { padding-bottom:30px; margin-top: -160px; }
main .title { font:normal 80px/80px 'Oranienbaum', serif; }
main .slideshow-box span { font:normal 40px/0px 'Open Sans', sans-serif; letter-spacing:1px;  }
#slideshow { padding-top:0; padding-bottom: 120px; margin-top:-100px; }
.hover main .col-3 .feature-box .img { margin-top:-100px; width:100%; }
.hover main .col-3 .feature-box:hover .img { width:110%; }
main .col-3 .feature-box2 .bottom { height: auto; }
main .black-img { margin-top:-300px; }
main .pattern-block { padding-top:120px; }
main .latte-block { margin-top:-30px; }
main .gold-block .center { padding-top:0; margin-top:-20px !important; }
main .pattern-block-footer { text-align: center; height: 526px; }
.col-5 { width:100%; }

.pattern-block-footer ul li { text-align:center !important; }
#form input, #form select, #form textarea { float:right; }
#whatson { margin-left: 0px; }

#slideshow .item .quote, #slideshow .item .quote { top: 0px; bottom:auto; width:100%;right: auto;}
#slideshow .item .quote li, #slideshow .item .quote li {width:100%; text-align:center; }
#slideshow a.nav {top:45%;}

.nav-hide { display: none;}

}

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

@media only screen and (max-width:885px){
header .wrap { width: 60%; }

}

@media only screen and (min-width:768px) {
.phone {pointer-events: none;}
}


@media only screen and (max-width:768px) {
.col-4 { width:100%; }
.col-4-3 { width:100%; }
.col-5 { width:100%; }
.col-5-2 { width:100%; }
.col-5-3 { width:100%; }
.col-5-4 { width:100%; }
.col-6 { width:100%; }
header .logo {margin-left: 10px;}
header .wrap { width:63%; }
header .contact span#navsocial { margin-left: 8px; }
#form { width:75%; margin:0 auto; float: left; margin-left: 20px; }


#slideshow .item { min-height:0;  }
#slideshow .item img { width:100%; height:auto; min-width:0; min-height:0; }
main .black-img { margin-top:-320px;  }
}

@media only screen and (max-width:720px) {
header .wrap { width:61%; }
header p.contact {font:16px/35px "Oranienbaum",serif}
}

@media only screen and (max-width:680px) {
.break-680 { width:100% !important; }
header p { padding:0 !important; margin:0 !important; }
header p.logo { float:none; text-align:center; width:100%; margin:0 !important; padding:0 !important;  }
header .wrap { width:100%; float:none; text-align:center; height:130px; margin: 0 auto; padding:0;}
header p.book-online { text-align:center; width:100%; height:50px; margin:10px 0 !important; }
header .book-online a { float:none; width:200px; margin:0 auto; }
header p.contact { text-align:center; float:none; }
header .contact span#navsocial { display: block; }
header p.book-online, header p.giftcert { text-align: center; width: 100%; height: 50px; margin: 10px 0 !important;}
header .book-online a, header p.giftcert a { float: none; width: 200px; margin: 0 auto;}
header p.contact { text-align: center; float: left; width: 100%;margin-bottom: 20px !important;}
#slideshow .item .quote, #slideshow .item .quote { display:none!important; }
#slideshow .item .quote li, #slideshow .item .quote li { display:none!important; }
#slideshow a.nav {top:30%;}
main .col-3 .feature-box .thumb { height:150px; }
main .col-3 .feature-box .img { margin-top:0 !important; width:100%; }
.hover main .col-3 .feature-box2:hover .img { width:110%; }
/* main .col-3 .feature-box2 .thumb { height:150px; }*/
main .col-3 .feature-box2 .img { margin-top:0 !important; width:100%; }
.hover main .col-3 .feature-box:hover .img { width:110%; }
main .pattern-block-footer { padding-bottom:115px; }
#copyright { width:100%; text-align:center; margin:10px auto 0; }
.pd { float:none; text-align:center; }
p.pd { margin: 10px auto 0; }

#form button { width:160px; height:47px; color:#0e0e0e; text-align:center; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); background:#fff; cursor:pointer; float:left; }
main .black-img { margin-top:-250px; }
.faddress { display:inline-block; }
}

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

}

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

/*#form { max-width:100%; }*/
#form label, #form input { margin:3px 0 0 0; }
#form input, #form textarea { width:93%; float:left; }
#form select { width:100%; margin-top:3px; float:left; }
.main .col-3 .feature-box .img { width:130%; }
.hover main .col-3 .feature-box:hover .img { width:140%; }
.main .col-3 .feature-box2 .img { width:130%; }
.hover main .col-3 .feature-box2:hover .img { width:140%; }

}

@media only screen and (max-width:480px) {
.break-480 { width:100% !important; }
nav a#pull:after { left:35%; }


#form { width:90%; margin:0 auto; margin-left:20px; }
/*main .col-3 .feature-box2 h3 a, main .col-3 .feature-box h3 span { vertical-align: bottom; display: inline-block; margin-top: 6px; color: #000;}
main .col-3 .feature-box2 h3 { font: normal 25px/30px 'Oranienbaum', serif; background: #fff; height: 70px;}*/
main h1 span { font:normal 30px/35px 'Oranienbaum', serif; letter-spacing:-2px; display:block; }
main h1 { font:normal 65px/25px 'Oranienbaum', serif; color:#fff; text-transform:uppercase; margin:0 0 33px 20px;  }

}

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

main .black-img { margin-top:-270px; }
.header .wrap { height:150px; }

}