/* 1. Body & Structure
********************************************************/
body {
		background: #000;	
}
#bg {
		width: 100%;
		background: url(../images/bg_pattern.jpg) repeat;	
}
#bgcontent {
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 18px;
		overflow: hidden;
		background: url(../images/bg_grunge.jpg) no-repeat center top;
}
h1 {
		display: none;
}
#logo {
		width: 355px;
		display: block;
		padding-top: 213px; 
		height: 0 !important;
		height /**/: 213px; 
		overflow: hidden;
		background: url(../images/logo_large.png) no-repeat;
		
		position: absolute;
		z-index: 2;
		top: 0;
}
#pizza {
		width: 471px;
		display: block;
		padding-top: 438px; 
		height: 0 !important;
		height /**/: 438px; 
		overflow: hidden;
		background: url(../images/header_pizza1.png) no-repeat;
		
		position: absolute;
		margin-left: -55px;
		z-index: 1;
		top: 20px;
}
#order-number {
		width: 938px;
		display: block;
		padding-top: 40px; 
		height: 0 !important;
		height /**/: 40px; 
		overflow: hidden;
		background: url(../images/order_number.png) no-repeat right bottom;
}
#header {
		width: 928px;
		height: 354px;
		
		clear: both;
		margin: 42px auto 0 auto;
		background: url(../images/header_bg.png) no-repeat left top;
}
#quote {
		width: 928px;
		display: block;
		padding-top: 358px; 
		height: 0 !important;
		height /**/: 358px; 
		overflow: hidden;
		background: url(../images/quote.png) no-repeat 92% 45%;
}
/* 1a. Inside Structure
*******************************************************/
#logo-small {
		width: 181px;
		display: block;
		padding-top: 84px; 
		height: 0 !important;
		height /**/: 84px; 
		overflow: hidden;
		background: url(../images/logo_small.png) no-repeat;
		
		position: absolute;
		margin-left: 37px;
}
#about #navigation, #menu #navigation, #faqs #navigation, #contact #navigation {
		margin: 6px 0 0 382px;
}
#header-small {
		width: 928px;
		height: 88px;
		
		clear: both;
		margin: 24px auto 0 auto;
		background: url(../images/header_small_bg.png) no-repeat left top;
}
h2 {
		width: 928px;
		display: block;
		padding-top: 88px; 
		height: 0 !important;
		height /**/: 88px; 
		overflow: hidden;
}
#about h2 {
		background: url(../images/title_about.png) no-repeat 95% 54%;
}
#menu h2 {
		background: url(../images/title_menu.png) no-repeat 96% 50%;
}
#faqs h2 {
		background: url(../images/title_faqs.png) no-repeat 95% 52%;
}
#contact h2 {
		background: url(../images/title_contact.png) no-repeat 96% 50%;
}

/* 2. Navigation
********************************************************/
#navigation {
	/*	width: 618px;
		float: right;
		list-style: none;
		margin-top: 10px; */
		
		z-index: 10;
		
		position: absolute;
		margin: 24px 0 0 382px;
}
#navigation li {
		float: left;
}
#navigation a {
		height: 32px;
		display: block;
		text-indent:-99999px;
}
#navigation li.about a {
		background-image: url(../images/nav_about_tab.png);
}
#navigation li.menu a {
		background-image: url(../images/nav_menu_tab.png);
}
#navigation li.faqs a {
		background-image: url(../images/nav_faqs_tab.png);
}
#navigation li.contact a {
		background-image: url(../images/nav_contact_tab.png);
}
#navigation li.about a, #navigation li.menu a, #navigation li.faqs a, #navigation li.contact a {
		width: 140px;
		opacity: .7;
		background-repeat: no-repeat;
		background-position: 50% 5px;
}
#navigation li.about a:hover, #navigation li.menu a:hover, #navigation li.faqs a:hover, #navigation li.contact a:hover {
	/*	background-position: 50% 0px; */
		opacity: 1;
}
#about li.about a, #about li.about a:hover {
		opacity: .3;
}
#menu li.menu a, #menu li.menu a:hover {
		opacity: .3;
}
#faqs li.faqs a, #faqs li.faqs a:hover {
		opacity: .3;
}
#contact li.contact a, #contact li.contact a:hover {
		opacity: .3;
}

/* 3. Bottom Navigation (Home)
********************************************************/
#btm-navigation {
		width: 912px;
		margin: 0 auto;
		list-style: none;
}
#btm-navigation li {
		float: left;
}
#btm-navigation a {
		height: 160px;
		display: block;
		text-indent:-99999px;
}
#btm-navigation li.featured-pizza a {
		width: 302px;
		background: url(../images/btm_nav_featuredpizza.png) no-repeat left center;
		opacity: .6;
}
#btm-navigation li.directions a {
		width: 302px;
		background: url(../images/btm_nav_directions.png) no-repeat left center;
		opacity: .6;
}
#btm-navigation li.faqs a {
		width: 302px;
		background: url(../images/btm_nav_faqs.png) no-repeat left center;
		opacity: .6;
}
#btm-navigation li a:hover {
		opacity: .9;
}
/* 4. Text Styling
********************************************************/
	/*4a. About Page
********************************************************/
#about #bgcontent h3 {
		width: 900px;
		margin: 0 auto;
		
		font: italic bold 18px Arial, sans-serif;
		text-shadow: 2px 2px 2px #2c2c2c;
		color:#afbb0f;
}
#about #bgcontent p {
		width: 900px;
		margin: 0 auto;
		
		font: normal 15px Arial, sans-serif;
		text-shadow: 1px 1px 1px #2a2a2a;
		line-height: 20px;
		color: #fff;
}
#about #bgcontent a {
		color:#afbb0f;
}
#about #bgcontent p:nth-child(2n+2) {
		margin-top: 10px;
}
	/*4b. Menu Page
********************************************************/
#menu #menu-content {
		width: 884px;
		margin: 0 auto;
}
#menu #dl-btn {
		width: 100px;
		display: block;
		padding-top: 12px; 
		height: 0 !important;
		height /**/: 12px; 
		overflow: hidden;
		background: url(../images/dl_menu_button.png) no-repeat;

		margin-top:10px;
}
#menu #horz-divider {
		width: 884px;
		display: block;
		padding-top: 16px; 
		height: 0 !important;
		height /**/: 16px; 
		overflow: hidden;
		background: url(../images/menu_horz_divider.png) repeat-x left center;
}
#menu #vert-divider {
		width: 11px;
		display: block;
		padding-top: 300px; 
		height: 0 !important;
		height /**/: 300px; 
		overflow: hidden;
		background: url(../images/menu_vert_divider.png) repeat-y left center;

		float: right;
		margin-top: -202px;
		margin-right: 742px;
}
#menu #menu-nav {
		clear:both;
		width:128px;
}
#menu #items {
		width: 740px;

		float: right;
		margin-top: -296px;
}
#menu.menu-pizza #vert-divider {
		padding-top: 950px;
		height /**/: 950px;
}
#menu.menu-pizza #items {
		margin-top: -940px;
}
#menu .item {
		margin: 8px;
		width: 225px;
		height: 75px;
		float: left;
}
#menu .item p:nth-child(2n+1) {
		font: italic bold 14px Arial, sans-serif;
		text-transform: uppercase;
		color: #ecd59d;
}
#menu .item p {
		font: normal 13px Arial, sans-serif;
		text-shadow: 2px 2px 2px #333;
		color: #fff;
}
#menu .item p span {
		font-weight: bold;
}

/* Menu Titles
*************************/
#menu-title-pizzas, #menu-title-desserts, #menu-title-kidsmenu, #menu-title-pastas, #menu-title-salads, #menu-title-sandwiches, #menu-title-appsides {
		width: 166px;
		display: block;
		padding-top: 20px; 
		height: 0 !important;
		height /**/: 20px; 
		overflow: hidden;

		float:right;
		margin-top:-20px;
}
#menu-title-pizzas {
		background: url(../images/menu_title_pizzas.png) no-repeat;
}
#menu-title-desserts {
		background: url(../images/menu_title_desserts.png) no-repeat;
}
#menu-title-kidsmenu {
		background: url(../images/menu_title_kidsmenu.png) no-repeat;
}
#menu-title-pastas {
		background: url(../images/menu_title_pastas.png) no-repeat;
}
#menu-title-salads {
		background: url(../images/menu_title_salads.png) no-repeat;
}
#menu-title-sandwiches {
		background: url(../images/menu_title_sandwiches.png) no-repeat;
}
#menu-title-appsides {
		background: url(../images/menu_title_appsides.png) no-repeat;
}
/* Menu Navigation
*************************/
#menu-button-pizzas, #menu-button-desserts, #menu-button-kidsmenu, #menu-button-pastas, #menu-button-salads, #menu-button-sandwiches, #menu-button-appsides {
		width: 128px;
		display: block;
		padding-top: 28px; 
		height: 0 !important;
		height /**/: 28px; 
		overflow: hidden;
}
#menu-button-pizzas {
		background: url(../images/menu_button_pizzas.png) no-repeat left center;
}
#menu-button-desserts {
		background: url(../images/menu_button_desserts.png) no-repeat left center;
}
#menu-button-kidsmenu {
		background: url(../images/menu_button_kidsmenu.png) no-repeat left center;
}
#menu-button-pastas {
		background: url(../images/menu_button_pastas.png) no-repeat left center;
}
#menu-button-salads {
		background: url(../images/menu_button_salads.png) no-repeat left center;
}
#menu-button-sandwiches {
		background: url(../images/menu_button_sandwiches.png) no-repeat left center;
}
#menu-button-appsides {
		background: url(../images/menu_button_appsides.png) no-repeat left center;
}

.menu-pizza #menu-button-pizzas {
		opacity:.5;
}
.menu-apps #menu-button-appsides {
		opacity:.5;
}
.menu-sandwiches #menu-button-sandwiches {
		opacity:.5;
}
.menu-salads #menu-button-salads {
		opacity:.5;
}
.menu-pastas #menu-button-pastas {
		opacity:.5;
}
.menu-kids #menu-button-kidsmenu {
		opacity:.5;
}
.menu-dessert #menu-button-desserts {
		opacity:.5;
}
/* Pizza Menu Items
*************************/
#pizza-table {
	width:740px;
	font-family: Arial, sans-serif;
}
/* Pasta Menu Items
*************************/
#menu .pasta-items {
		margin: 8px;
		width: 225px;
		height: 40px;
}
#menu .pasta-items p:nth-child(2n+1) {
		font: italic bold 14px Arial, sans-serif;
		text-transform: uppercase;
		color: #ecd59d;
}
#menu .pasta-items p {
		font: normal 13px Arial, sans-serif;
		text-shadow: 2px 2px 2px #333;
		color: #fff;
}
#menu .pasta-items p span {
		font-weight: bold;
}
	/*4c. FAQs Page
********************************************************/
#faqs #bgcontent p {
		width: 900px;
		margin: 0 auto;
}
#faqs #bgcontent h3 {
		width: 900px;
		margin: 15px auto 0 auto;
	
		font: italic bold 18px Arial, sans-serif;
		text-shadow: 2px 2px 2px #2c2c2c;
		color:#afbb0f;
}
#faqs #bgcontent .a {
		font: normal 15px Arial, sans-serif;
		text-shadow: 2px 2px 2px #000;
		line-height: 20px;
		color: #fff;
}
	/*4d. Contact Page
********************************************************/
#contact #content {
		width: 900px;
		margin: 0 auto;
}
#contact #info {
		margin-left: 30px;
}
#contact #info h3 {
		font: bold 18px Arial, sans-serif;
		margin-bottom: 6px;
		color: #afbb0f;
}
#contact #info {
		font: bold 14px Arial, sans-serif;
		color: #fff;
}
#contact .manager {
	
}
#contact .address {
		margin-top: 10px;	
}
#contact .phone {
		margin-top: 10px;
}
#contact .location {
		margin-top: 10px;
}
#contact #form {
		float: right;
	
		width: 400px;
		height: 310px;
		margin-top: -235px;
		padding-left: 8px;
		border-left: 2px solid #afbb0f;
	
		font: bold 14px Arial, sans-serif;
		color: #fff;
}
#contact #form td img {

}
#contact #form td {
		padding: 6px;
		font-weight: bold;
}
#contact #map {
		padding-top: 10px;
		border-top: 2px solid #afbb0f;
		
		clear: both;
		width: 850px;
		margin: 0 auto;
}
#contact #map iframe {
		opacity: .8;
}
/* 5. Footer
********************************************************/
#footer {
		width: 100%;
		height: 100px;
		background: url(../images/bg_footer.png) no-repeat 50% 0%;
		border-top: 2px solid #3f0400;
		clear: both;
}
#footer p {
		width: 890px;
		margin: 12px auto;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: .5px;
		
		font-family: Arial, sans-serif;
		font-size: 11px;
		color: #715638;
}
#footer a {
		color: #715638;
		text-decoration: none;
}
#footer a:hover {
		border-bottom: 1px solid #715638;
}
#footer p:nth-child(2n+2) {
		color: #666c15;
}
#footer p:nth-child(2n+2) a {
		color: #666c15;
		font-weight: bold;
		border-bottom: none;
}
#footer p:nth-child(2n+2) a:hover {
		border-bottom: 1px solid #666c15;
}
#ie7 {
		visibility: hidden;
}