div#logo {
    text-align: center;
}

@font-face {
	font-family: "Klinic Slab Book";
	src: url(../fonts/klinicslabbook.woff)
}

div#fdining {
	text-align: center;
}
body {
	background: #543136 url('../images/noodle1.jpg') repeat;
	color: #7b573e;
	padding-top: 10px;
	font-family: "KlinicSlabBook", serif;
}

ul {
    list-style: none;
}

#container {
	width: 700px;
	margin: 0 auto;
	padding: 0 15px;
    border-right: 5px solid #0B9446;
    border-left: 5px solid #CF1C44;
    border-top: 5px solid #CF1C44;
    border-bottom: 5px solid #0B9446;
    background-color: #D8C6B8;
    position: relative;

}
.nav {
    border-top:5px double #5e1211;
    border-width:5px 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.nav li {
	display:inline;
}

.nav a {
    display:inline-block;
    padding: 10px;
	font-size: 0.9em;
	text-decoration: none;
	color: #543136;
}

.nav a:active {
    font-style: oblique;
}

footer {
	text-align: center;
	font-size: 0.7em;
	border-top: 1px groove black;
	padding-top: 1em;
	margin: 1em;
	clear: both;
}

section#feature h1{
	font-family: "Klinic Slab Book";
    padding-top: 1em;
    margin-top: 1em;
    margin-left: 6em;
    margin-right: 6em;
    text-align: center;
}

section#home-text {
	font-family: "Klinic Slab Book";
    float:left;
    padding-top:  1em;
	padding-bottom: 1em;
    margin-top: 2em;
    margin-left: 6em;
    margin-right: 6em;
    text-align: center;
}

section#about-text {
	font-family: "Klinic Slab Book";
    float:left;
    padding-top:  1em;
	padding-bottom: 4em;
    margin-top: 0em;
    margin-left: 6em;
    margin-right: 6em;
    text-align: center;
}

section#menu {
	font-family: "Klinic Slab Book";
	position: inherit;
	text-align: center;
	height: 688px;
	overflow: scroll;
	overflow-x: hidden;
	margin: 0 auto;
	width: 530px;
}

section#news-text {
	font-family: "Klinic Slab Book";
	width: 500px;
	padding-bottom: 365px;
	position: inherit;
	margin: 0 auto;
}

section#location-text {
	font-family: "Klinic Slab Book";
	width: 400px;
	padding-bottom: 510px;
	position: inherit;
	margin: 0 auto;
}

section#offers {
	font-family: "Klinic Slab Book";
	width: 400px;
    position: inherit;
	margin: 0 auto;
	text-align: center;
	font-style: italic;
	color: #CF1C44;
}

section#offers a {
	color: #CF1C44;
}
section#offersabout {
	font-family: "Klinic Slab Book";
	width: 400px;
	padding-bottom: 155px;
    position: inherit;
	margin: 0 auto;
	text-align: center;
	font-style: italic;
	color: #CF1C44;
}

.slideshow {
    width: 400px;
    height: 267px;
    overflow: hidden;
    position: relative;
    border-right: 5px solid #CF1C44;
    border-left: 5px solid #0B9446;
    border-top: 5px solid #0B9446;
    border-bottom: 5px solid #CF1C44;
    margin: 0 auto;
}
.slideshow img{ position:absolute; animation:slideshow 20s infinite; opacity:0; width: 100%; height: auto;}

@keyframes slideshow {25%{opacity:1;} 40%{opacity:0;}} 
.slideshow img:nth-child(4){animation-delay:0s;}
.slideshow img:nth-child(3){animation-delay:5s;}
.slideshow img:nth-child(2){animation-delay:10s;}
.slideshow img:nth-child(1){animation-delay:15s;}

#container div p {
	font-family: Klinic Slab Book;
}

#container div h1 h2 {
	font-family: Klinic Slab Book;
}

#container header nav .nav li {
	font-family: Klinic Slab Book;
	font-size: 20px;
}
#container header nav .nav li .active {
	font-family: Klinic Slab Book;
	font-style: italic;
}
#container div #feature h1 {
	font-family: Klinic Slab Book;
}
#container div #home-text h2 {
	font-family: Klinic Slab Book;
}

table {
	float: left;
	position: inherit;
	border: 0px solid black;
	width: 500px;
}

th, td {
	text-align: left;
	border: 0px solid black;
	padding-bottom: 1em;
	
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #0B9446; 
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #CF1C44; 
    border-radius: 10px;
}