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

body {
	background-color: #FFF8AF;
}

#background {
	background-attachment: scroll;
	background-color: #FFF8AF;
	background-image: url(graphics/background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	height: 755px;
	width: 883px;
	left: 20px;
	top: 5px;
	text-align: center;
}

#background_b {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	height: 695px;
	width: 883px;
	text-align: center;
	left: 10px;
	top: 5px;
	background-color: #FFF8AF;
}

#background_c {
	position: absolute;
	height: 750px;
	width: 860px;
	left: 20px;
	top: 5px;
	background-color: #FFFFFF;
}


#background_d {
	position: absolute;
	height: 1900px;
	width: 860px;
	left: 20px;
	top: 5px;
	background-color: #FFFFFF;
}

#background_e {
	position: absolute;
	height: 1300px;
	width: 860px;
	left: 20px;
	top: 5px;
	background-color: #FFFFFF;
}

#background_f {
	position: absolute;
	height: 850px;
	width: 860px;
	left: 20px;
	top: 5px;
	background-color: #FFFFFF;
}

#background_g {
	position: absolute;
	height: 1100px;
	width: 860px;
	left: 20px;
	top: 5px;
	background-color: #FFFFFF;
}


#background_top {
	position: absolute;
	height: 145px;
	width: 883px;
	background-image: url(graphics/background_top.gif);
	background-repeat: no-repeat;
	left: 10px;
	top: 5px;
}



#background_bottom {
	position: absolute;
	height: 123px;
	width: 882px;
	top: 675px;
	background-image: url(graphics/background_bottom.gif);
	background-repeat: no-repeat;
	left: 10px;
}


#background_bottom_b {
	position: absolute;
	height: 123px;
	width: 882px;
	top: 1275px;
	background-image: url(graphics/background_bottom.gif);
	background-repeat: no-repeat;
	left: 10px;
}

#background_bottom_c {
	position: absolute;
	height: 123px;
	width: 882px;
	top: 1837px;
	background-image: url(graphics/background_bottom.gif);
	background-repeat: no-repeat;
	left: 10px;
}

#background_bottom_d {
	position: absolute;
	height: 123px;
	width: 882px;
	top: 844px;
	background-image: url(graphics/background_bottom.gif);
	background-repeat: no-repeat;
	left: 10px;
}

#background_bottom_e {
	position: absolute;
	height: 123px;
	width: 882px;
	top: 1021px;
	background-image: url(graphics/background_bottom.gif);
	background-repeat: no-repeat;
	left: 10px;
}

#background_left {
	position: absolute;
	height: 632px;
	width: 75px;
	top: 150px;
	left: 10px;
	background-image: url(graphics/border_section.gif);
	background-repeat: repeat-y;
}

#background_left_b {
	position: absolute;
	height: 1132px;
	width: 75px;
	top: 150px;
	left: 10px;
	background-image: url(graphics/border_section.gif);
	background-repeat: repeat-y;
}

#background_left_c {
	position: absolute;
	height: 1732px;
	width: 75px;
	top: 150px;
	left: 10px;
	background-image: url(graphics/border_section.gif);
	background-repeat: repeat-y;
}

#background_left_d {
	position: absolute;
	height: 800px;
	width: 75px;
	top: 150px;
	left: 10px;
	background-image: url(graphics/border_section.gif);
	background-repeat: repeat-y;
}

#background_left_e {
	position: absolute;
	height: 950px;
	width: 75px;
	top: 150px;
	left: 10px;
	background-image: url(graphics/border_section.gif);
	background-repeat: repeat-y;
}

#background_right {
	position: absolute;
	height: 632px;
	width: 75px;
	top: 150px;
	left: 817px;
	background-image: url(graphics/border_section_right.gif);
	background-repeat: repeat-y;
}

#background_right_b {
	position: absolute;
	height: 1132px;
	width: 75px;
	top: 150px;
	left: 817px;
	background-image: url(graphics/border_section_right.gif);
	background-repeat: repeat-y;
}

#background_right_c {
	position: absolute;
	height: 1732px;
	width: 75px;
	top: 150px;
	left: 817px;
	background-image: url(graphics/border_section_right.gif);
	background-repeat: repeat-y;
}

#background_right_d {
	position: absolute;
	height: 800px;
	width: 75px;
	top: 150px;
	left: 817px;
	background-image: url(graphics/border_section_right.gif);
	background-repeat: repeat-y;
}

#background_right_e {
	position: absolute;
	height: 950px;
	width: 75px;
	top: 150px;
	left: 817px;
	background-image: url(graphics/border_section_right.gif);
	background-repeat: repeat-y;
}

/* -- Links -- */

a:link.nav, a:visited.nav, a:hover.nav, a:active.nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-decoration: none;
}

a:link.nav, a:visited.nav  {color: #36D9BC;}

a:link.small, a:visited.small  {color: #A75DD1; font-size: 14px; text-decoration: underline;}


a:hover.nav {
	color: #7100B3;
}

a:active.nav {
	color: #BE229B;
}

#google_maps {	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px; 	text-decoration: underline;}
	
span#menus {
	color: #7100B3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-decoration: none;
}

	
/* -- Text -- */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	line-height: 1.2em;
	text-align: left;
}
h2, h3, h4 {
	color: #7100B3;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
		}
		
hr {
	color: #000000;
	height: 1px;
	width: 690px;
	}
	
	
/* -- Navigation -- */	

#navigation {
	color: #7100B3;
	position: absolute;
	height: 5px;
	width: 690px;
	left: 105px;
	top: 130px;
	text-align: center;
}

#menu {
	color: #7100B3;
	position: absolute;
	height: 10px;
	width: 690px;
	left: 95px;
	top: 170px;
	text-align: center;
}

#menu_nav_top {
	color: #7100B3;
	position: absolute;
	height: 10px;
	width: 690px;
	left: 95px;
	top: 205px;
	text-align: center;
}

#menu_nav_breakfast {
	color: #7100B3;
	position: absolute;
	height: 25px;
	width: 690px;
	left: 95px;
	top: 785px;
	text-align: center;
}

#menu_nav_lunch {
	color: #7100B3;
	position: absolute;
	height: 25px;
	width: 690px;
	left: 95px;
	top: 1828px;
	text-align: center;
}

#lunch_anchor {
	position: absolute;
	height: 5px;
	width: 20px;
	left: 155px;
	top: 800px;
}

/* -- Home: Content -- */

#paragraph1 {
	position: absolute;
	height: 150px;
	width: 365px;
	left: 95px;
	top: 185px;
}
#photo1 {
	position: absolute;
	left: 458px;
	top: 185px;
}
#photo2 {
	position: absolute;
	left: 93px;
	top: 380px;
}
#paragraph2 {
	position: absolute;
	height: 150px;
	width: 272px;
	left: 515px;
	top: 390px;
}

/* -- Location: Content -- */

#photo3 {
	position: absolute;
	left: 439px;
	top: 185px;
}
#paragraph3 {
	position: absolute;
	height: 150px;
	width: 330px;
	left: 93px;
	top: 185px;
}
#photo4 {
	position: absolute;
	left: 93px;
	top: 406px;
}
#photo5 {
	position: absolute;
	left: -412px;
	top: 255px;
}
#photo6 {
	position: absolute;
	left: -231px;
	top: 545px;
}
#paragraph4 {
	position: absolute;
	height: 150px;
	width: 275px;
	left: 505px;
	top: 426px;
}
#paragraph5 {
	position: absolute;
	height: 150px;
	width: 330px;
	left: 95px;
	top: 170px;
}
#paragraph6 {
	position: absolute;
	height: 150px;
	width: 333px;
	left: 450px;
	top: 350px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	line-height: 1.2em;
	text-align: left;
}

span.bold  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	color: #000000;
	line-height: 1.2em;
	text-align: justify;
}

span.boldSm  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

span.italic  {

	font-weight:bold;
	font-style:italic;
	color: #000000;
}

/* -- Menu: Content -- */

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.2em;
	text-align: left;
}

span {	font-size: 12px;
	color: #E7D68C;
	font-weight: bold;
}



.larger {font-size: 17px;
}

.price {color: #FFFFFF;
	font-weight: normal;
		text-align: right;}
		
#smaller_link {font-size: 8px;
color: #FFFFFF;}

/* -- Menu: Breakfast -- */

#breakfast {
	position: absolute;
	height: 509px;
	width: 572px;
	left: 155px;
	top: 270px;
	background-image: url(graphics/breakfast_bckgrnd.jpg);
	background-repeat: no-repeat;
}

#breakfast_b {
	position: absolute;
	height: 509px;
	width: 572px;
	left: 155px;
	top: 250px;
	background-image: url(graphics/breakfast_bckgrnd_b.jpg);
	background-repeat: no-repeat;
}


#breakfast_head {
	position: absolute;
	height: 108px;
	width: 334px;
	left: 119px;
	top: -25px;
}
	
#eggs {
	position: absolute;
	height: 40px;
	width: 120px;
	left: 36px;
	top: 90px;
} 

#breakfast_text_a {
	position: absolute;
	height: 300px;
	width: 200px;
	left: 36px;
	top: 127px;
} 

#crepes {
	position: absolute;
	height: 40px;
	width: 120px;
	left: 310px;
	top: 90px;
} 

#breakfast_text_b {
	position: absolute;
	height: 300px;
	width: 200px;
	left: 314px;
	top: 127px;
} 

#burritos {
	position: absolute;
	height: 40px;
	width: 120px;
	left: 310px;
	top: 225px;
} 

#hat_pig {
	position: absolute;
	height: 40px;
	width: 120px;
	left: 225px;
	top: 260px;
} 

#breakfast_text_c {
	position: absolute;
	height: 300px;
	width: 200px;
	left: 314px;
	top: 257px;
} 


#granola {
	position: absolute;
	height: 40px;
	width: 120px;
	left: 303px;
	top: 370px;
} 

#breakfast_text_d {
	position: absolute;
	height: 300px;
	width: 200px;
	left: 314px;
	top: 419px;
} 
/* -- Menu: Lunch -- */
		
#lunch {
	position: absolute;
	height: 963px;
	width: 572px;
	left: 155px;
	top: 850px;
	background-image: url(graphics/lunch_bckgrnd.jpg);
	background-repeat: no-repeat;
}

#lunch_head {
	position: absolute;
	height: 72px;
	width: 336px;
	left: 118px;
	top: -21px;
}

#create_specials {
	position: absolute;
	height: 69px;
	width: 414px;
	left: 40px;
	top: 65px;
} 

#sandwich_icons {
	position: absolute;
	height: 542px;
	width: 57px;
	left: 275px;
	top: 120px;
} 

#lunch_text_a {
	position: absolute;
	height: 500px;
	width: 200px;
	left: 49px;
	top: 135px;
} 

#lunch_text_b {
	position: absolute;
	height: 500px;
	width: 200px;
	left: 335px;
	top: 110px;
} 

#lunch_text_c {
	position: absolute;
	height: 200px;
	width: 200px;
	left: 195px;
	top: 705px;
} 

/* -- Music -- */

#paragraph7 {
	position: absolute;
	height: 150px;
	width: 365px;
	left: 250px;
	top: 225px;
}

#calendar {
	width: 690px;
	height: 600px;
	position: absolute;
	top: 215px;
	left: 105px;
}

#email_submission {
	width: 410px;
	height: 180px;
	position: absolute;
	top: 830px;
	left: 105px;
	margin-left: 125px;
	margin-right: 125px;
	

}

.form {font-family:Arial,Helvetica,sans-serif;
	background-color:#C3D9FF;
	width: 400px;
	height:170px; 
	padding:10px;
	border: 0;
	font-size:13.5px;
	line-height:1.2em;	
}


/* Footer */

#footer {width: 883px;
		height: 20px;
		position: relative;
		text-align:center;
		top: 707px;
		font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
}


#location_footer {width: 883px;
		height: 40px;
		position: relative;
		text-align:center;
		left: -95px;
		top: 1145px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		color: #000000;
		}

		
#menu_footer {width: 883px;
		height: 40px;
		position: relative;
		text-align:center;
		left: 15px;
		top: 1870px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		color: #000000;
		}
		
#music_footer {width: 883px;
		height: 20px;
		position: relative;
		text-align:center;
		top: 875px;
		font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
}

#calendar_footer {width: 883px;
		height: 20px;
		position: relative;
		text-align:center;
		top: 1052px;
		font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
}