html, body { height: 100%; }
body { margin:0; padding:0; background-color:fff; font-size:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.5em; color:#605d5d; min-width:320px; background-image:url(../images/swirls3.png), url(../images/swirls.png); background-position:left top, right top; background-repeat:no-repeat; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

.noPadding { margin:0; padding:0; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.textLeft { text-align:left; }
.textBold { font-weight:bold; }
.textItalic { font-style:italic; }
.clear { clear:both; }
.floatRight { float:right; }
.floatLeft { float:left; }
.imgRight { float:right; margin:0 0 10px 10px; }
.imgLeft { float:left; margin:0 10px 10px 0; }
.nowrap { white-space:nowrap; }
.hide { visibility:hidden; }
.hidden { display:none; }

a { color:#ccc; outline:none; }
a:hover { color:#dd1936; }
img { max-width:100%; border:0px none; }

h1 { font-size:160%; }
h2 { font-size:250%; color:#dd1936; font-family: 'Tangerine', serif; }
h3 { font-size:120%; color:#dd1936; }
H4 { font-size:110%; color:#bd936c; }

/* little support for HTML5 seamless attribute currently, frameborder and scrolling deprecated */
iframe[seamless] { background-color:transparent; border:0px none transparent; padding:0px; overflow:hidden; }
 
/* Layout */
#headerContent, nav ul, #topContent, #content, #footerContent { max-width:1024px; margin:0 auto; }
section#main { min-height:75%; }

/* header Styles */
header { color:#FFFFFF; overflow:hidden; padding:1em 0 0; margin:0; }
#headerContent h1 { font-size:300%; margin:0; padding:0; color:#fcd116; float:left; display:none; }
#headerContent p { padding:0 0 1em; margin:0; }

/* nav Styles */
.navMobile { display:none; }
#mainNav { clear:clear; font-size:105%; font-variant:small-caps; border-top:1px solid #6a584f; border-bottom:1px solid #6a584f; margin:0 auto; padding:0; text-align:center; }
#mainNav ul { list-style:none; vertical-align:top; padding:0; margin:0; display:inline-block;  }
#mainNav ul li { float:left; margin:0; padding:0; }
#mainNav ul li a { display:block; padding:.5em 1em; text-decoration:none; color:#6a584f; }
#mainNav ul li:first-child { padding-left:0; }
#mainNav ulli:last-child { padding-right:0; }
#mainNav ul li a:hover { background-color:#bd936c; }
#mainNav ul ul { display:none; position:absolute; z-index:1000; text-align:left; }
#mainNav ul ul li { float:none; margin:0; padding:0; overflow:hidden; border-top:1px solid #404040; border-left:1px solid #404040; border-right:1px solid #404040; }
#mainNav ul ul li:first-child { }
#mainNav ul ul li:last-child { border-bottom:1px solid #404040; }
#mainNav ul ul li a { background-color:#dbc4ae; }
#mainNav ul li:hover > ul { display:block; }

/*content styles */
#main { background-image:url(../images/swirls4.png), url(../images/swirls2.png); background-position:left bottom, right bottom; background-repeat:no-repeat; }
#content { overflow:hidden; margin-top:1em; }
#content h3 { font-family: 'Tangerine', serif; font-size:220%; padding:0 0 .3em; margin:1em 0 0; border-bottom:1px solid #ccc; }
#content h4 { padding:.5em 0 0; margin:0; }
#content p {  }
#content article { clear:both; }

.slideWrapper { width:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; }
#slideshow img { border:0 none; margin:0; padding:0; }

#formData { margin:1em auto; border:2px solid #ccc; }
#formData h3 { font-variant:small-caps; padding:.5em; margin:0; color:#605d5d; }
#formData label.inputLabel { float:left; text-align:right; width:25%; margin:0; padding:.8em .5em 0 0; }
#formData p.inputField { margin:3px 0 3px; padding:2px; }
#formData p.contentField { margin:3px 5px; padding:2px; }
#formData input, #formData select, #formData textarea { width:45%; border-radius:5px; font-size:100%; outline:none; background-color:#fff; margin:2px; vertical-align:middle; padding:5px; }
#formData select { width:40%;  }
#formData textarea { height:100px; }
#formData textarea.tinymce { height:250px; width:100%; }
#formData textarea.pages { height:250px; width:96%; }
#formData input[type="radio"], #formData input[type="checkbox"] { cursor:pointer; width:1em; margin:3px 3px 0 0; background:#7c7d7c; }
#formData input:focus, #formData textarea:focus { background-color:#ebebeb; }
#formData input[type="radio"]:focus, #formData input[type="checkbox"]:focus { background:#7c7d7c; } 
p.formButtons { margin:0; padding:0; background-color:#008751; border-radius:0 0 10px 10px; text-align:right; }
p.formButtons2 { margin:0; padding:0 1em 0 0; text-align:right; }
#formData button, #formData input[type="submit"], #formData input[type="button"] { margin:1em 0 2em 1%; cursor:pointer; width:20%; height:40px; border:none; color:#FFF; font-size:120%; border-radius:5px; }
#formData button, #formData input[type="submit"], #formData input[type="button"] { background-color:#bd936c; }
#formData button:hover, #formData input[type="submit"]:hover, #formData input[type="button"]:hover { background:#6a584f; }
.formField { margin:0; padding:0; overflow:hidden; }
.loginIcon { background-image:url(../images/login-icon.png); background-repeat:no-repeat; background-position:0% 50%; }
.formLinks { text-align:right; margin:0; padding:0 2% 10px; }
.frmFieldMsg { color:#FFF; border-radius:4px; font-style:italic; padding:5px 8px; font-size:80%; margin-left:3px; }
.frmMsgAccept { background-color:#6F8F52; }
.frmMsgError { background-color:#AD2930; }
.frmMsgImg { height:16px; padding:5px 0 0; }
.frmInfo { color:#dd1936; font-style:italic; font-weight:bold;  margin:5px; }
.fieldReq { color:#dd1936; font-style:italic; font-weight:bold; }
.fieldNote { color:#dd1936; font-style:italic; font-weight:bold; font-size:90%; }
.divider { height:10px; }
.button { cursor:pointer; border:none; color:#FFF; font-size:110%; border-radius:5px; background-color:#bd936c; text-decoration:none; padding:.2em; }
.button:hover { background:#6a584f; color:#fff; }
.button2 { cursor:pointer; border:none; color:#FFF; font-size:120%; border-radius:5px; background-color:#bd936c; text-decoration:none;  padding:2px 3px; }
.button2:hover { background:#6a584f; }

img#securityImage { border:0 none; padding:0; }
input#securityCode { width:15%; margin-top:-1.1em; }

.thumbLeft { float:left; width:100%; max-width:250px; margin-right:1.2em; }
.thumbRight { float:right; width:100%; max-width:250px; margin-left:1em; }
.thumbCenter { width:100%; max-width:500px; margin:0; }

.box { display:inline-block; width:48%; vertical-align:top; margin:1em 0; }
.box h4 { padding:0; margin:0; text-align:center; }
.box p { padding:0; margin:0; }
.box p.galleryDesc { min-height:3em; }
.box p.viewGallery { padding-top:.2em; text-align:center; }

#innerCol1, #innerCol2, #innerCol3 { float:left; position:relative; width:33%; margin:0; padding:0; }

article.reviews { border:3px solid #ccc; padding:.2em; margin:.5em; }
article.reviews img { width:95%; }

figure.mbShow img { width:33%; }

figure.photoContainer { margin:0 .2em .5em; padding:0; }
figure.photoContainer img.photo { margin:0; padding:0; border:0 none; width:100%; }
figure.photoContainer a { line-height:normal; padding:0; margin:0; }
figure.photoContainer figcaption { color:#999; text-align:center; padding:0; margin:0; }

article.faqs h3 { font-size:100%; padding:0; margin:0; }
article.faqs p { padding:.2em 0 .5em 1.5em; margin:0; }

.flavoursImg { width:15em; float:left; padding:0 1em 0 0; margin:0 1em 0 0; border:0 none; }

/* jQuery UI Datepicker
----------------------------------*/
#ui-datepicker-div { font-size:75%; }

#map_canvas { width:90%; height:550px; border:1px solid #000; border-radius:10px; margin:0 auto 10px; }

/* ---- Popup Styles ---- */
#mainContent { border-radius:0 0 10px 10px; min-height:550px; background-color:#494a4a; padding:10px 5px; }
#ifrImage { border-radius:10px; width:450px; height:250px; }
#ifrPopup { border-radius:10px; }

/* ---- Page Navigation Styles ---- */
p.pageNavBar { padding:8px 5px 12px; margin:0; text-align:right; font-size:90%; }
.pageNav { border-radius:5px; margin:2px; padding:2px 5px; background-color:#7c7d7c; color:#A4A4A4; border:none; }
a.pageNav:link, a.pageNav:visited { border:none; color:#FFF; border-radius:5px; background-color:#42a2f4; text-decoration:none;  padding:2px 3px; }
a.pageNav:hover, a.pageNav:active { background:#3b91db; color:#FFF; }

/*footer styles */
footer { clear:both; margin:0; padding:1em 0 0; overflow:hidden; line-height:1.7em; color:#bd936c; background-color:#6a584f; }
footer p { margin:0; padding:0; }
footer .vcard { float:left; }
footer div.social { float:right; }
footer div.social h3 { color:#ccc; padding:0 0 .5em; margin:0; font-variant:small-caps; }
footer div.social a:hover img { opacity:0.4; }
footer p.footerLinks { clear:both; text-align:center; margin:0 0 .5em; }
footer p.footerLinks a { padding:.5em; }
footer .divider { clear:both; }
#copyright { float:left; padding-bottom:1em; font-size:90%; }
#kramtek { float:right; padding-bottom:1em; font-size:90%; }

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

@media only screen and (max-width: 550px) {
	#content { margin-left:1em; margin-right:1em; }
	.navMobile { display:block; color:#191919; text-align:right; padding-right:.5em; font-size:160%; font-weight:bold; }
	#mainNav { display:none; }
	#mainNav ul li { width:100%; border-bottom:1px solid #6a584f; font-size:120%;  }
	#mainNav ul li:last-child { border-bottom:none;  }
	#mainNav ul li a { padding:.5em 0; }
	#mainNav ul ul { width:100%; text-align:center; }
	#content h2 { line-height:1.1em; }
	#formData input, #formData select, #formData textarea { width:65%; }
	.flavoursImg { width:100%; float:none; padding:.2em; margin:0; }
	article.reviews { width:90%; }
	.box { width:90%; }
	#innerCol1, #innerCol2, #innerCol3 { float:none; position:relative; width:98%; }
	footer .vcard { float:none; margin-left:1em; }
	footer div.social { float:none; text-align:center; margin-top:1em; }
	#kramtek, #copyright { float:none; text-align:center; }
}

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

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