/* Extend html container to 100% and eliminate border & margin problems */
html {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	margin: 0em !important;
	padding: 0em !important;
	border: none !important;
}

/* Extend body container to 100% and eliminate border & margin problems */ 	   
body {
	position: relative;
	width: 100% !important;
	min-width: 1003px !important;
	max-width: 100% !important;
	_height: 100%; /* IE 6 and below fix */
	min-height: 100% !important;
	margin: 0em !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0em !important;
	border: none !important;
	background: #000000;
	color: #ffffff;
	font-family: "Myriad Pro", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 75%;
	text-align: center; /* center body, and make layout's l & r margins auto - so it gets centered on page */
	z-index: 0;
}

/* ====== Headings ====== */
h1, h2, h3, h4, h5, h6 { font-family: "Georgia", "Times New Roman", serif; clear: both; }
h1 { font-size: 1.8em !important; }
h2 { font-size: 1.6em !important; }
h3 { font-size: 1.4em !important; }
h4 { font-size: 1.2em !important; }
h5 { font-size: 1.2em !important; }
h6 { font-size: 1.2em !important; }
/* if additional headings are needed they should be created via additional classes, 
never via location dependant styling */

/* ====== Elements ====== */
em { font-style: italic; }
strong { font-weight: bold; }
form, p, code, pre, blockquote { position: relative; margin: .5em; padding: .5em; }
input, select { margin: 0em !important; padding: 0em !important; }

/* ====== Links ========= */
a[href] { color: #ffa500; font-weight: bold; text-decoration: none; }
a[href]:focus, a:hover { color: #e49450; text-decoration: underline; }
a[href]:visited { color: #d48440; }

/* ====== Lists ======*/
/* stripped (bare) list */
.verticalStrippedList {
	padding: .25em;
	margin: 0em;
	display: block;
}
.verticalStrippedList li {
	list-style: none;
	margin: 0em;
	padding: 0em;
	display: block;
}
/* stripped (bare) horizontal list */
.horizontalStrippedList {
	position: relative;
	display: inline-block;
	margin: 0em;
	padding: 0em;
}
.horizontalStrippedList li {
	position: relative;
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0em;
	padding: 0em;
}

/* ==== Site Sections ===== */
/* layout */
.layout {
	position: relative;
	width: 960px;
	min-height: 100%;
	_height: 100%; /* IE 6 and below hack */
	margin-left: auto; /* to center layout inside body */
	margin-right: auto; /* to center layout inside body */
	overflow: hidden;
}

/* header section */
.nav-container { height: 75px; background: url('https://www.nocoupon.com/sforms/nj/images/skin/default/nav-bg.png') repeat-x; text-align: left; }
.top-nav { float: right; height: 75px; }
.top-nav li a {
	color: #000000;
	background: transparent;
	height: 43px;
	line-height: 43px;
	margin-top: 26px;
	padding-left: 1em;
	padding-right: 1em;
	display: inline-block;
}
.top-nav li a.top-nav-decor {  }
.top-nav li a:hover, .top-nav li a.top-nav-decor:hover { color: #ffffff; background: #000000; }

.mainarea #reservations {
	background: #000000;
}
form.resv-form, form.vip-form {
	color: #000000;
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
	background: #ffffff;
}
form.resv-form {
	_position: relative; /* IE6 */
	text-align: left;
	padding-top: 49px;
	background: #ffffff url('https://www.nocoupon.com/sforms/nj/images/skin/default/resimage.gif') no-repeat;
}
form.vip-form {
	_position: relative; /* IE6 */
	padding-top: 25px;
	background: #ffffff url('https://www.nocoupon.com/sforms/nj/images/skin/default/vip.gif') no-repeat;
}
.mainarea #reservations form p { margin: .125em; padding: .125em; z-index: 1; }
.mainarea #reservations form p input, .mainarea #reservations form p select { vertical-align: middle; }
.mainarea #reservations form p.imgfield { height: 48px; line-height: 48px; }
.mainarea #reservations form input.field, .mainarea #reservations form select.field { clear: right; width: 7em; }
.mainarea #reservations form.vip-form input.field, .mainarea #reservations form.vip-form select.field { clear: right; }

/* container for main content area */
.mainarea {
	position: relative;
	margin-bottom: 1em;
	overflow: hidden;
}

#content {	
	color: #000000;
	background: #ffffff url('https://www.nocoupon.com/sforms/nj/images/skin/default/menufooter.gif') left bottom no-repeat;
	padding-bottom: 12px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin-left: .5em;
	margin-right: .5em;
	color: #008800;
}
#content h4, #content h5, #content h6 {
	border-bottom: solid #008800 1px;
}
#content hr {
	margin-left: .5em;
	margin-right: .5em;
}
#content-menu {
	padding: .5em;
	border: double #000000 6px;
}

/* footer */
.footer {
	width: 900px;
	border-top: solid #ffffff 1px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#bottom-nav { padding: 1em; }
#bottom-nav li { height: 21px; line-height: 21px; margin-bottom: 1em; }
.bottom-nav li {  }
.bottom-nav li a {
	color: #ffffff;
	padding-left: 1em;
	padding-right: 1em;
	display: inline-block;
	font-weight: normal;
}
.bottom-nav li a.bottom-nav-decor { border-left: solid #ffffff 1px; }

.specials_notice { color: #ff0000 !important; font-size: 125%; }

table tr td, table tr th { vertical-align: top; }

/* styles for contact form */
td.label_area { text-align: right; padding: 2px; }
td.field_area { text-align: left; padding: 2px; }

td.field_area input, textarea { border: solid #000000 1px;
								background: transparent;
								color: #000000;
								width: 99%;
								font-family: 'Verdana', arial;
								font-size: 10pt; }
								
td.footer_area { text-align: right; }
/* END OF styles for contact form */

/* Newsletter application styles */
.newsletter_area { position: relative;
				   width: 350px;
				   height: 50px;
				   margin-left: auto;
				   margin-right: auto;
				   margin-top: 25px;
				   text-align: center; }

.newsletter_area input.field, textarea.field { border: solid #000000 1px;
								   			   background: transparent;
								   			   color: #000000;
								   			   font-family: 'Verdana', arial;
								   			   font-size: 10pt; }
/* END OF Newsletter application styles */