/*@import url(https://fonts.googleapis.com/css?family=Raleway);*/
@font-face { font-family: "Gotham Book"; src: url(/_System/css/fonts/gotham-book.ttf); }
@font-face { font-family: "Gotham Medium"; src: url(/_System/css/fonts/gotham-medium.ttf); }
header .logo img, nav ul li span, nav ul, nav ul li, nav a#pull, img, a, h1, h2, h3, h4, p, #book, #book-close, #book .btn .number, #book .btn.guests input, #book .btn.guests ul li, .boxes .subscribe form input[type="submit"], .boxes .accommodation, .boxes .attractions, .boxes .premiereSuite, .boxes .vinyardStudio, .boxes .lodgeRoom, .boxes .restaurant, .boxes .vinyardSpa, .boxes .deluxeLoft, .boxes .romantic, .boxes .vinyardSuite, .boxes .deluxeRoom, .boxes .column .whatson, .popup, #copy .column > div h3 a span, #form input:hover, #form textarea:hover, #form input:focus, #form textarea:focus, #copy .boxes-v2 a .image img { -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }

/* General */

* { text-decoration: none; outline: none; font: 100 16px/20px 'Gotham Book', arial; }
html { background: #e2dfda; }
body { max-width: 1920px; margin: 0 auto; }
#container { margin: 10px auto; padding: 0px 7px 1px 7px; background: #fff; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); }
h1, h2, h3, h4, p { color: #fff; }
::-moz-selection { background: rgba(108, 77, 30, 0.6); color: #000; }
::selection { background: rgba(108, 77, 30, 0.6); color: #000; }
a.pointer { cursor: pointer; }
button, input { border: none; background: none; }
.tel { cursor: default; }
.centre { position:relative; max-width:90%; margin:auto; }

/* Module Stylesheet Fixes */
li a span {line-height: 2;}
li ul li a:last-child { padding-bottom: 50px; }

/* HEADER */

div#headerPad { position: fixed; width: 110%; top: 0; height: 20px; left: -10px; background: #e2dfda; z-index: 9999; }
header { position:fixed; background: #fff; top:20px; max-width: 1930px; width:100%; height:150px; margin: 0 0 0 -12px; text-align:center; box-shadow: #888 0 2px 2px -1px; z-index:9999; }
header .inner { background: #fff; top:-16px; position:relative; width:auto; max-width:1920px; height:150px; margin:auto; margin-top: 16px; padding:0; text-align:left; }
header .logo { position:absolute; top:5px; left:5px; z-index:1; width: auto; height: 130px; }
header .logo img { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; height: 100%; width: auto;}
header .phone a { font: 100 32px/32px 'Gotham Book', arial; color: #80673b; float: right; margin: 25px 30px 30px 0; }

/* NAVIGATION */

nav { position:absolute; top: 65px; left: 50%; width:auto; height:20px; margin:0 0 0 -514px; padding:0; clear:both; text-shadow:none; z-index:3; }
nav .centre { max-width:1400px !important; }
nav ul { position:relative; margin:0; padding:0; list-style:none; text-align:center; display:block; }
nav ul li { position:relative; width:auto; height:22px; margin: 0 7px; padding:0; display:inline-block; }
nav ul li a { height:22px; font:300 15px/20px 'Gotham Book', arial; color:#80673b; margin:0; padding:0 5px; text-align:center; text-transform:uppercase; overflow:hidden; display:block; }
nav ul li a span { position:relative; display:inline-block; font: 300 15px/20px 'Gotham Book', arial; }
nav ul li a span:before { position:absolute; top:100%; content:attr(data-hover); font-weight:400; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
nav ul li ul { position:absolute; top: 20px; left:45%; width:180px; height:0; margin:0 0 0 -85px; padding: 65px 0; text-shadow:none; overflow:hidden; opacity:0; z-index:9999; }
nav ul li ul.dropdown { height:500px !important; opacity:1; }
nav ul li.mobileBook { display: none; }
nav ul li ul li.dropHide { display: none;}
nav ul li ul li.dropHide2 { display: none;}
nav ul li ul li { width:auto; height:45px; line-height:45px; margin:0 !important; padding:0; display:block; }
nav ul li ul li a { background:#80673b; font:300 14px/45px 'Gotham Book', arial; width:180px; height:45px; margin:0; padding:10px 0; color:#fff; text-transform:uppercase; border:none; overflow:visible; display:block; }
nav a#pull { color:#fff; cursor:pointer; display:none; }
nav span.il { text-transform:none; }

/* SLIDESHOW */

#slideshow { position: relative; margin: 150px 0 7px 0; width: 100%; height: auto; background: #ffffff; cursor: default; overflow: hidden; }
#slideshow p.quote { position: absolute; font: 100 48px/60px 'Gotham Book', arial; width: 98%; margin: 17% 1%; text-align: center; text-transform: uppercase; color: #fff; letter-spacing: 10px; text-shadow: #80673b 0px 0px 4px; }
#slideshow p.quote strong { font-size: 60px; }
#slideshow p.quote span { background: url(/_System/images/flowers.png) center no-repeat; width: 100px; height: 65px; display: block; margin: 0 auto; }
.slide:after { content:""; clear:both; display:block; }
.slide .item { position:relative; width:100%; height:auto; margin:0; padding:0; float:left; overflow:hidden; cursor:default; }
.slide .item img { width:100%; height:auto; margin:0; padding:0; display:block; cursor:default; }
a.nav { position:absolute; width: 23px;  height: 35px;  bottom: 5%; margin:0; cursor:pointer; -webkit-transition:all 0s ease; transition:all 0s ease; z-index:1000; }
a.nav.prev { background:url(/_System/images/arrows.png) top left; right:100px; }
a.nav.next { background:url(/_System/images/arrows.png) top right; right:50px; }
a.nav.thin.prev { background: url(/_System/images/arrows-thin.png) top left; right: 100px; }
a.nav.thin.next { background: url(/_System/images/arrows-thin.png) top right; right: 50px; }

/* BOOKING PANEL */

#book { background:rgba(255,255,255,0.95); position:fixed; top:0; width:430px; height:100%; margin:0; padding:0; box-shadow:0 0 3px rgba(0,0,0,0); overflow:hidden; display:block; z-index:9999; border-radius:1px; }
#book .content { width:340px; margin:0 auto; }
#book p { font:400 14px/20px 'Gotham Book', arial; color:#b4b4b4; margin:0; padding:0; text-transform:none; }
#book p.heading { font:200 60px/60px 'Gotham Book', arial; color:#779A77; margin:0; padding:38px 0 50px 0; text-transform:uppercase; }
#book p.title { font:400 24px/24px 'Gotham Book', arial; color:#231f20; margin:0 0 10px 0; padding:0; text-transform:capitalize; }
#book p.title2 { font:200 24px/24px 'Gotham Book', arial; color:#80673b; margin:0 0 10px 0; padding:0; text-transform:uppercase; }
#book p.title a, #book p.title2 a { color:#221f20; }
#book hr { border:none; border-top:1px solid #e6e5e5; margin:30px 0; clear:both; }
#book { width:0; min-width:0; max-width:0; right:0; text-align:right; border-left:1px solid #fff; }
#book.active { width:430px; min-width:430px; max-width:430px; box-shadow:0 0 3px rgba(0,0,0,0.35); z-index:99999; }
#book.active #book-close { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; }
#book .info { width:100%; margin:-20px 0 0 0; padding:0; }
#book .info span { width:33.33%; font:400 14px/18px 'Gotham Book', arial; color:#779A77; margin:0; padding:15px 0; text-transform:none; text-align:center; float:left; }
#book input#arrival, #book input#departure { position:relative; width:100%; height:0; max-height:0; font-size:0; line-height:0; overflow:hidden; -webkit-appearance:none; clear:both; display:block; }
#book .btn { background:#231f20 url(/_System/images/datepicker.png) top center no-repeat; position:relative; width:33.33%; height:auto; margin:0; padding:35px 0 45px 0; border-right:1px solid #fff; text-align:center; float:left; overflow:hidden; }
#book .btn a { cursor:pointer; display:block; }
#book .btn a:after { background:url(/_System/images/blank.png); position:absolute; top:-500px; left:-500px; width:1000px; height:1000px; z-index:10; content:""; display:block; }
#book .btn.guests { position:relative; height:145px; margin:0 -2px 0 0; padding:0; border:none; overflow:visible; display:block; }
#book .btn.guests input { background:transparent; width:100%; height:134px; font:200 60px/134px 'Gotham Book', arial; color:#fff; margin:0; padding:0; cursor:pointer; -webkit-appearance:none !important; vertical-align:middle; text-align:center; display:block; }
#book .btn.guests ul { position:absolute; top:145px; left: -40px; width:100%; height:auto; overflow:hidden; display:none; z-index:10; }
#book .btn.guests ul li { background:#221f20; position:relative; top:0; left:-43px; width:160%; font:200 30px/30px 'Gotham Book', arial; color:#fff; padding:12px 0 18px 0; text-align:center; cursor:pointer; list-style:none; }
#book .btn.guests ul li.selected { background:#333; color:#e8d4a3; }
#book .btn .month { background:#231f20; position:absolute; top:0; left:0; width:100%; font:600 16px/16px 'Gotham Book', arial; color:#779A77; padding:15px 0; text-transform:uppercase; }
#book .btn .number { font:200 60px/65px 'Gotham Book', arial; color:#fff; }
#book .btn.click .number { color:#e8d4a3; }
#book button.booknow { background:#80673b; font:400 18px/18px 'Gotham Book', arial; color:#fff; width:100%;  margin:20px 0 0 0; padding:15px 0; text-align:center; text-transform:uppercase; cursor:pointer; display:block; }

#book-open { position: absolute; display: block; float: right; top: 65px; right: 30px; background: #80673b; padding: 20px 45px; font:300 14px/14px 'Gotham Book', arial; color: #fff; }
#book-open span { font:300 14px/14px 'Gotham Book', arial; }

#book-close { background:transparent; position:absolute; top:27px; width:80px; height:80px; margin:0; padding:0; cursor:pointer; overflow:hidden; -webkit-appearance:none; display:block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; z-index:99999; }
#book-close { left:25px; }
#book-close span { background:transparent; position:absolute; top:50%; left:50%; width:30px; height:2px; font-size:0px; margin-top:-2px; margin-left:-15px; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; display:block; }
#book-close span:before, #book-close span:after { position:absolute; left:0; width:100%; height:100%; -webkit-transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99); transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99); content:''; }
#book-close span:before, #book-close span:after { background-color:#221f20; }
#book-close span:before { -webkit-transform:translateY(0) rotate(45deg); -ms-transform:translateY(0) rotate(45deg); transform:translateY(0) rotate(45deg); }
#book-close span:after { -webkit-transform:translateY(0) rotate(-45deg); -ms-transform:translateY(0) rotate(-45deg); transform:translateY(0) rotate(-45deg); }


/* DATEPICKER */

.ui-datepicker { background:#e5e3d9; font-family:'Gotham Book',arial; width:335px !important; margin:0; padding:5px 0; font-size:16px; line-height:20px; float:left; display:none; z-index:99999; overflow:hidden; }
.ui-datepicker.fix { margin:100px 0 0 0 !important; }
.ui-datepicker-group { width:250px; float:left; margin:0 5px; border-radius:0px; }
.ui-datepicker-header { position:relative; background:#231f20; width:335px; height:auto; margin:-5px 0 0 0; padding:22px 0; color:#fff; font-weight:200; text-transform:capitalize; }
.ui-datepicker-group-first .ui-datepicker-header { border-top-left-radius:0px; }
.ui-datepicker-group-last .ui-datepicker-header { border-top-right-radius:0px; }
.ui-datepicker .ui-datepicker-title { font-size:16px; font-weight:400; line-height:16px; 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:200; color:#231f20; 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:35px; 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:#896632; 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:45px; text-indent:-99999px; overflow:hidden; display:block; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background:url(/_System/images/datepicker-arrows.png) center left no-repeat; }
.ui-datepicker .ui-datepicker-next .ui-icon { background:url(/_System/images/datepicker-arrows.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:20px; }
.ui-datepicker .ui-datepicker-next { right:20px; }

/* POPUP */
/*.popup { background:#999; position:fixed; top:50%; left:50%; width:0; height:0; padding: 40px;  -webkit-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0); opacity:0; color:#fff; border:1px solid #444; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:rgba(119,154,119, .8);   z-index:9999999;   }
.popup.active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
.popup.active.popupStyle2 {  width:580px; height:680px; margin: -300px 0 0 -290px;  }
.popup #subbox { width:500px; height:600px; padding:35px 40px; background:#FFF; box-shadow:0 0 30px rgba(0,0,0, .4); position:relative; }
.popup p.title { margin:0 0 10px 0; font:bold 25px/28px 'Gotham Book', arial; color:#80673B; }
.popup p { margin:0 0 15px 0; font-size:14px; line-height:20px; color:#80673B;  }
.popup p strong{ font-weight:700;  }
.popup p a { color:#617161;border-bottom:1px dashed #779a77; text-decoration:none; }
.popup p a:hover { color:#779a77;border-bottom:1px dashed #617161; }
.popup p.continue { margin:12px 0 5px 0; }
.popup input, .popup select { width:100%; height:40px; margin:0 0 8px;  font-size:14px; line-height:20px; border:1px solid #DDD; text-indent:10px; }
.popup select { width:196px; margin-right:8px; }
.popup input.button { width:140px; text-indent:0; font-weight:300; font-size:18px; line-height:35px; background:#2e91b3; border:none; cursor:pointer; color: #fff; text-align: center; text-transform: uppercase; -webkit-appearance:none; }
.popup input.submit { background-color:#779a77; color:#fff; }
.popup input.button:hover { background:#779a77; }
.popup img { margin-top:10px; width:100%; height:auto; }
.popup .closecorner.closepop { background:url('/_System/images/close-pop.png') 0 0  no-repeat; width:55px; height:55px;  position:absolute; top:0; right:0; } */


.popup-wrap { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; display: none; height: 100%; left: 0; margin: 0 auto; overflow-y: scroll; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 100000; padding-top: 10%;
    -webkit-animation: fade-in .25s ease-in; } 

.popup-wrap .popup-content { margin: 0 auto; width: 600px; position: relative; }
.popup-wrap .popup-content img.main-img { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.6); }
.popup-wrap .popup-close { color: #fff;	font-weight: bold; position: absolute; top: 0px; right: 0px; }



/* BOXES */

.boxes { border-bottom: 7px solid #fff; }
.boxes, .boxes .column { position:relative; width:100%; margin:0; padding:0; overflow:hidden; display:block; }
.boxes .column { width:auto; float:left; box-shadow: #fff 0 0 0 7px; }
.boxes .column .pad .box { position:relative; max-height:550px; overflow:hidden; }
.boxes .column .pad .caroufredsel_wrapper { max-height:550px; }
.boxes .column .pad .box img { width:100%; height:auto; margin:0; padding:0; display:block; -webkit-transition:all 1s ease; transition:all 1s ease; }

.boxes .w100 { width:100%; clear:both; }
.boxes .w70 { width:70%; }
.boxes .w33 { width:33.33%; }
.boxes .w30 { width:30%; }

.boxes .column .pad .text p { position:absolute; top: 5px; text-align:center; z-index:19; }
.boxes .column .pad .text p a { position:relative; font: 100 16px/20px 'Gotham Book', arial; color:#fff; width: 80%; margin:0 auto; padding:0; text-transform:none; display:block; }
.boxes p span.heading { font: 100 24px/20px 'Gotham Book', arial; text-transform: uppercase; letter-spacing: 5px; line-height: 35px; }
.boxes .column:nth-child(odd) .pad .text p a { left: -7px; }
.boxes .column .pad .text p a:after { background:url(/_System/images/blank.png); position:absolute; top:-1000px; left:-1000px; width:2000px; height:2000px; z-index:10; content:""; display:block; }
.boxes .column .pad .image p { width: 500px !important; left: 50% !important; top: 50%; margin: 0 0 0 -250px; padding: 20px 0 30px 0; }
.boxes .column .pad .image p a { left: 0 !important; }
.boxes .column .pad .image p a:before, .boxes .column .pad .image p a:after { position:absolute; top:-1000px; right:-1000px; bottom:-1000px; left:-1000px; content:''; opacity:0; -webkit-transition:opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; -webkit-transition:opacity 0.6s, -webkit-transform 0.6s, -webkit-transform 0.6s; transition:opacity 0.6s, transform 0.6s, -webkit-transform 0.6s; }
.boxes .column .pad .image img { padding: 0 0 1px 0; -webkit-transition:all 2s ease; transition:all 2s ease; -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02); display:block; }
.boxes .column .pad .image img.mobile { display: none;}
.boxes button span { position: relative; top: 3px; font: 100 16px/16px 'Gotham Book', arial; color: aliceblue }
.boxes button.boxBtn { font: 100 16px/16px 'Gotham Book', arial; color: #fff; text-transform: uppercase; border: 1px solid #fff; width: 190px; padding: 15px 20px; margin: 0 auto; letter-spacing: 5px; }
.boxes button.boxBtn:before { position: absolute; width: 188px; height: 45px; margin: -9px 0px 0px -27px; display: block; border: 1px solid #fff; content:""; }
.boxes .verticalMiddle { width: 100%; margin-top: 50%; -ms-transform: translateY(-60%); transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); }

.boxes .accommodation, .boxes .attractions, .boxes .premiereSuite, .boxes .vinyardStudio, .boxes .lodgeRoom { background: #97a1a3; }
.boxes .restaurant, .boxes .vinyardSpa, .boxes .deluxeLoft { background: #a7987e; }
.boxes .romantic, .boxes .vinyardSuite, .boxes .deluxeRoom { background: #8FAB8F; }


.boxes .column .restaurant .text p, .boxes .column .whatson .text p, .boxes .column .attractions .text p { top: -30px; }
.boxes .column .whatson .text p { left: -7px; }

.boxes .column .whatson { background: #A7987E url(/_System/images/whaton-bg.png) right bottom no-repeat; }
.boxes .column .whatson button.boxBtn, .whatson button.boxBtn:before { color: #fff; border-color: #fff; }
.boxes .column .whatson .text p a { color: #fff; }
.boxes .column .subscribe { background: #8FAB8F url(/_System/images/subscribe-thumbnail.png) right bottom no-repeat; }
.boxes .column .subscribe .text p { position: absolute; top: 18%; width: 100%; margin: 0; color: #FFF; font: 100 16px/20px 'Gotham Book', arial; }
.boxes .column .subscribe .text p span { display: block; }

.boxes .subscribe form { position: absolute; margin: 0; height: 0; top: 35%; }
.boxes .subscribe form input { display: block; margin: 0 auto; background: #d7d7d7; font-size: 16px; color: #8FAB8F; border: none; width: 250px; height: 65px; padding: 0 20px; }
.boxes .subscribe form input:nth-child(2) { margin: 10px auto; }
.boxes .subscribe form input[type="submit"] { background: #80673b; color: #fff; font: 900 16px/16px 'Gotham Book', sans-serif !important; cursor: pointer; text-transform: uppercase; padding: 20px; width: 250px; }

.boxes .column .pad .reviews p{ padding:80px 60px 0 60px; }
.boxes .column .pad .reviews p a em{ position:relative; bottom:-20px; font:400 72px/72px 'Roboto', arial; font-style:normal; margin:0 10px 0 0; text-transform:lowercase; }
.boxes .column .pad .reviews p a span em{ top:-35px; left:130px; font:400 40px/40px 'Roboto', arial; }

.boxes .subscribe form ::-webkit-input-placeholder { color: #754017; opacity: 0.7; }
.boxes .subscribe form ::-moz-input-placeholder { color: #754017; opacity: 0.7; }
.boxes .subscribe form :-moz-input-placeholder { color: #754017; opacity: 0.7; }
.boxes .subscribe form :-ms-input-placeholder { color: #754017; opacity: 0.7; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; }

.webapp:first-child .w70, .webapp:nth-child(2n) .w30, .webapp:nth-child(3n) .w70, .webapp:nth-child(4n) .w30, .webapp:nth-child(5n) .w70, .webapp:nth-child(6n) .w30, .webapp:nth-child(7n) .w70, .webapp:nth-child(8n) .w30, .webapp:nth-child(9n) .w70, .webapp:nth-child(10n) .w30 { float:left !important; }
.webapp:first-child .w30, .webapp:nth-child(2n) .w70, .webapp:nth-child(3n) .w30, .webapp:nth-child(4n) .w70, .webapp:nth-child(5n) .w30, .webapp:nth-child(6n) .w70, .webapp:nth-child(7n) .w30, .webapp:nth-child(8n) .w70, .webapp:nth-child(9n) .w30, .webapp:nth-child(10n) .w70 { float:right !important; }
.webapp:first-child .w30 .pad, .webapp:nth-child(2n) .w70 .pad, .webapp:nth-child(3n) .w30 .pad, .webapp:nth-child(4n) .w70 .pad, .webapp:nth-child(5n) .w30 .pad, .webapp:nth-child(6n) .w70 .pad, .webapp:nth-child(7n) .w30 .pad, .webapp:nth-child(8n) .w70 .pad, .webapp:nth-child(9n) .w30 .pad, .webapp:nth-child(10n) .w70 .pad { padding:1px 0 0 1px !important; }



/*=========================================================================
		CONTENT boxes-v2
=========================================================================*/

#copy .boxes-v2 { display:inline-block; width:100%; }
#copy .boxes-v2 .columns { float: left; }
#copy .boxes-v2 .image { position:relative; overflow:hidden; }
#copy .boxes-v2 a .image img { width: 100%; height: auto; }
#copy .boxes-v2 a:hover .image img { -moz-transform: scale(1.1);
	 -webkit-transform: scale(1.1);
	      -o-transform: scale(1.1);
	     -ms-transform: scale(1.1);
	         transform: scale(1.1); }
#copy .boxes-v2 .text { text-align: left; padding: 40px; }
#copy .boxes-v2 .text h3 { font: 300 26px/33px "Lato",arial; color: #655d59; }
#copy .boxes-v2 .box { position:relative; background:#f5f3f0; margin: 10px 5px; }
#copy .boxes-v2[data-columns]::before { content: '3 .columns.w33' !important; }
@media screen and (max-width:700px){.boxes-v2[data-columns]::before{content:'1 .columns.w100'!important;}}
@media screen and (min-width:701px) and (max-width:1280px){.boxes-v2[data-columns]::before{content:'2 .columns.w50'!important;}}
@media screen and (min-width:1281px){.boxes-v2[data-columns]::before{content:'3 .columns.w33'!important;}}
#copy .boxes-v2 .w20 { width: 20%; }
#copy .boxes-v2 .w25 { width: 25%; }
#copy .boxes-v2 .w30 { width: 30%; }
#copy .boxes-v2 .w33 { width: 33.33%; }
#copy .boxes-v2 .w50 { width: 50%; }
#copy .boxes-v2 .w70 { width: 70%; }
#copy .boxes-v2 .w75 { width: 75%; }
#copy .boxes-v2 .w80 { width: 80%; }
#copy .boxes-v2 .w100 { width: 100%; }




/* MAIN */

main { background:#fff; position: relative; width:100%; margin:0; padding:0; clear:both; border-top:1px solid #fff; display:block; z-index: 999; }
#copy { width:100%; font:300 16px/26px 'Lato', arial; color:#a2a09a; margin:-100px 0 0 0; padding:0 0 80px 0; text-align:left; }
#copy a { color:#655d59; }
#copy h1 { font:300 60px/60px 'Lato', arial; color:#fff; margin:0 0 70px 0; padding:0; text-transform:capitalize; text-shadow:1px 1px 3px rgba(0,0,0,0.50); }
#copy h1 span { font:300 60px/60px 'Lato', arial; }
#copy h1 span.tooSmall { display: none; }
#copy.whatson > h1 { color: #80673B; text-shadow:none; text-transform: none; margin: 0 0 25px 0; }
#copy.whatson { margin: 70px 0 0 0; }
#copy.whatson strong { color: #75746F;}
#copy p { margin:0 0 25px 0; padding:0; color: #a2a09a; font: 100 16px/22px 'Gotham Book', arial; }
#copy p.intro { font:300 26px/33px 'Lato', arial; color:#a2a09a; margin:0 0 35px 0; padding:0 0 35px 0; text-transform:none; border-bottom:2px solid #f5f3f0; }

#copy h2 { font:300 28px/33px 'Lato', arial; color:#a2a09a; margin:0 0 35px 0; padding:0 0 35px 0; text-transform:none; border-bottom:2px solid #f5f3f0; }
#copy p.intro > a{ font:300 26px/33px 'Lato', arial; }
#copy h2 { color:#886F4A; margin:0 0 25px 0; padding:0; border:none; }
#copy h3 { font:300 25px/24px 'Lato', arial; color:#a2a09a; margin:0 0 25px 0; text-transform:none; }
#copy h2 span, #copy h3 span { position: relative; top:-2px; font:400 12px/12px 'Lato', arial; color:#886F4A; margin:0 0 0 10px; }
#copy h3 a { font: 300 26px/33px 'Lato', arial;}
#copy p.fine { font:400 12px/18px 'Lato', arial; color:#BBA757; }


/* FAQ */

.faq p strong { font-size: 16px; line-height: 20px; color: #707070; margin: 0; display: block; }
.faq > div { padding-right: 20px; }
#copy .faq p { margin: 0 0 0 0;  }
#copy .faq p:hover { cursor: pointer; }
#copy .faq p span { display: none; margin-bottom: 20px; }
#copy .faq p span:hover { cursor:text; }
#copy .faq > div { width: 33%; float: left; padding-bottom: 80px; }



#copy div.awards > div { width: 50%; float: left;}
#copy div.awards > div p:last-child { width: 50%; float: left; margin: 0 0 80px 0;}
#copy div.awards img {float: left; margin: 19px;}
#copy p:last-child { margin:0; }
#copy p a { background: #80673B; color: #FFF !important; padding:1px 5px 1px; cursor:pointer; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); white-space: nowrap; }
#copy.whatson div > a { background: #80673B; color: #FFF !important; padding:3px 10px 5px 10px; cursor:pointer; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); white-space: nowrap; }
#copy p a.button { background:#655d59; font:300 20px/20px 'Lato', arial; color:#fff; padding:7px 14px; border-radius:3px; cursor:pointer; }
#copy p .quote { background:url(/_System/images/quote.png) center no-repeat; width:29px; height:25px; margin:0 5px -2px 0; display:inline-block; }
#copy ul { background:#f5f3f0; margin:0 0 15px 0; padding:30px; list-style:none; }
#copy ul li:before {display: inline-block; position: static; margin: 4px 20px -1px -28px; width: 10px; height: 10px; content: ''; border: 2px solid #876E47; border-radius: 50px;}
#copy .roomFeatures > div ul { background: transparent; }
#copy ul.left { width:45.5%; margin:0 10px 30px 0; float:left; }
#copy ul.right { width:45.5%; margin:0 0 30px 0; float:left; }
#copy li { margin:5px auto; padding: 0 0 0 25px; }
#copy div.roomFeatures li { padding: 0; font: 100 16px/20px 'Gotham Book', arial; }
#copy li a { background:#f5f3f0; color:#a2a09a; padding:3px 10px 5px 10px; cursor:pointer; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
#copy hr { border:none; border-bottom:2px solid #f5f3f0; margin:35px 0; clear:both; }
#copy .mandatory { font-weight:bold; color:#80673B; }
#copy .highlight { color:#80673B; }
#copy table, #copy tr, #copy td { width:100%; text-align:left; }
#copy .pagination { background:none; width:100%; height:auto; min-height:auto; margin:0; padding:25px 0; text-align:left; border:none; display: inline-block; }
#copy .pagination li { margin:0 5px 0 0; padding:0; display:inline-block; text-transform:lowercase; }
#copy .pagination li:before { display: none; }
#copy .pagination li a, #copy .pagination li.pag-current { background:#fff; color:#666; padding:4px 8px; }
#copy .pagination li.pag-current { background:#876F48; font-weight:bold; color:#fff; margin:-5px 5px 0 0; padding:6px 9px; }
#copy .pagination li.pag-next a, #copy .pagination li.pag-prev a { background:#fff; color:#655d59; }
#copy .formbox { width:auto; margin:0; padding:0; clear:both; border:none; display:block; }
#copy .formbox h2 { font:300 60px/60px 'Lato', arial; color:#886F4A;; margin:35px 0; padding:0; border: none; text-transform:lowercase; }
#copy .formbox p.intro { margin:0 0 35px 0; padding:0; border:none; }
#copy .column { position:relative; width:100%; margin:0; padding:0; -moz-column-count:3; -moz-column-gap:10px; -webkit-column-count:3; -webkit-column-gap:10px; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px; display:block; clear:both; }
#copy .column.fix { padding:0 0 75px 0; }
#copy .column > div { background:#f5f3f0; width:100%; margin:0 0 10px 0; padding:30px 0; display:inline-block; overflow:hidden; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
#copy .roomFeatures > div { background:transparent; padding:0; }
#copy .column > div h3, #copy .column > div p, #copy .column > div ul { padding:0 30px; }
#copy .column > div h3 span { background:#fff; position:inherit; margin:0 10px 0 0; padding:10px; display:inline-block; }
#copy .column > div h3 { font:300 26px/33px 'Lato', arial; }
#copy .column > div p.fine { color:#856B44 !important; }
#copy .column > div img { width:100%; height:auto; margin:0 0 30px 0; padding:0; display:block; }
#copy .column > div.whatson { padding:0 0 30px 0 !important; }
#copy .column > div.offer { background:#f6ece8; color:#80673B; }
#copy .column > div.offer h3 { font:300 26px/33px 'Lato', arial; color:#655d59; }
#copy .column > div.offer ul { background:none; color:#655d59 !important; }
#copy .column > div.offer p a { background:#80673B; color:#fff; }
#copy .column > div.offer p.fine { color:#655d59 !important; }
#copy .column .pagination { position: absolute; bottom:0; left:0; }
.gallery h1 { margin:0 !important; padding:0 !important; }


.attractions-list h2 { font: 300 34px/1.4em "Lato",arial; }

/* AWARDS */

.awards { background:#fff; width:100%; height:auto; margin:0; padding:0; display:block; clear:both; }
.awards .centre { position:relative; max-width:950px; margin:auto; }
.awards .logos { overflow:hidden; }
.awards .logos .item { position:relative; width:100%; margin:0; padding:0; float:left; overflow:hidden; cursor:default; }
.awards .logos .item img { width:160px; height:auto; margin:30px auto; padding:0; display:block; }
.awards a.nav { position:absolute; top:40%; width:15px; height:25px; cursor:pointer; z-index:20; }
.awards a.nav.prev { background:url(/_System/images/awards-nav.png) left no-repeat; left:-60px; }
.awards a.nav.next { background:url(/_System/images/awards-nav.png) right no-repeat; right:-60px; }

/* Web Forms */

#form{ position:relative; width:100%; clear:both; display:block; }
#form div{ float:left; position: absolute; bottom: 21px; right: 0; border: none; }
#form hr{ clear:both; }
#form input, #form select, #form textarea{ background:none; width:49%; font:400 16px/20px 'Roboto', arial; color:#80673b; padding:25px 0; text-align:left; text-transform:none; border:none; border-bottom:2px solid #efefef; float:left; margin:6px 2% 6px 0; }
#form input.nomargin{ margin:6px 0 6px 0; }
#form textarea, #form select{ width:100%; margin-bottom:0; float:none; clear:both; }
#form input#checkin, #form input#checkout{ background:url(../images/datepicker.png) top right no-repeat; cursor:pointer; }
#form label{ display:inline; width:auto; float:none; }
#form input[type='checkbox'], #form input[type='radio']{ width:auto !important; float:none; margin:10px 20px; }
#form input[type=submit]{ background:#80673b; width:auto; font:300 20px/20px 'Roboto', arial; color:#fff; margin:20px 0 0 0; padding:15px 25px 20px 25px; text-transform:uppercase; cursor:pointer; clear:both; -webkit-transform:translateZ(0); transform:translateZ(0); border: none; }
/*#form .nomargin{ margin:0 !important; }*/
#form .mandatory::-webkit-input-placeholder{ color:#80673B; line-height:25px; text-transform:none; opacity:1; }
#form .mandatory:-moz-placeholder{ color:#80673B; line-height:25px; text-transform:none; opacity:1; }
#form .mandatory::-moz-placeholder{ color:#80673B; line-height:25px; text-transform:none; opacity:1; }
#form .mandatory:-ms-input-placeholder{ color:#80673B; line-height:25px; text-transform:none; opacity:1; }
#form br{ clear:both; }
#form select{ width:100%; padding:5px 5px 0 0; height:72px; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; text-indent:1px; text-overflow:""; background:url(../images/arrow-down.png) no-repeat right #fff; margin-left:0; color:#758aa1 !important; }
#form select::-ms-expand{ display:none; }
.formCheckout input{ width:100% !important; }
#form.formCheckout div.item{ width:50%; float:left; padding-right:2%; }
#form.formCheckout div.item.right{ float:right; padding-right:0; padding-left:2%; }
#form.formCheckout select{ height:56px; }
#form.formCheckout .clear{ float:none; }
#form.formCheckout hr{ margin:15px 0 35px 0; background-color:#80673B; }
#form.formCheckout .cat_button{    width: auto !important; float: right; }
#form.formCheckout h3{  margin-top:30px;  font: 300 26px/33px 'Roboto', arial;	margin-bottom: 0.5em;	padding: 5px 0 0 0;	color: #80673b;	text-transform: uppercase;	text-shadow: none; }
#catCartDetails main{ padding:250px 0 0 0; }


/* FOOTER */

footer { background: #e2dfda; margin: 2px 0; padding: 50px 0; text-align: center; }
footer div { margin: 50px 0; }
footer span.spacer { display: inline-block; width: 5%; }
footer span.spacersml { display: inline-block; width: 2%; }
footer .info a { font: 400 18px/18px 'Gotham Book', sans-serif; color: #754017; line-height: 2; }
footer .copy a { font: 100 12px/12px 'Gotham Book', sans-serif; color: #666666; }
footer .copy span.spacer { width: 1%; }
footer .copy .pdsig { margin: 0px auto -7px auto; display: inline-block; }

footer .social a { width: 100px; height: 30px; display: inline-block; }
footer a.facebook { background: url(/_System/images/fb.png) bottom center no-repeat; }
footer a.twitter { background: url(/_System/images/twitter.png) bottom center no-repeat; }
footer a.google { background: url(/_System/images/google.png) bottom center no-repeat; }
footer a.youtube { background: url(/_System/images/youtube.png) bottom center no-repeat; }

/* GOOGLE MAP */

#google-map { position:relative; overflow:hidden; }
#google-map .overlay { position:absolute; width:100%; height:100%; }

/*sitemap*/
.embed-container iframe, .embed-container object, .embed-container embed { height: 1000px !important; }
div#myAlternativeContent { height: 980px;}

a.btn { padding: 10px 20px !important; }
.meetingLayout {margin: 0 auto; width: 730px; }
#copy h1.tooBig span { display: none;}
.st_sharethis_custom { margin: 0 auto; padding: 5px 0;}
.contactBtn { bottom: 0 !important;}


/* HOVERS */

@media only screen and (min-width: 1075px) {

	header .logo img:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
	nav ul li a:hover span, nav ul li:hover a span { -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); }
	nav ul li ul li:hover a { color: #C7C7C7; }

	#book-open:hover, .boxes .subscribe form input[type="submit"]:hover { background: #779a77; }
	#book-close:hover span:before, #book-close:hover span:after { -webkit-transform:translateY(0) rotate(180deg); -ms-transform:translateY(0) rotate(180deg); transform:translateY(0) rotate(180deg); }
	#book .btn:hover .number, #book .btn.guests input:hover, #book .btn.guests ul li:hover { color: #A7987E; }

	.boxes .column .pad img.over { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:0.5; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-filter:sepia(90%); -moz-filter:sepia(90%); -ms-filter:sepia(90%); -o-filter:sepia(90%); filter:sepia(90%); }

	.boxes .column .pad .over { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:0.5; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-filter:sepia(90%); -moz-filter:sepia(90%); -ms-filter:sepia(90%); -o-filter:sepia(90%); filter:sepia(90%);  -webkit-transition:all 2s ease; transition:all 2s ease; }




	.boxes .accommodation:hover, .boxes .attractions:hover, .boxes .premiereSuite:hover, .boxes .vinyardStudio:hover, .boxes .lodgeRoom:hover { background: #7A8284; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
.boxes .restaurant:hover, .boxes .vinyardSpa:hover, .boxes .deluxeLoft:hover { background: #8A7D68; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
.boxes .romantic:hover, .boxes .vinyardSuite:hover, .boxes .deluxeRoom:hover { background: #617161; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
	.boxes .column .whatson:hover {background: #8A7D68 url(/_System/images/whaton-bg.png) right bottom no-repeat; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }

	.booknow:hover, .boxes .column:hover .boxBtn, .pdsig:hover, .st_sharethis_custom:hover, form input[type="submit"]:hover { -webkit-animation-name:push; animation-name:push; -webkit-animation-duration:0.2s; animation-duration:0.2s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-iteration-count:1; animation-iteration-count:1; }

	footer a:hover { color: #8FAB8F; }
	footer .social a:hover { background-position: top; }

	#copy .column > div h3 a:hover { color:#886F4A;  }
	#copy .column > div h3 a:hover span { background:#886F4A; color:#fff; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
	#copy .pagination li a:hover {  background: #80673B; color: #FFF;}
	#copy p a:hover { background: #779A77;}
	#copy.whatson > div a:hover { background: #779A77;}

	#form input:hover, #form textarea:hover, #form input:focus, #form textarea:focus { border-bottom:2px solid #80673B; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
	#form input[type=submit]:hover { background:#779A77; border: none; }

.popup .closepop:hover { opacity:0.5; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; }


/* keyframes */

@-webkit-keyframes push {
	50%
	{ -webkit-transform:scale(.9); transform:scale(.9); }
	100%
	{ -webkit-transform:scale(1); transform:scale(1); }
	}
@keyframes push {
	50%
	{ -webkit-transform:scale(.9); transform:scale(.9); }
	100%
	{ -webkit-transform:scale(1); transform:scale(1); }
	}
}




/* RESIZE */

@media only screen and (max-width: 1947px) {
	header { max-width: 1920px; margin: 0 0 0 -7px; top: 0; }
	div#headerPad { display: none; }
}

@media only screen and (max-width: 1750px) {
	
nav ul li { margin: 0 2px; }	
	
}


@media only screen and (max-width: 1680px) {
	nav { margin: 0 0 0 -422px }
	
	nav ul li.testi { display: none; }
	nav ul li ul li.dropHide2 {display: block !important;}
}

@media only screen and (max-width: 1500px) {
	header .logo { left: 0; }
	nav { margin: 0 0 0 -402px; }
	#book-open { padding: 20px 25px; }
}

@media only screen and (max-width: 1440px) {
	header .logo img { width: 250px; height: auto; }
	nav {margin: 0 0 0 -382px; }
	nav ul li a span { font: 300 14px/20px "Gotham Book",arial; }
	nav ul li.dropHide { display: block !important;}
	nav ul li { margin: 0 0px; }	
	#book-open { padding: 20px; }
	#slideshow { margin: 125px 0 7px 0; }
	#slideshow p.quote { font: 100 50px/60px 'Gotham Book', arial; margin: 16% 1%; }

	.boxes .column .subscribe .text p { top: 15%; }
}

@media only screen and (max-width: 1366px) {
	.boxes .column .pad .text p a { font: 100 15px/18px 'Gotham Book', arial; }
	#copy h1 { font-size: 300%;}
	#copy h1 span { font-size: 100%;}
}

@media only screen and (max-width: 1330px) {
	header .logo img { width: auto; height: 100%; }
	nav { top: 90px; margin: 0 0 0 -250px;}
	nav ul li { margin: 0 3px; }
	nav ul li ul { top: 18px; padding: 42px 0 0 0; }
	nav ul li ul.dropdown { height:380px; opacity:1; }
	header .phone a { margin: 17px 240px 30px 0; }
	#book-open { right: 7px; top: 7px; }
}

@media only screen and (max-width: 1230px) {
	.boxes .column .pad .text p a, .boxes button.boxBtn { font: 100 14px/14px 'Gotham Book', arial; }
	.boxes .column .pad .text p a span.heading { font: 100 16px/16px 'Gotham Book', arial; margin: 0 0 0 7px; }
	.boxes .column .subscribe .text p { top: 14%; font-size: 90%; }
	.boxes .column .subscribe .text p span { font-size: 20px; line-height: 20px; }
	.boxes .column .subscribe form input { height: 55px; width: 220px; }
	.boxes button.boxBtn:before { margin: -11px 0px 0px -26px; }
}

@media only screen and (max-width: 1200px) {
nav { margin: 0 0 0 -220px; }
nav ul li.whatsOn { display: none; }

}

@media only screen and (max-width: 1160px) {
	#slideshow p.quote { font: 100 40px/40px 'Gotham Book', arial; }
	#slideshow p.quote strong { font-size: 50px; }
	.awards .centre { max-width:750px; }
	#copy .column { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px;}
	#copy h1 { font-size: 250%;}
	#copy p.intro { font-size: 130%;}
	#copy .column > div:not(.review):not(.whatson) { margin: 0;}
	#copy ul { margin: 0; }
	#copy li:last-child { margin: 0 auto;}
	#copy .faq > div { width: 50%; }
	#copy div.awards > div { width: 100%;}
	#copy div.awards > div:last-child p:last-child { margin-bottom: 80px;}
	#copy div.awards > div p:last-child { margin-bottom: 30px;}


}

@media only screen and (max-width: 1100px) {
	header .logo img { width: auto; height: 100px; }
	header .logo { top: 0px; }
	header .phone a { margin: 40px 270px 30px 0; font-size: 24px; }
	#book-open { top: 30px; right: 30px }
	nav { top: 110px; margin: 0 0 0 -435px; }
	nav ul li ul { top: 17px; padding: 23px 0 0 0; }
	nav ul li.whatsOn { display: inline-block; }
	nav ul li.dropHide { display: none !important;}
}

@media only screen and (max-width: 1024px) {
	#slideshow p.quote { font: 100 25px/25px 'Gotham Book', arial; }
	#slideshow p.quote strong { font-size: 35px }
	.boxes .column .subscribe form input:not(.submit) { height: 45px; }
	.boxes .column .subscribe .text p { top: 15%; }
	.boxes .column .subscribe .text p br { display: none; }
}

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

	.boxes .column .pad .text p a, .boxes button.boxBtn { font: 100 12px/14px 'Gotham Book', arial; }
	.boxes .column .pad .text p a span.heading { margin: 0; font: 100 13px/16px 'Gotham Book', arial; }
	.boxes .column .subscribe .text p { top: 10%; font-size: 80%; }
	.boxes .column .subscribe .text p span { top: 10%; font-size: 18px; }
	.boxes .column .subscribe form { top: 30%; }
	.boxes .column .subscribe form input { width: 70%; }
	.boxes button span { font: 100 12px/14px 'Gotham Book', arial; top: 0; }
	.boxes button.boxBtn { margin: -20px 0 0 0; width: 150px; height: 40px }
	.boxes button.boxBtn:before { width: 148px; height: 39px; margin: -11px 0 0 -25px; }

	#slideshow p.quote { margin: 15% 1%; }

	.awards .centre { max-width:550px; }
	.awards .logos .item img { width:90%; }
	.awards a.nav.prev { left:-40px; }
	.awards a.nav.next { right:-40px; }
	#copy h1 .tooBig { display: none;}
	#copy h1 .tooSmall { display: inline-block !important;}
	#copy h2 { font-size: 120%;}
/*	#copy h1 { font-size: 375%;}*/
}

@media only screen and (max-width: 900px) {
	nav { margin: 0 0 0 -380px; }
	nav ul li.whatsOn { display: none; }
	nav ul li.dropHide { display: block !important;}
}

@media only screen and (max-width: 800px) {
	#copy div.roomFeatures li:last-child { padding: 0 0 5px 0;}
	#copy .column > div:not(.review):not(.whatson) { margin: 0; }
	#copy li:last-child { margin: 5px auto;}
	.meetingLayout { width: auto; }
	.meetingLayout img { width: 100%; }
	#container { padding: 0; }
	header { position:absolute; margin: 0; padding: 20px 0 0 0; }
	header .inner { top: -30px }
	header .phone a { margin: 43px 7px 0 0; font-size: 28px; }
	header .logo img { height: 115px; margin: 0 0 0 5px;}

	nav { top: 125px; width: 100%; left: 0; margin: 0; }
	nav ul.active li { height: 60px; width: 100%; margin: 0;display: block; background: #fff; border-bottom: 1px solid #80673b; }
	nav ul.active li a { height: 20px; padding: 20px 0; }
	nav ul li { height: 0; overflow: hidden; display: block; }
	nav ul li.mobileBook, .mobileBook a { display: block; background: #80673b; color: #fff; }
	nav ul li ul.dropdown { display: none; }
	nav a#pull { background:#80673b; position:relative; height:75px; font:300 30px/70px 'Gotham Book', arial; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.50); border-bottom:1px solid #fff;  text-align:center; display:block; }
	nav a#pull:after { content:""; background:url('/_System/images/nav.png') no-repeat; width:30px; height:30px; display:inline-block; position:absolute; right:20px; top:30px; }
	nav ul li a span:before { display: none; }
	a#book-open { display: none; }
	.w33, .w30, .w70 { width: 100% !important; clear: both; }

	#slideshow { height: 330px; margin: 205px 0 7px 0; }
	#slideshow img { height: 340px; width: auto; float: right; }
	#slideshow p.quote { top: 6%;}
	#slideshow p.quote span { display: none; }

	.boxes .column:nth-child(odd) .pad .text p a { left: 0; }
	.boxes .column .pad .text p { top: 50%; margin: auto; }
	.boxes .column .pad .text p a { position:relative; font: 100 16px/20px 'Gotham Book', arial; color:#fff; width: 80%; margin:0 auto; padding:0; text-transform:none; display:block; }
	.boxes .column .pad .text p a span.heading { font: 100 24px/24px 'Gotham Book', arial;text-transform: uppercase; letter-spacing: 1px; }

	.boxes .column .subscribe .text p { top: 15%; font-size: 100%; }
	.boxes .column .subscribe .text p span { top: 35%; font-size: 24px; }
	.boxes .column .subscribe form input { height: 65px; }

	.boxes .column .pad .box { height: 330px}
	.boxes .column .pad .box img { width: auto; height: 330px;}
	.boxes .column .pad .image p { margin: 0 0 0 -250px !important; }
/*	.boxes .column .pad .image:not(.slide) img { width: auto; height: 100%; margin: 0 0 0 -50%; }*/
	.boxes .column .pad .image.slide, .boxes .column .pad .image.slide img { height: 350px; width: auto; margin: 0; }

	#copy .column { -moz-column-count:2; -webkit-column-count:2; column-count:2; }
	#copy ul { margin: 0 0 -10px 0;}
	#copy p.fine { padding-top: 20px;}

	#copy .column { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
	li a span { line-height: 1;}
	#copy .faq > div { width: 100%; padding-bottom: 30px; }
	#copy .faq > div:last-child { width: 100%; padding-bottom: 80px; }
}

@media only screen and (max-width: 700px) {
	.awards .centre { max-width:350px; }
	a.nav { display: none !important;}
	#slideshow img, .boxes .column .pad .box img { margin: 0 -75px}
	#slideshow p.quote { top: 10%;}

}

@media only screen and (max-width:650px){
	.popup { width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; left:auto !important; right:auto !important; top:0 !important; }
	.popup #subbox { width:94% !important; height:96.5% !important; padding:7% !important; margin:3% !important;  }
	
	
	.popup-wrap { padding-left: 30px; padding-right: 30px; }
	.popup-wrap .popup-content { width: 100%; }
	.popup-wrap .popup-content img.main-img {width: 100%; height: auto; }
	
}

@media only screen and (max-width: 580px) {
	#copy p a {white-space: normal;}
	header, header .inner { height: 165px; }
	header .phone a { position: absolute; width: 100%; text-align: center; top: 80px; }
	header .logo { width: 100%; top: 0; left: 0; }
	header .logo a { position: absolute; width: 100%; text-align: center; margin: 0 0 0 -5px; }
	header .logo img { margin: 0 auto;}
	nav { top: 165px; }
	#slideshow { margin: 246px 0 7px 0; }
	#slideshow p.quote { top: 16%;}
	#slideshow p.quote strong { font-size: 28px; }
	#slideshow img, .boxes .column .pad .box img { margin: 0 -135px;}
}

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

	.boxes .column .pad .image.text p { width: 80% !important; left: 0 !important; margin: 0 10% !important;}
	.boxes .column .pad .image.slide img { margin: 0 0 0 -50%; }

	footer { padding: 25px 0; }
	footer span.spacer { width: 1px; height: 3px; display: block; }
	footer .copy a { margin-top: 10px; display: block; }
	footer .copy .pdsig { margin-top: 30px; }
	

	#copy .column { -moz-column-count:1; -webkit-column-count:1; column-count:1; }
}

@media only screen and (max-width: 500px) {
	.awards a.nav { display:none !important; }
	#copy h1 { font-size: 190%;}
	#copy p.intro { font-size: 110%; line-height: 27px;}
	#copy h3 a { font-size: 75%;}
	#slideshow p.quote { top: 24%;}
	#slideshow img, .boxes .column .pad .box img { margin: 0 -175px; }
	#form input.nomargin { margin: 0; }
	#form input, #form select, #form textarea { width: 100%; }
}

@media only screen and (max-width:480px){
	.popup img { display:none; }
	.popup { top: 14.5%;}
}

@media only screen and (max-width: 447px) {
	#book { position: absolute }
	#book-close { position: fixed; }
	#book.active .content { width: 80%; padding: 0 10px 0 0; float: right; }
	#book.active p:not(.heading), #book.active hr { display: none; }
	#book p.heading { padding: 38px 0 10px 0;  }
	#book form { margin: 50px 0 0 0; }
	#book .btn.guests ul { top: -111px; }

	.ui-datepicker { width: 100%; left: 0 !important; }
}

@media only screen and (max-width: 380px) {
	#copy p a span.tooBig{ display: none; }
	#book.active .content { width: 70%; }
}

@media only screen and (max-width: 330px) {
	#book.active .content { width: 65%; }
}