@charset "UTF-8";
body {
	background-color: #e8e8e0;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1.4;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1    {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	margin-right: 50px;
	margin-left: 100px;
	font-size: 22px;
	color: #000;
	font-weight: lighter;
}
h2 {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	margin-right: 50px;
	margin-left: 100px;
	font-size: 1.2em;
	color: #000;
	font-weight: lighter;
}
h3 {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 1.2em;
	margin-left: 100px;
	font-weight: normal;
}
h4 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	text-align: center;
	margin-right: 100px;
	margin-bottom: 20px;
	margin-left: 100px;
	margin-top: 40px;
}
#button {
	margin-top: 10px;
	margin-bottom: 20px;
}
#buttonsp {
	margin-left: 100px;
}
p {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1em;
	color: #0000000;
	margin-left: 100px;
	margin-right: 100px;
	margin-bottom: 30px;
}
table {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	text-align: center;
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
td {
	border: thin none #666;
}


.container .content .cart table tr td form table tr td {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 18px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
}
.container .content .cart table #shop2 {
	font-family: "MS Serif", "New York", serif;
	font-style: italic;
	font-size: 24px;
	text-transform: capitalize;
	padding-top: 5px;
	padding-bottom: 15px;
}
.container .content .cart table #shop3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.container .content .cart table tr td form table {
	margin-bottom: 30px;
	margin-right: 40px;
	margin-left: 40px;
}
.container .content .cart table {
	margin-top: -20px;
}

a img { 
	border: none;
}
.container .content .cart {
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 50px;
}
.container .content .shop {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	width: 210px;
}
.container .content .shop1 {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 20px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.container .content .shop2 {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 20px;
	text-align: center;
	padding-bottom: 23px;
}
.container .content .cyber {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 20px;
	text-align: center;
	color: #F00;
	padding-top: 10px;
}
.container .content .br {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 20px;
	text-align: center;
	color: #000;
	padding-top: 10px;
}
.container .content .shoptable  table tr {
	border: 1px solid #CCC;
	vertical-align: bottom;
}
.container .content .shoptable .vday_sp {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 20px;
	font-weight: lighter;
	color: #F18196;
	margin-right: 100px;
	margin-left: 100px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
.container .content .cart h2 {
	margin-right: 0px;
	margin-left: 70px;
	margin-top: 0px;
	font-size: 22px;
}
.container .content .calendar table tr td img {
	border: 1px solid #CCC;
}
.container .content .cart table tr td img {
	border: 1px solid #CCC;
}
.container .content .shoptable table tr td img {
	border: 1px solid #CCC;
}
.container .content .cart #giftcardp {
	margin-left: 70px;
	margin-right: 50px;
	margin-bottom: 50px;
}
.container .content .cart #giftcard {
	margin-left: 70px;
	margin-right: 50px;
	margin-bottom: 50px;
	color: #F00;
}
.container .content table tr td #recipe {
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	margin-top: 0px;
}
.container .content .cart table tr td .note {
	font-family: "MS Serif", "New York", serif;
	font-size: 12px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
.container .content #buynow {
	padding-left: 30px;
	padding-top: 15px;
}
.container .content .newreservation table tr td {
	text-align: left;
	font-size: 18px;
	vertical-align: top;
}
.container .content .newreservation table {
	text-align: left;
	font-size: 18px;
	padding-right: 70px;
	padding-left: 50px;
}
.container .content .policy {
	font-size: 14px;
}
.container .content .policy h2 {
	font-size: 20px;
}
.container .content p a img {
	padding-right: 5px;
	padding-left: 5px;
}
.container .content .newreservation table tr td #instruction {
	font-size: 14px;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 50px;
}
.container .content .cyber2 {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 20px;
	color: #F00;
	text-decoration: line-through;
	float: right;
}
.container .content .cyber3 {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	margin-right: 50px;
	margin-left: 100px;
	font-size: 1.2em;
	color: #F00;
	margin-bottom: 30px;
}
.container .content table tr td .note2 {
	font-size: 12px;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.container .content .p_center {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
}
.container .content .valentine form table {
	text-align: left;
	margin-right: 100px;
	margin-left: 100px;
	font-size: 18px;
	font-weight: lighter;
}
.container .content .valentine {
	padding-top: 10px;
}
.container .content .policy .payment_details table {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: left;
	margin-left: 100px;
	margin-bottom: 40px;
}
.container .content .red {
	font-weight: bold;
	color: #F00;
	text-align: center;
}
.container .content .reservations_new img {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

a:link {
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.container .content .policy #cancellation {
	font-weight: bold;
	color: #F00;
}
a:visited {
	color: #000;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #999980;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 840px;
	background-color: #FFF;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.header {
	background-color: #ffffff;
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/
.content {
	clear: both;
	float: none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
.sp {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-right: 100px;
	margin-left: 80px;
	font-size: 1em;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
}
#menu {
	margin-right: 85px;
	margin-left: 85px;
	padding-left: 25px;
}
#menu1 {
	font-size: 0.8em;
	font-family: "Times New Roman", Times, serif;
	margin-right: 10px;
	margin-left: 35px;
	margin-top: 20px;
	font-weight: normal;
}
#nav{
	float: none;
	clear: both;
	margin-right: 85px;
	margin-left: 87px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 30px;
	padding-bottom: 10px;
} 
#nav2{
	float: none;
	clear: both;
	margin-right: 85px;
	margin-left: 87px;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 30px;
	padding-bottom: 15px;
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 20px;
} 
#menu2 {
	margin-right: 20px;
	margin-left: 20px;
}
#nav ul{
    padding: 0px; 	
    margin: 0px;
} 
.header hr {
	border: 1px solid #666;
	margin-right: 85px;
	margin-left: 87px;
	margin-top: -1px;
	margin-bottom: -1px;
}
.container .content hr {
	margin-right: 85px;
	margin-left: 85px;
}
#home p {
	font-size: 17px;
	text-align: center;
	margin-right: 100px;
	margin-bottom: 30px;
	margin-left: 100px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #000;
	margin-top: -1px;
}
#nav ul li {
    display: inline; 	
    margin-right: 1em;
} 
#nav ul li a {
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	text-decoration: none;
	color: #000;
	font-size: 1.2em;
	font-weight: lighter;
} 
#nav ul li a:hover{
	color: #999980;
}
#nav ul li a:active{
	color: #999980;
}
#logo1 {
	float: left;
	margin-top: 20px;
	text-align: center;
	margin-left: 110px;
}
#logo2 {
	float: right;
	margin-right: 140px;
	margin-left: 20px;
	margin-top: 30px;
}
#social {
	float: left;
	margin-left: 150px;
	margin-top: 10px;
}
#email {
	margin-right: 20px;
	text-align: left;
}
#map {
	margin-bottom: 50px;
}
.blueberry {
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
}
#mom {
	color: #FF6699;
	font-family: Copperplate, "Copperplate Bold", "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light";
	font-size: 1.2em;
	margin-right: 100px;
	margin-left: 100px;
}

/* ~~ The footer ~~ */
.footer {
	background-color: #e8e8e0;
	clear: both;
	margin-top: 50px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	height: 2.3em;
	font-family: "Times New Roman", Times, serif;
	position: relative;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#footer1 {
	text-align: left;
	font-size: 0.8em;
	color: #3D352B;
	padding-left: 20px;
	float: left;
	text-decoration: none;
}
address {
	font-size: 0.9em;
	font-style: normal;
	color: #3d352b;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	padding-left: 20px;
}
#footer2 {
	text-align: right;
	font-size: 0.8em;
	color: #3D352B;
	padding-right: 20px;
	background-color: #e8e8e0;
}
.reservation {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1em;
	margin-right: 100px;
	margin-left: 100px;
}
.container .content .calendar {
	margin-right: 90px;
	margin-left: 90px;
}
.container .content table tr td .image_border {
	border: 1px solid #CCC;
}
.container .content .shoptable {
	margin-top: 20px;
}