@import url("//hello.myfonts.net/count/25e4cb");

/******************************************************************
Site Name: Cafe at the Phoenix Public Market
Author: Jenny Messerly + Pixel Farmers

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */

}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
html, body {
  margin: 0; padding: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
	line-height: 1.4;
  margin: 0 0 1em;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */

  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
small,
.small {
  font-size: 75%;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
/******************************************************************
Site Name: 
Author: 

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features: 
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more. 

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*********************
TYPOGRAPHY
*********************/
@font-face {font-family: 'BrandonText-Black';src: url('../fonts/25E4CB_3_0.eot');src: url('../fonts/25E4CB_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/25E4CB_3_0.woff') format('woff'),url('../fonts/25E4CB_3_0.ttf') format('truetype');}

@font-face {font-family: 'BrandonText-Medium';src: url('../fonts/25E4CB_8_0.eot');src: url('../fonts/25E4CB_8_0.eot?#iefix') format('embedded-opentype'),url('../fonts/25E4CB_8_0.woff') format('woff'),url('../fonts/25E4CB_8_0.ttf') format('truetype');}

@font-face {
    font-family: 'DemingEPRegular';
    src: url('../fonts/deming_ep-webfont.eot');
    src: url('../fonts/deming_ep-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/deming_ep-webfont.woff') format('woff'),
         url('../fonts/deming_ep-webfont.ttf') format('truetype'),
         url('../fonts/deming_ep-webfont.svg#DemingEPRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-hu058s');
	src:url('../fonts/icomoon.eot?#iefix-hu058s') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-hu058s') format('woff'),
		url('../fonts/icomoon.ttf?-hu058s') format('truetype'),
		url('../fonts/icomoon.svg?-hu058s#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
	content: "\e600";
}
.icon-instagram:before {
	content: "\e601";
}
.icon-twitter:before {
	content: "\e602";
}

/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

------------ MAP ------------

01. GENERAL STYLES
02. WORDPRESS BODY CLASSES
03. LAYOUT & GRID STYLES
04. LINK STYLES
05. H1, H2, H3, H4, H5 STYLES
06. HEADER STYLES
07. NAVIGATION STYLES
08. POSTS & CONTENT STYLES
09. PAGE NAVI STYLES
10. COMMENT STYLES
11. COMMENT FORM STYLES
12. SIDEBARS & ASIDES
13. FOOTER STYLES

******************************************************************/
/*********************
01. GENERAL STYLES
*********************/
html,
body {
  /* height: 100%; */

}
body {
	background: #f8f3ec url('../images/bg-body.jpg') repeat center top;
  font-family: 'BrandonText-Medium', sans-serif;
  font-size: 15px;
  line-height: 1;
  color: #3d3732;
}

.wrap {
  margin: 0 auto;
}
.orange {
	color: #E75F27;
}

/*********************
04. LINK STYLES
*********************/
a,
a:visited {
  color: #E75E27;
  /* on hover */

  /* on click */

  /* mobile tap color */

}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
  color: #7da3a8;
}
a:link,
a:visited:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
/******************************************************************
05. H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2 {
  text-rendering: optimizelegibility;
  font-family: 'DemingEPRegular', serif;
  font-weight: 400;
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/

  /* removing text decoration from all headline links */

}
h1 a, .h1 a, h2 a, .h2 a
{
  line-height: 1;
  text-decoration: none;
}
h1, .h1 {
  	color: #7ca2a7;
	font-size: 1.3em;
  	letter-spacing: 3px;
}
#about h1 {
	color: #3d3732;
	margin: 0 0 43px;
  	text-align: center;
	width: 100%;
}

h2, .h2 {
  color: #7DA3A8;
  font-size: 1.25em;
  letter-spacing: 0.13em;
  margin-bottom: 0 0 0.375em;
}
h3, h4 {
	font-weight: normal;
}

/*********************
06. HEADER SYTLES
*********************/
#container > header {
	overflow: hidden;
	position:fixed;
	top:0px;
	left:0px;
	background:#f7f2eb; 
	height:auto; 
	width:100%;
	z-index: 900;
}
/*********************
07. NAVIGATION STYLES
*********************/
nav {
	position: relative;
}
nav li {
	display: none;
}
nav li#logo, #btn-aim, #btn-cater {
	display: block;
	text-align: center;
}
#btn-aim a, #btn-cater a {
	background-color: #7BA2A8;
	color: #F7F2EB;
	margin: 10px 20px;
	text-decoration: none;
	text-indent: 0;
}
nav li#logo img {
	height: auto;
	width: 110px;
}

a.btn, a.btn:visited {
	background-color: #fff;
	color: #e75f27;
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 1;
	padding: 8px 12px;
	text-decoration: underline;
}
a.btn:after {
	left: 100%;
	border: solid transparent; content: " ";
	display: none;
	height: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0); border-left-color: #fff; 
	top: 50%;
	width: 0;
	margin-top: -15px;
	border-width: 15px;
}
a.btn:hover, a.btn:visited:hover {
	background: #e75f27;
	color: #F7F2EB;
}
a.btn:hover:after {
	border-color: rgba(231, 95, 39);
	border-left-color: #e75f27;
}
/* end .nav */
/*********************
08. POSTS & CONTENT STYLES
*********************/
#home {
	display: none;
}
.uds-bb-preloader-wrapper {
	display: none !important;
}
#main {
	margin-top: 148px;
}
article {
	background-color: #fff;
}
#about {
	background: #7DA2A8 url('../images/header-about-us.jpg') no-repeat center 29px;
	padding: 56px 43px 37px;
}
#about p, #about ul{
	color: #f0e9dc;
}
#about #btn-feature {
	float: right;
	line-height: 1.2;
	text-align: center;
}
.rimg {
	display: block;
	height: auto;
	width: 100%;
}
#find-us .first {
	text-align: center;
}
#find-us p {
	margin-bottom: 1.3em;
}
#social {
	margin: 0 auto;
}
#social a {
	background: url('../images/social.png') no-repeat left bottom;
	display: inline-block;
	height: 27px;
	margin: 0 2px;
	overflow: hidden;
	text-indent: -999px;
	width: 27px;
}
#social a:hover {
	background-position: left top;
}
#social a.facebook {
	background-position: right bottom;
}
#social a.facebook:hover {
	background-position: right top;
}
.ico-open {
	display: none;
	position: absolute;
	left: 5em;
	top: -3em;
}

#gifts {
	text-align: center;
}
#gifts h2 {
	color: #34302c;
	margin: 0 0 8px;
	max-width: 100%;
}
#gifts p {
	line-height: 1.2;
}
#gifts section img {
	height: auto;
	max-width: 50%;
}
.gifts-pad, .socialmedia-pad {
	margin: 15px 20px 25px;
}
.socialmedia-pad {
	display: block;
	overflow: hidden;
	padding: 5px 0 0;
}
.wp-image-210 {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
}

#socialmedia section img {
	display: block;
	margin: 0 auto;
}
.sociallist li {
	float: left;
	margin-right: 9px;
}
.sociallist a {
	background-color: #e75e27;
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 31px;
	height: 30px;
	text-decoration: none;
	width: 30px;
}
.sociallist a:hover {
	background-color: #7CA2A7;
	color: #fff;
}
.sociallist a.btn-subscribe {
	background: transparent;
	color: #e75e27;
	font-size: 18px;
	height: auto;
	padding-top: 5px;
	text-decoration: underline;
	width: auto;
}
.sociallist a.btn-subscribe:hover {
	background-color: transparent;
	color: #7CA2A7;
}

.product .images, .product_meta {
	display: none;
}
.shop-pad {
	margin: 26px 35px;
}
.first > .shop-pad {
	margin-right: 0;
}
#shop h1, #shop .h1 {
	border-bottom: 1px solid #918f90;
	padding-bottom: 10px !important;
}
#menu-shop-menu a {
	color: #3e3833;
	display: block;
	letter-spacing: 0.03em;
	padding: 0 0 13px;
	text-decoration: none;
	text-transform: uppercase;
}
#menu-shop-menu a:hover, #menu-shop-menu .current-menu-item a {
	color: #e75e27;
	text-decoration: underline;
}
.product p, .product .label, .reset_variations {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px !important;
}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
	height: 31px;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	float: none;
	width: 100%;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {
	padding: 9px 6px !important;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
	font-weight: normal !important;
}
.product-thumbnail a {
	display: none;
}
.single_variation .price {
	display: block;
	margin: 0 0 4px;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
	font-weight: normal !important;
	text-transform: uppercase !important;
}
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th {
	font-weight: normal !important;
}
.woocommerce-error li {
	padding: 0 0 3px;
}
.woocommerce td.product-name dl.variation dd p:last-child, .woocommerce-page td.product-name dl.variation dd p:last-child {
	line-height: 1;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea {
	font-size: 15px;
	padding: 4px;
}
.woocommerce .order_details li strong, .woocommerce-page .order_details li strong {
	font-family: 'BrandonText-Medium' !important;
	font-weight: normal;
}
p.disclaimer {
	color: #666;
	font-size: 10px;
	font-style: italic;	
}
.cart-pad {
	margin: 0;
	padding: 45px 40px;
}
.woocommerce address {
	line-height: 1.3;
	margin-bottom: 40px;
}

/* Slider */
.uds-bb-paginator.oldskool .uds-bb-position-indicator-bullets, .uds-bb-paginator.ubbv2 .uds-bb-position-indicator-bullets, .uds-bb-paginator.oldskool-bright .uds-bb-position-indicator-bullets {
	background: none !important;
	padding: 0 !important;
	margin: 0 auto;
	right: auto !important;
	width: 100%;
	text-align: center;
	z-index: 500;
}
.uds-bb-paginator.oldskool .uds-bb-bullet, .uds-bb-paginator.oldskool-bright .uds-bb-bullet, .uds-bb-paginator.uTube .uds-bb-bullet, .uds-bb-paginator.modern .uds-bb-bullet, .uds-bb-paginator.ubbv2 .uds-bb-bullet {
	display: inline-block !important;
	float: none !important;
	height: 8px !important;
	margin: 4px !important;
	width: 8px !important;
}
.uds-bb-paginator.ubbv2 .uds-bb-bullet {
	background: #fff !important;
	border-radius: 8px;
}
.uds-bb-paginator.ubbv2 .uds-bb-bullet.active {
	background-color: #E75F27 !important;
}
.uds-bb-slide {
	position: relative;
	text-align: center;
}
.uds-bb-slide span {
	background: url('../images/bg-slider.png') no-repeat left top;
	position: absolute;
	bottom: 0;
	font-size: 17px;
	height: 70px;
	left: 50%;
	letter-spacing: 0.2em;
	margin: 0 0 0 -169px;
	padding-top: 18px;
	text-align: center;
	text-transform: uppercase;
	width: 338px;
	z-index: 900;
}
/*********************
13. FOOTER STYLES
*********************/
footer {
	background: #7ca2a7;
	padding: 30px 0;
	width: 100%;
}
footer p {
	font-size: 0.8em;
	letter-spacing: 1.1px;
	line-height: 1.6;
	margin: 0;
	padding: 0 5%;
	text-align: center;
}
footer a, footer a:visited {
	color: #3D3732;
}
footer a:hover, footer a:visited:hover {
	color: #F7F2EB;
}
footer .spacer {
	display: block;
    height: 0;
    overflow: hidden;
    text-indent: -100px;
}
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.less stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  .onecol {
    width: 5.801104972%;
  }
  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%;
  }
  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%;
  }
  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%;
  }
  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%;
  }
  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%;
  }
  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%;
  }
  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%;
  }
  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%;
  }
  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%;
  }
  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%;
  }
  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%;
  }
  /* 100%;   } /* grid_12 */
  .onecol,
  .twocol,
  .threecol,
  .fourcol,
  .fivecol,
  .sixcol,
  .sevencol,
  .eightcol,
  .ninecol,
  .tencol,
  .elevencol,
  .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }
  .first {
    margin-left: 0;
  }
  .last {
    float: right;
  }
  
  .aligncenter {display: block; margin: 0 auto 15px;}
  .alignright {float: right; margin: 0 0 15px 15px;}
  .alignleft {float: left; margin: 0 15px 15px 0;}
  
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  	h1, .h1 {
		font-size: 24px;
	}
	#about h1 {
		font-size: 1.8em;
	}
	a.btn, a.btn:visited {
		height: 30px;
	}
	a.btn:after {
		display: block;
	}
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  	.wrap {
    	width: 960px;
  	}
  	#home {
		display: block;
  	}
	#main {
		margin-top: 84px;
	}
	#about {
		margin-bottom: 0;
	}
	#about #btn-feature {
		line-height: 1;
	}
	.ico-open {
		display: block;
	}
	#find-us {
		padding-bottom: 41px;
	}
	.find-us-pad {
		margin-top: 60px;
		padding-left: 1em;
		position: relative;
	}
	#find-us .last .find-us-pad {
		margin: 41px 44px 0 0;
		padding: 0 0 0 2em;
	}
  /*********************
  HEADER SYTLES
  *********************/
  	#container > header {
		height:203px; 
	}
  /*********************
  NAVIGATION STYLES
  *********************/
 	nav {
		margin: 0;
		text-align: center;
	}
	nav ul {
		margin: 0 0 0 42px;
	}
	nav li {
		display: inline-block;
		margin: 0 16px;
		vertical-align: top;
	}
	nav li#logo {
		display: inline-block;
	
	}
	nav li#logo img {
		width: auto;
	}
	nav li a, nav li a:visited {
		background-color: #F7F2EB;
		display: block;
		font-size: 17px;
		letter-spacing: 3px;
		text-decoration: none;
		padding: 75px 0 15px 3px;
		color: #3d3732;
	}
	nav li a:hover, nav li a:visited:hover, nav li a.selected {
		background: url('../images/bg-nav.png') repeat-x left bottom;
		color: #e75f27;
	}
	nav li#logo a.selected {
		background: none;
	}
	nav li#logo a {
		padding-top: 7%;
	}
	nav li#logo a:hover {
		background: none;
	}
	nav li#btn-market {
		margin-top: 10px;
	}
	nav li#btn-market a {
		bottom: 10px;
		height: 53px;
		line-height: 18px;
		position: absolute;
		right: 83px;
	}
	nav li#btn-market a:after {
		margin-top: -27px;
		border-width: 27px 0 27px 13px;
		top: 50%;
	}
	#btn-aim, #btn-cater {
		bottom: 10px;
		margin-top: 10px;
		position: absolute;
	}
	#btn-aim {
		right: 60px;
	}
	#btn-cater {
		left: 60px;
	}
	#btn-aim a, #btn-cater a {
		height: 54px;
		line-height: 18px;
		overflow: hidden;
		text-indent: -1000px;
		width: 214px;
	}
	#btn-aim a {
		background: url('../images/btn-open-air-market.png') no-repeat left top;
	}
	#btn-cater a {
		background: url('../images/btn-catering.png') no-repeat left top;
	}
	#btn-aim a:after, #btn-cater a:after {
		display: none;
	}
	#btn-aim a:hover, #btn-cater a:hover {
		background-position: left bottom;
	}
	
	#gifts {
		text-align: left;
	}
	#gifts h2 {
		font-size: 24px;
		margin-bottom: 13px;
	}
	#gifts section img {
		max-width: 226px;
		margin-left: 24px;
	}
	.gifts-pad {
		margin: 67px 60px 45px;
	}
	.socialmedia-pad {
		margin: 43px 49px 43px 60px;
		padding: 5px 0 0;
	}
	.sociallist a.btn-subscribe {
		padding-left: 14px;
	}
	#socialmedia .last {
		background: url('../images/divider.png') no-repeat left 56%;
	}
	
  /*********************
  FOOTER STYLES
  *********************/
	#inner-footer {
		background: url('../images/yum.png') no-repeat right 350px;
		padding-bottom: 455px;
	}
	footer p {
		font-size: 14px;
		line-height: 1;
		padding: 0;
	}
	#inner-footer p .arrow {
		background: url('../images/arrow-right.png') no-repeat left 0;
		display: inline-block;
		height: 14px;
		margin: 0 0 0 25px;
		width: 61px;
	}
	#inner-footer p .arrow-left {
		background-image: url('../images/arrow-left.png');
		margin: 0 25px 0 0;
	}
	footer .spacer {
		display: inline;
		height: auto;
		padding: 0 5px;
		overflow: hidden;
		text-indent: 0;
	}
}

/*
iPads (portrait and landscape)
*/
@media only screen and (min-device-width : 481px) and (max-device-width : 1024px) {
	#container > header {
		height: auto;
	}
	nav li {
		display: none;
	}
	nav li#logo {
		display: block;
		text-align: center;
	}
	nav li#logo img {
		width: 25%;
	}
	nav li#logo a {
		padding-top: 10px;
	}
}

/*
iPads (landscape)
*/
@media only screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape) {
	nav li#logo img {
		width: 20%;
	}
}

/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  nav {
    display: none;
  }
}