@charset "utf-8";
/* CSS Document */

html { height: 100%; }
	body { height: 100%; margin: 0px; background-color: #252529; font-family: "Arial Narrow", "Tahoma", "Arial"; font-size: 14px; color: #FFFFFF; }
	p { font-family: "Arial Narrow", "Tahoma", "Arial"; font-size: 14px; color: #FFFFFF; line-height: 18px; font-stretch: -5px; letter-spacing: .1em; text-align: justify; }
	a { text-decoration: none; color: #ff8700; }
	h1 { padding-bottm: 5px; }
	a:hover { text-decoration: none; color: #FFFFFF;  }
	textarea { resize: none; } 
	.clean { margin: 0px; padding: 0px; }
	
	ul.jsddm { list-style-type: none; display: block; margin: 0px; padding: 0px; padding-top: 10px; position: relative; z-index: 0; }
	ul.jsddm li { display: inline; }
	ul.jsddm li a { text-decoration: none; padding: 15px 10px 12px 15px; color: #FFFFFF; }
	ul.jsddm li a:hover { text-decoration: none; color: #ff8700; }
	
	/* 
	LEVEL ONE
		*/
		ul.jsddm a:active               { color: #ff8700; }}
		ul.jsddm li:last-child a        { border-right: none; } /* Doesn't work in IE */
		
		ul.jsddm ul 					{ width: 130px; background-color: #000000; visibility: hidden; position: absolute; top: 30px; left: -30px;}
		ul.jsddm ul li 					{ font-weight: normal; background: #000000; color: #FFFFFF; float: none; position: relative; left: -30px; top: 0px; padding: 0px;  }
											  
											/* IE 6 & 7 Needs Inline Block */
		ul.jsddm ul li a				{ width: 100%; display: inline-block; } 


		
		ul.jsddm ul ul 					{ top: 30px; }
		ul.jsddm li:hover > ul 			{ visibility: visible; background-color: #000000; position: absolute; top: 30px; left: 0px;  }


	
	div #main_wrapper { background-color: #252529; width: 100%; margin-bottom: -330px; min-height: 100%; position: relative; }
	
	div #login_wrapper { width: 1024px; height: 20px; background-color: #252529; margin: 0px auto; text-align: right;}
	input.login { font-size: 8px; background-color: #252529; color: #FFFFFF; font-family: "Arial Narrow"; border: 1px solid #4d4d4d; }
	input.submit { font-size: 8px; background-color: #000000; color: #ff8700; font-family: "Arial Narrow"; border: 1px solid #4d4d4d;  }
		
	div #main_image_wrapper { width: 100%; height: 325px; background-color: #000000; z-index: 1; padding-top: 2px;  }
		div #index.home { background: url(../image/index.png); width: 1024px; height: 321px; margin: 0px auto;}
		div #index.menu { background: url(../image/menu.png); width: 1024px; height: 321px; margin: 0px auto;}
		div #index.gallery { background: url(../image/gallery.png); width: 1024px; height: 321px; margin: 0px auto;}
		div #index.contact { background: url(../image/contact.png); width: 1024px; height: 321px; margin: 0px auto;}
		div #index.home img.logo#home { width: 409px; height: 172px; position: relative; top: -20px; left: -5px; margin: 0px auto; }
		div #index.home img.motto#home { width: 334px; height: 112px; position: relative; top: 161px; left: 285px; margin: 0px auto; }
		div #index.menu img.logo#home { width: 409px; height: 172px; position: relative; top: -20px; left: -5px; margin: 0px auto; }
		div #index.menu img.motto#menu { width: 334px; height: 112px; position: relative; top: 161px; left: 285px; margin: 0px auto; }
		div #index.gallery img.logo#home { width: 409px; height: 172px; position: relative; top: -20px; left: -5px; margin: 0px auto; }
		div #index.gallery img.motto#gallery { width: 334px; height: 112px; position: relative; top: 161px; left: 285px; margin: 0px auto; }
		div #index.contact img.logo#home { width: 409px; height: 172px; position: relative; top: -20px; left: -5px; margin: 0px auto; }
		div #index.contact img.motto#contact { width: 334px; height: 112px; position: relative; top: 161px; left: 285px; margin: 0px auto; }

	div #main_navigation_wrapper { width: 1024px; margin: 0px auto;  padding-bottom: 0px; height: 45px; clear: both;}
	div #navigation_bg { z-index: 2; background-color: #000; float: left; position: relative; left: 20px; height: 45px; width: 465px; font-family: "Arial Narrow", "Tahoma", "Arial"; font-size: 18px; }
		div #hours { width: 500px; float: right; padding-top: 10px; height: 45px; font-family: "Arial Narrow"; font-size: 18px; }
		
	div #content_wrapper { width: 1024px; margin: 0px auto; position: relative; }
	div #content_wrapper #left { width: 575px; margin-left: 20px; float: left;}
	div #content_wrapper #right { width: 406px; padding-left: 23px; padding-top: 15px; float: right; position: relative; }
	div #content_wrapper #left.menu_c { width: 575px; margin-left: 20px; float: left;}
	div #content_wrapper #right.menu_c { width: 406px; padding-left: 15px; float: right; position: relative;}
		div #content_wrapper #left.menu_c h1 { margin: 0px; padding: 0px;}
		div #content_wrapper #right.menu_c h1 { margin: 0px; padding: 0px;}
		div #content_wrapper #left.menu_c h2 { margin: 0px; padding: 0px;}
	div #content_wrapper #gallery { width: 981px; margin-left: 20px; float: left;}
	.lbGallery {
		padding: 0px;
		padding-left: 0px;
		margin-left: -10px;
		width: 1024px;
	}
	.lbGallery ul { list-style: none; margin: 0px; margin-left: -35px; }
	.lbGallery ul li { display: inline; padding: 0px 5px 10px 5px; }
	.lbGallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 0px 0px 20px;
	}
	.lbGallery ul a:hover img {
		border: 2px solid #fff;
		border-width: 0px 0px 20px;
		color: #fff;
	}
	.lbGallery ul a:hover { color: #fff; }
	
	div #content_wrapper #comment-page { width: 981px; margin: 0px auto; padding-top: 10px; padding-bottom: 10px;}
	div #content_wrapper #comment-page form#comment-form { padding: 10px; padding-bottom: 0px; font-family: "Arial Narrow"; }
	div #content_wrapper #comment-page form#comment-form span#name { padding: 5px; font-size: 16px; display: block; }
	div #content_wrapper #comment-page form#comment-form input#input-field { padding: 2px; font-size: 16px; border: 1px solid #4d4d4d; background-color: #FFFFFF;}
	div #content_wrapper #comment-page form#comment-form textarea#comment-field { padding: 2px; font-size: 16px; border: 1px solid #4d4d4d; background-color: #FFFFFF; }
	div #content_wrapper #comment-page form#comment-form input#comment { font-size: 16px; background-color: #000000; color: #ff8700; font-family: "Arial Narrow"; border: 1px solid #4d4d4d;  }
	
	div #content_wrapper #contact-page-left { width: 205px; padding: 10px; display: block; float: left; margin-left: 10px; text-align: left;}
	div #content_wrapper #contact-page-left#left form#contact-form { padding: 10px; padding-right: 0px; font-family: "Arial Narrow"; }
	div #content_wrapper #contact-page-left#left form#contact-form span#name { padding: 5px; font-size: 16px; display: block;}
	div #content_wrapper #contact-page-left#left form#contact-form input#input-field { padding: 2px; font-size: 16px; border: 1px solid #4d4d4d; background-color: #FFFFFF;}
	div #content_wrapper #contact-page-left#left form#contact-form textarea#comment-field { padding: 2px; font-size: 16px; border: 1px solid #4d4d4d; background-color: #FFFFFF; }
	div #content_wrapper #contact-page-left#left form#contact-form input#comment { font-size: 16px; background-color: #000000; color: #ff8700; font-family: "Arial Narrow"; border: 1px solid #4d4d4d;  }
	
	div #content_wrapper #contact-page-right { width: 756px; display: block; float: left; margin-top: -10px; padding: 10px;  }
	div #content_wrapper #contact-page-right #left { width: 280px; display: block; float: left; margin-left: 10px;}
	div #content_wrapper #contact-page-right #right { width: 461px; display: block; float: right; padding: 0px;}
		
	div #photos { background-color: #000000; width: 388px; height: 162px; }
		ul#photos_list { list-style-type: none; display: block; margin: 0px; padding-left: 6px; padding-top: 15px;  }
		#photos_list li { display: inline; padding: 2px 2px 5px 0px; }
	div #facebook_fan { margin-top: 10px; width: 388px;}
	div #catering { margin-top: 10px; width: 388px;}
	div #comments { margin-top: 10px; width: 388px; background-color: #000000;}
		div #comments img#top_left { position: relative; top: 10px; left: 10px; }
		div #comments div#center { width: 365px; margin-left: 10px; margin-right: 10px; margin-top: 20px; min-height: 110px; display: block;}
		div #comments div#center p { padding-left: 5px; padding-right: 5px; padding-top: 20px; padding-bottom: 20px; text-align: center; vertical-align:middle; font-size: 16px;}
		div #comments div#leave_comment { position: relative; top: 10px; left: 10px; display: block; width: 350px; }
		div #comments img#bot_right { position: relative; top:-10px; left: 348px; }
	.clearfooter { height: 10px; clear: both; }
	div #footer { height: 100px; width: 100%; position: relative; margin: 0px auto; background-color: #000000;}
	div #t { height: 100px; margin: 0px auto; background-color: #000000; width: 100%; padding: 10px; border-top: 1px solid #83683a;padding-left: 0px; padding-right: 0px;}
	div #r { height: 100px; margin: 0px auto; width: 1024px; background-color: #000000;}
	div #r div#left { width: 328px; float: left; padding: 5px; text-align: left; }
	div #r div#center { width: 338px; float: left; padding: 5px; text-align: center; }
	div #r div#right { width: 328px; float: left; padding: 5px; text-align: right; }
	
	.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }