@font-face {
    font-family: 'ScalaSansMedium';
    src: url('scalasac-webfont.eot');
    src: url('scalasac-webfont.eot?#iefix') format('embedded-opentype'),
         url('scalasac-webfont.woff') format('woff'),
         url('scalasac-webfont.ttf') format('truetype'),
         url('scalasac-webfont.svg#ScalaSansMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ModernNo.20Regular';
    src: url('modern-r-webfont.eot');
    src: url('modern-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('modern-r-webfont.woff') format('woff'),
         url('modern-r-webfont.ttf') format('truetype'),
         url('modern-r-webfont.svg#ModernNo.20Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body{
	margin: 0 auto;
	height:100%;width:100%;
    font-family: "Times New Roman";
    font-size: 12px;
} 

h2 { 
	text-align: center;
}

#xouter {
    display: table;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

#xcontainer {
    display: table-cell;
    height: 680px;
    position: sticky;
    text-align: center;
    vertical-align: middle;
}

#xinner {
	width: 770px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#menu_div {
	height: 680px;
	width: 680px;
	float: left;
	z-index:1;
}

#menu_div ul {
  list-style-type: none;
  padding-left: 110px;
  padding-right: 110px;
}

.food_ul {
	padding-top: 90px;
}

.wines_ul {
	padding-top: 190px;
}

#menu_div li {
  border-bottom: 1px solid #FFFFFF;
}

#menu_div ul li a{
  font-size: 50px;
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'ModernNo.20Regular';
  text-transform: uppercase;
}

#menu_div ul li a:hover{
	color: #000000;
}

#category_div {
	margin-top: -680px;
	z-index: 100;
	position: relative;
}

#button_div {
	float: left;
	height: 680px;
	text-align: center;
	vertical-align: middle;
	z-index:99;	
	position: relative;
}

#button_div img {
	width: 90px;
	height: 90px;
	margin-top: 295px;
	margin-left: -45px;
}


#button_div a img.wine{
	width: 90px;
	height: 90px;
	margin-top: 295px;
	margin-left: -45px;
	background-image: url(../img/buttons/wine_up.png);
}

#button_div a:hover img.wine{
	width: 90px;
	height: 90px;
	margin-top: 295px;
	margin-left: -45px;
	background-image: url(../img/buttons/wine_down.png);
}

#button_div a img.food{
	width: 90px;
	height: 90px;
	margin-top: 295px;
	margin-left: -45px;
	background-image: url(../img/buttons/f_up.png);
}

#button_div a:hover img.food{
	width: 90px;
	height: 90px;
	margin-top: 295px;
	margin-left: -45px;
	background-image: url(../img/buttons/f_down.png);
}




.footer_main {
	margin-left: -90px;
}

  
#footer {
	margin-top: 10px;
}

#footer_span {
	margin-top: 10px;
	display: block;
	text-transform: uppercase;
	/*font-weight: bold;*/
}

#footer_span a {
	color: #000000;
	text-decoration: none;
}

#footer_span a:hover {
	color: #FF0000;
	text-decoration: none;
}


#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#page-wrap { 
	position: relative; 
	width: 680px; 
	margin: 0px auto; 
	padding-left: 20px; 
	padding-top: 10px;
	background: white; 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black;	

}

#back_button_div {
	float: right;
	text-align: center;
	vertical-align: middle;
	position:relative;
}

#back_button_link img{
	width: 90px;
	height: 90px;
	background-image: url(../img/buttons/back_up.png);
}

#back_button_link:hover img{
	width: 90px;
	height: 90px;
	background-image: url(../img/buttons/back_down.png);
}

#page-wrap-about { position: relative; width: 690px; height: 100%; margin: 0px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#page-text {
	float: left;
	background: white;
}
p { 
	font-family: 'ModernNo.20Regular';
	font-size: 18px;
	margin: 0 0 0px 0; 
	padding-left:100px;
	padding-right:100px;	
	padding-bottom:20px;	
	text-transform: uppercase;
	letter-spacing:1px;
}

.span_wrap { 
	text-align: center;
}
.itemsHead{ 
	font-family: 'ModernNo.20Regular';
	font-size: 40px;
	text-align: center;
}

.itemsName, .subcategoryName{
	font-family: 'ScalaSansMedium';
	font-size: 16px;
	font-weight: normal;
	text-align:center;
}
.subcategoryName {
	padding-top: 40px;
}
.moreSpace {
padding-top: 40px;
}

#thover{
  position:fixed;
  background:#000;
  width:100%;
  height:100%;
  opacity: .6
}
 
#tpopup{
  position:absolute;
  background:#fff;
  left:40%;
  top:20%;
  border-radius:5px;
  padding:10px 0;
  margin-left:-320px; /* width/2 + padding-left */
  margin-top:-150px; /* height/2 + padding-top */
  text-align:center;
  box-shadow:0 0 10px 0 #000;
 
}
#tclose{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:40px;
  height:40px;
  line-height:30px;
  text-align:center;
  font-size:20px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}