body {
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	background-position: center top;
}
h2 {
	font-size: 1.2em;
}

#layout {
	margin-left: 7%;
	margin-right: 7%;
}
#logo {
	float: left;
}
#links {
	float: left;
	margin-top: 50px;
	width: 50%;
}
#links ul li {
	display: inline;
	float: left;
	padding-right: 12px;
	padding-left: 12px;
}
#links ul li a {
	text-decoration: none;
	color: #E4E4E4;
	font-size: 0.9em;
	font-family: Verdana, Geneva, sans-serif;
}
#links ul li a:hover {
	color: #CA3E02;
}
#btns {
	float: right;
	margin-top: 30px;
	width: 12%;
}
#btns ul li {
	display: inline;
	float: left;
	padding-right: 12px;
	padding-left: 12px;
}
#btns ul li a {
	text-decoration: none;
	color: #FFF;
	font-size: 0.9em;
	font-family: Verdana, Geneva, sans-serif;
}
.btngrey a {
	background-image: url(../images/button_grey.png);
	height: 37px;
	width: 94px;
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	padding-top: 8px;
}
.btnorange a {
	background-image: url(../images/button_orange.png);
	height: 37px;
	width: 94px;
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	padding-top: 8px;
}
.w3-animate-fading {
	animation:fading 10s infinite}@keyframes fading{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}
#middle {
	clear: both;
}
#slides {
	float: right;
	width: 65%;
	background-image: url(../images/slide_back.png);
	margin-right: 10%;
}
#slides img {
	max-width:100%;
	height:auto;
}
#food {
	width: 60%;
	float: left;
	color: #333;
	font-size: 1.0em;
	background-color: #FFF;
	padding-left: 2.5%;
	padding-right: 2.5%;
	margin-top: 10px;
	margin-left: 5%;
}
#webgallery {
	width: 60%;
	float: left;
	color: #333;
	font-size: 1.2em;
	padding-left: 2.5%;
	padding-right: 2.5%;
	margin-top: 0px;
	margin-left: 5%;
	text-align: center;
}
#webgallery a img {
	max-width:100%;
	height:auto;
}
#category {
	width: 50%;
	float: left;
	color: #CCC;
	font-size: 1em;
	padding-right: 2.5%;
	padding-left: 2.5%;
	margin-top: 10px;
	text-align:center;
	margin-bottom: 25px;
	margin-right: 20%;
}
#category img {
	max-width: 100%;
	height:auto;
	margin-bottom:50px;
}
iframe {
	max-width:100%;
	height:auto;	
}
#menu {
	float: left;
	width: 25%;
}
#menu a {
	text-decoration: none;
	color: #1A3C01;
	font-size: 0.9em;
	background-image: url(../images/item_menu.png);
	width: 175px;
	height: 35px;
	text-align: center;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 15px;
	display: block;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}
#menu a:hover {
	color: #7C2F48;
}
#order {
	width: 100%;
	text-align: center;
	clear: both;
	padding-top: 25px;
}
#order h2 {
	font-family: 'Great Vibes', cursive;
	font-size: 2.4em;
	background-image: url(file:///C|/Users/Ron/Documents/Cornell/images/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#order p {
	line-height: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #3C2C20;
}
#bottom {
	height: 100px;
	width: 100%;
	text-align: center;
	padding-top: 225px;
	background-color: #CCC;
	margin-top: 50px;
	background-image: url(../images/foodbanner01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #layout {margin-left: 9%; margin-right: 9%;}
  #logo {width:100%; text-align:center; float:none;}
  #logo img {max-width:40%; height:auto;}
  #links {width:100%; text-align:center; float:none; margin-top:10px;}
  #links ul {padding:0px; margin:0px;}
  #links ul li {float:none; padding:5px;}
  #btns {width:100%; text-align:center; float:none; margin-top:10px;}
  #btns ul li {padding: 5px;}
  #menu {width:100%; margin-top:20px; float:none; text-align:center;}
  #menu a {display: inline; padding-top:0px; line-height:1.4em; margin:5px; font-family: Verdana, Geneva, sans-serif; color:#FFF; background-image:none; width:auto; height:auto; background-repeat:none;}
  #menu a:hover {color:#CA3E02;}
  #menu img {display:none;}
  #slides {width:100%; float:none; padding-top:20px; margin-right:auto;}
  #order {background-color:#FFF; margin-top:25px; width:90%; padding-left:5%; padding-right:5%;}
  #category {width:100%; float: none;}
  #category img {margin-bottom:25px;}
  #webgallery {width: 100%; float: none; margin-left:auto;}
  #bottom {height: 125px; width: 100%; background-size: contain; padding-top: 10%;}
  #bottom p {padding-left:10px; padding-right:10px;}
}
.Integrity {
	color: #0F4278;
}
.tm {
	font-size: x-small;
}