@font-face { font-family: "Gotham Book"; src: url(fonts/gotham-book.ttf); }
@font-face { font-family: "Gotham Medium"; src: url(fonts/gotham-medium.ttf); }
header .logo img, header .logo img, nav ul li span, img, 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, #copy .column > div h3 a span, #form input:hover, #form textarea:hover, #form input:focus, #form textarea:focus, .vomit, .vomit:hover, .darkGrey, .darkGrey:hover, .orange, .orange:hover, .subscribe input, .subscribe input:hover, .emailBtn input, .emailBtn input:hover, .subscribe button[type="submit"]:hover, header .book-btn  { -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); }
section h1, section h2, section h3, section h4, section 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 { color: #585d1b; }
a.pointer { cursor: pointer; }
button, input { border: none; background: none; }
.tel { cursor: default; }
.centre { position:relative; max-width:90%; margin:auto; }

/* HEADER */

div#headerPad { position: fixed; width: 110%; top: 0; height: 20px; left: -10px; background: #e2dfda; z-index: 9999; }
header { position:fixed; background: #fff; top:0; max-width: 1920px; width:100%; height:150px; margin: 0 0 0 -7px; 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: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; height: 70%; width: auto; padding-top: 8%;}
header .phone a { font: 100 26px/32px 'Gotham Book', arial; color: #7B7E4B !important; float: right; margin: 53px 25px 30px 0; }
header .logo img:hover, .copyright img:hover { opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

header .book-btn { position: absolute; right: 280px; top: 50px; padding: 14px 20px; background: #f0ede8; font: 400 18px/18px 'Gotham Book', arial; color: #000; text-transform: uppercase; }
header .book-btn:hover { background: #585d1b; color: #fff; }

/* NAVIGATION */

nav { position:absolute; top: 65px; left: 50%; width:auto; height:20px; margin:0 0 0 -550px; 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; padding:0; display:inline-block; }
nav ul li a { height:22px; color:#000; margin:0; padding:0 16px; text-align:center; text-transform:uppercase; overflow:hidden; display:block; }
nav ul li a span { position:relative; display:inline-block; font: 800 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); font: 800 15px/20px 'Gotham Book', arial;  }
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 { 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; }


/* BUTTON */

.button { background: #585d1b; color: #fff; padding: 15px 20px; margin-top: 20px; display: inline-block; }
.button:hover { background: #b19058; color: #fff; }

/* 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: #333 1px 2px 4px; }
#slideshow p.quote strong { font-size: 60px; }
#slideshow p.quote span { background: url(../images/grape.png) center no-repeat; width: 100px; height: 65px; display: inline-block; margin: -10px 0;}
.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; display: none; }

section#slideshow-img { border-bottom: 7px solid #fff; }

/*
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; }
*/

/* CONTENT */

section { float: left; width: 100%; }



section.main, section.main p { color: #000; line-height: 1.6em; margin-bottom: 0.5em; }
section.main h1 { color: #000; font-size: 36px; margin: 0 0 1em; line-height: 1.2em; }
section.main h2 { color: #000; font-size: 30px; margin: 1.5em 0 1em; line-height: 1.2em; }
section.main h3 { color: #000; font-size: 24px; margin: 1.5em 0 1em; line-height: 1.2em; }
section.main h4 { color: #000; font-size: 20px; margin: 1.5em 0 1em; line-height: 1.2em; }
section.main .inner { max-width: 1360px; margin: 0 auto; padding: 80px 20px; }
section.main p.intro { border-bottom: 2px solid #f5f3f0; color: #a2a09a; font: 300 26px/33px "Lato",arial; margin: 0 0 35px;
 padding: 0 0 35px; text-transform: none; }
section.main ul { background: #f7f2e9; padding: 30px; margin: 0 0 40px 0; }
section.main ul li { list-style: none; margin-bottom: 10px; }
section.main ul li:before {display: inline-block; position: static; margin: 4px 20px -1px 0; width: 10px; height: 10px; content: ''; border: 2px solid #585d1b; border-radius: 50px;}

footer { width: 100%; float: left; }


/* CONTACT FORM */

#form{ position:relative; width:100%; clear:both; display:block; float: left; margin-bottom: 80px; }
#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%;  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:#585d1b; 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 input:hover, #form textarea:hover, #form input:focus, #form textarea:focus { border-bottom: 2px solid #7b7e4b; }
#form input[type=submit]:hover { background:#AD8E56; border: 0; }
#form input#EmailAddress { margin-right: 0; }

/* MENU & DINING */

.boxes .column.column-img { text-align: center; padding-top: 70px; }
.boxes .column.column-img img { width: 50%; margin: 0 auto; }
.boxes.menus h2 { margin-top: 0; }
.boxes.menus { margin-top: 40px; padding-top: 40px; border-top: 1px solid #efe8da; }
section.main .inner .boxes.menus p { padding: 0; }

.centeredContent .menus li a:hover img { opacity: 0.7; }


.menu-text { text-align: center; font: 100 15px/1.4em "Gotham Book",arial; }
.menu-text div { text-align: center; font: 100 15px/1.4em "Gotham Book",arial; }
.menu-text .legend { font: 100 13px/1.4em "Gotham Book",arial; }


/* IMAGE POPUP */

.large-image-bg { background-color: #333; filter: alpha(opacity=70); left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 99998; -webkit-transform: translateZ(0); }
.large-image-wrapper { background-color: white; border: 3px solid #444; box-shadow: 0 0 5px #222; left: 50%; padding: 3px;
  position: fixed; top: 5%; z-index: 99999; overflow-x: hidden; overflow-y: scroll; bottom: 0; }
.large-image-wrapper img { max-width: 1000px; }
.large-image-close { height: 40px; position: fixed; right: 20px; top: 20px; width: 32px; font-size: 40px; color: #fff; z-index: 999999; -webkit-transform: translateZ(0); }
.large-image-close:hover { color: #88783C; }
.sm-screen { display: none; }
.lg-screen { display: inline-block; }


/* 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; }
.contactList 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 .w100 img { width:100%; }
.boxes .w80 { width:80%; }
.boxes .w70 { width:70%; }
.boxes .w50 { width:50%; }
.boxes .w33 { width:33.33%; }
.boxes .w30 { width:30%; }
.boxes .w25 { width:25%; float: left; }
.boxes .w25:last-child { margin: 0;}
.boxes .w25 img { width:100%;}
.boxes .w20 { width:20%; float: left; }
.boxes .w20 img { width:100%;}

.boxes .column .pad .text p { position:absolute; text-align:center; z-index:19; padding: 50px 10%; }
.boxes .column .pad:not(.contact) .text:not(.imgFix) p:not(form):not(.blurb) { position:absolute; text-align:center; z-index:19; top:50% !important; padding: 0 10%; }
.boxes .column .pad .text p:not(form) { position:absolute; text-align:center; z-index:19; padding: 0 10%; }
.boxes .column .pad .text p.contactList { padding: 700px 0 0 0}
.boxes .column .pad .text p.blurb { top: 50% !important;}
.boxes .column .pad .text p.blurb p { 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 { position:relative; font: 100 16px/20px 'Gotham Book', arial; color:#fff; width: 100%; margin:0 auto; padding:0; text-transform:none; display:block; }
.boxes .column .pad .text form { position: absolute; width: 100%; top: 15%; height: 300px }
.boxes .column .pad .text form p { width: 100%; position: relative; top: 0; }
.boxes .column .pad .text input { position: relative; width: 41.6%; height: 60px; margin: 0; background-color: #fff; padding:0 0 0 15px; left: 7%}
.boxes .column .pad .text input.name { margin: 0 1% 2% 0}
.boxes .column .pad .text input.email { margin: 0 0 2% 1%}
.emailBtn input { bottom:4px; width: 86% !important; height: 40px !important; padding: 0 !important; background-color: #585D1B !important; color: #fff; font: 400 18px/18px "Gotham Book",arial; letter-spacing: 0.1em; text-transform: uppercase; }
.boxes .column .pad .text textarea { background: #fff; width: 86%; height: 170px; padding: 15px; margin: 0 0 0 7%; font: 400 16px/19px "Roboto", arial; color: #757576; resize: none; }

.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, 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:""; }



section.main .inner .column-auto { 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; }
section.main .inner .column-auto > div { background: #f7f2e9 none repeat scroll 0 0; display: inline-block; margin: 0 0 10px;
	overflow: hidden; padding: 30px 0; page-break-inside: avoid; transform: translate3d(0px, 0px, 0px); width: 100%; }
section.main .inner .column-auto > div.whatson { padding: 0 0 30px !important; }
section.main .inner .column-auto > div h3, section.main .inner .column > div p, section.main .inner .column > div ul { padding:0 30px; }
section.main .inner .column-auto > div h3 span { background:#fff; position:inherit; margin:0 10px 0 0; padding:10px; display:inline-block; }
section.main .inner .column-auto > div h3 a { font:300 26px/33px 'Lato', arial; }
section.main .inner .anchor { float: left; width: 100%; margin-top: -160px; }




.boxes .verticalMiddle { width: 100%; -ms-transform: translateY(-60%); transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); }
.boxes .verticalMiddle.stayAndDine { left: -3px}
.boxes .contact p { top: 15% !important;}
.boxes .contact ul { margin: 0 0 0 20%; position: absolute; top: 25%}
.boxes .contact ul li {line-height: 50px !important; list-style: none; text-align: left; clear:both; color: #000;}
.boxes .contact ul li a { color: #000;}
.boxes .contact ul li a:hover { color: #fff; }
.boxes .contact ul li img { height: 25px !important; width: auto !important; display: inline-block !important; padding:0 30px 0 0  !important; position:relative !important; padding-top: 20px; vertical-align: middle;  }
.boxes .contact ul li.mail img { height: 18px !important; margin-left: 5px !important; margin-right: 5px !important;  }
.boxes .contact ul li a:hover img { opacity: 0.5; }

.boxes .grey { background: #dcd6ce; }
.boxes.grey p { color: #221f1f;}
 .vomit {background: #534a22}
 .darkGrey {background: #a7977f}
 .orange {background: #ac7841}
.yellow {background: #cca666}
.boxes .column .pad .box img.sideImg { display: none;}

/*CONTENT AREA*/
.centeredContent { width: 100%; margin: 0 auto; padding: 0 15%; }
.centeredContent h2 {display: block; color: #000; font: 100 34px/30px 'Gotham Book', arial; text-transform: uppercase; letter-spacing: 5px; line-height: 35px; text-align: center; padding: 70px 0 20px 0}
.centeredContent p {display: block; color: #000; text-align: center; line-height: 1.5em; padding-bottom: 20px; }
.centeredContent ul { margin: 0; width: 100%; text-align: center; padding: 40px 0 60px 0;}
.centeredContent ul li {display: inline-block; width: 22%; margin: 0 1%; text-align: center}
.centeredContent ul li img {width: 60%; margin: 0 auto; padding-bottom: 20px;}
.centeredContent ul li a {text-transform: uppercase; padding: 20px 0; font: 100 19px/20px 'Gotham Book', arial; color: #000}

.subscribe { background:#fff; width:100%; margin:0; padding:15px 0 25px 0; display: block; clear:both; box-shadow:0 0 5px rgba(0,0,0,0.25); }
.subscribe .centre { max-width:1340px; margin:auto; text-align:center; }
.subscribe p { position:relative; bottom:-5px; font: 300 30px/30px 'Roboto', arial; color:#4d443a; margin:0 28px 0 0; padding:0; text-transform:none; display:inline-block; }
.subscribe p span.s { display: none; }
.subscribe p em { font-style:normal; }
.subscribe form { display:inline-block; }
.subscribe input { background:#fff; font:300 16px/20px 'Roboto', arial; color:#4d443a; /*height:20px;*/ margin:0 10px 0 0; padding:19px 20px 17px 20px; border:1px solid #D6D4D1; /*box-shadow:inset 0 0 3px rgba(0,0,0,0.3);*/ }
.subscribe input#fieldName { min-width:260px; }
.subscribe input#fieldEmail { min-width:260px; }
.subscribe button { background:#f0ede8; position:relative; bottom:-3px; font: 400 18px/18px 'Gotham Book', arial; height:auto; margin:0; padding:20px 30px; text-transform:uppercase; cursor:pointer; letter-spacing: 0.1em; }
.subscribe ::-webkit-input-placeholder { color:#4d443a; line-height:20px; text-transform:none; opacity:1; }
.subscribe :-moz-placeholder { color:#4d443a; line-height:21px; text-transform:none; opacity:1;  display: block; }
.subscribe ::-moz-placeholder { color:#4d443a; line-height:21px; text-transform:none; opacity:1; display: block; }
.subscribe :-ms-input-placeholder { color:#4d443a; line-height:21px; text-transform:none; opacity:1; }

.copyright { width: 100%; height: 100px; padding: 25px 50px; float: left; position: absolute; margin: 0 0 0 -7px; background-color: #fff;}
.copyright p, .copyright a { color: #000;     margin: -10px 0 0 0; }
/*.copyright p span{ display: block; clear: both; }*/
.copyright p a { line-height: 30px}
.copyright p a:hover { color: #7b7e4b; }
.copyright img { float: right; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  }





/* HOVERS */
@media only screen and (min-width: 1075px) {
	nav ul li a:hover span, nav ul li:hover a span { -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); }

	.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; }
	.vomit:hover {background-color:#3A3317; }
	.darkGrey:not(.noHov):hover {background-color: #827663;}
	.orange:hover {background-color: #845B31;}
	.subscribe input:hover, .subscribe input:focus, .subscribe button[type="submit"]:hover { border: 1px solid #a7977f; color: #fff  -webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
	.subscribe button[type="submit"]:hover { border: none; background: #585d1b; color: #fff; }
	.emailBtn input:hover { background-color: #B19058 !important;}
	a:hover {color: #797C49;}
}

/*RESIZE*/
@media only screen and (max-width: 1850px) {
	nav {padding: 0 0 0 50px}
	nav ul li a { padding: 0; margin:0 10px;}
}
@media only screen and (max-width: 1800px) {
	header .logo { height: 110px; top: 12px; }
	header .book-btn { right: 260px; }
}
@media only screen and (max-width: 1750px) {
	header .phone a { font: 100 22px/32px 'Gotham Book', arial; }
	header .book-btn { right: 230px; }
	
	.boxes .contact ul { top: 25%}
	
	nav ul li a { padding: 0; margin: 0 8px; }

}
@media only screen and (max-width: 1670px) {
header .book-btn { right: 320px; top: 25px;  }
header .logo { height: 135px; top: 0px; }
	nav {top: 90px; padding: 0 0 0 140px}
	nav ul li a { margin:0; padding:0 13px;}
	header .phone a { margin:30px 30px 30px 0; font: 100 32px/32px 'Gotham Book', arial; }
	.boxes .column .pad .text p.blurb { top: 55% !important;}
}
@media only screen and (max-width: 1570px) {
	#slideshow p.quote { font-size: 45px; }
	#slideshow p.quote strong { font-size: 50px; }
	.boxes .contact ul { top: 22%}
	nav { padding: 0 0 0 200px}
	nav ul li a span { font-size: 14px; }
	.boxes .column .pad .text textarea { height: 150px }
}
@media only screen and (max-width: 1470px) {
	.boxes .column .pad .text p.blurb { top: 58% !important;}
	nav { padding: 0 0 0 260px}
	nav ul li a { padding:0 10px;}
}
@media only screen and (max-width: 1390px) {
	nav { padding: 0 0 0 280px; }
	.boxes .column .pad .text p.blurb { top: 54% !important;}
	.remove {display: none !important;}
	.noremove {width: 100% !important; max-height: none; float: none; display: block;}
	.boxes .column .pad .box img.sideImg {display: inline-block; height: 250px; width: auto; position: relative; float: left; padding: 0 25px 25px 0 !important;}
	p.verticalMiddle.blurb:not(.heading) { text-align: left !important;}
	.boxes .column.passion .pad .box { height: 500px}
	.boxes .column .pad .text textarea { height: 120px; }
}
@media only screen and (max-width: 1340px) {
	#slideshow p.quote { font-size: 40px; }
	#slideshow p.quote strong { font-size: 45px; }
	.boxes .contact ul { top: 18%}
	header .logo img {width: auto; padding:0;}
	nav { padding: 0; top: 105px; left: 0; margin: 0 0 0 0; }
	nav ul li a { margin:0; padding:0 0 0 30px;}
}
@media only screen and (max-width: 1240px) {

	.boxes .contact ul { top: 16%}
	.boxes .column .pad .text p.blurb { top: 58% !important;}
	.boxes .column .pad .text textarea { height: 100px; }
	.brRemove { display: none;}
}
@media only screen and (max-width: 1213px) {
.subscribe p {padding-bottom: 30px; margin:0 30px;}
	.boxes .column.passion .pad .box { max-height: none; height:600px;}
	.boxes .column.passion { background-color: #DCD6CE; }
	.boxes .column .pad .text p a, .boxes button.boxBtn { font: 100 14px/15px '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 .pad .box { overflow: visible}
	.boxes .w50.noHov { min-height: 330px;}
	.boxes .contact ul { margin: 0 0 0 15%; }
}
@media only screen and (max-width: 1150px) {
	nav ul li { margin: 0 8px; }
	nav ul li a { margin: 0 0 0 0; }
	.boxes .contact ul { margin: 0 0 0 10%; }
	#slideshow p.quote { font-size: 35px; }
	#slideshow p.quote strong { font-size: 40px; }
	.large-image-wrapper { margin-left: -450px !important; }
	.large-image-wrapper img { max-width: 900px; }
	.lg-screen { display: none; }
	.sm-screen { display: block; }

	section.main .inner .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;}
	
	
	section.main .inner .boxes.menus .column { -moz-column-count: 1; -moz-column-gap: 0; }


/*	.boxes .contact ul li img { padding: 0 15px 0 0 !important; }*/

}
@media only screen and (max-width: 1050px) {
	nav ul li { margin: 0; }
	#slideshow p.quote { font-size: 30px; }
	#slideshow p.quote span { display: none !important; }
	#slideshow p.quote strong { font-size: 35px; }

}

@media only screen and (max-width: 1000px) {
	.boxes .contact ul { margin: 0 0 0 5%; }


}
@media only screen and (max-width: 950px) {
	nav { margin: 0 0 0 20px; }
  nav ul li a { padding: 0 0 0 15px; }
	.boxes .contact ul li { font-size: 15px; }
	
	header .book-btn { right: 280px; }
	header .phone a { font: 100 28px/32px 'Gotham Book', arial; }
}
@media only screen and (max-width: 880px) {
	div#headerPad { display: none !important;}
	header {position: relative !important ; width: 100% !important; height: auto !important; margin: 0 !important; display: block; padding: 0 !important; top: 0;}
	header .inner { padding: 0 !important; height: auto !important; width: 100% !important; margin: 0 !important; top: 0;}
	header .phone a {float: none; position: absolute; top: 22px; right: 0;}
	header .logo {position: relative; top:0; left:0; z-index:1; width: auto; height: 150px; margin: 0; padding: 25px 0 0 25px; }
	
	header .book-btn { width: 98%; position: relative; right: auto; top: auto; display: block; text-align: center; margin: 0 1% 10px 1%; }
	
	nav { position: relative !important; clear: both !important; display: block !important; width: 100% !important; left: 0 !important; margin: 0 !important; top: 0 !important; left:0; text-align: center !important; padding: 0 !important; height: auto !important; }
	nav a#pull {position: relative !important; display: block !important; clear: both !important; margin: 0 !important; color: #fff; padding: 15px 5px !important; top: 0 !important; left:0 !important; text-transform: uppercase; background-color: #7A7D4A;}
	nav a#pull:after { content: ""; background: url('../images/nav.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 20px; top: 16px;}
	nav ul {  width: 100%; margin: 0; padding: 0; background-color: #fff; display: none; }
	nav ul li { display: block; line-height: 50px; height: 50px; border-top: 1px solid #7A7D4A}
	nav ul li a {display: block; line-height:50px; height:50px}
	nav ul li a span:before {display: none;}
.subscribe input#fieldName, .subscribe input#fieldEmail {min-width: 230px;}
	.boxes .column .pad .text p.blurb { padding: 0 30px;}
	.boxes .w50, .boxes .w30, .boxes .w70:not(.passion), .boxes .w100 { width: 100%; height: 380px; }
	.boxes .w25 {width: 50%;}
	.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 .box{ position: static;}
	.boxes .column .pad .text p a span.heading {font: 100 24px/24px 'Gotham Book', arial;}
	.boxes .column:not(.passion):not(.w25) .pad .image img, .boxes .w100 img { height: 380px; width: auto; margin: 0; }
	#slideshow p.quote {display: none;}
	#slideshow {position: relative; margin: 0 0 7px 0; z-index: 9999;}
	#slideshow img { height: 380px; width: auto; float: right;}
	.boxes .contact ul { margin: 0 0 0 4%; }

	.boxes .w20, .boxes .w80 { width: 100%; }
	.boxes .column.column-img img { margin-bottom: 30px; }
	
	section.main .inner .boxes.menus .column-img { display: none; }
	
	section.main .inner .column > div img { width:100%; height:auto; margin:0 0 30px 0; padding:0; display:block; }
	section.main .inner .column { -moz-column-count: 1; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-gap: 10px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px;}



}
@media only screen and (max-width: 740px) {
	header .logo img {height: 60%; padding: 4% 0 0 0;}
	header .phone a {    font-size: 26px; top: 10px; right: 0;}
	header .logo {height: 120px; padding: 0 }
}
@media only screen and (max-width: 720px) {
	.subscribe input#fieldName, .subscribe input#fieldEmail {min-width: 200px;}
	.boxes .column.passion .pad .box { height: 700px}
	#slideshow img { margin: 0 -75px;}
	.subscribe .centre { padding: 0 20px; }
	.boxes .contact ul li img { padding-right: 10px !important; height: 20px !important; }
	.boxes .contact ul li.mail img { height: 15px !important; }
	.boxes .contact ul li a, .boxes .contact ul li { font-size: 14px; }

}

@media only screen and (max-width:710px) {
	.boxes .column:not(.passion):not(.w25) .pad .image img, .boxes .w100 img{margin: 0 -75px;}
.subscribe input {font: 300 13px/20px 'Roboto', arial;}
.subscribe input#fieldName, .subscribe input#fieldEmail {min-width: 160px;}
	.centeredContent ul li {width: 47%; padding: 0 0 40px 0}
	.copyright img {display: none;}
	.copyright p {text-align: center;}

@media only screen and (max-width:650px) {
	.boxes .column.passion .pad .box { height: 800px}
.subscribe input#fieldName, .subscribe input#fieldEmail {min-width: 100%; margin: 0px 0px 10px;}
.subscribe button {min-width: 100%; margin: 0px 0px 10px;}
}

@media only screen and (max-width:600px) {
	nav a#pull {    margin: 15px 0;}
	header .logo {clear: both; display: block; width: 100%; top: -10px; overflow: hidden;}
	header .logo img {margin: 0 auto;  }
	header .phone {    width: 100%;display: block;}
	header .phone a {    width: 100%; text-align: center; margin: 70px 0px;}
	#slideshow img { margin: 0 -135px;}
}

@media only screen and (max-width:570px) {
	.boxes .column:not(.passion):not(.w25) .pad .image img, .boxes .w100 img{margin: 0 -135px;}
	.boxes .column.passion .pad .box { height: 800px}
	.boxes .column .pad .box img.sideImg { display: none; }
	.boxes .column .pad .text input { width: 86%;}
	.boxes .column .pad .text input.email { margin: 0 0 2% 0;}
	.boxes .column .pad .text form { top: 12%; }
}

@media only screen and (max-width:460px) {
	.boxes .column:not(.passion):not(.w25) .pad .image img, .boxes .w100 img{margin: 0 -175px;}
	.boxes .column.passion .pad .box { height: 900px}
	.boxes p span.heading { font: 100 20px/16px 'Gotham Book', arial; line-height: 22px }
	.boxes .w25 {width: 100%;}
	.boxes .contact ul{ margin: 25px 0 0 4%;}
	#slideshow img { margin: 0 -175px;}
}

@media only screen and (max-width:370px) {
	.centeredContent ul li {width: 100%; }
	.boxes .column.passion .pad .box { height: 1000px}
	.boxes .contact ul li img {height: 20px !important; padding: 0 15px 0 0 !important;}
	.copyright{width: 100%; height: 150px}
	#slideshow img { margin: 0 -235px;}
}

@media only screen and (max-width:340px) {
	header .logo img {width: 100%; }
	.boxes .column.passion .pad .text p.blurb { padding: 0 10px !important ; }
	.boxes .contact ul { margin: 25px 0 0 2%;}
	.boxes .contact ul li img { padding: 0 8px 0 0 !important;}
}