@font-face
{
	font-family: ArchitectsDaughter;
	src: url(ArchitectsDaughter.ttf);
}

body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	background-color: #000000;
}

.alertBox
{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: 1000; 
	background-color: rgba(0, 0, 0, 0.5); 
	display: none;
}

.button1
{
	border: solid 1px #ffffff;
	background-color: #33740d;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
	font-variant: small-caps;
	box-shadow: 1px 1px 1px #888888;
}

.button2
{
	border: solid 1px #ffffff;
	background-color: #867205;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
	font-variant: small-caps;
	box-shadow: 1px 1px 1px #888888;
}

.button3
{
	border: none;
	border-radius: 5px;
	background-color: #c80909;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14pt;
	color: #ffffff;
	text-decoration: none;
	font-variant: small-caps;
}

.button4
{
	border: none;
	border-radius: 5px;
	background-color: #33740d;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14pt;
	color: #ffffff;
	text-decoration: none;
	font-variant: small-caps;
}

.button5
{
	border: solid 1px #ffffff;
	background-color: #53d910;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 1px;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
	font-variant: small-caps;
	box-shadow: 1px 1px 1px #888888;
}

.button6
{
	border: none;
	background-color: #53d910;
	height: 20pt;
	border-radius: 10pt 10pt;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11pt;
	color: #ffffff;
	text-decoration: none;
	font-variant: small-caps;
	box-shadow: 1px 1px 1px #888888;
}

.websiteTitle1
{
	font-family: Arial;
	font-weight:  bold;
	font-size: 15pt;
	color: #53d910;
	text-decoration: none;
	font-variant: small-caps;
}

.websiteTitle2
{
	font-family: Arial;
	font-weight: bold;
	font-size: 15pt;
	color: #f9d300;
	text-decoration: none;
	font-variant: small-caps;
}

.websiteTitle1Small
{
	font-family: Arial;
	font-weight:  bold;
	font-size: 13pt;
	color: #53d910;
	text-decoration: none;
	font-variant: small-caps;
}

.websiteTitle2Small
{
	font-family: Arial;
	font-weight: bold;
	font-size: 13pt;
	color: #f9d300;
	text-decoration: none;
	font-variant: small-caps;
}

.slogan
{
	font-family: ArchitectsDaughter;
	color: #ffffff;
	font-size: 8pt;
}

.slogans
{
	font-family: Arial;
	color: #ffffff;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 5px 5px #000000;
	line-height: 13pt;
}

.text1
{
	font-family: Arial;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.text1Disabled
{
	font-family: Arial;
	color: #aaaaaa;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.text1Thin
{
	font-family: Arial;
	color: #ffffff;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

.text2
{
	font-family: Arial;
	color: #f9d300;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.text3
{
	font-family: Arial;
	color: #ffffff;
	background-color: transparent;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

.text3Highlight
{
	font-family: Arial;
	color: #000000;
	background-color: #ffffff;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

.text4
{
	font-family: Arial;
	color: #000000;
	background-color: #f9d300;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

.text5
{
	font-family: Arial;
	color: #ffffff;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

.text6
{
	font-family: Arial;
	color: #ffffff;
	background-color: transparent;
	font-size: 12pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

.text7
{
	font-family: Arial;
	color: #53d910;
	font-size: 12pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

.text8
{
	font-family: Arial;
	color: #ffffff;
	background-color: transparent;
	font-size: 13pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

.text9
{
	font-family: Arial;
	color: #717171;
	font-size: 10pt;
}

.text10
{
	font-family: Arial;
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

.text10Disabled
{
	font-family: Arial;
	color: #acacac;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

.text11
{
	font-family: Arial;
	color: #ffffff;
	background-color: #d51113;
	font-variant: small-caps;
	font-size: 12pt;
	font-weight: bold;
}

.text12
{
	font-family: Arial;
	color: #000000;
	font-variant: small-caps;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

.text13
{
	font-family: Arial;
	color: #d51113;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.text14
{
	font-family: Arial;
	color: #ffffff;
	background-color: #53d910;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}

.text15
{
	font-family: Arial;
	color: #ca6609;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

.text16
{
	font-family: Arial;
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.formElt1
{
	font-family: verdana;
	font-size: 10pt;
	color: #3a1e00;
	background-color: #ffffff;
	border: solid 1px #53d910;
}

.formElt3
{
	font-family: verdana;
	font-size: 10pt;
	color: #3a1e00;
	height: 22px;
	background-color: #ffffff;
	border-left: none;
	border-top: none #ffffff 1px;
	border-bottom: none #ffffff 1px;
	border-right: solid 2px #646464;
}

.link1
{
	font-family: Arial;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
.link1:hover
{
	font-family: Arial;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

.link2
{
	font-family: Arial;
	color: #f9d300;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
.link2:hover
{
	font-family: Arial;
	color: #f9d300;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

.link3
{
	font-family: Arial;
	color: #53d910;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

.link4
{
	font-family: verdana;
	color: #ffffff;
	font-size: 12pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: underline;
}

.link5
{
	font-family: Verdana;
	color: #ffffff;
	font-size: 13pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

.link6
{
	font-family: Verdana;
	color: #f9d300;
	font-size: 13pt;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

.link7
{
	font-family: Arial;
	color: #c80909;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

.title1
{
	font-family: Arial;
	font-size: 15pt;
	color: #f9d300;
	font-weight: bold;
	font-variant: small-caps;
}

.title2
{
	font-family: Arial;
	font-weight: bold;
	font-size: 16pt;
	color: #000000;
	text-decoration: none;
	font-variant: small-caps;
}

.title3
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14pt;
	color: #d91010;
	text-decoration: none;
}

.formElt2
{
	font-family: verdana;
	font-size: 11pt;
	color: #000000;
	border: none;
}

.formButton1
{
	font-family: Verdana;
	font-size: 12pt;
	color: #000000;
	background-color: #f9d300;
	font-weight: bold;
	padding: 10px;
	border: none;
}

.menuCell
{
	background-color: #000000;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;

}

.selectElt1
{
	-webkit-appearance: none;
	-moz-appearance: none; 
	 border: 0 !important;
	 padding-left: 8px;
	background: #53d910 url(../images/arrow_white.gif) no-repeat right center;
	background-size: 36px 35px;
	height: 35px;
}

.selectElt2
{
	-webkit-appearance: none;
	-moz-appearance: none; 
	 border: 0 !important;
	 padding-left: 8px;
	background: #d91010 url(../images/arrow_red.gif) no-repeat right center;
	background-size: 19px 25px;
	height: 25px;
}

.listBody
{
	background-color: #ffffff;
	border-bottom: solid 1px #53d910; 
}

.diningInBorder
{
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #53d910, #53d910, rgba(0, 0, 0, 0)); /* For Safari */
	background: -o-linear-gradient(right, rgba(0, 0, 0, 0), #53d910, #53d910, rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0), #53d910, #53d910, rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(0, 0, 0, 0), #53d910, #53d910, rgba(0, 0, 0, 0)); /* Standard syntax */
}

.diningIn
{
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #c80909, #c80909, rgba(0, 0, 0, 0)); /* For Safari */
	background: -o-linear-gradient(right, rgba(0, 0, 0, 0), #c80909, #c80909, rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0), #c80909, #c80909, rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(0, 0, 0, 0), #c80909, #c80909, rgba(0, 0, 0, 0)); /* Standard syntax */
}

.minus
{
	color: #ffffff;
	background-color: #53d910;
	border: solid 2px black;
	width: 21px;
	height: 21px;
	border-radius: 50% 50%;
	font-weight: bold;
	font-family: arial;
	font-size: 14px;
	padding-bottom: 1px;
}

.plus
{
	color: #ffffff;
	background-color: #d51113;
	border: solid 2px black;
	width: 21px;
	height: 21px;
	border-radius: 50% 50%;
	font-weight: bold;
	font-family: arial;
	font-size: 14px;
	padding-top: 1px;
}

.menuTypeOn
{
	background-color: #52d910;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	border-top: 1px solid #ffffff;
	border-bottom: none;
}

.menuTypeOff
{
	background-color: #a9eb87;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	border-top: none;
	border-bottom: solid 1px #ffffff;
}

.categoryNameSimple
{
	font-family: arial;
	font-style: italic;
	font-size: 15pt;
	font-weight: bold;
	background-color: #52d910;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
}

.categoryNameMinus
{
	background-color: #ffffff;
	border-radius: 50%;
	font-family: arial;
	font-size: 13pt;
	font-weight: bold;
}

.categoryNameRich
{
	font-family: arial;
	font-style: italic;
	font-size: 15pt;
	font-weight: bold;
	color: #ffffff;
	background-color: rgba(82, 217, 16, 0.75);
}

.itemName
{
	background-color: #d81010; 
	padding-left: 7px; 
	padding-right: 7px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	font-family: Arial;
	font-size: 12pt;
	color: #ffffff;
	font-weight: bold;
}

.variantName
{
	font-family: Arial;
	font-size: 9pt;
	font-style: italic;
	color: #000000;
	font-weight: bold;
}

.variantPrice
{
	font-family: Arial;
	font-size: 9pt;
	font-style: italic;
	color: #000000;
}

.detailsBox
{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: 1000; 
	background-color: rgba(0, 0, 0, 0.3); 
	display: none;
}

.detailsName
{
	font-family: Arial;
	font-size: 11pt;
	color: #d81010;
	font-weight: bold;
}