@charset "utf-8";
/* CSS Document */
/*Style for Elements in Multiple Sections*/
body{
	background-color: rgb(138,140,143);
	background-image:url(../images/chopsticks.jpg);
	background-repeat: no-repeat;
	
}

h1 {
    color: rgb(215,228,194);
	font-family: Majesti Banner Medium;
	font-size: 250%;
	text-align: center;
	text-shadow: 2px 2px rgb(65,57,61);
	padding-top: 200px;
}

h2 {
	color: rgb(215,228,194);
	font-family: Majesti Banner Light;
	font-size: 150%;
	text-align: center;
}
p {
    color: rgb(215,228,194);
	font-family: Athelas Rg;
	
}
/* Style for Header/Navigation Bar */
header {
	background-color: rgba(65,57,61,.8);
	position: fixed;
    top: 0;
   	left: 0;
	width: 100%;
}

.top_nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.top_nav_buttons {
	float: right;
}

li a{
	display: inline-block;
	color: rgb(215,228,194);
	text-align: justify;
	font-size: 120%;
	padding: 14px 16px;
	text-decoration: none;
}


.active {
	color: rgb(138,140,143);
}
.logo{
	float: left;
}

/* Style for Feature*/
#feature {
    height:500px;
	padding: 0;
	
}
.menulink {
	text-decoration: none;
	color: rgb(215,228,194);
	text-shadow: 2px 2px rgb(65,57,61);
	font-size: 120%;
}

/*Style for Footer*/
#footer_container {
    clear: both; 
    margin-top: 194px; 
    z-index: 1; 
    width: 100%; 
	text-align: center;
}

.footer {
  padding: 20px;
  color: rgb(215,228,194);
	background-color: rgb(65,57,61);
	border-style: solid;
    border-color: rgb(138,140,143);
	border-width:thick;
	text-align: center;
}

.bottom_nav {
	position: relative;
    list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.bottom_nav_buttons{
	float: left;
}
.media_buttons{
	float:right;
}

/*Below is Variable per Page*/
/*Style for Contact*/
#contact {
	float: left;
	width: 20%;
	Background-color: rgb(65,57,61);
	padding: 15px;
	border-style: solid;
    border-color: rgb(138,140,143);
	border-width:thick;
}

/*Style for Content*/
#content {
	float:right;
	width: 70%;
	Background-color: rgb(65,57,61);
	padding: 15px;
	border-style: solid;
    border-color: rgb(138,140,143);
	border-width:thick;
}

/*Style for Page Text*/
#page-text {
	Background-color: rgb(65,57,61);
	padding: 15px;
	border-style: solid;
    border-color: rgb(138,140,143);
	border-width:thick;
}

/*Style for Sitemap*/

.sitemap {
	position: relative;
    list-style-type: none;
	margin: auto;
	padding: 0;
	overflow: hidden;
}

/*Styles for Images*/

.wooddoor {
	display: block;
    margin: auto;
	width: 90%;
	height:auto;
}
.indexbanner {
	display: block;
    margin: auto;
	width: 100%;
	height:auto;
}
.chef {
	float: right;
	width: 40%;
	height:auto;
	padding: 20px;
}

.settable {
	float: right;
	width: 40%;
	height:auto;
	padding: 20px;
}

.sushi {
	float: right;
	width: auto;
	height: 200px;
	padding: 10px;
}

.menufood {
	display: block;
    margin: auto;
	width: 100%;
	height:auto;
}

.facebookimage {
	margin: auto;
	padding: 10px;
	width: 316px;
	height:226px;
	display:block;
 	background:transparent url('../images/facebookimage.jpg') center top no-repeat;
	position: inherit;
}
.facebookimage:hover {
	 background-image: url('../images/facebookimage_hover.jpg');
}
.twitterimage {
	 margin: auto;
	padding: 10px;
 	 width: 316px;
	 height:226px;
	 display:block;
	 background:transparent url('../images/twitterimage.jpg') center top no-repeat;

}

.twitterimage:hover {
	 background-image: url('../images/twitterimage_hover.jpg');
}
	
.instagramimage {
	margin: auto;
	padding: 10px;
 	width: 316px;
 	height:226px;
 	display:block;
	background:transparent url('../images/instagramimage.jpg') center top no-repeat;
	position: inherit;
}

.instagramimage:hover {
	 background-image: url('../images/instagramimage_hover.jpg');
}

.sushi {
}