@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);
 
 /* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
html, button, input, select, textarea {font-family: Arial, Helvetica, sans-serif; color: #666666; }
body { margin: 0; font-size: 14px; line-height: 20px; zoom: 100%; background-color: #fff; }
       
* { margin: 0; padding: 0px;}
html, body {padding: 0; margin: 0; overflow-y: visible !important;}


::-moz-selection { background: #0c9442; color: #fff; text-shadow: none; }
::selection { background: #0c9442; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a { color: #0c9442; text-decoration: none; outline: none;}
/*a:visited { color: #551a8b; }*/
a:hover {text-decoration: none;color: #056637;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

a:focus {outline:none;}
* { _noFocusLine: expression(this.hideFocus=true); }
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
strong { font-weight: bold; }
blockquote { margin: 1em 40px; font-style: italic; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

p {line-height: 20px; margin-bottom: 12px;}
h1 {font-size: 3em; font-weight: bold; padding: 16px 0; line-height: 40px; color: #f7aa9e; font-family: 'Reenie Beanie', cursive,Arial, Helvetica, sans-serif;text-align: center;background-color: #c2171d;}
h2 {font-size: 2em; font-weight: bold; margin-bottom: 12px; padding-top: 24px; line-height: 28px; color: #056637; font-family: 'Reenie Beanie', cursive,Arial, Helvetica, sans-serif;text-transform: uppercase;letter-spacing: 0.2em; }
h3 {font-size: 1.5em; font-weight: normal; margin-bottom: 12px; margin-top: 18px; font-family: 'Reenie Beanie', cursive, Arial, Helvetica, sans-serif; color: #f5843d;/*text-transform: uppercase;*/letter-spacing: 0.2em; }
h4 {font-size: 1em; font-weight: normal; margin-bottom: 6px; font-family: 'Reenie Beanie', cursive,Arial, Helvetica, sans-serif; color: #505050; text-transform: uppercase;letter-spacing: 0.2em; }
h5 {font-size: 0.8em;  margin-bottom: 6px; font-family: 'Reenie Beanie', cursive,Arial, Helvetica, sans-serif; color: #505050; }
h6 {font-size: 0.8em; font-weight: normal; color: #7c109a; margin-bottom: 6px; font-family: 'Reenie Beanie', cursive,Arial, Helvetica, sans-serif;}
/* =============================================================================
   Lists
   ========================================================================== */
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
ol{padding: 0; margin: 0 0 12px 52px;}
ol li {background: none !important; padding: 0 0 8px 0 !important;}
ul {list-style: none outside none; padding: 0;}
li {padding: 0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: top;}
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; padding: 5px 0; border: 1px solid #A5A4A4;}
button, input { line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #0475D0;
    border: 1px solid #0475D0;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    height: 28px;
    margin-top: 6px;
    padding: 0 16px;
    text-transform: uppercase;
}

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }


button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}

/* Colors for form validity */
input:valid, textarea:valid { 
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

input:invalid, textarea:invalid { background-color: #f0dddd;}
option {padding-left: 3px;}

/* =============================================================================
   Tables + List
   ========================================================================== */

table {}
td { vertical-align: top; }
th {text-align: left; padding: 16px 11px;}
.data-grid {border-spacing: 0; margin-bottom: 22px; margin-top: 12px; width: 100%; border: 1px solid #EDEDED;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.data-grid th {
    background-color: #fafafa;
    border-left: 1px solid #EDEDED;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #2A2A2A;
}
.data-grid td {border-left: 1px solid #EDEDED; padding: 10px;}
.data-grid td:first-child, .data-grid th:first-child {border-left: none;}
.data-grid tr {background-color: #f4fafe;}
.data-grid .odd  {background-color: #fff !important;}
/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0 !important; padding: 0 !important; border: none; outline: 0 !important; line-height: 1.3 !important; text-decoration: none !important; font-size: 100% !important; list-style: none !important; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* primary styles */
.clear {clear:both;}
.right {float: right;  margin-left: 12px;}
.left {float: left;  margin-right: 12px;}
.pipe {padding: 0 6px;}
.separator {padding: 0 2px; font-size: 13px;}
.bold {font-weight: bold !important;}
.carat{letter-spacing: -3px;}
.date {display: block;}
.errortext {color: #a80532;}
.divider {display: block; width: 2px; height: 15px;}
.no-border {border: none;}




/* ************************************************************************************************************* */
/*
dark blue 0b0a3a
light blue 2765AB

dark orange #f5843d
orange #faa51b
light green (link 0c9442)
dark green (hover 056637)
red (logo font c2171d)
pink (logo f7aa9e)
*/
body { background: url('/assets/img/body_bg.png') repeat-y scroll center top #D8CFC6;}

.wrapper { padding: 0 15%;}

.stackleftblock { zoom: 1;text-align: left;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

header { height: 250px;text-align: center;overflow: hidden; }
.logo { width: 30%;float: left;}
.logo img { width: 100%;max-width: 213px; }

.main-nav { width: 70%;float: left;}
/*
.main-menu { background: transparent url('/assets/img/header_nav.png') no-repeat;min-height: 104px;}
*/
.main-menu {margin-top: 100px;font-family: 'Reenie Beanie', cursive,Arial, Helvetica, sans-serif;font-size: 2em;color: #2765AB;font-weight: bold;}
.main-menu ul { list-style: none outside none;display: block;position: relative;}
.main-menu ul li { background: url('/assets/img/heart.png') no-repeat transparent;padding: 0 30px 0 20px;display: block;float: left;position: relative;}

.home-content { text-align: center;padding-top: 50px;}
.inner-content { background: #fff;min-height: 300px;padding: 0 0 30px 0;}
footer { background: #FFF url('/assets/img/footer_gbg.jpg') no-repeat;min-height: 195px;}
footer .footer-text { font-size: 0.9em;padding-left: 25px;color: #c2171d;}
.copyright { padding: 135px 0 5px 0;font-family: 'Reenie Beanie', cursive,Arial, Helvetica, sans-serif;font-size: 2em;}
.contact { color: #666666;}

.healthy { padding: 30px 0;}
.menu-list { font-size: 2em;font-family: 'Reenie Beanie', cursive,Arial, Helvetica, sans-serif;line-height: 28px;letter-spacing: 0.2em;font-weight: bold;}
.menu-list li {display: block;}
.menu-list a {padding: 0 30px 0 30px;line-height: 40px;}
.menu-list a:hover {background: url('/assets/img/heart.png') no-repeat transparent; }
.menu-section-desc { color: #0c9442;margin-bottom: 8px;font-weight: bold;}
.menu-item { padding: 5px 3%;background:rgba(245, 168, 157, 0.3);margin-bottom: 10px;border-radius: 10px;}
.healthy .menu-item { background-color: #bbccb8;}
.menu-line { color: #2765AB;font-size: 1.2em;width: 100%;}
.healthy .menu-line {color:#056637;}
.menu-option-line { color: #2765AB;width: 100%;}
.menu-name { width: 75%;float: left;}
.menu-price { width: 6%;float: right;text-align: right;min-width: 60px;}
.menu-desc { max-width: 80%; }
.menu-notation { color: #0c9442 !important;font-size: smaller;padding: 0 2px;}
.spicy {margin: 0 0 0 3px; width: 16px;height: 16px;background: transparent url('/assets/img/spicy.png') no-repeat center center;display: inline-block;}
.gf {margin: 0 3px;width: 18px;height: 18px;background: transparent url('/assets/img/gf.png') no-repeat;display: inline-block;}

.contact-map {width: 60%;float: left;padding: 20px 0; }
.content-content { width: 35%;float: left;padding-left: 3%;}

.footnote { font-size: 0.9em;padding-top: 30px;}
.topnote {font-size: 0.9em;padding-top: 30px;text-align: center;}


/****************** HERO ********************/
.hero { display: block;background-color: #FFF;/*height: 600px;*/width: 100%;}
.slides {/*float: left; padding-left: 10px;*/ position: relative;}
/*.slides_container { background-color: #f5f5f5;}*/
.feature_content { /*height: 150px;*/text-transform: none;letter-spacing: normal;font-family: 'Questrial',Arial, Helvetica, sans-serif;}
.feature_content .testimonial { /*max-width: 700px;*/color: #2765AB;font-size: 20px;line-height: 24px;padding: 20px 0 10px;}
.feature_content .author { font-size: 16px;color: #f2733d;}
.pagination_main {
	right: 4%;
	list-style: none outside none;
	margin: 0 !important;
	padding: 3px;
	position: absolute;
	top: 10%;
	z-index: 999;
	height: 15px;
	list-style: none !important;
}
.pagination_main li {background: none; float: left; height: 15px; margin: 3px; padding: 0 1px;}

.pagination_main li a {
	background-image: url("/assets/img/bullet_ball_glass_grey.png");
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding: 15px 0 0;
	width: 15px;
}

.pagination_main .current a {background-image: url("/assets/img/bullet_ball_glass_yellow.png");}
/****************** HERO ********************/



@media screen and (max-width: 1080px) 
{
    .main-nav { width: 150px;float: right;}
	.main-menu { margin-top: 40px;text-align: right;}
	.main-menu ul li { float: none;padding: 12px 25px 10px 0;background-position: center right;}
	.logo { width: 213px; }
}

@media screen and (max-width: 600px) {
  .logo { width: 180px;padding-top: 15px;}
  h1 { font-size: 2em;}
  h2 { font-size: 1.5em;}
  .main-menu { text-align: right;}
  .contact-map { width: 100%;}
  .content-content { width: 100%;}
}


@media only screen and ( max-width: 480px)  
{
   .logo { width: 130px;padding-top: 15px;}
   .main-nav { width: 90px;}
   .main-menu { font-size: 1.8em;text-align: right;margin-top: 15px;}
  .main-menu ul li { width: 90px; padding: 10px 25px 8px 0; }
  header { height: 180px;}
  .copyright{ font-size: 1em; font-family: Arial, Helvetica, sans-serif;}
  .contact { font-size: 0.8em; }
  .menu-list { font-size: 1em;text-align: left;margin-top: 15px; font-family: Arial, Helvetica, sans-serif;letter-spacing: normal;}
  .menu-list ul li { padding: 10px 25px 8px 15px; }
  .menu-list a { padding: 5px 0 5px 25px;}
}


/* iphone */
@media screen and (max-width:320px) {
	h1 { font-size: 1.8em;}
	.main-nav { width: 85px;}
	.main-menu { margin-top: 40px;text-align: right;}
	.main-menu ul li { width: 90px; padding: 10px 25px 8px 0;}
	.contact .pipe {content: '<br/>'}
}