/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background-color: #e4be9d;
	text-align:center; 
	font:12px "Verdana", Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#6e241d; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#6e241d; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
	
.column {
	float: left;
	width: 350px;
	}
	
	.column li {
		margin: 5px 0 0 0;
		}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:204px;
	width: 800px;
	margin: 0 auto;
	}
	
	#masthead #home-link {
		position:absolute;
		left:260px;
		top:0px;
		width: 275px;
		height: 160px; 
	}
		
	#masthead #how-order {	
		position:absolute;
		left:687px;
		top:70px;
		width: 80px;
		height: 80px; 
		}
		
	#masthead a span {
		display:none;
		}
		
	#masthead p {
		display: none;
		}

/* ------------------------ main framework ------------------------ */
#wrap {
	width:784px;
	margin:0 auto;
	text-align:left;
	border: 8px solid #5c0909;
	border-top: none;
	}

/* ------------------------ horizontal sprite nav ------------------------ */
#masthead #nav { 
	background:url("../images/masthead.jpg") -110px -162px no-repeat; 
	width:581px; 
	height:24px; 
	margin:0;
	padding:0;
	position: relative;
	top: 162px;
	left: 110px;
	*left: 0px;
	}

#nav span { display: none; }

#nav li, #nav a { height:24px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 191px;}
#nav-02 { width: 186px;}
#nav-03 { width: 83px;}
#nav-04 { width: 119px;}


/*-------------- (-24px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/masthead.jpg") -110px -366px no-repeat; }
#nav-02 a:hover { background:url("../images/masthead.jpg") -301px -366px no-repeat; }
#nav-03 a:hover { background:url("../images/masthead.jpg") -487px -366px no-repeat; }
#nav-04 a:hover { background:url("../images/masthead.jpg") -570px -366px no-repeat; }

body.jet #nav-01 a { background:url("../images/masthead.jpg")  -110px -366px no-repeat; }
body.party #nav-02 a { background:url("../images/masthead.jpg")  -301px -366px no-repeat; }
body.about #nav-03 a { background:url("../images/masthead.jpg")  -487px -366px no-repeat; }
body.contact #nav-04 a { background:url("../images/masthead.jpg")  -570px -366px no-repeat; }

/* ------------------------ header framework ------------------------ */
#header {
	background-color: #7ad3f7;
	float: left;
}

#header-graphic {
	min-height:342px;
	height:auto !important;
	height:342px; } /* sets height for all non-flash headers */

	body.home #header-graphic { background:url("../images/header-home.jpg"); }
	
	body.home #header-graphic a {
		width:392px;
		height: 342px;
		float: left;
	}
	
	body.home #header-graphic a:hover {
		background:url("../images/header-home.jpg") 0 -342px;
	}
	
	body.home #header-graphic #party-roll:hover {
		background:url("../images/header-home.jpg") -392px -342px;
	}
	
	body.home #header-graphic a span { display:none; }
	
	body.jet #header-graphic { background:url("../images/header-jet.jpg"); width: 582px; float: left;}
	body.party #header-graphic { background:url("../images/header-party.jpg"); width: 582px; float: left;}
	body.contact #header-graphic { background:url("../images/header-contact.jpg"); width: 582px; float: left;}
	body.about #header-graphic { background:url("../images/header-about.jpg"); width: 582px; float: left;}
	body.how-order #header-graphic { background:url("../images/header-how-order.jpg"); }
	
	body.appetizers #header-graphic { background:url("../images/header-appetizers.jpg"); width: 582px; float: left;}
	body.boxed-lunch #header-graphic { background:url("../images/header-boxed-lunch.jpg"); width: 582px; float: left;}
	body.breakfast #header-graphic { background:url("../images/header-breakfast.jpg"); width: 582px; float: left;}
	body.deserts #header-graphic { background:url("../images/header-deserts.jpg"); width: 582px; float: left;}
	body.entrees #header-graphic { background:url("../images/header-entrees.jpg"); width: 582px; float: left;}
	body.soups #header-graphic { background:url("../images/header-soups.jpg"); width: 582px; float: left;}
	body.side-items #header-graphic { background:url("../images/header-side.jpg"); width: 582px; float: left;}
	body.desserts #header-graphic { background:url("../images/header-desserts.jpg"); width: 582px; float: left;}
	
	body.teterboro #header-graphic { background:url("../images/header-teterboro.jpg"); width: 582px; float: left;}
	body.morristown #header-graphic { background:url("../images/header-morristown.jpg"); width: 582px; float: left;}
	
	body.area-service #header-graphic { background:url("../images/header-area-service.jpg"); width: 582px; float: left; }
	body.links #header-graphic { background:url("../images/header-links.jpg"); width: 582px; float: left; }
	body.sitemap #header-graphic { background:url("../images/header-sitemap.jpg"); width: 582px; float: left; }
	
	
	#header-graphic-entrees { width: 582px; float: left;}
	
#menu {
	margin: 30px 0px 30px 38px;
	width: 502px;
	float: left;
	border: 2px solid #5c0909;
	background: url("../images/bg-transparent.png") repeat top center;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader» (src='../images/bg-transparent.png',sizingMethod='scale');
	font-size: 10px;
	display: inline;
}

	#menu #left-column {
		float: left;
		width: 235px;
		margin: 16px 0px 16px 16px;
		display:inline;
	}
	
	#menu #right-column {
		float: left;
		width: 235px;
		margin: 16px 16px 16px 0px;
	}

	li.first-title {
		text-decoration: underline;
		font-weight: bold;
	}

	li#title {
		text-decoration: underline;
		margin-top: 10px;
		font-weight: bold;
	}

/* ------------------------ column-left framework ------------------------ */
#sub-nav {
	width:202px;
	min-height:342px;
	height:auto !important;
	height:342px;
	float:left;
	background-color: #7ad3f7;
	}

	/* single column list */
	#sub-nav ul { margin: 0px 27px; font-size: 10px;}
	
		#sub-nav ul li.title {text-transform: uppercase; margin: 27px 0 0 0; color: #000; font-weight:bold;}
		#sub-nav ul li {color: #6e241d; margin: 3px 0 0 0;}
		
		#sub-nav ul li a {color: #6e241d; text-decoration: none;}
		#sub-nav ul li a:hover {text-decoration: underline;}
		
		#sub-nav ul li a#current {font-weight: bold;}
		
		#full-menu {
			background: url("../images/view-full-menu-btn.jpg") no-repeat;
			width: 202px;
			height: 86px;
			display: block;
			}
			
			#full-menu span{display: none;}
			
#content {
	background: #c0e6f9 url("../images/bg-wrap.jpg") repeat-x top center;
}

	#content p {
		margin: 0 65px 0 63px;
	}
	
	#content ul {
		margin: 10px 0 10px 85px;
	}
	
		#content ul li ul {
			margin: 10px 0 10px 25px;
		}
	
		body.area-service #content li{
			list-style: disc;
			margin: 2px 0;
		}
	
	#content h3 {
		margin: 0 0 0 65px;
	}
	
	#content #left-column {
		float: left;
		width: 235px;
		margin: 16px 0px 16px 16px;
		display:inline;
	}
	
	#content #right-column {
		float: left;
		width: 235px;
		margin: 16px 16px 16px 0px;
	}

	li.first-title {
		text-decoration: underline;
		font-weight: bold;
	}

	li#title {
		text-decoration: underline;
		margin-top: 10px;
		font-weight: bold;
	}

/* ------------------------ subhead framework ------------------------ */
#subhead { height:118px; margin: 0 65px 0 63px;} /* sets height for all subheads */
	body.home #subhead { background:url("../images/subhead-home.jpg") no-repeat; }
	body.contact #subhead { background:url("../images/subhead-contact.jpg") no-repeat; }
	body.jet #subhead { background:url("../images/subhead-jet.jpg") no-repeat; }
	body.party #subhead { background:url("../images/subhead-party.jpg") no-repeat; }
	body.about #subhead { background:url("../images/subhead-about.jpg") no-repeat; }
	body.how-order #subhead { background:url("../images/subhead-how-order.jpg") no-repeat; }
		
	/*body.appetizers #subhead { background:url("../images/subhead-appetizers.jpg") no-repeat; }
	body.boxed-lunch #subhead { background:url("../images/subhead-boxed-lunch.jpg") no-repeat; }
	body.breakfast #subhead { background:url("../images/subhead-breakfast.jpg") no-repeat; }
	body.deserts #subhead { background:url("../images/subhead-deserts.jpg") no-repeat; }
	body.entrees #subhead { background:url("../images/subhead-entrees.jpg") no-repeat; }
	body.soups #subhead { background:url("../images/subhead-soups.jpg") no-repeat; }
	body.side-items #subhead { background:url("../images/subhead-side.jpg") no-repeat; }
	body.desserts #subhead { background:url("../images/subhead-desserts.jpg") no-repeat; }*/
	
	body.teterboro #subhead { background:url("../images/subhead-teterboro.jpg") no-repeat; }
	body.morristown #subhead { background:url("../images/subhead-morristown.jpg") no-repeat; }
	
	body.area-service #subhead { background:url("../images/subhead-area-service.jpg") no-repeat;  }
	body.links #subhead { background:url("../images/subhead-links.jpg") no-repeat;  }
	body.sitemap #subhead { background:url("../images/subhead-sitemap.jpg") no-repeat;  }
	
	p#breadcrumb {
		margin: 0 0 0 3px;
		padding: 30px 0 0 0;
		font-size: 11px;
		font-weight: bold;
	}
	
		p#breadcrumb a {
			color: #5c0909;
			text-decoration: none;
			font-weight: normal;
		}
		
		p#breadcrumb a:hover {
			text-decoration: underline;
		}
		
		p#breadcrumb a#current {
			color:#5c0909;
			font-weight: bold;
		}
	
	#subhead span {
		display: none;
	}
/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	width:100%; /* fix for Safar */
	height:15px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer {
	width:760px;
	margin: 35px auto 0px;
	text-align:center;
	}

#footer p {
	color:#5c0909;
	}

#footer a:link, #footer a:visited { color:#5c0909; text-decoration: none;}
#footer a:hover, #footer a:active { text-decoration: underline; }

#footer ul {margin: 0 0 5px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #5c0909;
		}
	#footer li.first { border: none; }