@charset "utf-8";
/*Manchurian Club*/
/*Menu & Beverage List Page CSS Stylesheet*/

/********************************** FONTS **************************************/
/*Source Sans Pro*/
@font-face {
    font-family: 'SourceSansProLight';
    src: url('../font/SourceSansPro-Light-webfont.eot');
    src: url('../font/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/SourceSansPro-Light-webfont.woff') format('woff'),
         url('../font/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('../font/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

/******************************** GENERAL ***************************************/
body{
	background:url(../images/gray-bg.jpg);
	background-repeat:repeat;	
	/*text-align: center;*/ /*for ie5*/
}

a{
	text-decoration:none;	
	outline:none;
	cursor:pointer;
}

img{
	border-style:none;
}

p{
	font-family:SourceSansProRegular, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}

/******************************** MAIN CONTAINER *********************************/
#main-container{
	width:1024px;
	height:auto;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:left; /*for ie5*/
}

#header{
	width:1024px;
	height:303px;
}

#button{
	width:1024px;
	height:57px;
	float:left;
	margin-left:78px;
}

span.btnSwap{
	margin-top:10px;
	background:url(../images/prev-btn2-hover.png) no-repeat;
}

span.btnSwap:hover img{
	visibility:hidden;
}

/*********************************** LOGO **********************************/
#logo{
	width:493px;
	height:229px;
	padding:0 83px 17px 78px;
	float:left;
}

#logo #logo-ctr{
	width:494px;
	height:229px;
	background-image:url(../images/logo-bg.png);
}

#logo #logo-ctr .mc-logo{
	width:410px;
	margin-top:30px;
	margin-left:40px;
}

/*********************************** CONTACT-INFO ***********************************/
/*beverage & wine*/
#contact-info{
	width:370px;
	height:246px;
	float:left;
	background-image:url(../images/text-bg.png);
	background-repeat:no-repeat;
	position:relative;
}

/*menu*/
#contact-info2{
	width:370px;
	height:280px;
	float:left;
	background-image:url(../images/text-bg2.png);
	background-repeat:no-repeat;
	position:relative;
}

/*beverage & wine*/
#contact-info p{
	font-family:SourceSansProRegular, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	margin:20px 44px;
}

/*menu*/
#contact-info2 p{
	font-family:SourceSansProRegular, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	margin:20px 44px;
}

.phone{		
	position:absolute;
	top:120px;
	left:27px;
	font-size:15px;
}

.fax{
	margin-left:34px;
}

p.address{
	position:absolute;
	top:24px;
	left:14px;
	text-align:right;
}

p.delivery-phone{
	position:absolute;
	top:183px;
	left:146px;
	font-size:15px;
}

p.lunch-delivery-phone{
	position:absolute;
	top:262px;
	left:146px;
	font-size:15px;
}

span.logoSwap{
	background:url(../images/menu-gourmet-logo-hover.png) no-repeat;
	width:98px;
	height:15px;
	position:absolute;
	top:181px;
	left:55px;
}

span.logoSwap:hover img{
	visibility:hidden;
}

/************************************** GALLERY ************************************/
#content{
	width:1024px;
	height:auto;
}

#gallery-ctr{
	width:654px;
	height:684px;
	float:left;
	z-index:1000;
}

/*MENU*/
#gallery-ctr #gallery{
	width:654px;
	height:600px;
	background-image:url(../images/gallery-bg.png);
	background-repeat:no-repeat;
}

/*BEVERAGE*/
#gallery-ctr #gallery2{
	width:654px;
	height:600px;
	background-image:url(../images/gallery-bg2.png);
	background-repeat:no-repeat;
}

.sauce{
	position:relative;
	top:-160px;
	left:0;
	z-index:1000;
}

.beer{
	position:relative;
	top:-330px;
	left:320px;
	z-index:1000;
}

.wine{
	position:relative;
	top:-120px;
	left:15px;
	z-index:1000;
}

/*********************************** MENU GALLERY *******************************/
#pictures {
	position: relative; 
	top:35px;
	left:65px;
	width:518px;
	height:480px;
}

#pictures img {
	position: absolute; 
	top: 0; 
	left: 0; 
}

#prev{
	width:78px;
	position:relative;
	top:-6px;
	left:340px;
	z-index:1000;
}

#next{
	width:47px;
	position:relative;
	top:-25px;
	left:440px;
	z-index:1000;
}

.gallery-btn{
	opacity:0.9;
}

.gallery-btn:hover{
	opacity:1;
}

/**************************************** FOOTER *****************************************/
#menu-footer{
	width:604px;
	height:98px;
	padding-left:50px;
	text-align:left;
	position:relative;
	top:-15px;
}

#beverage-footer{
	width:604px;
	height:98px;	
	padding-left:50px;
	text-align:left;
	position:relative;
	top:-50px;
}

/*********************************** REDUNDANT LINKS **************************************/
#nav {
	font-family:SourceSansProSemibold, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

#nav li{
	display:inline;
}

#nav a {
	color:#FFFFFF;
	margin-right:5px;
}

#nav a:active, #nav a:focus, #nav a:hover {
	color:#EF3E42; 
}

#nav a.highlite {
	color:#EF3E42;
}

p.footer{
	width:340px;
	font-family:SourceSansProLight, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	position:relative;
	top:-12px;
	left:21px;
	margin:0 20px;
}

/****************************************** MENU CONTAINER ***************************************/
#menu{
	width:370px;
	height:auto;
	float:left;
}

/*MENU*/
#heading{
	width:339px;
	height:87px;
	position:relative;
	border-bottom: solid 4px #FFFFFF;
}

#download-ctr{
	width:339px;
	height:87px;
	margin-top:6px;
	border-top: solid 4px #FFFFFF;
}

img.download{
	opacity:0.8;
}

img.download:hover{
	opacity:1;
}


/*MENU*/
h1.menu{
	font-family:SourceSansProBold, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	position:absolute;
	top:18px;
	left:120px;	
}


/*BEVERAGE*/
h1.bev{
	font-family:SourceSansProBold, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	position:absolute;
	top:18px;
	left:40px;	
}

#menu-container{
	width:339px;
	height:auto;
}

#frame{
	width:339px;
	margin-top:6px;
}

a:focus {
	outline: none;
}

/*****MENU*****/
#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9{
	background:#FFFFFF;
	width:339px;
	height: auto;
	display: none;
	padding-bottom:20px;
}

.slide {
	margin: 0;
	padding: 0;
	width:339px;
	font-size:15px;	
	background:url(../images/btn-slide.png) no-repeat center top;
}

.slide:hover{
	background:url(../images/btn-slide-hover.png) no-repeat center top;
}

.btn-slide1, .btn-slide2, .btn-slide3, .btn-slide4, .btn-slide5, .btn-slide6, .btn-slide7, .btn-slide8, .btn-slide9 {
	background:url(../images/arrow.png) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 30px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% SourceSansProBold, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration: none;
}

.btn-slide1:hover, .btn-slide2:hover, .btn-slide3:hover, .btn-slide4:hover, .btn-slide5:hover,
.btn-slide6:hover, .btn-slide7:hover, .btn-slide8:hover, .btn-slide9:hover {
	color:#FFFFFF;
	background:url(../images/arrow-hover.png) no-repeat right -50px;
}

/*****BEVERAGE*****/
#panel10, #panel11, #panel12, #panel13, #panel14, #panel15, #panel16{
	background:#FFFFFF;
	width:339px;
	height: auto;
	display: none;
	padding-bottom:20px;
}

.slide2 {
	margin: 0;
	padding: 0;
	width:339px;
	font-size:14px;	
	background:url(../images/btn-slide2.png) no-repeat center top;
}

.slide3 {
	margin:0;
	padding: 5px 0;
	width:339px;
	font-size:12.5px;
	background:url(../images/btn-slide2.png) no-repeat center top;
}

.slide2:hover, .slide3:hover{
	background:url(../images/btn-slide-hover2.png) no-repeat center top;
}

.btn-slide10, .btn-slide11, .btn-slide12, .btn-slide14, .btn-slide16 {
	background:url(../images/arrow2.png) no-repeat right -35px;
	text-align: center;
	width: 144px;
	height: 40px;
	padding: 16px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% SourceSansProBold, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration: none;
}

.btn-slide13, .btn-slide15 {
	background:url(../images/arrow2.png) no-repeat right -35px;
	text-align: center;
	width: 144px;
	height: 46px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% SourceSansProBold, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration: none;
}

.btn-slide10:hover, .btn-slide11:hover, .btn-slide12:hover, .btn-slide13:hover, .btn-slide14:hover, .btn-slide15:hover, .btn-slide16:hover{
	color:#FFFFFF;
	background:url(../images/arrow-hover2.png) no-repeat right -35px;
}

/*MENU & BEVERAGE*/
.active, .active:hover {
	background-position: right 12px;
}

/*********************************** TABLE **************************************/
/*menu*/
p.intro{
	margin:0 20px;
	padding-top:20px;
	padding-bottom:10px;
	font-size:12px;
	font-family:SourceSansProSemiBold, Arial, Helvetica, sans-serif;
	text-align:justify;
	border-bottom: solid 1px #333333;
}

/*beverage*/
p.intro2{
	margin:0 20px;
	font-size:12px;
	font-family:SourceSansProSemiBold, Arial, Helvetica, sans-serif;
	text-align:justify;
	border-bottom:none;
}

table{
	width:299px;
	height:auto;
	margin: 20px 20px 0 20px;
	font-size:12px;
	font-family:SourceSansProRegular, Arial, Helvetica, sans-serif;
}

td{
	height:16px;
}

td.price{
	width:27px;
	vertical-align:top;
	text-align:right;
}

td.name{
	font-family:SourceSansProBold, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#F00000;
	padding-top:4px;
}

td.name2{
	font-family:SourceSansProBold, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#333333;
	padding-top:4px;
}

td.category-name{
	font-family:SourceSansProBold, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#F00000;
	padding-top:4px;
	padding-bottom:8px;
	font-size:14px;
}

td.description{
	font-family:SourceSansProLight, Arial, Helvetica, sans-serif;
	text-align:justify;
}

td.icon{
	width:27px;
}

img.legend{
	margin-left:102px;
}

img.accolade{
	margin-left:102px;
}

/*******************************************************PROMO****************************************************/
#promo-content{
	width:1024px;
	height:auto;
	margin-top:30px;
}

#promo-ctr{
	width:850px;
	height:514px;	
	margin:auto;
	padding-top:38px;
	background-image:url(../images/promo-ctr-bg.png);
	background-repeat:no-repeat;
	position:relative;
}

#promo-banner{
	width:781px;
	height:472px;	
	margin:auto;
	background-color:#CCCCCC;
}

.promo-tag{
	position:absolute;
	top:420px;
	left:719px;
}

#promo-footer{
	width:810px;
	height:98px;
	text-align:left;
	padding-left:48px;
	margin-top:20px;
}