body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0 auto;
	padding: 0px;
	line-height:150%;
	text-align:center;
	background-image: url('');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size:cover;
	overflow-y:scroll;
}

a:link, a:visited, a:active{
	text-decoration: none;
}

.bodylink{color:black; text-align:center;}

a:hover{
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

.h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
}

h2{
 font-size: 120%;
 color: black;
}

h2.photo {color:white; padding:5px;}

h2 a{color:black;}

h2.Menu{text-align:center; color:black; font-size:120%;}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

h6{
	font-size: 120%;
	color: #006699;
	padding-top:4px;
	padding-bottom:4px;
}

h6 a{color:black; font-weight:normal;}

.CaligFont{font-family: Georgia, cursive; font-size:150%; text-align:center; font-style:italic;}

.box1{
    margin: 0 auto;
    text-align:justify;
    width: 32%;
	padding:10px;
}

.box2{
    margin: 0 auto;
    text-align:justify;
    width: 32%;
	padding:10px;
}

.box3{
    margin: 0 auto;
    text-align:justify;
    width: 32%;
	padding:10px;
 }

 .box1, .box2, .box3 {
   display: inline-block;
   vertical-align:top;
   text-align:justify;
   margin-top:0px;
   min-height:250px;
   color:black;
   padding:5px 10px 5px 10px;
   border:solid black 2px;
   border-color:#961ff7;
 }

  .box1 a, .box2 a, .box3 a{
   text-decoration:none;
   color:black;
 }

 .BoxPlan1 {
   text-align: center;
   clear:both;
   font-size:100%;
 }

 @media screen and (max-width: 600px) {
  .box1, .box2, .box3 {
    width: auto;
  }
}

.box4{
    margin: 0 auto;
    text-align:left;
    width: 20%;
	padding-left:10px;
}

.box5{
    margin: 0 auto;
    text-align:center;
    width: 60%;
}

.box6{
    margin: 0 auto;
    text-align:right;
    width: 20%;
	word-spacing:10px;
	padding-right:10px;
 }

 .box4, .box5, .box6 {
   display: inline-block;
   vertical-align:bottom;
 }

 .menubox{
 	margin-left:auto;
	margin-right:auto;
 	text-align:center;
	width:80%;
	border:double 3px #961ff7;
	background-color:#fffacd;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

 .menubox2{
 	margin-left:auto;
	margin-right:auto;
 	text-align:center;
	width:80%;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

 @media screen and (max-width: 600px) {
  video {
    width: 100%;
	height:auto;
	border:0px;
  }
}

 @media screen and (max-width: 600px) {
  .box4, box5, .box6 {
   word-spacing:auto;
   text-align:center;
  }
}

video {
	border:2px solid;
}

figure {
	display:inline-block;
}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  padding: 10px;
  min-height: 300px;
  text-align:justify;
}

.left {
  width: 25%; border-right:solid 1px; margin-bottom:10px;
}

.right {
  width: 75%; margin-bottom:10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column2 {
    width: auto;
  }
}

.row{
	text-align:center;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

.btn {
  border: solid 1px;
  border-color:#fffacd;
  background-color:#fffacd;
  padding: 5px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
}

ol {list-style-type: lower-roman;}

td.job{padding:2px; vertical-align:top; text-align:justify; margin-left:auto; margin-right:auto;}

td.sales{padding:0px; font-size:small; text-align:center;}

td.contact{text-align:left; padding:0;}

.clear {clear:both;}

.center {text-align:center;}

.center1 {clear:both; text-align:center;}

.center2 {text-align:center; word-spacing:30px;}

.center3 {text-align:center; word-spacing:5px;}

.center4 {text-align:center; width:100%; background-color:#fffacd;}

.bold {font-weight:bold;}

.boldLavender {font-weight:bold;}

a.boldLavender {color:#961ff7;}

.small {font-size:smaller;}

.large {font-size:large;}

.underline{text-decoration:underline;}
				
p.first:first-letter {font-size:x-large;}

p.top1 {padding-top:20px;}

p.borderRight{border-right:1px solid #961ff7; padding-right:5px;}

.floatleft {float:left; clear:both; padding:0px 10px 10px 0px;}

.floatleft1 {float:left; clear:both; padding:15px;}

.floatleft4 {clear:both; float:center; padding:10px; 10px; 10px; 10px; margin-top:-30px; z-index:3; position:relative; word-spacing:10px; font-size:130%;}

.floatleft4 a {text-decoration:none; color:black; border-top:solid 1px; margin-right:20px; border-bottom:solid 1px; border-color:#B300FE;}

.floatleft5 {clear:both; float:left; padding:10px; 10px; 10px; 10px; margin-top:-70px; z-index:3; position:relative; word-spacing:10px; font-size:130%;}

.floatleft5 a {text-decoration:none; color:black; border-top:solid 1px; margin-right:20px; border-bottom:solid 1px; border-color:#B300FE;}

.floatright {float:right; clear:both; padding:0px 10px; 0px; 10px}

.floatright1 {float:right; padding:10px;}

.floatleft2 {float:left; margin-left:10px; margin-right:20px; margin-top:20px; font-weight:bold; font-size:110%; }

.floatright2 {float:right; margin-left:20px; margin-right:20px; margin-top:20px; word-spacing:20px; vertical-align:middle;}

.floatright3 {clear:both; float:right; padding:10px; position:relative;}

.floatright4 {clear:both; float:right; padding:10px; 10px; 10px; 10px; margin-top:-47px; word-spacing:10px; z-index:2; position:relative; margin-right:15px;}

.floatright5 {clear:both; float:right; padding:10px; 10px; 10px; 10px; margin-top:-35px; word-spacing:10px; z-index:2; position:relative; margin-right:78px;}

@media screen and (max-width: 600px) {
  .floatright4 {
    clear:both; padding:10px; 10px; 10px; 10px; margin-top:0px; text-align:center; margin-right:10px;
  }
}

@media screen and (max-width: 600px) {
	.floatleft4 {
	clear:both; padding:10px; 10px; 10px; 10px; margin-top:0px; text-align:center;
	}
	.floatleft4 a {
	text-decoration:none; color:black; border-top:solid 1px; margin-right:5px; border-bottom:solid 1px; border-color:#B300FE;
	}
}

@media screen and (max-width: 600px) {
  .floatright5 {
    clear:both; padding:10px; 10px; 10px; 10px; margin-top:0px; text-align:center; margin-right:10px;
  }
}

@media screen and (max-width: 600px) {
	.floatleft5 {
	clear:both; padding:10px; 10px; 10px; 10px; margin-top:0px; text-align:center;
	}
	.floatleft5 a {
	text-decoration:none; color:black; border-top:solid 1px; margin-right:5px; border-bottom:solid 1px; border-color:#B300FE;
	}
}
.info1{vertical-align:2px; font-weight:bold; font-size:180%; color: #006699;}

.font1{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; font-size:larger; line-height:150%;}

.floatleftGal{
	float:left;
	clear:both;
	max-width:400px;
	height:300px;
}

.wordspace1{
	word-spacing:40px;
	padding:5px;}

.wordspace2{
	word-spacing:30px;
	padding:5px;}

.NewsHead{
	border-color:#961ff7;
	border-width:1px;
	border-bottom-style:solid;
	padding:5px;
}

.NewsHead img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

.shadow{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.imgLeft{float:left; padding-right:10px; padding-bottom:5px;}

.imgright{float:right; padding:5px 10px 5px 8px;}

.imgTop{padding-top:6px;}

.menu1{text-decoration:underline; color:#006699; font-weight:bold;}

.menu2{text-decoration:none; color:black; font-weight:bold; word-spacing:10px;}

.NansMenu{word-spacing: 10px;}

.form2{width:100%;
}

img {
  max-width: 100%;
  height: auto;
}

.image2{
   display: none;
}

@media only screen and (max-width: 500px){
   .image1{
     display: none;
   }

   .image2{
     display: block;
	 margin-left: auto;
     margin-right: auto;
   }
}

hr{
	border-top: 1px solid #961ff7;
	width:100%;
}

hr.overview{
	border-top:2px solid #961ff7;
}

hr.gal{
	border-top: 3px solid #961ff7;
	width:80%;
}

hr.menuNaNs{
	border-top: 1px solid gray;
	width:80%;
}

#masthead{
	
	text-align:center;
	clear:both;
	padding:1px;
}

#formcontainer{
text-align:left;
margin-left:auto;
margin-right:auto;
width:80%;
}

#SocialHead{
	z-index:1;
	width:1074px;
	margin-top:8px;
	margin-right:auto;
}

{
  box-sizing: border-box;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 10px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 10px 10px 10px;
  border: 5px solid;
  border-radius: 4px;
  cursor: pointer;
  float:right;
}

input[type=reset] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 10px 10px 10px;
  border: 5px solid;
  border-radius: 4px;
  cursor: pointer;
  float:right;
}

input[type=submit]:hover {
  background-color: #45a049;
}

input[type=reset]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: #ffffff;
  padding: 20px;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

.col-50{
float: left;
  width: 50%;
  margin-top: 6px;
}

.row2{
text-align:left;
margin-left:auto;
margin-right:auto;
}

.row3{
text-align:center;
padding:5px 10px 0 10px;
}

/* Clear floats after the columns */
.row2:after {
  content: "";
  display: table;
  clear: both;
}

/* Clear floats after the columns */
.row3:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=reset] {
    width: 100%;
    margin-top: 0;
  }
}

.HeadMenu{
	float:left;
	background-color:white;
	font-family:"spectral", sans-serif;
	font-size:130%;
	word-spacing:30px;
	border-radius: 25px;
	border-color:white;
	border-style:solid;
	border-width:8px;
}

.Menu2{
	float:center;
	clear:both;
	text-align:center;
	font-family:"spectral", sans-serif;
	font-size:130%;
	background-color:white;
	word-spacing:48px;
	border-color:#B300FE;
	border-style:solid;
	border-width:1px 0px 1px 0px;
	padding:4px 0px 4px 0px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:8px;
}

.MenuBase{
	float:center;
	clear:both;
	text-align:left;
	font-family:"spectral", sans-serif;
	font-size:100%;
	background-color:#fff;
	border-color:#000;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	padding:0px 0px 0px 0px;
	margin-bottom:8px;
}

.MenuBase ul {
  width:100%;
  text-align:left;
  list-style-type: none;
  margin-left: auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
  padding: 0;
  overflow: hidden;
  background-color:#fffacd;
}

.MenuBase li {
  display: inline-block;
}

.MenuBase li a {
  display: block;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  color:black;
}

@media screen and (max-width: 600px) {
   .MenuBase li a{
	  display: inline-block;
	  list-style:none;
	  content: "\A";
	  white-space: pre;
	  padding-left: 5px;
      padding-right:5px;
   }
}

.Menu3{
	float:right;
	word-spacing:20px;
	border-color:white;
	border-style:solid;
	border-width:6px 8px 8px 8px;
}

.Menu4{
	float:right;
	border-color:white;
	border-style:solid;
	border-width:0px 8px 8px 8px;
}

.Menu5{
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	border-color:white;
	border-style:solid;
	border-width:5px 5px 5px 5px;
}

#head{
	position: absolute;
	top: 20px;
	margin-left:auto;
	margin-right:auto;
}

#SocialHead img{
	float:right;
	border-color:white;
	border-style:solid;
	border-width:8px;
	margin-bottom:8px;
}

#main {
	clear:both;
	background-image: url('images/BreakfastBox4.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size:cover;
	margin-top:0px;
	margin-bottom:-16px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding:0px 0px 0px 0px;
	max-width:1020px;
}


#LeftBox {
	width:500px;
	text-align:justify;
	float:left;
	padding-right:15px;
	border-color:#961ff7;
	border-width:1px;
	border-right-style:solid;
}

#RightBox {
	width:500px;
	text-align:justify;
	float:right;
}

#content{
	text-align:justify;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
}

#contentNans{
	text-align:justify;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

#ContactInfo{
    text-align:justify;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}

#contentshop{
	text-align:justify;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#contentshop2{
	margin-top:395px;
	clear:both;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

.contentunder{
	margin-top:100px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

.content5{
	text-align:justify;
	width:840px;
	margin: 0 auto;
}

.content2{
	text-align:justify;
	width:700px;
	margin: 0 auto;
}

.content3{
	text-align:justify;
	width:100%;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

.content4{
	text-align:justify;
	width:840px;
	clear:both;
}

.center2{
	word-spacing: 20px;
}

.center3{
	word-spacing: 10px;
	margin-right: 20px;
}

#left {
	float: left;
	width: 31%;
	Padding: 0px 10px 5px 5px;
	text-align:justify;
	border-color:#961ff7;
	border-width:1px;
	border-right-style:solid;
}

#left1 {
	float: left;
	width: 290px;
	Padding: 0px 20px 20px 5px;
	text-align:justify;
	height:100%;
	clear:both;
}

.HeadBold1 {
	line-height: 200%;
	font-size: 114%;
	color: #006699;
	font-weight:bold;
}

.HeadBold2 {
	line-height: 150%;
	font-size: 150%;
	color: #006699;
	font-weight:bold;
}

.BubbleBox {
	width:260px;
	border-color:#961ff7;
	border-width:1px;
	border-style:solid;
	padding:5px 3px 5px 5px;
	line-height: 200%;
	font-size: 114%;
	color: #006699;
	text-align:center;
	font-weight:bold;
}

#right {
	float: left;
	width: 31%;
	Padding: 5px 5px 5px 10px;
	text-align:justify;
	border-color:#961ff7;
	border-width:1px;
	border-left-style:solid;
}

#RightLarge{
	margin-left:32%;
	padding:0px 10px 5px 20px;
}

#middle {
	padding: 10px 20px 20px 20px;
	width: 310px;
	margin: auto;
	text-align:justify;
	clear:both;
}

#middle1 {
	padding: 5px 10px 5px 10px;
	width: 31%;
	float:left;
	margin: auto;
	text-align:justify;
	border-color:#961ff7;
	border-width:1px;
	border-right-style:solid;
	border-left-style:solid;
}

#siteInfo{
	clear: both;
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin-top: 0px;
	border-color:#961ff7;
	border-width:1px;
	border-top-style:solid;
	background-color:#fffacd;
}

#siteInfo img{
	padding: 10px 10px 20px 10px;
	vertical-align: middle;
}

#siteInfo a{
	text-decoration:none;
	color:black;
	font-weight:bold;
}

.column21 {
  float: left;
  width: 23%;
  padding: 0 8px;
}

.row21 {margin: 0 -5px;}

.row21:after {
  content: "";
  display: table;
  clear: both;
}

.card21 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 4px;
  text-align: center;
  background-color: #f1f1f1;
}

@media screen and (max-width: 600px) {
  .column21 {
    width: 95%;
    display: block;
    margin-bottom: 20px;
  }
}

.centerdiv{
	width:80%;
	margin: 0 auto;
}