/* CSS Document */

body {
	background:#2e1705;
	margin:0;
	padding:0;
	Font-family: Calibri, Verdana, Arial, sans-serif;
	color:#fff;
	font-size:14px;
	}

/* Header Content Area */

#header-content{
	margin:0 auto;
	width:1003px;
	height:120px;
	background:#311904;
	margin-top:10px;
	margin-bottom:0px;
	}
	
		/* Header Left Side for Logo */
		
			#header-left{
				float:left;
				height:auto;
				width:305px;
				margin:0;
				padding:5px 0 0 0;
					}
					
		/* Header Center */
			#header-center{
				float:left;
				width:290px;
				height:auto;
				margin-left:10px;
				margin-right:10px;
				text-align:center;				
				}
				
		/* Header Right Side */
		
			#header-right{
				float:right;
				height:auto;
				width:660px;
				text-align:center;
					}	

/* Horizontal Navigation */

#h-nav{
	margin:0 auto;
	width:1003px;
	height:42px;
	margin-top:0px;
	margin-bottom:0px;
	}

		/* menu-left corner */
		
		#menu-left-corner{
			float:left;
			width:10px;
			height:42px;
			padding:0;
			margin:0;
			background:url(http://bistro9restaurant.com/images/hnav-left2.jpg) no-repeat;
			}
		
		/* menu-body */
		/*#menu-body{
			float:left;
			width:983px;
			height:42px;
			margin:0;
			padding:0;
			/*background:url(/images/hnav-off2.jpg) repeat-x;}*/
				
		
		/* menu-right corner */
		#menu-right-corner{
			float:right;
			width:10px;
			height:42px;
			padding:0;
			margin:0;
			background:url(http://bistro9restaurant.com/images/hnav-right2.jpg) no-repeat;
			}





/* Homepage Body Wrapper Area Begin ---------------------------------------------------------------------------------------------- */

#homepage-body-wrapper{
	margin:0 auto;
	width:1003px;
	height:auto;
	margin-top:5px;
	margin-bottom:0px;
	}
	
	/* Left Side Wrapper */
	
	#left-column{
		float:left;
		width:403px;
		height:auto;
		margin-top:0px;
		margin-bottom:0px;
		}
	
		/*scrolling box */
		
		#scroll-box {
			border: 1px solid #dfac0d;
			height: 255px;
			width: 380px;
			overflow: hidden; 
			margin:5px 0 0 0;
			padding:5px 0 0 5px;
			}
		
			.scrolling-text{
				font:"Comic Sans MS";
				font-size:14px;
				}
		
	/* MCOB AREA */


		.callbox-bg{
			background:url(http://bistro9restaurant.com/images/mcob-off.jpg) center no-repeat;
			height:154px;
			width:403px;
			cursor: pointer;
				}
	
		.callbox-bg:hover{
			background:url(http://bistro9restaurant.com/images/mcob-on.jpg) center no-repeat;
			height:154px;
			width:403px;
			cursor: pointer;
				}
	
		.titlebar:hover{
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			margin-top:5px;
			}
	
		.callbox-bg :hover .titlebar h5 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#fff;
				}

		.callbox-bg h5:hover{
			color:#fff;
			padding-left:10px;
				}

		.cob-content {
			Font-family: Calibri, Verdana, Arial, sans-serif;
			font-size:12px;
			text-align:left;
			width:auto;
			padding-left:10px;
			padding-right:5px;
			padding-bottom:0px;
			color:#000;
			margin-top:5px;
			margin-bottom:0px;
				}
				
		.cob-content {
			Font-family: Calibri, Verdana, Arial, sans-serif;
			font-size:12px;
			text-align:left;
			width:auto;
			padding-left:10px;
			padding-right:5px;
			padding-bottom:0px;
			color:#000;
			margin-top:5px;
			margin-bottom:0px;
				}

			.cob-content:hover {
			Font-family: Calibri, Verdana, Arial, sans-serif;
			font-size:12px;
			text-align:left;
			width:auto;
			padding-left:10px;
			padding-right:5px;
			padding-bottom:0px;
			color:#FFF;
			margin-top:5px;
			margin-bottom:0px;
				}

		
		h5{
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#006b54;
			padding-left:10px;
			padding-bottom:0px;
			margin-top:5px;
			margin-bottom:0px;
				}		
				
		.mcob_content a{color:#000;}
		.mcob_content a:hover{color:#fff;}

		#reservation{
			width:403px;
			height:auto;
			margin-bottom:5px;
			}
				
				#reserve-top{
					width:403px;
					height:10px;
					background-image:url(http://bistro9restaurant.com/images/reserve-top.jpg);

					}
				
				#reserve-body{
					width:388px;
					height:296px;
					padding-left:10px;
					padding-right:5px;
					background-image:url(http://bistro9restaurant.com/images/reserve-body.jpg);
					}
				
				#reserve-bottom{
					width:403px;
					height:9px;
					background-image:url(http://bistro9restaurant.com/images/reserve-bottom.jpg);
					}
		
	/* Right Side Wrapper */
	
	#right-column{
		float:right;
		width:594px;
		height:auto;
		margin-top:0px;
		margin-bottom:5px;
		padding:0px;
		}
			
			/* HP Flash Module Holder */
			
			#hp-flash-module{
				width:594px;
				height:315px;
				margin-top:0px;
				margin-bottom:0px;
				}
			
			/* HP Right Content Top */
				
			#hp-content-top{
				background-image:url(http://bistro9restaurant.com/images/home-content-top.jpg);
				width:594px;
				height:11px;
				margin-top:5px;
				margin-bottom:0px;
				}
			
			/* HP Right Content Body */
			
			#hp-content-body{
				
				width:574px;
				min-height:287px;
				padding-left:10px;
				padding-right:10px;
				background-image:url(http://bistro9restaurant.com/images/home-content-body.jpg);
				margin-top:0px;
				margin-bottom:0px;
				}
			
			/* HP Right Content Bottom */
			
			#hp-content-bottom{
				background-image:url(http://bistro9restaurant.com/images/home-content-bottom.jpg);
				width:594px;
				height:10px;
				margin-top:0px;
				margin-bottom:0px;
				}
			
			#hp-content-bottom-fix{
				background-image:url(http://bistro9restaurant.com/images/home-content-bottom-fix.jpg);
				width:594px;
				height:25px;
				margin-top:-15px;
				margin-bottom:0px;
				}

/* Homepage Body Wrapper Area End ---------------------------------------------------------------------------------------------- */
/* Internal Page with MCOB ----------------------------------------------------------------------------------------------------- */

		/* HP Right Content Top */
				
			#int-content-top{
				background-image:url(http://bistro9restaurant.com/images/home-content-top.jpg);
				width:594px;
				height:11px;
				margin-top:0px;
				margin-bottom:0px;
				}
			
			/* HP Right Content Body */
			
			#int-content-body{
				background-image:url(http://bistro9restaurant.com/images/home-content-body.jpg);
				width:574px;
				min-height:607px;
				padding-left:10px;
				padding-right:10px;
				margin-top:0px;
				margin-bottom:0px;
				}
			
			/* HP Right Content Bottom */
			
			#int-content-bottom{
				background-image:url(http://bistro9restaurant.com/images/home-content-bottom.jpg);
				width:594px;
				height:10px;
				margin-top:0px;
				margin-bottom:0px;
				}
				
			#int-content-bottom-long{
				background-image:url(http://bistro9restaurant.com/images/home-content-bottom.jpg);
				width:594px;
				height:10px;
				margin-top:-15px;
				margin-bottom:0px;
				}
				
/* Internal Page ----------------------------------------------------------------------------------------------------- */

		/* Internal Page Content Top */
				
			#int2-content-top{
				background-image:url(http://bistro9restaurant.com/images/int-page-content-top.jpg);
				width:1003px;
				height:10px;
				margin-top:0px;
				margin-bottom:0px;
				}
			
			/* Internal Page Content Body */
			
			#int2-content-body{
				background-image:url(http://bistro9restaurant.com/images/int-page-content-body.jpg);
				width:983px;
				height:auto;
				padding-left:10px;
				padding-right:10px;
				margin-top:0px;
				margin-top:0px;
				}
			
			/* Internal Page Content Bottom */
			
			#int2-content-bottom{
				background-image:url(http://bistro9restaurant.com/images/int-page-content-bottom.jpg);
				width:1003px;
				height:10px;
				margin-top:-15px;
				margin-bottom:0px;
				}
			
			#int2-content-bottom-fix{
				background-image:url(http://bistro9restaurant.com/images/int-page-content-bottom-fix.jpg);
				width:1003px;
				height:25px;
				margin-top:-15px;
				margin-bottom:0px;
				}

/* Footer Area Begin ---------------------------------------------------------------------------------------------- */

#footer-wrapper{
	margin:0 auto;
	width:1003px;
	height:auto;
	text-align:center;
	margin-top:5px;
	}

/* Footer Area End ---------------------------------------------------------------------------------------------- */


/* FONT STYLING ------------------------------------------------------------------------------------------------- */

h1 {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:21px;
	color:#006b54;
	margin-top:0px;
	margin-bottom:0px;
	}

h2 {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:22px;
	color:#006b54;
	margin-top:0px;
	margin-bottom:0px;
	}

h3 {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:16px;
	color:#006b54;
	margin-top:0px;
	margin-bottom:0px;
	}

p {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:14px;
	text-align:left;
	color:#000;
	}

ul li {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:14px;
	text-align:left;
	color:#000;
	}

.left {
	text-align:left;
	margin:-top:0px;
	margin-bottom:0px;
	}

.right {
	text-align:right;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-right:5px;
	padding-top:0px;
	}

.right-top {
	font-size:16px;
	text-align:right;
	margin-top:0px;
	margin-bottom:0px;
	padding-right:5px;
	}
	
.center {
	text-align:right;
	margin-top:0px;
	margin-bottom:0px;
	}

.quote{
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:14px;
	color:#c73f17;
	text-align:center;
	}

.title-bold{
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:16px;
	color:#f57c1f;
	margin-top:0px;
	margin-bottom:3px;
	font-weight:bold;
	}

.footer {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	color:#fff;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	margin-top:0px;
	}

.footer-white {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	color:#fff;
	font-size:14px;
	text-align:center;
	}

.phone-num{
	/*Font-family: DaunPenh, Calibri, Verdana, Arial, sans-serif;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:38px;
	color:#fff;
	text-align:center;
	padding:0px;
	margin:0px;
	}

.tag-line{
	font:Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#994094;
	text-align:center;
	padding-top:25px;
	margin:0px;
	}

.flash-tag{
	font:Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:30px;
	color:#c67f00;
	text-align:left;
	padding:0px;
	margin:5px;
	}

.mcob-image{
	text-align:left;
	padding-left:10px;
	padding-right:0px;
	}

.photog{
	font:"Comic Sans MS";
	font-size:13px;
	color:#FFFFFF;
	}
	
/* LINKS -------------------------------------------------------------------------------------------------------------- */

a.mcob-link:link {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#994094;
	text-decoration: none;
	font-style:italic;
	font-weight:bold;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:0px;
		}
a.mcob-link:visited {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#994094;
	text-decoration: none;
	/* font-style:italic; */
	font-weight:bold;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	}
a.mcob-link:hover {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#01b235;
	text-decoration: none;
	/* font-style:italic; */
	font-weight:bold;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:0px;
	}
a.mcob-link:active {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#994094;
	text-decoration: none;
	/* font-style:italic; */
	font-weight:bold;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:0px;
	}

/* TOP EMAIL LINK */

a.top-email:link {
	Font-family:"Times New Roman", Times, serif;
	font-size:26px;
	color:#fff;
	text-decoration: none;
	text-align:center;
	margin:0;
	padding:0;
		}
a.top-email:visited {
	Font-family:"Times New Roman", Times, serif;
	font-size:26px;
	color:#fff;
	text-decoration: none;
	text-align:center;
		margin:0;
	padding:0;
	}
a.top-email:hover {
	Font-family:"Times New Roman", Times, serif;
	font-size:26px;
	color:#fff;
	text-decoration: underline;
	text-align:center;
		margin:0;
	padding:0;
	}
a.top-email:active {
	Font-family:"Times New Roman", Times, serif;
	font-size:26px;
	color:#fff;
	text-decoration: none;
	text-align:center;
		margin:0;
	padding:0;
	}
	
/* FOOTER LINK */

a.footer-link:link {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration: none;
	font-weight:bold;
		}
a.footer-link:visited {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration: none;
	font-weight:bold;
	}
a.footer-link:hover {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#e7ad0f;
	text-decoration: underline;
	font-weight:bold;
	}
a.footer-link:active {
	Font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration: none;
	font-weight:bold;
	}
	
/* General Links */

A:link {color:#2e1705; text-decoration:none; }
A:visited {color:#2e1705; text-decoration:none; }
A:active {color:#2e1705; text-decoration:none; }
A:hover {color:#e7ad0f; text-decoration:none; }

/* NEW MENU SYSTEM CSS */

 .off{Font-family: Calibri, Verdana, Arial, sans-serif;
 font-size:17px;
 color:#fff;
 text-decoration: none;
 font-weight:none;
 text-align:center;
 cursor:pointer;
 background-image:url(http://www.bistro9restaurant.com/images/hnav-off2.jpg);
 height:42px;
 width:auto;}
 
 .on{Font-family: Calibri, Verdana, Arial, sans-serif;
 font-size:17px;
 color:#2e1705;
 text-decoration: none;
 font-weight:none;
 text-align:center;
 cursor:pointer;
 background-image:url(http://www.bistro9restaurant.com/images/hnav-on2.jpg);
 height:42px;
 width:auto;}


/* ------------------------------------------------ */

.smenu-on{Font-family: Calibri, Verdana, Arial, sans-serif;
 font-size:15px;
 color:#2e1705;
 text-decoration: none;
 font-weight:none;
 text-align:left;
 padding-left:5px;
 cursor:pointer;
  background-image:url(http://www.bistro9restaurant.com/images/hnav-on2.jpg);
 height:30px;
 width:auto;}
 
.smenu-off{Font-family: Calibri, Verdana, Arial, sans-serif;
 font-size:15px;
 color:#fff;
 text-decoration: none;
 font-weight:none;
 text-align:left;
 padding-left:5px;
 cursor:pointer;
  background-image:url(http://www.bistro9restaurant.com/images/hnav-off2.jpg);
 height:30px;
 width:auto;}


.html-marquee {height:250px;width:98%;background-color:fff;background-image:url(http://bistro9restaurant.com/images/marquee-bg-IMG_3886.png);}



/* New Horizontal Navigation */

/* HNAV AREA */
#hnav-area{
	width:983px;
	height:42px;
	padding:0px;
	margin:0px;
	background:url(/images/hnav-off2.jpg) repeat-x;
	float:left;
		}

/* --------- CSS ONLY HNAV ---------- */


.navs
{
	margin-left:5px;
	width:978px;
}

.navs ul
{
	padding:0;
	margin:0;
}

.navs ul li
{
	list-style:none;
	display:inline-block;
	background:url(/images/hnav-div2.jpg) no-repeat;
	background-position:right;
	height:42px;
	padding-right:1px;
	position:relative;	
	float:left;
}

.navs ul li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	display:block;
	line-height:42px;
	text-decoration:none;
	padding-left:1px;
	font-weight:bold;
}

.navs ul li a:hover
{
	background:url(/images/hnav-on2.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	display:block;
	line-height:42px;
	text-decoration:none;
	padding-left:1px;
	font-weight:bold;
}

.navs .selected a
{
	background:url(/images/hnav-on2.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	display:block;

	line-height:42px;
	text-decoration:none;
	padding-left:1px;
	font-weight:bold;
}

.navs li:hover ul 
{
	margin:0;
	padding:0;
	left:0;
}

.navs ul ul /* Second Level Menu */
{
	position: absolute;
	z-index: 1000;
	padding: 0px;
	border:0;
	display:none;
	border-left:1px solid #2E1705;
	border-right:1px solid #2E1705;
	border-top:1px solid #000;
}

.navs ul ul li/* Second Level Menu */
{
	border-left:0;
	border-right:0;
	height:28px;
	background:none;
	padding-right:0;
}

.navs ul li:hover ul li a  /* Second Level Menu */
{
	display:block;
	width:200px;
	height:28px;
	line-height:28px;
	border-top:0;
	border-bottom:1px solid #2E1705;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding:0;
	padding-left:10px;
	margin:0;
	text-decoration:none;
	background:none;
	background-color:#026C55;
}

.navs ul li:hover ul li a:hover  /* Second Level Menu */
{
	background-color:#E7AD0E;
	color: #026C55;
}

.navs ul li:hover .selected a  /* Second Level Menu */
{
	background-color:#E7AD0E;
	color: #026C55;
}

.navs #home
{
	width:65px;
	text-align:center;
}

.navs #restaurant
{
	width:120px;
	text-align:center;
}

.navs #menus
{
	width:75px;
	text-align:center;
}

.navs #events
{
	width:80px;
	text-align:center;
}

.navs #parties
{
	width:80px;
	text-align:center;
}

.navs #receptions
{
	width:110px;
	text-align:center;
}

.navs #functions
{
	width:105px;
	text-align:center;
}

.navs #news
{
	width:65px;
	text-align:center;
}

.navs #about
{
	width:75px;
	text-align:center;
}

.navs #reviews
{
	width:85px;
	text-align:center;
}

.navs #contact
{
	width:105px;
	text-align:center;
	background:none;
}

/* --------- End CSS ONLY HNAV ---------- */
