@charset "UTF-8";
/* CSS Document */

#container {position: fixed; width:100%; height: 150%; top:0; left:0; z-index: 99; opacity:0.90}

ul {list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white }

li {float: left }

li a {display: block;
      color: rgb(138,140,143);
      text-align: center;
      padding-top: 64px; padding-right: 16px; padding-left: 50px;padding-bottom: 50px;
      text-decoration: none;
	  font-family:majesti banner light;}

li a:hover {background-color: #41393d;}
	 #social-media-icons{
	float: right;
	padding-top: 60px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 14px
}

	 #social-media-icons ul li {display: inline;}
     #social-media-icons2 ul li {display: inline;background-color: #ef4e22}

h1   {color: rgb(190,30,45);font-size:250%;font-family: majesti banner bold;}
h2   {color: rgb(190,30,45);font-size:250%;font-family: majesti banner bold;padding-left: 200px; padding-top: 50px}
body {background-color: #41393d}
p    {color: rgb(138,140,143);font-size: 150%; font-family: majesti banner light}
p1   {color: white; font-size: 150%; font-family: majesti banner book italic}
main {text-align: center}


.border { border-width: 8px; border-color: #8a8c8f; border-style: solid; }
.menu1 {margin-left: auto;margin-right: auto;display: block}
.menu2 {margin-left: auto;margin-right: auto;display: block}
.catering1 {margin-left: auto;margin-right: auto; display: block}
.catering2 {margin-left: auto;margin-right: auto; display: block}
.mainimage {position: relative; display: inline-block}
.active {color:#be1e2d}


#social-media-icons2 {position:absolute; left:1000px; top:10px;}
#meat {position:absolute; left:860px; top:1170px;}
#cocktails {position:absolute; left:170px; top:1900px;}
#noodles {position:absolute; left:860px; top:2600px;}
#temple {position:absolute; left:860px; top:2650px;}
#bridge {position:absolute; left:20px; top:1950px;}
#temple_bridge {position:absolute; left:860px; top:1170px;}
#contact {display: inline-block; margin-left: 100px; margin-top: 50px}
#email {display: inline; margin-left:200px;}	 



#box1 {border: 8px rgb(138,140,143) solid; width:600px; height:425px; background-color: white; margin-top: 100px; margin-left: 100px; padding:40px 80px;}
#box2 {border: 8px rgb(138,140,143) solid; width:600px; height:525px; background-color: white; margin-top: 100px; margin-left: 750px; padding:40px 80px;}
#box3 {border: 8px rgb(138,140,143) solid; width:600px; height:350px; background-color: white; margin-top: 250px; margin-left: 100px; padding:40px 80px;}
#box4 {border: 8px rgb(138,140,143) solid; width:600px; height:450px; background-color: white; margin-top: 100px; margin-left: 100px; padding:40px 80px;}
#box5 {border: 8px rgb(138,140,143) solid; width:600px; height:650px; background-color: white; margin-top: 100px; margin-left: 750px; padding:40px 80px;}
#box6 {border: 8px rgb(138,140,143) solid; width:600px; height:350px; background-color: white; margin-top: 100px; margin-left: 100px; padding:40px 80px;}


@font-face {
	font-family:"majesti banner light";
	src: url(fonts/Majesti-Banner-Light.otf);
	font-style: normal;
	font-weight: 100;
		
}
@font-face {
	font-family:"majesti banner bold";
	src: url(fonts/Majesti-Banner-Bold.otf);
	font-style: normal;
	font-weight: 100;
		
}

@font-face {
	font-family:"majesti banner book italic";
	src: url(fonts/Majesti-Banner-BookItalic.otf);
	font-style: normal;
	font-weight: 100;
		
}