<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 7]>
<html class="lt-ie9 lt-ie8" lang="en-US" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 8]>
<html class="lt-ie9" lang="en-US" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 9]>
<html class="ie9" lang="en-US" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en-US" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <!--<![endif]-->
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="HandheldFriendly" content="True">
	<meta name="apple-touch-fullscreen" content="yes"/>
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Home - The American</title>
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="http://theamericankc.com/xmlrpc.php">
	<![if IE]>
	<script type='text/javascript'>
		if(/*@cc_on!@*/false)
			var isIe = 1;
	</script>
	<![endif]>
	
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.6.3 - https://yoast.com/wordpress/plugins/seo/ -->
<link rel="canonical" href="http://theamericankc.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Home - The American" />
<meta property="og:description" content="Established in 1974 with iconic architecture and sweeping views of Kansas City, The American offers progressive cuisine led by executive chef Michael Corvino. Open Tuesday thru Saturday Lounge opens at 4:00 pm Dining Room opens at 5:00 pm" />
<meta property="og:url" content="http://theamericankc.com/" />
<meta property="og:site_name" content="The American" />
<meta property="og:image" content="http://theamericankc.com/wp-content/uploads/2014/10/20130910-corvino-plating-veal-1-45.jpg" />
<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "WebSite", "url": "http://theamericankc.com/", "potentialAction": { "@type": "SearchAction", "target": "http://theamericankc.com/?s={search_term}", "query-input": "required name=search_term" } }</script>
<!-- / Yoast WordPress SEO plugin. -->

<link rel="alternate" type="application/rss+xml" title="The American &raquo; Feed" href="http://theamericankc.com/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="The American &raquo; Comments Feed" href="http://theamericankc.com/?feed=comments-rss2" />
<link rel='stylesheet' id='google-webfonts-css'  href='//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C700%2C900%7CCabin%3A400%2C700%2C400italic%2C700italic%7CHerr+Von+Muellerhoff&#038;ver=4.0' type='text/css' media='all' />
<link rel='stylesheet' id='wpgrade-main-style-css'  href='http://theamericankc.com/wp-content/themes/rosa/assets/css/style.css?ver=201410200134' type='text/css' media='all' />
<style type='text/css'>
	a, a:hover, .nav--main a:hover, .headline__secondary, .separator--line-flower,
										.tabs__nav a.current, .tabs__nav a:hover, .btn.btn--text, .btn--text.comments_add-comment,
										.comments_add-comment.read-more-button, .form-submit .btn--text#comment-submit,
										.form-submit #comment-submit.read-more-button, .btn--text.wpcf7-form-control.wpcf7-submit,
										.wpcf7-form-control.wpcf7-submit.read-more-button, .btn--text.otreservations-submit,
										.otreservations-submit.read-more-button, .widget_tag_cloud a.btn--text, .widget_tag_cloud a.read-more-button, .btn.read-more-button,
										a:hover > .pixcode--icon, .widget a:hover, blockquote, .meta-list a.btn:hover,
										.meta-list a.comments_add-comment:hover, .meta-list .form-submit a#comment-submit:hover,
										.form-submit .meta-list a#comment-submit:hover, .meta-list a.wpcf7-form-control.wpcf7-submit:hover,
										.meta-list a.otreservations-submit:hover, .meta-list .widget_tag_cloud a:hover, .widget_tag_cloud .meta-list a:hover, .btn.btn--text:hover,
										.article__content a:not([class]), .article__content a:hover:not([class]):hover,
										.article__header .article__headline .headline__description .star, .read-more-button, .read-more-button:hover, .shop-categories a.active,
										body.woocommerce ul.products li.product .product__button, body.woocommerce ul.products li.product .added_to_cart,
										body.woocommerce ul.products li.product a.added_to_cart, body.woocommerce ul.products li.product .price ins,
										.single-product .entry-summary .price span, body.woocommerce .star-rating span:before, .comment-reply-link {
	color: #c59d5f; 

}
.btn--primary, .shop-menu-item .shop-items-number, .comments_add-comment, .form-submit #comment-submit, .btn:hover, .wpcf7-form-control.wpcf7-submit:hover,
						                .pagination li a:hover, form.shipping_calculator button.button:hover, .otreservations-submit:hover, .pixcode--icon.square:hover, .pixcode--icon.circle:hover,
						                .sidebar--footer__accent, .copyright-area.copyright-area__accen, .menu-list__item-highlight-title {
	background-color: #c59d5f; 

}
body.woocommerce button.button.alt:hover, body.woocommerce-page #respond input#submit:hover,
                                        body.woocommerce div.woocommerce-message .button:hover, td.actions input.button:hover, body.woocommerce-page input.button:hover,
                                        body.woocommerce-page input.button.alt:hover, a:hover > .pixcode--icon.circle, a:hover > .pixcode--icon.square {
	background: #c59d5f; 

}
.tabs__nav a.current, .tabs__nav a:hover, .btn.btn--text, .btn--text.comments_add-comment, .comments_add-comment.read-more-button,
						.form-submit .btn--text#comment-submit, .form-submit #comment-submit.read-more-button,
						.btn--text.wpcf7-form-control.wpcf7-submit, .wpcf7-form-control.wpcf7-submit.read-more-button,
						.btn--text.otreservations-submit, .otreservations-submit, .read-more-button,
						.widget_tag_cloud a.btn--text, .widget_tag_cloud a.read-more-button, .btn.read-more-button, blockquote, .article__content a:not([class]), .shop-categories a.active,
						body.woocommerce ul.products li.product .product__button, body.woocommerce ul.products li.product .added_to_cart, .menu-list__item-highlight-wrapper:before {
	border-color: #c59d5f; 

}
select:focus, textarea:focus, input[type="text"]:focus,
						input[type="password"]:focus, input[type="datetime"]:focus,
						input[type="datetime-local"]:focus, input[type="date"]:focus,
						input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
						input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
						input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus {
	outline-color: #c59d5f; 

}
.copyright-area.copyright-area__accent svg path {
	fill: #c59d5f; 

}
 body, 
										.up-link {
	color: #515150; 

}
.up-link:before {
	border-color: #515150; 

}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .article-archive .article__title a, .article-archive .article__title a:hover {
	color: #3a3a3a; 

}
.article__header .article__headline .headline__primary, 
										.article__header .article__headline .headline__description * {
	color: #ffffff; 

}
.site-header, .site-header.headroom--not-top, .sub-menu, .headroom--not-top .sub-menu {
	background-color: #2d2d2d; 

}
.page .article__content, .up-link, html {
	background-color: #ffffff; 

}
.headline__secondary {
	margin-bottom: -38px; 

}
.headline__secondary .first-letter {
	top: 9px; 

}
.navigation a {
	font-size: 13px; 

}
.navigation a {
	letter-spacing: 1px; 

}
.nav--main > .menu-item > a {
	text-transform: uppercase; 

}
.nav--main > .menu-item > a {
	text-decoration: none; 

}
body {
	font-size: 16px; 

}
body {
	line-height: 1.7; 

}
.container, .search__container, .site-header__container, .header--sticky .site-header__container {
	max-width: 1250px; 

}
@media only screen and (min-width: 900px) {
.page .type-page .article__content {
	padding-top: 78px; 

}

}
@media only screen and (min-width: 900px) {
.page .type-page .article__content {
	padding-bottom: 78px; 

}

}
@media only screen and (min-width: 900px) {
.sidebar--main {
	width: 300px; 

}

}
@media only screen and (min-width: 900px) {
.page-content.has-sidebar:after {
	right: 300px; 

}

}
@media only screen and (min-width: 900px) {
.page-content.has-sidebar .page-content__wrapper {
	margin-right: 300px; 

}
.page-content.has-sidebar {
	margin-right: -300px; 

}

}
.site-title--image img {
	max-height: 90px; 

}
@media screen and (min-width: 900px) {
.site-header {
	padding-top: px; 

}

}
@media screen and (min-width: 900px) {
.site-header {
	padding-bottom: px; 

}

}
@media screen and (min-width: 900px) {
#page {
	margin-top: px; 

}

}
@media screen and (min-width: 900px) {
#page {
	top: px; 

}

}
@media screen and (min-width: 900px) {
.nav--main > .menu-item > a {
	padding-left: 24px; 

}

}
@media screen and (min-width: 900px) {
.nav--main > .menu-item > a {
	padding-right: 24px; 

}

}
@media screen and (min-width: 900px) {
body {
	border-width: px; 

}

}
@media screen and (min-width: 900px) {
.site-header {
	border-top-width: px; 

}

}
@media screen and (min-width: 900px) {
.site-header {
	border-left-width: px; 

}

}
@media screen and (min-width: 900px) {
.site-header {
	border-right-width: px; 

}

}
@media screen and (min-width: 900px) {
.site-footer {
	border-bottom-width: px; 

}

}
@media screen and (min-width: 900px) {
.navigator {
	margin-right: px; 

}

}
	/* Titles classes here */
	h1, h2, h3, h4, h5, h6, hgroup,
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
	blockquote,
	.tabs__nav, .popular-posts__time,
	.pagination li a, .pagination li span{
	font-family: Source Sans Pro;
		}

	/* Subtitles classes here */
	.headline__secondary {
	font-family: Herr Von Muellerhoff;
		}

	/* Nav classes here */
	.navigation a {
	font-family: Cabin;
		}

	/* Body classes here */
	html, .wp-caption-text, .small-link,
	.post-nav-link__label, .author__social-link,
	.comment__links, .score__desc  {
	font-family: Cabin;
		}
	.site-footer.border-waves:before {
	background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 14' width='19' height='14' enable-background='new 0 0 19 14' xml:space='preserve' preserveAspectRatio='none slice'><g><path fill='#121212' d='M0,0c4,0,6.5,5.9,9.5,5.9S15,0,19,0v7H0V0z'/><path fill='#121212' d='M19,14c-4,0-6.5-5.9-9.5-5.9S4,14,0,14l0-7h19V14z'/></g></svg>");
}
                                            
</style>
<link rel='stylesheet' id='contact-form-7-css'  href='http://theamericankc.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='fc_common_style-css'  href='http://theamericankc.com/wp-content/plugins/formcraft/css/common.css?ver=2.5' type='text/css' media='all' />
<link rel='stylesheet' id='main_style_fc-css'  href='http://theamericankc.com/wp-content/plugins/formcraft/css/editor_form.css?ver=2.5' type='text/css' media='all' />
<link rel='stylesheet' id='fc-fontello-css'  href='http://theamericankc.com/wp-content/plugins/formcraft/css/fontello/css/formcraft.css?ver=2.5' type='text/css' media='all' />
<link rel='stylesheet' id='pixlikes-plugin-styles-css'  href='http://theamericankc.com/wp-content/plugins/pixlikes/css/public.css?ver=1.0.0' type='text/css' media='all' />
<style type='text/css'>
.animate i:after {-webkit-transition: all 1000ms;-moz-transition: all 1000ms;-o-transition: all 1000ms;transition: all 1000ms; }
</style>
<link rel='stylesheet' id='child-theme-style-css'  href='http://theamericankc.com/wp-content/themes/rosa-child/style.css?ver=4.0' type='text/css' media='all' />
<!-- This site uses the Yoast Google Analytics plugin v5.0.7 - Universal enabled - https://yoast.com/wordpress/plugins/google-analytics/ -->
<script type="text/javascript">
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-2724474-34', 'auto');
	ga('set', 'forceSSL', true);
	ga('require', 'displayfeatures');
	ga('send','pageview');

</script>
<!-- / Yoast Google Analytics --><script type='text/javascript' src='http://theamericankc.com/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/themes/rosa/assets/js/vendor/modernizr.min.js?ver=4.0'></script>
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/webfont/1.5.3/webfont.js?ver=4.0'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://theamericankc.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://theamericankc.com/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.0" />
<link rel='shortlink' href='http://theamericankc.com/' />
<script type='text/javascript' src='http://use.typekit.com/wei0nfx.js'></script>
<script type='text/javascript' src='http://use.typekit.com/ncv4igr.js'></script>
<script type='text/javascript' src='http://use.typekit.com/pat4ess.js'></script>
<script type='text/javascript' src='http://use.typekit.com/pxk4nmu.js'></script>
<script type='text/javascript' src='http://use.typekit.com/mwg6xaf.js'></script>
<script type='text/javascript' src='http://use.typekit.com/zmz5jxe.js'></script>
<script type='text/javascript' src='http://use.typekit.com/zxz2acn.js'></script>
<script type='text/javascript'>try{Typekit.load();}catch(e){}</script>
<style type="text/css">
h2, h3, h4, h5, p { font-family: ""effra",sans-serif"; } 
</style>
	<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
	<meta name="description" content="american"/>
<link rel="canonical" href="http://theamericankc.com/"/>
<!-- facebook open graph stuff -->

<meta property="og:site_name" content="The American"/>
<meta property="og:url" content="http://theamericankc.com/"/>
<meta property="og:title" content="Home - The American"/>
	<meta property="og:type" content="article"/>
	<meta property="og:description" content="Established in 1974 with iconic architecture and sweeping views of Kansas City, The American offers progressive cuisine led by executive chef Michael Corvino. Open Tuesday thru Saturday Lounge opens at 4:00 pm Dining Room opens at 5:00 pm"/>
	<meta property="article:published_time" content="2014-10-8 14:10">
	<meta property="article:modified_time" content="2014-10-22 21:15">
	<meta property="article:section" content="">
		<meta property="og:image" content="http://theamericankc.com/wp-content/uploads/2014/10/20130910-corvino-plating-veal-1-45.jpg"/>
<!-- end facebook open graph --><!-- google+ tags -->
	<meta itemprop="name" content="Home">
	<meta itemprop="description" content="Established in 1974 with iconic architecture and sweeping views of Kansas City, The American offers progressive cuisine led by executive chef Michael Corvino. Open Tuesday thru Saturday Lounge opens at 4:00 pm Dining Room opens at 5:00 pm">
	<meta itemprop="image" content="http://theamericankc.com/wp-content/uploads/2014/10/20130910-corvino-plating-veal-1-45.jpg">
	
<!-- end google+ tags -->	<!-- twitter card tags -->
	<meta name="twitter:card" content="summary">
	<meta name="twitter:url" content="http://theamericankc.com/">
			<meta name="twitter:domain" content="wp.theamericankc.com">
	<meta name="twitter:title" content="Home">
	<meta name="twitter:description" content="Established in 1974 with iconic architecture and sweeping views of Kansas City, The American offers progressive cuisine led by executive chef Michael Corvino. Open Tuesday thru Saturday Lounge opens at 4:00 pm Dining Room opens at 5:00 pm">
	<meta name="twitter:image:src" content="http://theamericankc.com/wp-content/uploads/2014/10/20130910-corvino-plating-veal-1-45.jpg">
	<!-- end twitter card tags -->
			<script type="text/javascript">
				WebFont.load({google: {families: ['Source+Sans+Pro', 'Herr+Von+Muellerhoff', 'Cabin:400,500,600,700,400italic,500italic,600italic,700italic']}});
			</script>
		<script type="text/javascript">
;(function($){
                                            
})(jQuery);
</script>
</head>

<body class="home page page-id-8 page-parent page-template-default header--sticky nav-scroll-hide header--transparent" data-smoothscrolling data-color="#c59d5f" >
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
	your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to
	improve your experience.</p>
<![endif]-->
<div id="page" class="page">
	<div class="site-header  header--inversed  js-header">
		<div class="container">
			<div class="flexbox">
				<div class="flexbox__item">
					<a href="#" class="js-nav-trigger  nav-trigger"><i class="icon-reorder"></i></a>
				</div>
				<div class="flexbox__item  branding-container">
					<div class="site-header__branding">
			<h1 class="site-title site-title--image">
			<a class="site-logo  site-logo--image" href="http://theamericankc.com" title="The American" rel="home">
						<img class="site-logo-img--light" src="http://theamericankc.com/wp-content/uploads/2014/10/theamerican_inverse.png"  rel="logo" alt="The American"/>

            			<img class="site-logo-img--dark" src="http://theamericankc.com/wp-content/uploads/2014/10/theamerican_inverse1.png"  rel="logo" alt="The American"/>
            
			</a>
		</h1>
	</div>				</div>
				<div class="flexbox__item">
										<nav class="navigation  navigation--main" id="js-navigation--main">
						<h2 class="accessibility">Primary Navigation</h2>
						<ul class="nav  nav--main  nav--items-social">
													</ul>
						<ul id="menu-side-menu" class="nav  nav--main  nav--items-menu"><li id="menu-item-45" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-45"><a href="#post-30-title">Top</a></li>
<li id="menu-item-46" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-46"><a href="#post-30-title">reservations</a></li>
</ul>					</nav>
				</div>
			</div>
			<!-- .flexbox -->
		</div>
		<!-- .container -->
	</div>
	<!-- .site-header -->


				<header id="post-8-title" class="article__header  article__header--page full-height" data-type="image">
										<div class="article__parallax  article__parallax--img">
							<img src="http://theamericankc.com/wp-content/uploads/2014/10/20130910-corvino-plating-veal-1-45-2048x1338.jpg" alt="Home"/>
						</div>
										<div class="flexbox">
						<div class="flexbox__item">
							<hgroup class="article__headline">
								<h2 class="headline__secondary"><span class="first-letter">T</span>he New Classic</h2>
								<h1 class="headline__primary"> THE AMERICAN</h1>
															</hgroup>
						</div>
					</div>
				<div class="down-arrow down-arrow--transparent"><div class="arrow"></div></div>
			</header>
					<article id="post-8" class="post-8 page type-page status-publish has-post-thumbnail hentry article--page article--main border-simple">
				<section class="article__content">
					<div class="container">
						<section class="page__content  js-post-gallery  cf">
							<hgroup class="pixcode  pixcode--heading article__headline">
	<h2 class="headline__secondary"><span class="first-letter">R</span>einventing American Cuisine</h2>
	<h1 class="headline__primary">_</h1>
</hgroup>
<p style="text-align: center;">Established in 1974 with iconic architecture and sweeping views of Kansas City, The American offers progressive cuisine led by executive chef Michael Corvino.</p>
<h4 style="text-align: center;"><b>Open Tuesday thru Saturday</b></h4>
<h5 style="text-align: center;">Lounge opens at 4:00 pm<br />
Dining Room opens at 5:00 pm</h5>
<p style="text-align: center;"><a href="http://theamericankc.com/wp-content/uploads/2014/10/americanmenu2.pdf" onclick="ga('send', 'event', 'download', 'http://theamericankc.com/wp-content/uploads/2014/10/americanmenu2.pdf');" id="menu" class="pixcode  pixcode--btn  btn  btn--large  btn--primary  links"   target="_blank">download our menu</a>
						</section>
											</div>
				</section>
			</article>
					<header id="post-30-title" class="article__header  article__header--page half-height" data-type="image">
										<div class="article__parallax  article__parallax--img">
							<img src="http://theamericankc.com/wp-content/uploads/2014/10/photo-e1413830151213-2048x1008.jpg" alt="Reservations"/>
						</div>
										<div class="flexbox">
						<div class="flexbox__item">
							<hgroup class="article__headline">
								<h2 class="headline__secondary"><span class="first-letter">R</span>eservations</h2>
								<h1 class="headline__primary">&amp; Private Dining</h1>
															</hgroup>
						</div>
					</div>
							</header>
						<article id="post-30" class="post-30 page type-page status-publish has-post-thumbnail hentry article--page article--main article--subpage border-simple">
					<section class="article__content" >
						<div class="container">
							<section class="page__content  js-post-gallery  cf">
								<div class="pixcode  pixcode--grid  grid  ">

<div class="grid__item six-twelfths palm-one-whole ">

<h2 style="text-align: center;">Reservations</h2>
<p style="text-align: center;"><div class="pixcode  pixcode--otreservations  otreservations  opentable">
	<div class="otreservation-title-wrapper">
		<h4 class="otreservations-title">Make a Reservation</h4>
		<span class="otreservations-subtitle">Powered by OpenTable</span>
	</div>
		<form method="get" class="otw-widget-form" action="http://www.opentable.com/restaurant-search.aspx" target="_blank">
		<div class="otw-wrapper">
			<div class="otw-date-li otw-input-wrap">
				<label for="date-otreservations">Date</label>
				<input id="date-otreservations" name="startDate" class="otw-reservation-date" type="text" value="" autocomplete="off">
			</div>
			<div class="otw-time-wrap otw-input-wrap">
				<label for="time-otreservations">Time</label>
				<select id="time-otreservations" name="ResTime" class="otw-reservation-time selectpicker">
					<option value="5:00pm" >5:00 pm</option>
<option value="5:30pm" >5:30 pm</option>
<option value="6:00pm" >6:00 pm</option>
<option value="6:30pm" >6:30 pm</option>
<option value="7:00pm"  selected="selected" >7:00 pm</option>
<option value="7:30pm" >7:30 pm</option>
<option value="8:00pm" >8:00 pm</option>
<option value="8:30pm" >8:30 pm</option>
<option value="9:00pm" >9:00 pm</option>
<option value="9:30pm" >9:30 pm</option>
<option value="10:00pm" >10:00 pm</option>
				</select>

			</div>
			<div class="otw-party-size-wrap otw-input-wrap">
				<label for="party-otreservations">Party Size</label>
				<select id="party-otreservations" name="partySize" class="otw-party-size-select selectpicker">
					<option value="1">1 Person</option>
					<option value="2" selected="selected">2 People</option>
					<option value="3">3 People</option>
					<option value="4">4 People</option>
					<option value="5">5 People</option>
					<option value="6">6 People</option>
					<option value="7">7 People</option>
					<option value="8">8 People</option>
				<!--	<option value="9">9 People</option>
					<option value="10">10 People</option>-->
				</select>

			</div>

			<div class="otw-button-wrap">
				<input type="submit" class="otreservations-submit" value="Find a Table" />
			</div>
			<input type="hidden" name="RestaurantID" class="RestaurantID" value="4515">
			<input type="hidden" name="rid" class="rid" value="4515">
			<input type="hidden" name="GeoID" class="GeoID" value="15">
			<input type="hidden" name="txtDateFormat" class="txtDateFormat" value="MM/dd/yyyy">
			<input type="hidden" name="RestaurantReferralID" class="RestaurantReferralID" value="4515">
		</div>
	</form>
	</div>

</div>

<div class="grid__item six-twelfths palm-one-whole ">

<h2 style="text-align: center;">Private Dining</h2>
<p style="text-align: center;">We have various spaces available for small intimate events up to 200 guests</p>
<p style="text-align: center;"><script>window.GoogleFont = 'Source Sans Pro';</script><style>.nform { behavior: url('http://theamericankc.com/wp-content/plugins/formcraft/libraries/pie/PIE.htc'); } </style><input type='hidden' class='form_un' value='84484'><style></style><input type='hidden' id='emails_fc84484' value=''><form id="fc84484_1" class="a_1231 nform no_submit_hidden no_save_form placeholder noframe ltr none  check_conflict allow_multi three transparent block_label star_ vertical fc-common" ng-style="{background: con[0].bg_image, width: con[0].fw, borderRadius: con[0].fr+&quot;px&quot;, MozBorderRadius: con[0].fr+&quot;px&quot;, WebkitBorderRadius: con[0].fr+&quot;px&quot;, fontFamily: con[0].formfamily}" style="width: 560px; font-family: 'Source Sans Pro'; background: transparent;"><input type="hidden" class="form_id ng-pristine ng-valid" val="1" ng-model="con[0].form_main_id"><input type="hidden" class="getlocation" val="" name="location_hidden__0_0_1000_" value="http://theamericankc.com/wp-admin/admin.php?page=formcraft_admin&amp;id=1"><a id="anchor_13544_anchor"></a><a href="#anchor_13544_anchor" class="anchor_trigger"></a><div id="fe_title" class="nform_li form_title none" ng-style="{fontSize: con[0].ft_px+&quot;px&quot;, borderTopLeftRadius: con[0].fr+&quot;px&quot;, MozBorderTopLeftRadius: con[0].fr+&quot;px&quot;, WebkitBorderTopLeftRadius: con[0].fr+&quot;px&quot;, borderTopRightRadius: con[0].fr+&quot;px&quot;, MozBorderTopRightRadius: con[0].fr+&quot;px&quot;, WebkitBorderTopRightRadius: con[0].fr+&quot;px&quot;, color: con[0].ft_co, backgroundColor: con[0].ft_bg, fontFamily: con[0].tfamily, fontWeight: con[0].tbold, backgroundImage: con[0].bg_image, textAlign: con[0].ftalign}" style="font-size: 24px; color: rgb(255, 255, 255); font-family: 'Trebuchet MS'; font-weight: bold; text-align: center; background-color: rgb(68, 136, 238);">Create Amazing Layouts</div><ul class="form_ul none" id="form_ul" style="height: auto; opacity: 1;"><!-- ngRepeat: el in build --><li ng-repeat="el in build" ng-style="{paddingBottom: con[0].space+&quot;px&quot;, paddingTop: con[0].space+&quot;px&quot;}" id="fe_0_1231" class="nform_li ng-scope inline1 center fe_0 required-1" ng-class="[el.default, el.inline, con[0].field_align, el.li_class, &quot;fe_&quot;+$index, &quot;required-&quot;+el.req]" scale="" style="padding-bottom: 8px; padding-top: 8px;"><div compile="el.el_f" ng-style="{marginBottom: el.divspa, marginTop: el.divspa}"><input type="hidden" class="name_holder ng-scope" value="Name"><span class="cap_cover "><span class="cap1 subl" ng-style="{ fontSize: con[0].lfs, color: con[0].lfc}" style="font-size: 14px;">Name<span class="show_1">*</span></span><span class="cap2 subl" ng-bind="el.cap2" ng-style="{ fontSize: con[0].slfs, color: con[0].slfc }" style="font-size: 11px;">full name</span></span><span class="input_cover text_cover ng-scope"><input type="text" ng-style="{width: el.wid, fontSize: con[0].field_font, color: con[0].input_color}" placeholder="Name" has_p="placeholder" name="Name_text_alpha_1_0_300_field0_" class="field_class" do_what="[]" style="width: 100%; font-size: 16px;"><span class="q_cover" style="display: none;"><span class="inst ttip" ng-style="{ fontSize: con[0].ifs, color: con[0].lfc }" data-original-title="" style="position: absolute;"><i class="formcraft-help-circled"></i></span></span><span class="field0 valid_show" style="display: none;"></span></span></div><span class="element_id ng-binding">0</span></li><li ng-repeat="el in build" ng-style="{paddingBottom: con[0].space+&quot;px&quot;, paddingTop: con[0].space+&quot;px&quot;}" id="fe_1_1231" class="nform_li ng-scope inline2 center fe_1 required-1" ng-class="[el.default, el.inline, con[0].field_align, el.li_class, &quot;fe_&quot;+$index, &quot;required-&quot;+el.req]" scale="" style="padding-bottom: 8px; padding-top: 8px;"><div compile="el.el_f" ng-style="{marginBottom: el.divspa, marginTop: el.divspa}"><span class="cap_cover "><span class="cap1 subl" ng-style="{ fontSize: con[0].lfs, color: con[0].lfc }" style="font-size: 14px;">Email<span class="show_1">*</span></span><span class="cap2 subl" ng-bind="el.cap2" ng-style="{fontSize: con[0].slfs, color: con[0].slfc }" style="font-size: 11px;">a valid email address</span></span><span class="input_cover text_cover ng-scope"><span class="emailfield-cover" ng-style="{ width: el.wid }" style="width: 100%;"><input type="email" ng-style="{fontSize: con[0].field_font, color: con[0].input_color}" placeholder="Email" style="width: 100%; font-size: 16px;" name="Email_email_email_1___field1_autoreply_replyto___" do_what="[]" class="field_class"></span><span class="q_cover" style="display: none;"><span class="inst ttip" ng-style="{ fontSize: con[0].ifs, color: con[0].lfc }" data-original-title="" style="position: absolute;"><i class="formcraft-help-circled"></i></span></span><span class="field1 valid_show" style="display: none;"></span></span></div><span class="element_id ng-binding">1</span></li><li ng-repeat="el in build" ng-style="{paddingBottom: con[0].space+&quot;px&quot;, paddingTop: con[0].space+&quot;px&quot;}" id="fe_2_1231" class="nform_li ng-scope inline2 center fe_2 required-1" ng-class="[el.default, el.inline, con[0].field_align, el.li_class, &quot;fe_&quot;+$index, &quot;required-&quot;+el.req]" scale="" style="padding-bottom: 8px; padding-top: 8px;"><div compile="el.el_f" ng-style="{marginBottom: el.divspa, marginTop: el.divspa}"><input type="hidden" class="name_holder ng-scope" value="Phone"><span class="cap_cover "><span class="cap1 subl" ng-style="{ fontSize: con[0].lfs, color: con[0].lfc}" style="font-size: 14px;">Phone<span class="show_1">*</span></span><span class="cap2 subl" ng-bind="el.cap2" ng-style="{ fontSize: con[0].slfs, color: con[0].slfc }" style="font-size: 11px;"></span></span><span class="input_cover text_cover ng-scope"><input type="text" ng-style="{width: el.wid, fontSize: con[0].field_font, color: con[0].input_color}" placeholder="Phone" has_p="placeholder" name="Phone_text__1_10_300_field2_" class="field_class" do_what="[]" style="width: 100%; font-size: 16px;"><span class="q_cover" style="display: none;"><span class="inst ttip" ng-style="{ fontSize: con[0].ifs, color: con[0].lfc }" data-original-title="" style="position: absolute;"><i class="formcraft-help-circled"></i></span></span><span class="field2 valid_show" style="display: none;"></span></span></div><span class="element_id ng-binding">2</span></li><li ng-repeat="el in build" ng-style="{paddingBottom: con[0].space+&quot;px&quot;, paddingTop: con[0].space+&quot;px&quot;}" id="fe_3_1231" class="nform_li ng-scope inline2 center fe_3 required-0" ng-class="[el.default, el.inline, con[0].field_align, el.li_class, &quot;fe_&quot;+$index, &quot;required-&quot;+el.req]" scale="" style="padding-bottom: 8px; padding-top: 8px;"><div compile="el.el_f" ng-style="{marginBottom: el.divspa, marginTop: el.divspa}"><input type="hidden" class="name_holder ng-scope" value="Event Date"><span class="cap_cover "><span class="cap1 subl" ng-style="{ fontSize: con[0].lfs, color: con[0].lfc }" style="font-size: 14px;">Event Date<span class="show_0">*</span></span><span class="cap2 subl" ng-bind="el.cap2" ng-style="{ fontSize: con[0].slfs, color: con[0].slfc }" style="font-size: 11px;">make a booking</span></span><span class="input_cover text_cover ng-scope"><span class="datepicker-cover" ng-style="{width: el.wid, fontSize: con[0].field_font}" style="width: 100%; font-size: 16px;"><input type="text" id="date_input_3" ng-style="{fontSize: con[0].field_font, color: con[0].input_color}" placeholder="Event Date" has_p="placeholder" style="width: 100%; font-size: 16px;" class="datepickermdy field_class datepicker-field" do_what="[]" lang="en" format="mm-dd-yyyy" min="" max="" days_r="" name="Event Date_date_date_0___field3"></span></span><span class="q_cover ng-scope" style="display: none;"><span class="inst ttip" ng-style="{ fontSize: con[0].ifs, color: con[0].lfc }" data-original-title="" style="position: absolute;"><i class="formcraft-help-circled"></i></span></span><span class="field3 valid_show" style="display: none;"></span></div><span class="element_id ng-binding">3</span></li><li ng-repeat="el in build" ng-style="{paddingBottom: con[0].space+&quot;px&quot;, paddingTop: con[0].space+&quot;px&quot;}" id="fe_4_1231" class="nform_li ng-scope inline2 center fe_4 required-1" ng-class="[el.default, el.inline, con[0].field_align, el.li_class, &quot;fe_&quot;+$index, &quot;required-&quot;+el.req]" scale="" style="padding-bottom: 8px; padding-top: 8px;"><div compile="el.el_f" ng-style="{marginBottom: el.divspa, marginTop: el.divspa}"><input type="hidden" class="name_holder ng-scope" value="Estimated Guest Count"><span class="cap_cover "><span class="cap1 subl" ng-style="{ fontSize: con[0].lfs, color: con[0].lfc}" style="font-size: 14px;">Estimated Guest Count<span class="show_1">*</span></span><span class="cap2 subl" ng-bind="el.cap2" ng-style="{ fontSize: con[0].slfs, color: con[0].slfc }" style="font-size: 11px;"></span></span><span class="input_cover text_cover ng-scope"><input type="text" ng-style="{width: el.wid, fontSize: con[0].field_font, color: con[0].input_color}" placeholder="Estimated Guest Count" has_p="placeholder" name="Estimated Guest Count_text_integers_1_0_3_field4_" class="field_class" do_what="[]" style="width: 100%; font-size: 16px;"><span class="q_cover" style="display: none;"><span class="inst ttip" ng-style="{ fontSize: con[0].ifs, color: con[0].lfc }" data-original-title="" style="position: absolute;"><i class="formcraft-help-circled"></i></span></span><span class="field4 valid_show" style="display: none;"></span></span></div><span class="element_id ng-binding">4</span></li><li ng-repeat="el in build" ng-style="{paddingBottom: con[0].space+&quot;px&quot;, paddingTop: con[0].space+&quot;px&quot;}" id="fe_5_1231" class="nform_li ng-scope inline1 center fe_5 required-0" ng-class="[el.default, el.inline, con[0].field_align, el.li_class, &quot;fe_&quot;+$index, &quot;required-&quot;+el.req]" scale="" style="padding-bottom: 8px; padding-top: 8px;"><div compile="el.el_f" ng-style="{marginBottom: el.divspa, marginTop: el.divspa}"><span class="cap_cover "><span class="cap1 subl" ng-style="{ fontSize: con[0].lfs, color: con[0].lfc }" style="font-size: 14px;">Comments/ Additional Information<span class="show_0">*</span></span><span class="cap2 subl" ng-bind="el.cap2" ng-style="{ fontSize: con[0].slfs, color: con[0].slfc }" style="font-size: 11px;">something more</span></span><span class="input_cover text_cover ng-scope"><textarea rows="3" ng-style="{width: el.wid, fontSize: con[0].field_font, color: con[0].input_color}" placeholder="Comments/ Additional Information" name="Comments/ Additional Information_para__0_0_300_field5_" class="field_class" do_what="[]" style="width: 100%; font-size: 16px;"></textarea><span class="q_cover" style="display: none;"><span class="inst ttip" ng-style="{ fontSize: con[0].ifs, color: con[0].lfc }" data-original-title="" style="position: absolute;"><i class="formcraft-help-circled"></i></span></span><span class="field5 valid_show" style="display: none;"></span></span></div><span class="element_id ng-binding">5</span></li><li ng-repeat="el in build" ng-style="{paddingBottom: con[0].space+&quot;px&quot;, paddingTop: con[0].space+&quot;px&quot;}" id="fe_6_1231" class="nform_li ng-scope inline2 center fe_6 required-0" ng-class="[el.default, el.inline, con[0].field_align, el.li_class, &quot;fe_&quot;+$index, &quot;required-&quot;+el.req]" scale="" style="padding-bottom: 8px; padding-top: 8px;"><div compile="el.el_f" ng-style="{marginBottom: el.divspa, marginTop: el.divspa}"><button type="submit" class="submit_button nform_btn boots" ng-style="{backgroundColor: el.sco, fontSize: el.sfs,  left: el.lp,  marginTop: el.tp,  marginBottom: el.bp,  marginRight: el.rp,  height: el.spad1, width: el.spad2,  borderRadius: el.curve,  MozBorderRadius: el.curve,  WebkitBorderRadius: el.curve, fontFamily: el.sfamily, fontWeight: el.sbold, color: el.sbfco}" style="font-size: 13px; height: 36px; width: 100%; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; font-family: 'Trebuchet MS'; font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">Submit</button></div><span class="element_id ng-binding">6</span></li></ul><div id="fe_submit" class="form_submit" style="position: relative"><div class="res_div"><span class="nform_res"></span></div><span style="text-align: center; display: inline; padding-top: 8px; padding-bottom: 4px"><a class="ref_link" ng-href="" compile="con[0].rlink" target="_blank" title="Opens in a new tab" href=""></a><!--START--><!--END--></span></div><input type="text" name="name" id="waspnet" value=""></form>
						

</div>


</div>

							</section>
						</div>
					</section>
				</article>
			
	<footer class="site-footer ">
		<aside class="sidebar  sidebar--footer sidebar--footer__dark">
			<div class="container">
				
	<div class="footer-widget-area  col-3  ">
		<aside class="sidebar">
			<div id="text-2" class="widget widget--menu widget_text"><h4 class="widget__title widget--menu__title">Location</h4>			<div class="textwidget"><p><a href="https://www.google.com/maps/place/2511+Grand+Ave,+Crown+Center,+Kansas+City,+MO+64108/@39.0830002,-94.5817624,17z/data=!3m1!4b1!4m2!3m1!1s0x87c0f0150cda91ed:0x5fff6dc2fc6fa60" onclick="ga('send', 'event', 'outbound-widget', 'https://www.google.com/maps/place/2511+Grand+Ave,+Crown+Center,+Kansas+City,+MO+64108/@39.0830002,-94.5817624,17z/data=!3m1!4b1!4m2!3m1!1s0x87c0f0150cda91ed:0x5fff6dc2fc6fa60', 'Enter driveway off of Grand Blvd between Pershing and 27th St');"   target="_blank">Enter driveway off of Grand Blvd between<br/> Pershing and 27th St</a></p>
<h4>Mailing Address</h4>
<p>200 E. 25th St #400<br />
Kansas City, MO 64108</p>
</div>
		</div><div id="wpgrade_social_links-2" class="widget widget--menu widget_wpgrade_social_links">			<h4 class="widget__title widget--menu__title">follow</h4>			<div class="btn-list">
										<a href="http://instagram.com/theamericankc" target="_blank">
							<i class="pixcode  pixcode--icon  icon-e-instagram"></i>
						</a>
											<a href="https://twitter.com/theamericankc" target="_blank">
							<i class="pixcode  pixcode--icon  icon-e-twitter"></i>
						</a>
											<a href="https://www.facebook.com/TheAmericanRestaurant" target="_blank">
							<i class="pixcode  pixcode--icon  icon-e-facebook"></i>
						</a>
								</div>
		</div><div id="text-3" class="widget widget--menu widget_text"><h4 class="widget__title widget--menu__title">contact</h4>			<div class="textwidget"><p><a href="mailto:info@theamericankc.com">(816) 545-8001<br />
info@theamericankc.com</a></p>
<h4>Phone</h4>
<p><a href="tel:8165458001">(816) 545-8001</a></p>
</div>
		</div>		</aside>
		<!-- .sidebar -->
	</div><!-- .grid__item -->
			</div>
		</aside>
		<!-- .sidebar.sidebar- -footer -->
		<div class="copyright-area copyright-area__dark">
            <svg class="blurp--bottom" width="192" height="61" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 160.7 61.5" enable-background="new 0 0 160.7 61.5" xml:space="preserve"><path fill="#FFFFFF" d="M80.3,61.5c0,0,22.1-2.7,43.1-5.4s41-5.4,36.6-5.4c-21.7,0-34.1-12.7-44.9-25.4S95.3,0,80.3,0c-15,0-24.1,12.7-34.9,25.4S22.3,50.8,0.6,50.8c-4.3,0-6.5,0,3.5,1.3S36.2,56.1,80.3,61.5z"/></svg>
            <div class="btn--top">
                <a href="#" class="btn--top_text">
                    <span class="btn__arrow btn__arrow--top"></span>
                    <span class="btn__arrow btn__arrow--bottom"></span>
                </a>
            </div>
			<div class="container">
				<div class="footer-container">
											<div class="copyright-text">
							2014 © The American Restaurant<br/>

site by <a title="BIKLOPS" href="http://www.biklopsdesign.com" target="_blank">B I K L O P S</a>						</div>
					
				</div>
			</div>
		</div>
		<!-- .copyright-area -->
	</footer><!-- .site--footer -->


</div><!-- #page -->
<script type='text/javascript' src='http://theamericankc.com/wp-content/themes/rosa/assets/js/plugins.js?ver=4.0'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var ajaxurl = "http:\/\/theamericankc.com\/wp-admin\/admin-ajax.php";
var objectl10n = {"tPrev":"Previous (Left arrow key)","tNext":"Next (Right arrow key)","tCounter":"of","infscrLoadingText":"","infscrReachedEnd":""};
var theme_name = "rosa";
/* ]]> */
</script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/themes/rosa/assets/js/main.js?ver=201410200134'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/theamericankc.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.0.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var locals = {"ajax_url":"http:\/\/theamericankc.com\/wp-admin\/admin-ajax.php","ajax_nounce":"b1b1893660","load_likes_with_ajax":"","already_voted_msg":"You already voted!","like_on_action":"click","hover_time":"1000","free_votes":""};
/* ]]> */
</script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/pixlikes/js/public.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/formcraft/js/combined-js.js?ver=2.5'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.10.4'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-includes/js/jquery/ui/jquery.ui.widget.min.js?ver=1.10.4'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-includes/js/jquery/ui/jquery.ui.mouse.min.js?ver=1.10.4'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-includes/js/jquery/ui/jquery.ui.sortable.min.js?ver=1.10.4'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-includes/js/jquery/ui/jquery.ui.slider.min.js?ver=1.10.4'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var FormCraftJS = {"ajaxurl":"http:\/\/theamericankc.com\/wp-admin\/admin-ajax.php","server":"http:\/\/theamericankc.com\/wp-content\/plugins\/formcraft\/file-upload\/server\/content\/upload.php","locale":"http:\/\/theamericankc.com\/wp-content\/plugins\/formcraft\/libraries\/datepicker\/js\/locales\/","other":"http:\/\/theamericankc.com\/wp-content\/plugins\/formcraft"};
/* ]]> */
</script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/formcraft/js/form.js?v=2&#038;ver=2.5'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/formcraft/js/form_only.js?ver=2.5'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/formcraft/libraries/upload/jquery.fileupload.min.js?ver=2.5'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/formcraft/libraries/upload/jquery.iframe-transport.min.js?ver=2.5'></script>
<script type='text/javascript' src='http://theamericankc.com/wp-content/plugins/pixcodes/js/shortcodes/frontend_otreservations.js?ver=4.0'></script>
<script type="text/javascript">
;(function($){
                                            
})(jQuery);
</script>
</body>
</html>