@import url(display.css);

/* Page Layout */

#container{
	width: 900px;
	margin: 0 auto;	
}

#header{
	width: 801px;
	height:78px;
	padding-left: 99px;
	background:url(../images/bg_header.jpg) no-repeat #c4c2ac;

}

/* Menu Navigation
-------------------------------------------------------------------------- */
#nav{
	width: 701px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url('../images/bg_navigation.png') no-repeat 0 0;
}

#nav ul {margin: 0px; padding: 0px;}
#nav ul li {float: left; list-style: none; margin: 0px;}
#nav ul li a {height: 77px; display: block; text-indent: -999px; overflow: hidden;}

#nav ul li.navHome a {width: 84px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: 0px 0px;}
#nav ul li.navAbout a{width: 99px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -89px 0px;}
#nav ul li.navCatering a {width: 162px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -188px 0px;}
#nav ul li.navMenus a {width: 82px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -350px 0px;}
#nav ul li.navVenues a {width: 80px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -432px 0px;}
#nav ul li.navUpdates a {width: 86px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -512px 0px;}
#nav ul li.navContact a{width: 103px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -592px 0px;}

#nav ul li.navHome a:hover {background-position: -0px -78px;}
#nav ul li.navAbout a:hover {background-position: -89px -78px;}
#nav ul li.navCatering a:hover {background-position: -188px -78px;}
#nav ul li.navMenus a:hover {background-position: -350px -78px;}
#nav ul li.navVenues a:hover {background-position: -432px -78px;}
#nav ul li.navUpdates a:hover {background-position: -512px -78px;}
#nav ul li.navContact a:hover {background-position: -592px -78px;}

#nav ul li.navHomeSel a {width: 84px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: 0px -78px;}
#nav ul li.navAboutSel a{width: 99px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -89px -78px;}
#nav ul li.navCateringSel a {width: 162px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -188px -78px;}
#nav ul li.navMenusSel a {width: 82px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -350px -78px;}
#nav ul li.navVenuesSel a {width: 80px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -432px -78px;}
#nav ul li.navUpdatesSel a {width: 86px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -512px -78px;}
#nav ul li.navContactSel a{width: 103px; background: url('../images/bg_navigation.png') no-repeat 0 0; background-position: -592px -78px;}


#flashContent{
	width: 900px;
	height: 454px;
	margin: 0px;
	padding: 0px;
	background:url(../images/flash_home.jpg) no-repeat ;
}

/* ========== CATERING ================================================================================= */
#flashCatering{
	width: 900px;
	height: 454px;
	margin: 0px;
	padding: 0px;
	background:url(../images/flash_catering.jpg) no-repeat ;
	
}

#flashCateringBoardroom{
	width: 900px;
	height: 325px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_catering.jpg) no-repeat;
	text-align:center;
}

#flashCateringEvent{
	width: 900px;
	height: 325px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_catering.jpg) no-repeat;
	text-align:center;
}

#flashCateringWedding{
	width: 900px;
	height: 325px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_catering.jpg) no-repeat ;
	text-align:center;
}

#flashCateringSpecial{
	width: 900px;
	height: 325px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_catering.jpg) no-repeat ;
	text-align:center;
}

#flashCateringTheme{
	width: 900px;
	height: 325px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_catering.jpg) no-repeat ;
	text-align:center;
}

/* ========== VENUES ================================================================================= */
#flashVenues{
	width: 900px;
	height: 454px;
	margin: 0px;
	padding: 0px;
	background:url(../images/flash_venues.jpg) no-repeat ;
}

#flashVenuesPth{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_venues.jpg) no-repeat ;
	text-align:center;
}

#flashVenuesWharf8{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_venues.jpg) no-repeat ;
	text-align:center;
}

#flashVenuesTcg{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_venues.jpg) no-repeat ;
	text-align:center;
}

#flashVenuesRbg{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_venues.jpg) no-repeat ;
	text-align:center;
}

#flashVenuesCabanabar{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_venues.jpg) no-repeat ;
	text-align:center;
}

#flashVenuesOaf{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_venues.jpg) no-repeat ;
	text-align:center;
}

#flashVenuesCrh{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_venues.jpg) no-repeat ;
	text-align:center;
}

#flashVenuesOther{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_venues.jpg) no-repeat ;
}

/* ========== MENUS ================================================================================= */
#flashMenus{
	width: 900px;
	height: 454px;
	margin: 0px;
	padding: 0px;
	background:url(../images/flash_menus.jpg) no-repeat ;
}

#flashMenusCanapes{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_menus.jpg) no-repeat ;
	text-align:center;
}

#flashMenusFd{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_menus.jpg) no-repeat ;
	text-align:center;
}

#flashMenusSpecial{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_menus.jpg) no-repeat ;
	text-align:center;
}

#flashMenusBeverages{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_menus.jpg) no-repeat ;
	text-align:center;
}

#flashMenusSweet{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_menus.jpg) no-repeat ;
	text-align:center;
}

#flashMenusSubcanapes{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_menus.jpg) no-repeat ;
	text-align:center;
}


/* ========== CONTACT ================================================================================= */
#flashContact{
	width: 900px;
	height: 454px;
	margin: 0px;
	padding: 0px;
	background:url(../images/flash_contact.jpg) no-repeat ;
}

#flashThanks{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_thanks.jpg) no-repeat ;
	text-align:center;
}

/* ========== ABOUT ================================================================================= */
#flashAbout{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/flash_about.jpg) no-repeat ;
}

#flashOurteam{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_ourforte.jpg) no-repeat ;
	text-align:center;
}
#flashTestimonials{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_ourforte.jpg) no-repeat ;
	text-align:center;
}

#flashPersonnel{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/bg_flash_ourforte.jpg) no-repeat ;
	text-align:center;
}





/* ========== UPDATES ================================================================================= */
#flashUpdates{
	width: 900px;
	height: 323px;
	margin: 0px;
	padding: 0px;
	background:url(../images/flash_updates.jpg) no-repeat ;
}

#imgUpdates{width:645px; height: 286px; display:block; margin-left:130px}
#hdUpdates{width:900px; height: 39px; display:block;background:url(../images/hd_updates.png) no-repeat;}

#subflashContent{
	width: 900px;
	height: 454;
	margin: 0px;
	padding: 0px;
	background:url(../images/flash_home.jpg) no-repeat #e2e1d6;
}


#content{
	width: 900px;
	margin: 0px;
	padding: 0px;
}

#subNav{
	width: 280px;
	padding: 10px 0 0 0;
	text-align:right;
	float: left;
	cursor:pointer;
}
#container #content #subNav a:hover{color:#34271a !important;}

#pageContent{
	width: 460px;
	padding: 0px 0px 0 0;
	float: left;
	text-align:justify;
	margin-left:36px;
}
#footer{
	width: 775px;
	height: 26px;
	color: #cccbbe;
	background:url(../images/bg_footer.png) no-repeat #fff;
	text-indent: -9999px;
	overflow:hidden;

}

#footerHome{
	width: 845px;
	height: 26px;
	color: #cccbbe;
	background:url(../images/bg_footerhome.png) no-repeat #fff;
	text-indent: -9999px;
	overflow:hidden;

}

/* ========== HOME PAGE ================================================================================= */

#homeTxt{
	width: 670px;
	padding: 20px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#request{
	width: 250px;
	padding: 30px 30px 0px 0px;
	margin: 0px 0px 30px 0px;
	float:right;
}


/* ========== INTERNAL PAGES ========== */

#catLeft{
	width: 409px;
	padding: 25px;
	margin: 10px 0px 10px 20px;
	float: left;
}

#catRight{
	width: 409px;
	padding: 25px;
	margin: 10px 20px 10px 0px;
	float:right;
}

#txtLeft{
	width: 580px;
	padding: 5px;
	margin: 10px 0px 10px 20px;
	float: left;
}

#txtRight{
	width: 290px;
	padding: 0px;
	margin:30px 20px 0px 20px;
	float:right;
}

#catMenu{
	width:283;
	float: right;
	margin:0px;
	padding: 0px;
	font-size: 16px;
	color: #fff;
	background: url(../images/bg_catmenu.png) no-repeat;

}

#catMenu a{
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

#catMenu a:hover{
	font-size: 16px;
	color: #221e0a;
}

#catMenu ul{
	margin:0;
	padding:8px 0px 0px 0px;
	
}

#catMenu ul li{
	margin-bottom: 9px;
	list-style:none;
	padding-left:25px;
}


/* ========== ONLINE SHOPPING ========== */
#joinNewsletter{
	width: 215px;
	height: 165px;
	line-height: 10px;
	background:url(../images/bg_box_newsletter.png) #ffffff;
	padding: 60px 8px 0px 12px;
	margin: 30px 0px 0px 0px;
	float:right;
}
#joinNewsletter label{
	font-size: 11px;
}

#joinNewsletter ul li{
	list-style-image:none;
	
}


/* ========== FORMS ========== */

.clearBoth { clear: both; overflow: hidden; height: 0px; font-size: 1px; }

div.clear {
	clear: both;
	margin: -1px 0 0 0;
	visibility: hidden;
	height: 1px;
}

div.clear hr {
	display: none;
}