@font-face {
    font-family: markerfelt;
    src: url('fonts/Marker Felt Thin Plain Regular.ttf') format('truetype');
}
	/* reset css */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/* end reset */
	
/* ####### */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* ####### */

html { -webkit-text-size-adjust: none; }
body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	font-family: "Comic Sans MS", chalkboard, sans-serif;
	font-size: 18px;
}
#wrapper {
	width: 100%;
}
#head {
	position: relative;
	width: 100%;
	height: auto;
/*	height: 240px; */
}
/* #logo {
	float: left;
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 15px;
} */
#logo {
	position: absolute;
	left: 10px;
	top: 10px;
}
/* -- used for tag-line "A Newton Tradition since 1969" -- */
h6#tag-line {
	width: auto;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	/* padding-left: 55px; */
	display: block;
	text-align: center;
	padding-top: 95px;
	font-family: "Comic Sans MS", chalkboard, sans-serif;
	font-size: 180%;
	font-weight: bold;
}
h6#day-mess {
	width: 100%;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	/* padding-left: 55px; */
	display: block;
	text-align: center;
	font-family: "Comic Sans MS", chalkboard, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #ff0000;
	margin-bottom: 10px;
	margin-top: 10px;
}
#social {
	width: auto;
	float: right;
	margin-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
}
.img-social {
	padding-right: 8px;
}
/* end ### logo and social links ### */

/* -- MENU BAR -- */
#menu-bar {
	clear: both;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: .5em;
	/* display: block; */
		font-family: "Comic Sans MS", chalkboard, sans-serif;
	font-weight: normal;
}
/*
			.menu-button {
				background-color: #ee3e35;
					font-family: "Comic Sans MS", chalkboard, sans-serif;
				color: #ffffff;
			}
*/
/* -- MENU Box -- */
	.nav-brand {
		display: none;
	}
	a, a:active { text-decoration: none }
	
		.main-nav {
			background: #ff0000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
		}
		.main-nav:after {
		  clear: both;
		  content: "\00a0";
		  display: block;
		  height: 0;
		  font: 0px/0 serif;
		  overflow: hidden;
		}
		.nav-brand {
		  float: left;
		  margin: 0;
		}
		.nav-brand a {
		  display: block;
		  padding: 12px 12px 12px 20px;
		  color: #ffffff;
		  font-family: "Comic Sans MS", chalkboard, sans-serif;
		/*  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; */
		  font-size: 18px;
		  font-weight: normal;
		  line-height: 17px;
		  vertical-align: middle;
		  text-decoration: none;
		}
		#main-menu {
		  clear: both;
		}
		/* Mobile menu toggle button */
		.main-menu-btn {
		  float: right;
		  margin: 6px 10px;
		  position: relative;
		  display: inline-block;
		  width: 29px;
		  height: 29px;
		  text-indent: 29px;
		  white-space: nowrap;
		  overflow: hidden;
		  cursor: pointer;
		  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}

		/* hamburger icon */
		.main-menu-btn-icon,
		.main-menu-btn-icon:before,
		.main-menu-btn-icon:after {
		  position: absolute;
		  top: 50%;
		  left: 2px;
		  height: 2px;
		  width: 24px;
		  background: #ffffff;
		  -webkit-transition: all 0.25s;
		  transition: all 0.25s;
		}

		.main-menu-btn-icon:before {
		  content: '';
		  top: -7px;
		  left: 0;
		}

		.main-menu-btn-icon:after {
		  content: '';
		  top: 7px;
		  left: 0;
		}

		/* x icon */
		#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
		  height: 0;
		  background: transparent;
		}

		#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
		  top: 0;
		  -webkit-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}

		#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
		  top: 0;
		  -webkit-transform: rotate(45deg);
		  transform: rotate(45deg);
		}

		/* hide menu state checkbox (keep it visible to screen readers) */
		#main-menu-state {
		  position: absolute;
		  width: 1px;
		  height: 1px;
		  margin: -1px;
		  border: 0;
		  padding: 0;
		  overflow: hidden;
		  clip: rect(1px, 1px, 1px, 1px);
		}

		/* hide the menu in mobile view */

		#main-menu-state:not(:checked) ~ #main-menu {
		  display: none;
		}

		#main-menu-state:checked ~ #main-menu {
		  display: block;
		}

		@media (min-width: 768px) {
			  .main-nav {
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				border-radius: 5px;
			  }
			  #main-menu {
				float: right;
				clear: none;
			  }
			  /* hide the button in desktop view */
			  .main-menu-btn {
				position: absolute;
				top: -99999px;
			  }
			  /* always show the menu in desktop view */
			  #main-menu-state:not(:checked) ~ #main-menu {
				display: block;
			  }
		}
			
			/* color shadings here */
			.slimmenu {font-size: .5em; font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif;}
			ul.slimmenu li {background:#ff0000}
			ul.slimmenu li a:hover {background:#ff0000; color:#ffffff}
			ul.slimmenu li ul li {background:#ffffff}
			ul.slimmenu li ul li a {color:#ff0000}
			ul.slimmenu li ul li a:hover {background:#ff0000; color:#ffffff}
			ul.slimmenu li ul li ul li{background:#99c1ff}
			ul.slimmenu li ul li ul li ul li{color: #ff0000; background:#b2d1ff}
/* end menu bar */
	
/* Zebra striping */
.products tr:nth-of-type(odd) { 
	background: #eee; 
}
/* tooltip styling */
	#tooltip
	{
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		color: #fff;
		background: #111;
		position: absolute;
		z-index: 100;
		padding: 15px;
	}
	#tooltip:after /* triangle decoration */
	{
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #111;
		content: '';
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -10px;
	}
	.help-image {
		display: inline-block;
		vertical-align: middle;
		padding-left: 8px;
		padding-bottom: 10px;
	}
	#tooltip.top:after
	{
		border-top-color: transparent;
		border-bottom: 10px solid #111;
		top: -20px;
		bottom: auto;
	}

	#tooltip.left:after
	{
		left: 10px;
		margin: 0;
	}

	#tooltip.right:after
	{
		right: 10px;
		left: auto;
		margin: 0;
	}
/* end tooltip styling */

/* -- BANNER -- */
	#banner {
		position: relative;
		clear: both;
		display: block;
		background-color: #ffffff;
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.img-banner {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	#banner-text {
		width: auto;
		vertical-align: middle;
	/*	font-family: feltpen; */
	/*	font-family: 'Permanent Marker', cursive; */
		font-size: 1.5em;
		margin-bottom: 1em;
	}
	h1 {
		display: block;
		width: 100%;
		font-family: "Comic Sans MS", chalkboard, sans-serif;
	/*	font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif; */
	/*	font-family: Tahoma, Geneva, Kalimati, sans-serif; */
	/*	font-family: feltpen; */
		font-size: 1.6em;
		line-height: 1.6em;
		vertical-align: middle;
		background-color: #ffffff;
		text-align: center;
		color: #ff0000;
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
		margin-top: .6em;
		margin-bottom: .1em;
		padding-top: .1em;
		padding-bottom: .1em;
		-webkit-margin-before: 0.67em;
		-webkit-margin-after: 0.67em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	h3 { 
		display: block;
		font-family: Open Sans;
		line-height: 1.1em;
		vertical-align: middle;
		margin-left: 0;
		margin-right: 0;
		font-weight: normal;
		margin-top: .1em;
		padding-top: .1em;
		padding-bottom: .1em;
		font-size: 1.1em;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	h4 {
		display: block;
		width: 100%;
		text-align: center;
		color: #ff0000;
		font-size: 1em;
		line-height: 1.6em;
		vertical-align: middle;
		margin-top: .8em;
		margin-bottom: .8em;
		font-family: "Comic Sans MS", chalkboard, sans-serif;
	}
	h5, h6 {
		display: block;
	}
/* ### end banner ### */

/* Main Page Feature - ie Cops & Cones / Boston Bakes etc NOTE may be used on any page */
	.feature {
		width: 40%;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		background-color: #ffdae0;
		display: block;
		padding: 8px;
		text-align: center;
		margin-top: .5em;
		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-webkit-border-radius: 10px; 

		/* Firefox 1-3.6 */
		-moz-border-radius: 10px; 
	  
		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
		border-radius: 10px; 
		border: 2px solid #000000;
		border-width: thin;
	}
	/* Feature on Main Page - colors for Boston Bakes */
	.feature img {
		text-align: center;
		margin-top: .5em;
		margin-bottom: .5em;
		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-webkit-border-radius: 10px; 

		/* Firefox 1-3.6 */
		-moz-border-radius: 10px; 
	  
		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
		border-radius: 10px; 
		/* border: 1px solid #ff69b4;	/* Boston Bakes	*/
		border: 2px solid #ededed;	/* National Night Out	*/
		border-width: thin;
		/*box-shadow: 7px 7px 5px #ffa5d2;	/* Boston Bakes	*/
	}
		@media all and (max-width: 1024px) {
			.feature img {
				width: 70%;
				max-width: 300px;
				height: auto;
			}
		}
/* end feature */

/* Holiday Banner - images left & right */
	#banner-left {
		float: left;
	}
	#banner-right {
		float: right;
	}
	.img-left, .img-right {
		padding: 3px;
		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-webkit-border-radius: 10px; 

		/* Firefox 1-3.6 */
		-moz-border-radius: 10px; 
	  
		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
		border-radius: 10px; 
		border: 1px solid #000000;
		border-width: thin;
	}
/* end holiday benner */

/* image rotation - main page */
	#ro-images {
		clear: both;
		display: block;
		margin-top: 1.5em;
		margin-left: auto;
		margin-right: auto;
		width: 660px;
		height: auto;
		text-align: center;
	}
	.rot {
		background-color: #ffffff;
		padding-top: 3px;
		padding-left: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
		border: 1px solid #000000;
		border-width: thin;
	}
/* end image rotation */

#main {
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: auto;
/*	background: url(img/place_setting_bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	padding-top: .2em;
}
.main-text {
	clear: both;
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	font-weight: bold;
	/* text-shadow: 1px 1px 2px #000, 3px 3px 5px blue; */
	text-align: -webkit-center;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.main-text p {
	font-size: .8em;
}

/* image groups */
	.image-group {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 100%;
		text-align: center;
	}
	#images {
		clear: both;
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-top: .75em;
		padding-bottom: .75em;
		margin-bottom: 1.2em;
		color: #ffffff;
		margin-top: 1.2em;;
		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-webkit-border-radius: 10px; 

		/* Firefox 1-3.6 */
		-moz-border-radius: 10px; 
	  
		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
		border-radius: 10px; 
		border: 1px solid #FFFFFF;
		border-width: thin;
		box-shadow: 7px 7px 5px #888888;
	}
	.each-image {
		display: inline;
		text-align: center;
		margin: 5px;
		padding: 3px;
		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-webkit-border-radius: 10px; 

		/* Firefox 1-3.6 */
		-moz-border-radius: 10px; 
	  
		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
		border-radius: 10px; 
		border: 1px solid #d3d3d3;
		border-width: thin;
	}
/* end image groups */

#display {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 120%;
	margin-bottom: 25px;
	border: 1px solid #000000;
	border-width: thin;
	background-color: #FFFFFF;
}

/* links to food menus */
	#menu-link-group {
		clear: both;
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.1em;
	}
	#menu-link-group ul {
		text-align: center;
	}
	#menu-link-group ul li {
		display: inline;
		text-align: center;
	}
	.menu-links {
		margin-top: 5px;
	}
	.menu-links li {
		width: auto;
		font-weight: bold;
		color: #ffffff;
		background-color: #ff0000;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-right: 5px;
		/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-webkit-border-radius: 10px; 

		/* Firefox 1-3.6 */
		-moz-border-radius: 10px; 
	  
		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
		border-radius: 10px; 
		border: 1px solid #000000;
	}
	.menu-links li a {
		color: #ffffff;
		text-decoration: none;
	}
	.menu-links li:hover {
		color: #ff0000;
		background-color: #ffffff;
	}
	.menu-links li a:hover {
		color: #ff0000;
		background-color: #ffffff;
	}
/* end - links to food menus */

.signup {
	text-align: center;
}

#bottom-menu-links {
	clear: both;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.4em;
	vertical-align: middle;
}
.flav-links li {
	display: inline;
	text-align: center;
}
.flav-links li a {
	color: #ff0000;
	text-decoration: none;
}
.flav-links li a:hover {
	color: #000000;
	text-decoration: underline;
}

/* BOTTOM MENU */
		#bottom-qlinks-menu {
			clear: both;
			display: block;
			background-color: #ffffff;
			width: auto;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			margin-top: 25px;
			padding-bottom: 8px;
			font-size: 90%;
			text-align: center;
		}
		#quick-links {
			width: auto;
			color: #ff0000;
			text-align: center;
			vertical-align: middle;
			padding-left: .8em;
			padding-right: .8em;
		}
		#qlinks {
			clear: both;
			display: block;
			width: 100%;
			height: 60px;
			background-color: #d4d4d4;
		}
		#qlinks-wrapper {
			display: none;
			clear: both;
			width: auto;
			margin-left: auto;
			margin-right: auto;
			padding-top: 1em;
			padding-bottom: 1em;
			/* Safari 3-4, iOS 1-3.2, Android 1.6- */
			-webkit-border-radius:  0 0 10px 10px; 

			/* Firefox 1-3.6 */
			-moz-border-radius:  0 0 10px 10px; 
		  
			/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
			border-radius: 0 0 10px 10px; 
			border: 1px solid #ff0000;
		}
		.img-link {
			margin-top: 5px;
			vertical-align: middle;
			display: inline;
			text-align: center;
			border: 0;
		}
			/* flex box styling */
		.qlinks-section {
			height: auto;
			background-color: #ffb2b2;
			color: #ffffff;
			text-align: center;
			/* Safari 3-4, iOS 1-3.2, Android 1.6- */
			-webkit-border-radius: 10px; 

			/* Firefox 1-3.6 */
			-moz-border-radius: 10px; 
		  
			/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
			border-radius: 10px; 
			border: 1px solid #ff0000;
		}
		.qlinks-sub-section {
			/* Safari 3-4, iOS 1-3.2, Android 1.6- */
			-webkit-border-radius: 10px; 

			/* Firefox 1-3.6 */
			-moz-border-radius: 10px; 
		  
			/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
			border-radius: 10px; 
			border: 1px solid #ff0000;
		}
		.qlinks-section ul  {
			font-family: "Comic Sans MS", chalkboard, sans-serif;
			text-align: left;
			padding-left: 5px;
			margin-top: 12px;
			list-style-type: none;
			padding-bottom: 8px;
		}
		.qlinks-section ul li {
			padding-bottom: 8px;
		}
		.qlinks-section ul li a {
			color: #000000;
			text-decoration: none;
		}
		.qlinks-section ul li a:hover {
			font-family: "Comic Sans MS", chalkboard, sans-serif;
			background-color: #ff4c4c;
			color: #ffffff;
			text-decoration: underline;
		}
		.bottom-head {
			display: block;
			font-family: "Comic Sans MS", chalkboard, sans-serif;
			width: auto;
			background-color: #ffffff;
			font-size: 1.2em;
			color: #ff0000;
			font-weight: bold;
			text-align: center;
			padding-top: 4px;
			padding-bottom: 4px;
			/* Safari 3-4, iOS 1-3.2, Android 1.6- */
			-webkit-border-radius: 10px 10px 0 0;  

			/* Firefox 1-3.6 */
			-moz-border-radius: 10px 10px 0px 0px; 
		  
			/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
			border-radius: 10px 10px 0 0; 
		}
		.qlink-bottom-line {
			border-bottom: 1px solid #ff0000;
		}
		
/* PAYPAL */
	#pay {
		clear: both;
		width: 85%;
		margin-left:auto;
		margin-right:auto;
		color: #ffffff;
		text-align: center;
		margin-top: 1.2em;
	}
	#pay p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #000000;
	}
	#pay img {
		margin-top: 7px;
	}
/* end - PAYPAL */

/* MISC */
	#red-text {
		padding-left: 8px;
		padding-right: 8px;
	}
	#red-text p {
		color: #ff0000;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.num-list {
		list-style-type: none;
		text-align: left;
		padding-right: 8px;
		padding-left: 3em;
		text-indent: -2em;	
	}
	.shadow {
		text-shadow: 1px 1px 1px #000;
	}
	p#small {
		font-size: .4em;
		padding-top: .5em;
		font-weight: normal;
		margin-top: 1em;
	}
	sup {font-size:small; vertical-align:top;}
	#trademark, #seasonal, #sugar-free, #add-charge {
		margin-top: 8px;
		margin-bottom: 8px;
		font-size: .8em;
		color: #000000;
	}
	.red-text {
		width: 100%;
		display: block;
		clear: both;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		font-weight: bold;
		text-align: center;
		color: #ff0000;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
/* end MISC */

/* bottom social links */
	#bottom-social {
		clear: both;
		display: block;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: .5em;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: center;
	}
/* end bottom social links */

/* bottom slogan */
	.slogan {
		clear: both;
		display: block;
		width: 100%;
		text-align: center;
		color: #ff0000;
		font-size: .7em;
		margin-top: .5em;
		margin-bottom: .5em;
		font-family: "Comic Sans MS", chalkboard, sans-serif;
	}
	.slogan p {
		text-align: -webkit-center;
		text-align: center;
	}
/* end bottom slogan */

/* -- SITELOCK -- */
	#sitelock-shield-logo {
		clear: both;
		width: 100%;
		margin-top: .4em;
		margin-bottom: .4em;
	}
	#slock {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
/* end sitelock */

/* copyright */
	#copyright {
		clear: both;
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: .4em;
		margin-bottom: .4em;
	}
	#copyright p {
		font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	/*	font-family: "Comic Sans MS", chalkboard, sans-serif; */
		font-weight: normal;
		font-size: .6em;
		text-align: -webkit-center;
		text-align: center;
	}
/* end copyright */

/* -- @media here-- */
@media screen and (max-width: 767px) {
			/* -- Use -webkit-text-size-adjust:none to disable text size adjust on the iPhone -- */
		html { -webkit-text-size-adjust: none; }
		#head {
			display: block;
			clear: both;
			margin-top: 5px;
			margin-bottom: .5em;
		}
		#logo {
			float: absolute;
			top: 1px;
			left: 1px;
			display: block;
			padding: 0;
		}
		#img-logo {
			width: 80%;
			max-width: 160px;
			height: auto;
		}
		h6#tag-line {
			font-size: 100%;
			padding: 3px;
			font-family: "Comic Sans MS", chalkboard, sans-serif;
		/* 	font-family: Tahoma, Geneva, Kalimati, sans-serif; */
		}
		#tag-line {
			text-align: center;
			text-align: -webkit-center;
		}
		#tag-line li {
			font-size: 150%;
			padding-bottom: 3px;
		}
		h6#day-mess {
			padding: 5px;
			margin-bottom: .5em;
			font-family: "Comic Sans MS", chalkboard, sans-serif;
		/* 	font-family: Tahoma, Geneva, Kalimati, sans-serif; */
		}
		#social {
			clear: both;
			float: left;
			padding-left: 3px;
			margin-top: 160px;
			margin-bottom: 2px;
		}
		.img-social {
			padding-right: 3px;
			width: 70%;
			max-width: 35px;
			height: auto;
		}
		#banner {
			width: 96%;
			height: auto;
			padding-top: 3px;
			padding-bottom: 2px;
			margin-bottom: 1px;
		}
		h1 {
			margin-top: 2px;
			margin-bottom: 1px;
			padding-top: 2px;
			padding-bottom: 1px;
			font-size: 1.2em;
		}
		h3 {
			margin-top: 1em;
			padding-top: 2px;
			font-size: 0.7em;
		}
		.main-nav {
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}
		.nav-brand {
			display: block;
		}
		.image-group {
			box-shadow: 0 0 0;
		}
		#images {
			width: 100%;
			padding-left: .2em;
			border: 0;
			box-shadow: 0 0 0;
		}
		.each-image {
			width: 75%;
			max-width: 90px;
			height: auto;
			text-align: center;
			margin-left: 0;
			margin-right: 1px;
		}
		.each-image-fb {
			height: auto;
			text-align: center;
			margin-left: 0;
			margin-right: 1px;
		}
		#ro-images {
			width: auto;
			margin-top: .4em;
		}
		.rot {
			width: 80%;
			max-width: 300px;
			height: auto;
			margin-top: 2px;
		}
		.img-left, .img-right {
			display: none;
		}
		#display {
			font-size: 100%;
			margin-left: 5px;
			margin-right: 5px;
			padding-left: 5px;
			padding-right: 5px;
		}
		#display p {
			padding-left: 5px;
			padding-right: 5px;
		}
		#main {
			background: none;
		}
		.main-text {
			width: 100%;
			margin-bottom: .5em;
			font-size: 1.2em;
		}
		.main-text span {
			text-align: -webkit-center;
			text-align: center;
		}
		#menu-link-group {
			width: 80%;
		}
		
		#menu-link-group ul li {
			display: block;
			clear: both;
			margin-left: auto;
			margin-right: auto;
			width: auto;
			margin-bottom: .4em;
		 	font-family: Tahoma, Geneva, Kalimati, sans-serif;
		}
		.menu-links li {
			height: 1.4em;
			line-height: 1.2em;
			vertical-align: middle;
			padding-left: 3px;
			padding-right: 3px;
			padding-top: 3px;
			padding-bottom: 4px;
        }
		ul.menu-links li a {
			font-size: .8em;
			width: 100%;
		}
		.flav-links li {
			display: block;
			font-weight: bold;
		}
		#qlinks-wrapper {
			display: none;
		}
		p#small {
			font-size: .6em;
			font-weight: normal;
		}
		#sitelock-shield-logo {
			display: none;
		}
		#qlinks-wrapper {
			display: none;
			border: 0;
		}
}
/* end	max-width: 767px	*/


/* iPad Port & Land OK */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
		/* -- Use -webkit-text-size-adjust:none to disable text size adjust on the iPhone -- */
		html { -webkit-text-size-adjust: none; }
		#head {
			display: block;
			clear: both;
			height: auto;
			margin-top: 5px;
			margin-bottom: .5em;
		}
		#logo {
			position: absolute;
			top: 3px;
			left: 3px;
			display: block;
			padding: 0;
		}
		#img-logo {
			width: 80%;
			max-width: 200px;
			height: auto;
		}
		h6#tag-line {
			display: block;
			clear: both;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
			font-size: 1.5em;
			margin-top: 100px;
			margin-bottom: 1px;
			padding-left: 15px;
			text-align: center;
			font-family: "Comic Sans MS", chalkboard, sans-serif;
		/* 	font-family: Tahoma, Geneva, Kalimati, sans-serif; */
		}
		h6#day-mess {
			margin-bottom: 1em;
			font-family: "Comic Sans MS", chalkboard, sans-serif;
		/* 	font-family: Tahoma, Geneva, Kalimati, sans-serif; */
		}
		h4 {
			font-size: 1.2em;
			line-height: 1.4em;
		}
		#social {
			float: right;
			padding-right: 8px;
			margin-bottom: 15px;
		}
		.img-social {
			padding-right: 4px;
			width: 70%;
			max-width: 35px;
			height: auto;
		}
		#banner {
			width: 96%;
			height: auto;
			padding-top: 5px;
			padding-bottom: 2px;
		}
		h1 {
			font-size: 1.5em;
		}
		h3 {
			margin-top: 2em;
			font-size: 1.2em;
		}
		.image-group {
			box-shadow: 0 0 0;
		}
		#images {
			width: 90%;
			padding-left: .2em;
			border: 0;
			box-shadow: 0 0 0;
		}
		.img-left {
			float: left;
			margin-left: 50px;
		}
		.img-right {
			float: right;
			margin-right: 50px;
		}
		#ro-images {
			width: auto;
			margin-top: .4em;
		}
		.rot {
			width: 80%;
			max-width: 400px;
			height: auto;
		}
		.main-text {
			width: 90%;
			font-size: 1.2em;
			padding: 8px;
			margin-top: .4em;
			margin-bottom: 1em;
		}
		.main-text p {
			font-size: 80%;
			text-align: -webkit-center;
			text-align: center;
			padding: 5px;
		}
		#hours, #holidays, #this-holiday {
			float: left;
			width: 96%;
			font-size: 70%;
		}
		#menu_bar {
			margin-top: 1em;
		}
		#menu-link-group {
			width: 40%;
			font-size: 1.2em;
			font-weight: normal;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		#menu-link-group ul li {
			display: block;
			clear: both;
			margin-left: auto;
			margin-right: auto;
			width: auto;
			margin-bottom: .4em;
		 	font-family: Tahoma, Geneva, Kalimati, sans-serif;
		}
		.menu-links li {
/*			height: 1.4em;
			line-height: 1.2em;	
			vertical-align: middle;	*/
			padding-left: 3px;
			padding-right: 3px;
			padding-top: 3px;
			padding-bottom: 7px;
        }
		ul.menu-links li a {
			font-size: 1em;
			font-weight: bold;
			width: 100%;
		}
		.flav-links li {
			display: block;
			font-weight: bold;
			font-size: .8em;
		}
		#qlinks-rapper {
			clear: both;
			overflow: none;
		}
		.img-social-bottom {
			padding-right: 8px;
			opacity: 0.8;
		}
		p#small {
			font-size: .6em;
			font-weight: normal;
		}
		#sitelock-shield-logo {
			display: block;
		}
} /* iPad Port & Land OK */

/* --  Larger Monitors -- */
@media (min-width: 1366px) {
		body { background: white; }
		#wrapper {
			width: 1366px;
			margin-left: auto;
			margin-right: auto;
			display: block;
		}
		
} /* --  end Larger Monitors -- */