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

body {
	background: rgb(235,191,119) url(images/bg.gif) fixed;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	
.hide {
	visibility: hidden;
	}
	
/*.handle {
	cursor: move;
	}
*/	
#wrapper {
	width: 943px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -472px;
	}

#header {
	width: 943px;
	height: 22px;
	margin: 0 auto;
	background: url(images/topFrame.png) top left no-repeat;
	}
	
	#paesanosLogo {
		position: absolute;
		top: -25px;
		left: 345px;
		background: url(images/logo.png) top left no-repeat;
		width: 253px;
		height: 156px;
		z-index: 100;
		}

#container {
	width: 943px;
	margin: 0 auto;
	background: url(images/midFrame.png) top left repeat-y;
	position: relative;
	}
	
#photos {
	width: 904px;
	height: 545px;
	margin: 0 auto;
	position: relative;
	}
	
	#photos img {
		margin: 0 1px;
		padding: 0;
		float: left;
		}
	
	#midHead {
		position: absolute;
		top: 445px;
		left: 145px;
		background: url(images/midtown.png) top left no-repeat;
		width: 122px;
		height: 58px;
		}
		
	#egHead {
		position: absolute;
		top: 452px;
		left: 640px;
		background: url(images/elkGrove.png) top left no-repeat;
		width: 129px;
		height: 55px;
		}
		
		
#subhead {
	width: 903px;
	height: 115px;
	background: url(images/footerPic.jpg) top left;
	margin: 0 20px;
	position: relative;
	}
	
	
#mainMenu {
	width: 943px;
	height: 39px;
	background: url(images/navBg.gif) top left repeat-y;
	text-align: center;
	margin: 0 20px;
	position: relative;
	}
	
	#mainMenu ul {
		width: 650px;
		height: 39px;
		/*margin: 0 0 0 190px;*/
		position: absolute;
		left: 50%;
		top: 0;
		margin: 0 0 0 -325px; 
		padding: 0;
		}
		
	#mainMenu li {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	
.home {
	width: 113px;
	height: 39px;
	overflow: hidden;
	text-indent: 1000px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
.home a:link, .home a:visited {
	text-decoration: none;
	background: url(images/homeBtn.gif) no-repeat top left;
	display: block;
	width: 113px;
	height: 39px;
	}
	
.home a:hover {
	text-decoration: none;
	background: url(images/homeBtn.gif) no-repeat bottom left;
	display: block;
	width: 113px;
	height: 39px;
	}
	

.menu {
	width: 109px;
	height: 39px;
	overflow: hidden;
	text-indent: 1000px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
.menu a:link, .menu a:visited {
	text-decoration: none;
	background: url(images/menuBtn.gif) no-repeat top left;
	display: block;
	width: 109px;
	height: 39px;
	}
	
.menu a:hover {
	text-decoration: none;
	background: url(images/menuBtn.gif) no-repeat bottom left;
	display: block;
	width: 109px;
	height: 39px;
	}
	
.events {
	width: 125px;
	height: 39px;
	overflow: hidden;
	text-indent: 1000px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
.events a:link, .events a:visited {
	text-decoration: none;
	background: url(images/eventsBtn.gif) no-repeat top left;
	display: block;
	width: 125px;
	height: 39px;
	}
	
.events a:hover {
	text-decoration: none;
	background: url(images/eventsBtn.gif) no-repeat bottom left;
	display: block;
	width: 125px;
	height: 39px;
	}
		
.gallery {
	width: 133px;
	height: 39px;
	overflow: hidden;
	text-indent: 1000px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
.gallery a:link, .gallery a:visited {
	text-decoration: none;
	background: url(images/galBtn.gif) no-repeat top left;
	display: block;
	width: 133px;
	height: 39px;
	}
	
.gallery a:hover {
	text-decoration: none;
	background: url(images/galBtn.gif) no-repeat bottom left;
	display: block;
	width: 133px;
	height: 39px;
	}
	
	
.contact {
	width: 169px;
	height: 39px;
	overflow: hidden;
	text-indent: 3000px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
.contact a:link, .contact a:visited {
	text-decoration: none;
	background: url(images/conBtn.gif) no-repeat top left;
	display: block;
	width: 169px;
	height: 39px;
	}
	
.contact a:hover {
	text-decoration: none;
	background: url(images/conBtn.gif) no-repeat bottom left;
	display: block;
	width: 169px;
	height: 39px;
	}
	

#stage {
	background: rgb(255,204,130);
	width: 903px;
	height: 2050px;
	margin: 0 auto;
	position: relative;
	}
	
	#menuNav {
		position: absolute;
		top: 30px;
		left: 30px;
		width: 200px;
		}
		
		#menuNav ul {
			width: 200px;
			margin: 0;
			padding: 0;
			}
			
		#menuNav li {
			list-style: none;
			margin: 0;
			padding: 0;
			width: 200px;
			}
			
		.midMenuTitle {
			width: 180px;
			height: 44px;
			background: url(images/midMenuTitle.gif) top center no-repeat;
			margin: 0;
			padding: 0;
			overflow: hidden;
			text-indent: 3000px;
			}
			
		.lunch {
			width: 185px;
			height: 15px;
			margin: 20px 0;
			padding: 0;
			}
			
			.lunch a:link, .lunch a:visited {
				width: 185px;
				height: 15px;
				background: url(images/lunchBtn.gif) top left no-repeat;
				text-decoration: none;
				display: block;
				}
				
			.lunch a:hover {
				width: 185px;
				height: 15px;
				background: url(images/lunchBtn.gif) bottom left no-repeat;
				text-decoration: none;
				display: block;
				}
				
		.specials {
			width: 130px;
			height: 34px;
			margin: 20px 0;
			padding: 0;
			}
			
			.specials a:link, .specials a:visited {
				width: 130px;
				height: 34px;
				background: url(images/seasonalBtn.gif) top left no-repeat;
				text-decoration: none;
				display: block;
				}
				
			.specials a:hover {
				width: 130px;
				height: 34px;
				background: url(images/seasonalBtn.gif) bottom left no-repeat;
				text-decoration: none;
				display: block;
				}
				
		    .gluten {
			width: 146px;
			height: 18px;
			margin: 20px 0;
			padding: 0;
			}
			
			.gluten a:link, .gluten a:visited {
				width: 146px;
				height: 18px;
				background: url(images/glutenBtn.gif) top left no-repeat;
				text-decoration: none;
				display: block;
				}
				
			.gluten a:hover {
				width: 146px;
				height: 18px;
				background: url(images/glutenBtn.gif) bottom left no-repeat;
				text-decoration: none;
				display: block;
				}
				
				
				    .wine {
			width: 146px;
			height: 16px;
			margin: 20px 0;
			padding: 0;
			}
			
			.wine a:link, .wine a:visited {
				width: 146px;
				height: 16px;
				background: url(images/midwineBtn.gif) top left no-repeat;
				text-decoration: none;
				display: block;
				}
				
			.wine a:hover {
				width: 146px;
				height: 16px;
				background: url(images/midwineBtn.gif) bottom left no-repeat;
				text-decoration: none;
				display: block;
				}
				
				
		.mother {
			width: 162px;
			height: 38px;
			margin: 20px 0;
			padding: 0;
			}
			
			.mother a:link, .mother a:visited {
				width: 162px;
				height: 38px;
				background: url(images/motherBtn.gif) top left no-repeat;
				text-decoration: none;
				display: block;
				}
				
			.mother a:hover {
				width: 162px;
				height: 38px;
				background: url(images/motherBtn.gif) bottom left no-repeat;
				text-decoration: none;
				display: block;
				}
			
		.egMenuTitle {
			width: 195px;
			height: 44px;
			background: url(images/egMenuTitle.gif) top center no-repeat;
			margin: 80px 0 0 0;
			overflow: hidden;
			text-indent: 3000px;
			}
			
		.breakfast {
			width: 130px;
			height: 15px;
			margin: 20px 0;
			}
			
			.breakfast a:link, .breakfast a:visited {
				background: url(images/breakBtn.gif) top left no-repeat;
				width: 130px;
				height: 15px;
				display: block;
				text-decoration: none;
				margin: 0;
				}
				
			.breakfast a:hover {
				background: url(images/breakBtn.gif) bottom left no-repeat;
				width: 130px;
				height: 15px;
				display: block;
				text-decoration: none;
				margin: 0;
				}
				
					
		.davisMenuTitle {
			width: 195px;
			height: 44px;
			background: url(images/davisMenuTitle.gif) top center no-repeat;
			margin: 80px 0 0 0;
			overflow: hidden;
			text-indent: 3000px;
			}
			
				
		.cater {
			width: 132px;
			height: 50px;
			margin: 80px 0;
			}
			
			.cater a:link, .cater a:visited {
				background: url(images/cateringBtn.gif) top left no-repeat;
				width: 132px;
				height: 50px;
				display: block;
				text-decoration: none;
				margin: 0;
				}
				
			.cater a:hover {
				background: url(images/cateringBtn.gif) bottom left no-repeat;
				width: 132px;
				height: 50px;
				display: block;
				text-decoration: none;
				margin: 0;
				}
		
	#menuArea {
	position: absolute;
	top: 80px;
	right: 57px;
	width: 258px;
	height: 260px;
		}
		
	#menuAreaBrunch {
		position: absolute;
		top: 0;
		right: 0;
		width: 650px;
		height: 1074px;
		}
		
	#menuAreaThurs {
		position: absolute;
		top: 0;
		right: 0;
		width: 650px;
		height: 1560px;
		background: #fff;
		text-align: center;
		}
		
	.menuTitle{
		width: 100%;
		height: 20px;
		background: black;
		font-family:"Courier New", Courier, monospace;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		color: white;
		padding: 10px 0;
		margin: 0;
	}
	
	
	
	
	
	
	
	
#footer {
	width: 903px;
	height: 103px;
	background: url(images/footerPic.jpg) top left;
	margin: 0 20px;
	position: relative;
	}
	
	#bestLogo {
		width: 132px;
		height: 131px;
		background: url(images/bestSeal.png) top left no-repeat;
		position: absolute;
		top: -10px;
		left: 0px;
		}
		
	#handLogo {
		width: 95px;
		height: 59px;
		background: url(images/handleLogo.png) top left no-repeat;
		position: absolute;
		top: 15px;
		left: 150px;
		}
		
	#footInfo {
		position: absolute;
		top: 30px;
		left: 320px;
		border-left: solid 1px rgb(236,192,120);
		border-right: solid 1px rgb(236,192,120);
	}
	
		#footInfo p {
			margin: 1px 6px;
			color: rgb(236,192,120);
			font-size: 14px;
			}
	
	#scooter {
		width: 193px;
		height: 204px;
		background: url(images/scooter.png) top left no-repeat;
		position: absolute;
		top: -50px;
		left: 760px;
		margin: 0;
		padding: 0;
		}
		
	#logos {
		position: absolute;
		width: 850px;
		height: 50px;
		left: 0;
		top: 132px;
		}
	
		#logos img {
			margin: 0 20px 0 20px;
			float: left;
			}
			
		#logos p {
			font-family: Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 11px;
			text-align: left;
			margin: 0;
			float: left;
			}
	#logos2 {
		position: absolute;
		width: 850px;
		height: 50px;
		right: 10px;
		top: 115px;
		}
	
		#logos2 img {
			margin: 0px 20px 0 570px;
			}
		
			
		
	/*.handle {
		cursor: move;
	}*/
		
#base {
	width: 943px;
	height: 22px;
	margin: 0 auto;
	background: url(images/botFrame.png) top left no-repeat;
	}
	
	
#stageCon {
	background: rgb(255,204,130);
	width: 903px;
	height: 575px;
	margin: 0 auto;
	position: relative;
	}
	
	#jobArea {
		width: 400px;
		position: absolute;
		font-family: "Courier New", Courier, monospace;
		font-weight: bold;
		font-size: 13px;
		text-align: center;
		color: black;
		left: 50%;
		top: 680px;
		margin-left: -200px;
		}
		
		#jobArea p a:link, #jobArea p a:visited {
			color: rgb(139,28,36);
			text-decoration: none;
			font-weight: bold;
			}
			
		#jobArea p a:hover {
			color: black;
			text-decoration: underline;
			font-weight: bold;
			}

#midCon {
	width: 255px;
	position: absolute;
	top: 40px;
	left: 60px;
	}
	
	.midContact, .egContact, .davContact {
		font-family: "Courier New", Courier, monospace;
		font-weight: bold;
		font-size:15px;
		text-align: center;
		width: 265px;
	
		}

#egCon {
	width: 259px;
	position: absolute;
	top: 40px;
	left: 315px;
	}
	
#davCon {
	width: 259px;
	position: absolute;
	top: 40px;
	left: 570px;
	}
	
#stageGal {
	background: rgb(255,204,130);
	width: 903px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	position: relative;
	}
	
	#galIndex {
		margin: 0 auto;
		}
		
		#galIndex a:link, #galIndex a:visited {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: black;
			}
			
		#galIndex a:hover {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: rgb(139,28,36);
			}
			
			
#stageEvents {
	background: rgb(255,204,130);
	width: 863px;
	margin: 0 auto;
	padding: 50px 20px 70px 20px;
	position: relative;
	}
	
	.eventPic {
		width: 400px;
		float: left;
		position: relative;
		margin: 0 20px 20px 0;
		}

	.eventInfo {
		float: left;
		width: 330px;
		padding-left: 10px;
		position: relative;
		margin: 0 20px 20px 0;
		}
		
	.sep {
		/*border-top: solid 1px rgb(139,28,36);*/
		clear: both;
		}
		
	.eventTitle {
		font-size: 20px;
		font-weight: bold;
		color: rgb(139,28,36);
		}
	
	.eventCopy {
		
		}
		
		
		
#specialBtn {
	width: 171px;
	height: 172px;
	position: absolute;
	top: 230px;
	left: 390px;
	background: url(images/davisOpen.png) top left no-repeat;
	}
	
	#specialBtn a {
		width: 230px;
		height: 222px;
		display: block;
		text-decoration: none;
		}