/*** GENERAL STYLES ***/

* {
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}

html {position: relative; height: 100%; font-size: 62.5%;}
body {position: relative; min-height: 100%; background: #000; text-align: center; font-size: 13px; font-size: 1.3rem; line-height: 1.4; color: #f9e6cf;}
body, input, select, textarea {font-family: 'Open Sans', arial, sans-serif;}
input, select, textarea {font-size: 11px; font-size: 1.1rem;}
nav ul, nav li {margin: 0; padding: 0; list-style: none;}
p {margin: 0 0 15px;}
b, strong {font-weight: 700;}
i, em {font-style: italic;}
a {color: #f9e6cf; text-decoration: underline;}
a:hover {}

h1, h2, h3, h4, h5, h6 {color: #fff; font-weight: 700; margin: 0;}
h1 {font-size: 30px; font-size: 3.0rem; margin-bottom: 15px; font-weight: 400; text-transform: uppercase;}
h2 {font-size: 18px; font-size: 1.8rem; margin: 20px 0 5px;}
h3 {font-size: 13px; font-size: 1.3rem; margin: 10px 0 0; text-transform: uppercase;}
#full img {
	width: 100%;
	max-width: 100%;
}
@media screen and (max-width: 528px) {
	#full h1 {
		font-size:2.3rem;prom
		max-width: 150px;
	}
}
.floatleft {float: left;}
.floatright {float: right;}
.floatleft.withmargin {margin: 0 30px 20px 0;}
.floatright.withmargin {margin: 0 0 20px 30px;}

.half, .third, .twothird {padding-left: 20px;}
.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 67%;}
.half:first-child, .third:first-child, .twothird:first-child {padding-left: 0;}

.mobilenofloat {float: none;}
.mobilenofloat.half, .mobilenofloat.third, .mobilenofloat.twothird {width: 100%; padding-left: 0;}

.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
hr, .hr {float: none; clear: both; height: 1px; border: 0; overflow: hidden; background: rgba(192,170,135,.5); margin: 15px 0;}
.clear {float: none; clear: both;}
.overflowhidden {overflow: hidden;}
.nowrap {white-space: nowrap;}
.hide {display: none;}

#background {background: url(/img/ui/bkg.jpg) center top no-repeat; background-size: 100% auto;}
.container {position: relative; max-width: 930px; margin: 0 auto; text-align: left;}
@media screen and (max-width: 929px) {/* MOBILE VERSION */
	#background {background-image: url(/img/ui/bkg-mobile.jpg);}
}


/*** HEADER STYLES ***/

#logo {margin: 0;}

#mainnav a {display: block; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 2px 2px rgba(0,0,0,.75);}

#header .reservations {position: absolute; left: 230px; top: 0;}
#header .reservations h3 {margin: 0; padding: 10px 0 5px; color: #ccb58f; font-size: 11px; font-size: 1.1rem; text-transform: uppercase;}
#header .reservations .floatleft {margin-right: 10px;}

#header .facebook {position: absolute; right: 0; top: 30px;}

@media screen and (max-width: 929px) {/* MOBILE VERSION */
	#header .container {overflow: hidden;}
	#logo {background: #000;}
	#logo img {height: 45px; margin: 5px 10px;}
	#mobilenav {position: absolute; right: 0; top: 0; width: 55px; height: 55px; background: url(/img/ui/mobilenav.png) center center no-repeat;}
	#mainnav ul {padding: 15px 10px;}
	#mainnav li {margin: 5px 0;}
	#mainnav li.reslink {position: absolute; right: 60px; top: 10px; margin: 0;}
	#mainnav li.reslink a {height: 35px; line-height: 35px; padding: 0 15px; background: #3b361f;}
	#mainnav a {border-radius: 3px; padding: 10px;
		background: #000;
		background: -o-linear-gradient(top, rgba(0,0,0,.5) 0%, rgba(0,0,0,.9) 100%);
		background: -moz-linear-gradient(top, rgba(0,0,0,.5) 0%, rgba(0,0,0,.9) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,.5) 0%, rgba(0,0,0,.9) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,.9) 100%);
	}
	#header .reservations {display: none;}
	#header .facebook {display: none;}
}
@media screen and (min-width: 930px) {/* DESKTOP VERSION */
	#header {background: url(/img/ui/header.png);}
	#header .container {height: 125px;}
	#logo {position: absolute; left: 0; top: 0;}
	#mobilenav {display: none;}
	#mainnav {position: absolute; right: 0; bottom: 4px; border-right: 2px solid rgba(230,162,65,.4);}
	#mainnav li {float: left; border-left: 2px solid rgba(230,162,65,.4);}
	#mainnav li.reslink {display: none;}
	#mainnav a {padding: 11px 15px; height: 52px; line-height: 15px;}
	#mainnav a.oneline {padding-top: 18px;}
	#mainnav a span {display: block;}
	#mainnav a:hover {background: rgba(0,0,0,.4);}
	#mainnav li.on a {background: rgba(0,0,0,.4); color: #f4d575;}
}


/*** FOOTER STYLES ***/

#footernav {padding-top: 25px;}
#footernav ul {text-align: center;}
#footernav li, #footernav img {display: inline-block; vertical-align: middle;}
#footernav a {display: block; padding: 10px; font-size: 14px; font-size: 1.4rem; text-decoration: none; line-height: 20px; text-shadow: 0 2px 2px rgba(0,0,0,.75); color: #ffe2b3;}
#footernav a:hover {color: #fff;}

#copyright {background: #000; padding: 15px 0;}
#copyright p {text-align: center; font-size: 10px; font-size: 1.0rem; color: #ccc;}
#copyright a {color: #ffcc99; text-decoration: none;}
#copyright a:hover {text-decoration: underline;}

@media screen and (max-width: 929px) {/* MOBILE VERSION */
	#footer {padding: 20px; background: rgba(0,0,0,.8);}
	#footer .reservations {display: block; margin: 0 -5px; overflow: hidden;}
	#footer .reservations h3 {text-align: left; color: #f7e1b4; padding: 0 5px; font-size: 14px; font-size: 1.4rem;}
	#footer .reservations .floatleft {width: 33.333%; padding: 5px;}
	#footer .reservations .floatleft.full {width: 100%;}
	#footernav li {display: block; margin: 10px 0;}
	#footernav a {background: #272415; border-radius: 3px;}
	#footer .facebook {text-align: center; padding-top: 30px;}
	#copyright {padding: 20px; line-height: 2;}
	#copyright a {display: block;}
}
@media screen and (min-width: 930px) {/* DESKTOP VERSION */
	#footer .reservations {display: none;}
	#footernav {border-bottom: 2px solid #6b4824;
		background: none;
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	}
	#footernav .container {max-width: 1100px;}
	#footer .facebook {display: none;}
}


/*** CONTENT STYLES ***/

#content {padding: 45px 0; font-size: 15px; font-size: 1.5rem;}
#content .container {padding: 30px 44px; background: rgba(0,0,0,.9); border: 1px solid rgba(192,170,135,.5); overflow: hidden;}
#left {float: left; width: 540px;}
#left-ourstory {float: left; }
#right {float: right; width: 260px;}

@media screen and (max-width: 929px) {/* MOBILE VERSION */
	#content {padding: 0 !important;}
	#content .container {padding: 20px !important; border: 0;}
	#left, #right {float: none !important; width: auto !important;}
}

.buttonlink {display: inline-block; line-height: 25px; padding: 0 20px; text-transform: uppercase; text-decoration: none; text-align: center; color: #000; border-radius: 3px; margin-right: 5px; font-size: 13px; font-size: 1.3rem; font-weight: bold; text-shadow: 0 1px 1px rgba(255,255,255,.4);
	background: #b7a280;
	background: -o-linear-gradient(top, #ffe2b3 0%, #b7a280 100%);
	background: -moz-linear-gradient(top, #ffe2b3 0%, #b7a280 100%);
	background: -webkit-linear-gradient(top, #ffe2b3 0%, #b7a280 100%);
	background: linear-gradient(to bottom, #ffe2b3 0%, #b7a280 100%);
}
.buttonlink:hover {background: #ffe2b3;}
.blocklink {display: block; padding: 0 10px;}
.buttonlink.blocklink {margin-right: 0;}
.backlink {position: absolute; right: 44px; top: 30px;}
.phonelink {font-weight: bold; white-space: nowrap; text-decoration: none; cursor: default;}

ul.menulinks, ul.menulinks li {margin: 0; padding: 0; list-style: none;}
ul.menulinks {margin: 15px -5px;}
ul.menulinks li {float: left; width: 50%; padding: 5px;}
ul.menulinks li.full {clear: both; float: none; width: 100%;}
ul.menulinks a.buttonlink {display: block; width: 100%; padding: 0 5px;}

ul.promogrid, ul.promogrid li {margin: 0 0 0 0; padding: 0; list-style: none;}
ul.promogrid a {display: block; text-decoration: none;}

@media screen and (max-width: 929px) {/* MOBILE VERSION */
	.buttonlink, .blocklink, ul.menulinks a.buttonlink {padding-top: 5px; padding-bottom: 5px;}
	ul.promogrid li {max-width: 260px; margin: 0 auto;}
	#googlemap iframe {width: 100% !important;}
}
@media screen and (min-width: 930px) {/* DESKTOP VERSION */
	ul.promogrid {margin: 0 -15px; overflow: hidden; /*columns: 2;*/}
	ul.promogrid li {float: left; width: 290px; padding: 0 15px;}
}

#request-form-container {display: none;}
#request-form-container #event-thanks {display: none;}


/*** HOME STYLES ***/

.home #content {padding-top: 340px; font-size: 15px; font-size: 1.5rem;}
.home #content .container {padding: 10px;}
.home #left {width: 300px;}
.home #right {width: 600px; padding: 0 10px;}
.home h1 {font-size: 45px; font-size: 4.5rem; margin-bottom: 10px; line-height: 1;}

@media screen and (max-width: 929px) {/* MOBILE VERSION */
	.home h1 {font-size: 24px; font-size: 2.4rem;}
	.home #right {padding: 0;}
}


/*** SLIDESHOW STYLES ***/

.home .pixelwise-slideshow {max-width: 300px; height: 215px; margin: 0 auto;}
.pixelwise-slideshow.promo-slideshow {max-width: 260px; height: 160px; margin: 25px auto 45px;}
.our-story .pixelwise-slideshow {max-width: 840px;}
.our-story .pixelwise-thumbs .slider img {height: 48px;}

.hours---menus .pixelwise-slideshow .slide .caption {background: rgba(255,255,255,.7); color: #333; text-shadow: 0 1px 5px rgba(255,255,255,.8);}


.pixelwise-slideshow {position: relative; max-width: 540px; height: 405px; margin: 0 auto 25px;}
.pixelwise-slideshow .slide {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.pixelwise-slideshow .slide img {width: 100%; height: 100%;}
.pixelwise-slideshow .slide .caption {position: absolute; left: 0; bottom: 10px; margin: 0 10px; background: rgba(0,0,0,.7); color: #fff; text-shadow: 0 1px 5px rgba(0,0,0,.8); font-size: 24px; font-size: 2.4rem; font-style: italic; padding: 5px 10px;}
.pixelwise-slideshow ul.controls,
.pixelwise-slideshow ul.controls li {margin: 0 !important; padding: 0 !important; list-style: none !important; z-index: 20;}
.pixelwise-slideshow ul.dots {position: absolute; left: 0; bottom: -20px; max-width: 260px; overflow: hidden;}
.pixelwise-slideshow ul.dots li {float: left; width: 15px; height: 15px; margin: 0 5px 0 0 !important; background: #81725b; cursor: pointer;}
.pixelwise-slideshow ul.dots li.on {background: #c0aa87;}
.pixelwise-slideshow ul.arrows {}
.pixelwise-slideshow ul.arrows li {position: absolute; top: 0; height: 100%; cursor: pointer;}
.pixelwise-slideshow ul.arrows li.prev {left: 0; width: 40%; background: url(/img/ui/slideshow-prev.png) left center no-repeat !important; opacity: .5;}
.pixelwise-slideshow ul.arrows li.next {right: 0; width: 60%; background: url(/img/ui/slideshow-next.png) right center no-repeat !important; opacity: .5;}
.pixelwise-slideshow ul.arrows li.prev:hover {opacity: 1;}
.pixelwise-slideshow ul.arrows li.next:hover {opacity: 1;}

.pixelwise-thumbs {position: relative; height: 75px; margin: -15px 0 15px;}
.pixelwise-thumbs .window {position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;}
.pixelwise-thumbs .slider {position: absolute; left: 0; top: 0; bottom: 0; width: 10000px; overflow: hidden;}
.pixelwise-thumbs .slider img {float: left; width: 100px; height: 75px; margin-right: 10px; cursor: pointer; opacity: .3;}
.pixelwise-thumbs img.hover, .pixelwise-thumbs img.on {opacity: 1;}
.pixelwise-thumbs ul.controls,
.pixelwise-thumbs ul.controls li {margin: 0; padding: 0; list-style: none; z-index: 20; border: 0;}
.pixelwise-thumbs .arrows {}
.pixelwise-thumbs ul.arrows li {position: absolute; top: 0; width: 50px; height: 100%; cursor: pointer; background: none !important; opacity: .5;}
.pixelwise-thumbs ul.arrows li.prev {left: 0; background: url(/img/ui/slideshow-prev.png) left center no-repeat !important;}
.pixelwise-thumbs ul.arrows li.next {right: 0; background: url(/img/ui/slideshow-next.png) right center no-repeat !important;}
.pixelwise-thumbs ul.arrows li:hover {opacity: 1;}
.pixelwise-thumbs ul.arrows li.off {opacity: 0;}

@media screen and (max-width: 929px) {/* MOBILE VERSION */
	.home .pixelwise-slideshow {margin-bottom: 25px;}
	.pixelwise-thumbs {display: none;}
}

@media screen and (max-width: 929px) {/* MOBILE VERSION 
	.promo-slideshow {margin: 30px auto;}
	#right .pixelwise-slideshow {margin: 0 -7px 15px;}
	#right .pixelwise-slideshow .slide img {width: 100%;}*/
}
@media screen and (min-width: 930px) {/* DESKTOP VERSION */
	.pixelwise-slideshow ul.arrows li.prev {width: 100px;}
	.pixelwise-slideshow ul.arrows li.next {width: 100px;}
}


/*** FORM STYLES ***/

@media screen and (max-width: 767px) {/* MOBILE VERSION */
	.formfield {margin: 10px 0;}
	.formfield.half, .formfield.third, .formfield.twothird {width: auto; padding: 0;}
}
@media screen and (min-width: 768px) {/* DESKTOP VERSION */
	.formline {overflow: hidden; margin: 10px 0;}
	.formline.button {margin: 10px -5px; padding: 5px;}
	.formfield {float: left; width: 100%; padding: 0 0 0 15px;}
	.formfield:first-child {padding-left: 0;}
	.formfield.half {width: 50%;}
	.formfield.third {width: 33%;}
	.formfield.twothird {width: 67%;}
	.formline.button .formfield {text-align: right;}
}

textarea {height: 120px;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 100%; border: 0; padding: 5px; color: #444; background: #fff; border-radius: 3px;}
input[type="text"], input[type="password"], input[type="email"], select {height: 25px; line-height: 15px;}
input[type="checkbox"], input[type="radio"] {vertical-align: middle;}
input[type="submit"], input[type="button"] {cursor: pointer; width: 100%; height: 25px; line-height: 25px; padding: 0 20px; text-transform: uppercase; text-align: center; color: #000; border: 0; border-radius: 3px; font-size: 13px; font-size: 1.3rem; font-weight: bold; text-shadow: 0 1px 1px rgba(255,255,255,.4);
	background: #b7a280;
	background: -o-linear-gradient(top, #ffe2b3 0%, #b7a280 100%);
	background: -moz-linear-gradient(top, #ffe2b3 0%, #b7a280 100%);
	background: -webkit-linear-gradient(top, #ffe2b3 0%, #b7a280 100%);
	background: linear-gradient(to bottom, #ffe2b3 0%, #b7a280 100%);
}
input[type="submit"]:hover, input[type="button"]:hover {background: #93724b;}
.errormessage {display: none; clear: both; font-size: 87.5%; font-weight: 600; color: #666;}

::-webkit-input-placeholder {color: #444;} /* WebKit browsers */
:-moz-placeholder {color: #444;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color: #444;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color: #444;} /* Internet Explorer 10+ */

.error input, .error select, .error textarea {color: #d00; font-weight: 600; background: #ffc;}
.error ::-webkit-input-placeholder {color: #d00; font-weight: 600;} /* WebKit browsers */
.error :-moz-placeholder {color: #d00; font-weight: 600;} /* Mozilla Firefox 4 to 18 */
.error ::-moz-placeholder {color: #d00; font-weight: 600;} /* Mozilla Firefox 19+ */
.error :-ms-input-placeholder {color: #d00; font-weight: 600;} /* Internet Explorer 10+ */