@charset "UTF-8";
/* Vincentown Diner CSS Document */



/* HOME PAGE ================================================ */


/* Reset */
*{
	padding:0;
	margin:0;
}
img{ border:none; }


/* Text Styles */
.homeCopyText{
	
	color:#78583f;
	font:normal normal 14px/24px arial,sans-serif;
}
.homePageLinkText{
	
	color:#7b3400;
	font:normal normal 12.5px/13px arial,sans-serif;
}
.footerText{
	
	color:#d2b09a;
	font:normal normal 14px/26px arial,sans-serif;
	
	text-align:center;
}
/* END Text Styles */


/*Global Divs*/
body{

	background: #30231a url('images/background.jpg')
}
#wrapper1{
	
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
	background: transparent url('images/backgroundMatte.png') no-repeat left top;
	padding:185px 0 80px 0;
}
#wrapper2{

	width:900px;
	background: #775b48 url('images/background_stripePattern.jpg')
}
#wrapper3{ background: transparent url('images/background_paperPatternDropShadow.png') repeat-y center top; }
#wrapper4{

	margin:0 13px;
	background: #dbbd85 url('images/background_paperPattern.jpg');
}
#wrapper5{

	background: transparent url('images/background_stripe1b.png') no-repeat center top;
	padding:15px;
}
#wrapper5b{

	background: transparent url('images/background_stripe2b.png') no-repeat center top;
	padding:15px;
}
#wrapper5c{

	padding:15px;
}
#wrapper5Gift{

	background: transparent url('images/background_stripe2b.png') no-repeat center top;
	background:transparent url("images/gift_cardc.png") top left no-repeat;
	padding:15px;
}
#wrapper6{

	background: transparent url('images/border_stripeRepeat.png') repeat-y center top;
	padding:20px;
}

/* GLOBAL HEADER ELEMENTS */
#header{
	
	text-align:center; 
	height:40px;
}
#logo{
	height:1px;
}
#logo img{
	position:relative; 
	top:-90px;
}
#dropTop{
	height:12px; 
	background:transparent url(images/background_paperPatternDropShadow-Top.png);
}
#dropBot{
	height:12px; 
	background:transparent url(images/background_paperPatternDropShadow-Bottom.png);
}
#StripePipe1{
	height:8px; 
	background:transparent url(images/border_stripe1.png);
}
#StripePipe2{
	height:8px; 
	background:transparent url(images/border_stripe2.png);
}
#footer{
	padding-bottom:8px;
}
#footer div{
	position:relative; float:right; top:-23px; left:-15px;
}

.scriptPicLink{
	float: right; 
	padding-top:30px;
}



/* NAV HOOKS */
#nav{
	position:relative; 
	top:15px; 
	height:22px;
}
#navHome{

	height:17px;
	width:33px;
	background:transparent url(images/nav_home.png) no-repeat;
	position:relative;
	float:left;
	cursor:pointer;
	margin:0 12px;
}
#navMenu{

	height:17px;
	width:57px;
	background:transparent url(images/nav_menu.png) no-repeat;
	position:relative;
	float:left;
	cursor:pointer;
	margin:0 12px;
}
#navLoyalty{

	height:17px;
	width:85px;
	background:transparent url(images/nav_loyalty.png) no-repeat;
	position:relative;
	float: left;
	cursor:pointer;
	margin:0 12px;
}
#navGift{

	height:17px;
	width:63px;
	background:transparent url(images/nav_gift.png) no-repeat;
	position:relative;
	float: right;
	cursor:pointer;
	margin:0 12px;
}
#navAbout{

	height:17px;
	width:55px;
	background:transparent url(images/nav_about.png) no-repeat;
	position:relative;
	float: right;
	cursor:pointer;
	margin:0 12px;
}
#navContact{

	height:17px;
	width:50px;
	background:transparent url(images/nav_contact.png) no-repeat;
	position:relative;
	float: right;
	cursor:pointer;
	margin:0 12px;
}
#navHome span, #navMenu span, #navLoyalty span, #navGift span, #navAbout span, #navContact span{
	
	display:none;
}
a:hover #navHome, a:hover #navMenu, a:hover #navLoyalty, a:hover #navGift, a:hover #navAbout, a:hover #navContact{ border-bottom:1px solid #eab965; }
#pageHome a:hover #navHome, #pageMenu a:hover #navMenu, #pageLoyalty a:hover #navLoyalty, #pageGift a:hover #navGift, #pageAbout a:hover #navAbout, #pageContact a:hover #navContact,{
	border-bottom:none;
}
#pageHome #navHome{ 		background:transparent url(images/nav_homeR.png) no-repeat; 	}
#pageMenu #navMenu{ 		background:transparent url(images/nav_menuR.png) no-repeat; 	}
#pageLoyalty #navLoyalty{ 	background:transparent url(images/nav_loyaltyR.png) no-repeat; 	}
#pageGift #navGift{ 		background:transparent url(images/nav_giftR.png) no-repeat; 	}
#pageAbout #navAbout{ 		background:transparent url(images/nav_aboutR.png) no-repeat; 	}
#pageContact #navContact{ 	background:transparent url(images/nav_contactR.png) no-repeat; 	}
/* END NAV */






/* HOME PAGE BUTTON HOOKS */
.homeButton{
	
	height:85px; 
	border-top: 1px solid #ca9563;
	border-bottom: 1px solid #ca9563;
	margin:1px 0;
	cursor:pointer;
}
.homeButton:hover{
	
	background:transparent url('images/home_buttonBack.png') no-repeat;
}
.homeButton p{
	cursor:pointer;
}
.homeButtonPic{
	
	position:relative; 
	float:left; 
	width:80px; 
	left:16px;
}
.homeButtonCaption{
	
	position:relative; 
	float:left; 
	width:314px; 
	left:32px;
}
.homeButtonText{
	
	width:350px;
	position:relative; 
	float:left; 
	left:32px; 
	top:5px;
}
.homeButton:hover .homePageLinkText{
	
	color:#33251c;
}
a .homeButton{
	
	cursor:pointer;
}

/* HOME PAGE SPECIALS HOOKS */
#specialsWrapper{
	float:right;
	width:300px; 
	margin-right:25px;
}
.specialTitle{
	
	color:#46362b;
	
	font:normal bold 16px/21px arial,sans-serif;
	/*border-bottom: dotted 2px #46362b;*/
	margin-top:18px;
}
.specialDescription{
	
	color:#9e562a;
	font:normal normal 14px/17px "Times New Roman", Times, serif;
	margin-top:4px;
	clear:both;
}
/* END SPECIALS HOOKS */

/* MISC HOME PAGE HOOKS */
#homeMainPic{
	float:left;
}
#homeMainCopyWrap{
	float:right; 
	width: 300px; 
	margin-top:2px; 
	margin-right:25px;
}
#homeMainCopyWrap p{
	margin-top:12px;
}
/* END MISC HOME PAGE HOOKS */
.dummyDiv{
	
	clear:both; 
	height:10px;
}



/* SLIDESHOW HOOKS */
#slideshow {
	position:relative;
	height:350px;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}

#slideshow IMG.last-active {
	z-index:9;
}

#homePageLinks{
	
	float:left; 
	width:458px;
}
#homePageLinks img, #homePageLinks a{
	
	border:none;
	text-decoration:none;
}


/* END HOME PAGE ================================================ */






/* ABOUT PAGE ================================================ */

.aboutCopyText{
	color:#503f33; 
	margin-top:18px; 
	margin-left:2px;
}
.aboutItemPic{
	margin-top:20px; 
	float:left;
}
.aboutItemCopy{
	float:right; 
	width:351px;
	margin-top:27px; 
	margin-right:34px;
}
.aboutItem{
	margin-left:18px; 
	width:800px; 
	height:350px; 
	background:transparent url(images/about_itemBG.png) top right no-repeat;
}

#aboutMainPic{ 
	margin-left:12px;
	margin-bottom:15px;
	position:relative;
	left:-6px;
}

#aboutMainCopy{
	width:780px; 
	margin:0 25px 35px 25px;
}
#aboutMainCopy p{
	
	color:#503f33;
	font:normal normal 18px/22px "Times New Roman", Times, serif;
}

/* END ABOUT PAGE ================================================ */





/* MENU PAGE ================================================ */
.menuItem{
	margin-left:14px; 
	border-top:1px solid #cba35e; 
	 
	width:330px;  
	padding:25px;
}
.menuItem h3{
	color:#3e2f24;
	font:normal bold 19px/22px Helvetica, Arial, sans-serif;
}
.menuItem p{
	color:#9e562a;
	font:normal normal 17px/18px "Times New Roman", Times, serif;
}

.menuItemBG{
	background:#d2b47b; 
}

.menuItem .menuItem{
 
	border-bottom:1px solid #cba35e;
}
.menuBlock{
	float:left;
}

.menuItemSpecial{
	
	margin-left:auto;
	margin-right:auto;
	
	border:1px solid #d8d3d3;
	background:#f2f2f2;
}
.menuItemPic{

	border-top:4px double #a87e39;
	border-bottom:4px double #a87e39;
	
	background:#ceaa6b;
}
.menuItemPic h3{
	color:#8c3c09;
}
.menuItemPic p{
	color:#674a2d;
}
.menuItemPic img{
	margin-bottom:25px;
}


.menuNavItem{
	
	display:block;
	margin-bottom:9px;
	cursor:pointer;
	padding-bottom:2px;
	border-bottom:4px dotted #d7b87f;
}
.menuNavItem:hover{
	
	
	border-bottom:4px dotted #26170a;
}
.menuCategoryHeader{

	margin-top:25px;
	margin-left:7px;
}

/* END MENU PAGE ================================================ */






/* LOYALTY PAGE ================================================ */
#pageLoyalty p a:link, #pageLoyalty p a:active, #pageLoyalty p a:visited{
	
	color:#3e2f24;
	font:normal bold 17px/20px Helvetica, Arial, sans-serif;
}
#pageLoyalty p a:hover{
	
	text-decoration:underline;
}
#pageLoyalty{

	color:#78583f; 
	font:normal normal 19px/24px Times New Roman,serif;
}
#loyaltyPicA{
	
	width:375px; 
	height:191px; 
	background:transparent url(images/Loyalty_Card.png); 
	position:relative;
	float:left;
}
#loyaltyPicB{

	width:375px; 
	height:205px; 
	background:transparent url(images/Loyalty_Shape.png);
	position:relative; 
	float:left;
}
#loyaltyAboutWrapper{

	width:400px; 
	height:191px;
	position:relative; 
	float:left; 
	margin-left:25px;
}
#loyaltyAboutWrapper img{

	margin:15px 0;
}
.loyaltyLine{

	border-top:1px solid #a9612e; 
	border-bottom:1px solid #a9612e; 
	width:800px;
	height:3px;
	clear:both;
	
	/**height:1px;*/
}
#loyaltySlogan{

	width:375px; 
	height:105px; 
	margin: 20px 0; 
	float:left;
}
#loyaltyLink{
	
	width:400px; 
	height:105px; 
	margin: 20px 0;
	margin-left:25px; 
	float:left;  
	position:relative; 
	top:7px;
}
#loyaltyDetailWrapper{
	
	width:400px; 
	/*height:191px;*/ 
	float:left; 
	margin-left:25px;
}
#loyaltyDetailWrapper img{

	margin-bottom:15px; 
	margin-top:25px;
}
#loyaltyDetailWrapper ul{

	margin-left:21px; 
	list-style:square;
}
#loyaltyDetailWrapper li{
	
	color:#a9612e;
}
#loyaltyDetailWrapper li span{
	
	color:#78583f;
}
#loyaltyLink a:hover img{

	background:transparent url(images/Loyalty_Signup-R.png);
}

/* END LOYALTY PAGE ================================================ */





/* GIFT PAGE ================================================ */
 #giftLeft{
	
	width:375px; 
	margin-right:25px; 
	float:left; 
	position:relative;
}
 .giftStripeNarrow{
	
	 height:3px; 
	 width:375px; 
	 border-top:1px solid #bb6f42; 
	 border-bottom:1px solid #bb6f42;
	 margin:15px 0;
 }
 #giftLeft p{
	color:#78583f;
	font:normal normal 17px/23px Helvetica, Arial, sans-serif;
	margin-bottom:12px;
}

/* END GIFT PAGE ================================================ */






/* CONTACT PAGE ================================================ */
.contactField{

	border:1px solid #ae854a;
	background: url("images/contactfieldBG.png");
	color:#503f33;
	font:normal normal 16px/18px Helvetica, Arial, sans-serif;

}
.contactInput{
	
	height:17px;
	width:200px;
	padding:6px;
	margin-bottom:18px;
	display:inline;
	position:relative;
	float:left;
}

.contactMessage{
	
	display:inline;
	color:#78583f; 
	font:normal normal 19px/24px Times New Roman,serif;
	font-size:.8em;
	color:#503f33;
	margin-left:8px;
}

#contactLeft{
	
	width:375px; 
	margin-right:25px; 
	float:left; 
	position:relative;
}
#contactLeft p{
	color:#503f33;
	font:normal normal 14px/20px Helvetica, Arial, sans-serif;
	margin-bottom:12px;
}

#contactHeader{

	background:transparent url('images/contact_Header.png'); 
	height:105px; 
	width:800px;
 }
 .contactStripeWide{
	
	 height:3px; 
	 width:800px; 
	 border-top:1px solid #bb6f42; 
	 border-bottom:1px solid #bb6f42;
 }
 .contactStripeNarrow{
	
	 height:3px; 
	 width:375px; 
	 border-top:1px solid #bb6f42; 
	 border-bottom:1px solid #bb6f42;
 }
 #contactNewsletterLink{
	
	 padding:12px 0;
 }
 #contactPrivacyPolicy span{
	
	 text-align:center; 
	 margin-top:4px; 
	 font-size:.8em; 
	 color:#78583f;
	 display:block;
 }
 
 #contactFormContentArea{
	
	width:400px; 
	float:right; 
	position:relative;
 }
 
 #formName{
	
	background-position:right;
 }
 #formEmail1{
	
	background-position:bottom right;
 }
 #formEmail2{
	
	background-position:center;
 }
 #formComm{
	
	overflow:auto; 
	padding:6px; 
	margin-bottom:12px;
 }
 
 .formTitle{
	
	display:block; 
	margin-bottom:4px;
 }
 .formWrapper{
	
	width:375px; 
	height:40px;
	margin-bottom:14px;
 }
 .formRequired{
	
	display:inline; 
	float:left; 
	margin-left:8px; 
	margin-top:8px;
 }
 #pageContact a{
 	text-decoration:none;
 }
 
 /* END CONTACT PAGE ================================================ */
 
 
 
 
 
 
 
 /* ADMIN PAGE ================================================ */
#pageAdmin h1{
	
	font:normal bold 32px/37px 'Times New Roman', serif;
	color:#46362b;
	width:390px;
	text-align:center;
	margin-bottom:20px;

}
.adminField{

	border:1px solid #ae854a;
	background: url("images/contactfieldBG.png");
	color:#503f33;
	font:normal normal 16px/18px Helvetica, Arial, sans-serif;
	height:15px;
	width:380px;
	padding:6px;
	margin-bottom:18px;

}

.adminButton{

	height:20px; 
	width:378px; 
	cursor:pointer; 
	margin-bottom:32px; 
	text-align:center; 
	background:#46362b; 
	color:white; 
	font:normal normal 16px/18px Helvetica, Arial, sans-serif; 
	padding:6px;
}

#adminInstructions{
	
	width:350px; 
	
	float:right; 
	position:relative; 
	
	margin-right:15px; 
	margin-top:30px;
	
	color:#78583f; 
	font:normal normal 19px/24px Times New Roman,serif;
}

.adminDivider{
	
	border-top:1px solid #78583f;
	border-bottom:1px solid #78583f;
	height:3px;
	width:390px;
	margin-bottom:25px; 
}

 /* END ADMIN PAGE ================================================ */