@import url("reset.css");

strong { font-weight:bold; }
em { font-style:italic; } 
input, textarea { margin:10px 0; padding:3px; width:300px; font-size:120%; font-weight:bold; }
	input.btn { width:auto; color:#7A692D; font-weight:normal; display:block; }

html, body { height: 100%; }

body { font-size:.76em; font-family:Arial, Helvetica, sans-serif; color:#9D8D5F; background-color:#FCF9E0; }
body a { color:#9D8D5F; }
body a:hover { text-decoration:none; } 
blockquote { margin-left:20px; }

div#bgrad { background:#FCF9E0 url(/images/bg-grad-bottom.gif) bottom repeat-x; position:absolute; bottom:0; height:100px; width:100%; z-index:-1;} 

#container { background:url(/images/bg-grad-top.gif) top repeat-x; position:relative; min-height:100%; } * html #container { height: 100%; } /*for ie6*/
	#container #header, #container #main, #container #footer, #container #subnav { width:830px; margin:0 auto; }

	/*header*/
	#container #header { text-align:center; height:240px; } 
		#container #header #logo { } 
		#container #header #nav { height:40px; width:720px; margin:15px auto; padding-top:10px; background:url(/images/bg-nav.gif) no-repeat; text-align:center; } 
		#container #header #nav #mainnav { width:600px; margin:0 auto; } 
			#container #header #nav #mainnav a { display:block; height:17px; vertical-align:middle; float:left; padding-right:6px; } 
				#container #header #nav #mainnav a.last { border-right:none; }
				/*top nav image changers*/
				#container #header #nav #mainnav a#navweddings { width:88px; background:url(/images/nav/weddings.gif) no-repeat left top; }
				#container #header #nav #mainnav a#navspecialevents { width:126px; background:url(/images/nav/special-events.gif) no-repeat left top; }
				#container #header #nav #mainnav a#navbusinesscatering { width:150px; background:url(/images/nav/business-catering.gif) no-repeat left top; }
				#container #header #nav #mainnav a#navmenus { width:57px; background:url(/images/nav/menus.gif) no-repeat left top; }
				#container #header #nav #mainnav a#navabout { width:63px; background:url(/images/nav/about.gif) no-repeat left top; }
				#container #header #nav #mainnav a#navcontact { width:70px; background:url(/images/nav/contact.gif) no-repeat left top; }
				/*hover states*/
				#container #header #nav #mainnav a#navweddings:hover { width:88px; background:url(/images/nav/weddings.gif) no-repeat left center; }
				#container #header #nav #mainnav a#navspecialevents:hover { width:126px; background:url(/images/nav/special-events.gif) no-repeat left center; }
				#container #header #nav #mainnav a#navbusinesscatering:hover { width:150px; background:url(/images/nav/business-catering.gif) no-repeat left center; }
				#container #header #nav #mainnav a#navmenus:hover { width:57px; background:url(/images/nav/menus.gif) no-repeat left center; }
				#container #header #nav #mainnav a#navabout:hover { width:63px; background:url(/images/nav/about.gif) no-repeat left center; }
				#container #header #nav #mainnav a#navcontact:hover { width:70px; background:url(/images/nav/contact.gif) no-repeat left center; }
				
	
	/*sub nav*/
	#container #subnav { text-align:center; padding-top:9px; color:#A89D76; font-size:90%; }
		#container #subnav a, #container #subnav strong { text-decoration:none; margin:0 5px; }
		#container #subnav a:hover, #container #subnav strong { color:#7A692D; }
		
		
	/*main*/
	#container #main { margin-top:40px;}
		#container #main #photospread { height:175px; background:url(/images/bg-photostrip-home.gif) no-repeat; margin-bottom:45px; padding-top:10px; padding-left:5px; } 
			#container #main #photospread img { padding-left:5px; display:none; }
		#container #main #blurb { width:580px; margin:0 auto; text-align:center; }
			#container #main #blurb h1 { background:url(/images/headlines/sit-back-relax.gif) no-repeat; text-indent:-5000px; height:40px; width:580px; margin:0 auto; }
			#container #main #blurb p { } 
		#container #main #photos img { border: 10px solid #F4F0D4; margin-bottom:15px; }
		#container #main div#photos {  margin:0 10px 0 0; float:left; width:235px; }
		#container #main #content p { margin-bottom:15px; }
			#container #main #content div.divider { width:40%; margin:20px auto; text-align:center; border-bottom:1px solid #B4A87F; }
			#container #main #content img { margin:0 0 10px 10px; float:right; }
			
		#container #main div#content { width:525px; float:right; margin-right:50px; } 
		#container #main div#content h2 { font-weight:bold; font-size:110%; color:#9D8D5F; } 
		#container #main div#content h3 { font-size:120%; font-weight:bold; color:#9D8D5F; margin:10px 0; } 

	/*Headlines*/
		#container #main h1.weddings { background:url(/images/headlines/weddings.gif) no-repeat; text-indent:-5000px; height:40px; width:109px; margin-left:255px; } 
		#container #main h1.specialevents { background:url(/images/headlines/special-events-catering.gif) no-repeat; text-indent:-5000px; height:40px; width:254px; margin-left:255px; } 
		#container #main h1.businesscatering { background:url(/images/headlines/business-events-catering.gif) no-repeat; text-indent:-5000px; height:40px; width:275px; margin-left:255px; } 
		#container #main h1.menuselections { background:url(/images/headlines/menu-selections.gif) no-repeat; text-indent:-5000px; height:40px; width:200px; margin-left:255px; } 
			#container #main h1.salads { background:url(/images/headlines/salads.gif) no-repeat; text-indent:-5000px; height:40px; width:300px; margin-left:255px; } 
			#container #main h1.desserts { background:url(/images/headlines/desserts.gif) no-repeat; text-indent:-5000px; height:40px; width:300px; margin-left:255px; } 
			#container #main h1.butlered { background:url(/images/headlines/butlered.gif) no-repeat; text-indent:-5000px; height:40px; width:300px; margin-left:255px; } 
			#container #main h1.buffet { background:url(/images/headlines/buffet.gif) no-repeat; text-indent:-5000px; height:40px; width:300px; margin-left:255px; } 
			#container #main h1.plated { background:url(/images/headlines/plated.gif) no-repeat; text-indent:-5000px; height:40px; width:300px; margin-left:255px; } 
		#container #main h1.about { background:url(/images/headlines/about.gif) no-repeat; text-indent:-5000px; height:40px; width:275px; margin-left:255px; } 
			#container #main h1.accolades { background:url(/images/headlines/accolades.gif) no-repeat; text-indent:-5000px; height:40px; width:118px; margin-left:255px; } 
			#container #main h1.faqs { background:url(/images/headlines/faqs.gif) no-repeat; text-indent:-5000px; height:40px; width:90px; margin-left:255px; } 
			#container #main h1.links { background:url(/images/headlines/links.gif) no-repeat; text-indent:-5000px; height:40px; width:200px; margin-left:255px; } 
			#container #main h1.gallery { background:url(/images/headlines/gallery.gif) no-repeat; text-indent:-5000px; height:40px; width:200px; margin-left:255px; } 
		#container #main h1.contact { background:url(/images/headlines/contact.gif) no-repeat; text-indent:-5000px; height:40px; width:275px; margin-left:255px; } 
	
	
	#container #footer { text-align:center; margin-top:20px; padding:20px 0; font-size:90%; clear:both; background:url(/images/bg-footer.gif) no-repeat center top; }
	
	
/*utilities*/
.clear { clear:both; }
.right { text-align:right; }
.clear { text-align:center; }