/*----------------------------------------------------

Modified     May 11, 2010

Author       BE3Designs [info@be3designs.com]

-----------------------------------------------------*/



html, body {

	margin:					0px; 

	padding:	            0px;

}



body {

	background:				url(../../images/interface/background.jpg) repeat;

	font-family: 			Arial, Helvetica, sans-serif;

}



h1,h2,h3 {

	margin:					0px 0px 0px 0px;

}



p {

	font-size:				14px;

	line-height:			18px;

	margin:					0px 0px 10px 0px;

}



.wrapper {

	width:					840px;

	margin:					54px auto 0px auto;

}



.header {

	width:					840px;

	height:					208px;

	background:				url(../../images/interface/header-bg.png) no-repeat;

	position:				relative;

}



/* PICTURE FRAME

--------------------------------------------------------------------------------------- */

#pictureFrame {

	width:					602px;

	height:					262px;

	position:				absolute;

	bottom:					0px;

	left:                   118px;

	z-index:				1;

	overflow:				hidden; /*so that if js is disabled, only one image shows up*/

}



#homeFade {

	margin:					0px 0px 0px 0px;

	padding:	            0px 0px 0px 0px;

	z-index:				5;

}



	.banner {

		width:					602px;

		height:					262px;

		position:				absolute;

		bottom:					0px;

		left:                   118px;

	}



.content {

	width:					840px;

	background:				url(../../images/interface/content-bg.png) repeat-y;

	padding-bottom:         40px;

}



	.container {

		padding:                40px 120px 0px 70px;

	}



	.logo {

		width:					120px;

		height:					46px;

		margin:					0px 0px 50px 0px;

		padding:                0px 0px 0px 0px;

	}

	

	.navigation {

		width:					220px;

		float:					left;

	}

	

		.navigation .menu {

			width:					185px;

			line-height:			20px;

			margin-left:			35px;

		}

		

		.navigation .menu .accordionButton li {

			width:					170px;

			font-size:				16px;

			margin:					0px 0px 8px 0px;

			padding-left:           15px;

		}

		

		.navigation .menu .accordionButton li:hover {

			background:				url(../../images/interface/menu-bg.gif) no-repeat;

			padding-left:           15px;

		}

		

		.navigation .menu .accordionButton a, .menu .accordionContent a {

			color:					#4d4e53;

		}

		

		.navigation .menu .accordionButton a:hover, .menu .accordionContent a:hover,

		.navigation .menu .accordionButton a:hover, .menu .accordionContent a.current {

			color:					#008dff;

		}

		

		.navigation .menu .accordionContent ul.subMenu {

			/*width:					165px;*/

			padding:                0px 0px 8px 25px;

			display:                block;

		}

		

		.navigation .menu .accordionContent ul.subMenu li {

			font-size:				12px;

		}

		

		.navigation .menu .accordionContent ul.subMenu li:hover {

			display:				block;

		}

		

		.navigation .menu .accordionContent ul.subMenu li.sfhover {

			display:				block;

		}

		

		/*.accordion_content {

			overflow: 				hidden;  keeps the submenu from appearing behind parent menu 

		}*/

		

		#design #menu-design a {

			color:					#008dff;

		}

		

		#culinary #menu-culinary a {

			color:					#008dff;

		}

		 

		#menus #menu-menus a {

			color:					#008dff;

		}

		 

		#events #menu-events a {

			color:					#008dff;

		} 

		

		#cafe #menu-cafe a {

			color:					#008dff;

		} 

		

		#contact #menu-contact a {

			color:					#008dff;

		}

		 

		#reservations #menu-reservations a {

			color:					#008dff;

		} 
		
		.newMenuItem {

			color:					#008dff;

		}

	

	.text {

		float:					right;

		width:					410px;

		min-height:				410px;

	}



	.text p {

		color:					#4d4e53;

		font-size:				14px;

		line-height:			18px;

		padding-left:           20px;

	}

	

	.text a {

		color:					#008dff;

	}

	

		.text p.intro {

			background:				url(../../images/interface/intro-bg.gif) no-repeat;

			padding-left:           20px;

			color:					#008dff;

			font-size:				16px;

			margin-bottom:			25px;

		}

		

		.text p.introMain {

			background:				url(../../images/interface/intro-bg.gif) no-repeat;

			color:					#4d4e53;

		}

		

	.pricing {

		color:					#4d4e53;

		font-size:				14px;

		line-height:			18px;

		padding-left:           20px;

		margin-bottom:			20px;

	}

	

		.pricing .space {

			padding-left:           20px;

		}

		

		.nudge {

			padding-left:           2px;

		}

		

	ul.bulleted {

		color:					#4d4e53;

		font-size:				14px;

		line-height:			18px;

		padding-left:           20px;

		list-style:				outside;

	}



.footer {

	width:					840px;

	height:					293px;

	background:				url(../../images/interface/footer-bg.png) no-repeat;

}



.footerLinks p {

	color:					#a3a3a5;

	font-size:				11px;

	text-align:				center;

}



	.footerLinks a {

		color:					#a3a3a5;

	}