@charset "UTF-8";
/*
	Web site CSS
	Quesadilla La Reyna del Sur Mexican Vegetarian Cuisine
	by Jose I. Santoyo
*/

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-image: url(../_images/background.jpg);
	background-repeat: repeat-y; 
	background-position: top center;	
}

p, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
}

#container {
	width: 1067px;
	margin: 0 auto;	
}

/*========== Header/Navigation ==========*/

#header {
	height: 132px; 
	position: relative;
	margin: 0px 0px 41px 0px;	
}

#mainLogo a {
	text-decoration: none;
}

#flowerLogo {
	position: absolute; 
	left: 583px;
	bottom: 0px;
}

#mainNav {
	position: absolute;
	left: 285px;
	bottom: 40px;
}

#mainNav ul {
	list-style-type: none;	
}

#mainNav li {
	float: left;
	padding: 0px 0px 7px 0px;
	border-bottom: 3px solid #d8B942;		
}

#mainNav li a:link, #mainNav li a:visited {
	font-size: 24px;
	color: #a43c00;	
	text-decoration: none; 
	padding: 0px 0px 0px 28px;
	margin: 0px 29px 0px 0px;
	letter-spacing: 5px;
}

#mainNav li a:hover, #mainNav li a:active {
	color: #385800;
}

#mainNav li #menuLink {
	margin: 0px 168px 0px 0px;	
}

/*========== Home Page ==========*/

#midBanner {
	border: 2px solid #d8b942;
}

#healthy {
	background-color: #FFF;	
	border: 2px solid #d8b942;
	margin: 38px 0px 0px 0px;
	width: 625px;
	height: 719px;
	float: left;
}

h1 {
	padding: 17px 0px 17px 19px;
	color: #a43c00;
	letter-spacing: 3px;
	font-size: 32px;
}

#healthy img {	
	float: left;
	margin: 0px 15px 0px 39px;
}

#healthy p {
	margin: 0px 27px 25px 39px;	
	line-height: 140%;
}

#mealOftheDay {
	width: 1063px;
	background-color: #FFF;	
	border: 2px solid #d8b942;
	clear: both;
	position: relative;
	padding: 0px 0px 20px 0px;
}

#mealOftheDay h1 {
	padding: 17px 0px 17px 19px;
	color: #a43c00;
	letter-spacing: 3px;
	font-size: 32px;	
}

#mealOftheDay table {
	padding: 0px 0px 0px 39px;		
}

#mealSample {
	position: absolute;
	right: 22px;
	top: 62px;
}

/*========== Side Bar ==========*/

#sideBar {
	background-color: #FFF;	
	border: 2px solid #d8b942;	
	margin: 38px 0px 41px 0px;
	float: right;
	padding: 0px 20px 0px 20px;
	width: 354px;
	height: 719px;
}

#sideBar th {
	padding: 17px 0px 17px 17px;
	color: #a43c00;
	letter-spacing: 3px;
	font-size: 32px;
	text-align: center;
}

.soupDay {	
	color: #a43c00;
	font-weight: bold; 	
	line-height: 140%;
	letter-spacing: 2px;
}

.soup {
	color: #a43c00;
	font-weight: bold; 	
	line-height: 140%;
	padding: 0px 0px 0px 40px;
	letter-spacing: 2px;
}

.listSpace {
 	padding: 0px 0px 13px 40px;	
}

/*========== About Page ==========*/

#aboutInfo {
	background-color: #FFF;
	border: 2px solid #d8b942; 
	margin: 41px 0px 0px 0px;	
}

#restaurantPic {
	margin: 18px 18px 20px 18px;	
}

#info {
	float: left;	
}

.infoImages {
	float: left;
	margin: 0px 15px 0px 39px;	
}

#info p {
	width: 640px;
	margin: 0px 0px 80px 39px;	
	line-height: 140%;	
}

#staff {
	width: 260px;	
	float: right;
	line-height: 140%;
}

#staff h1 {
	padding: 17px 0px 17px 0px;
	color: #a43c00;
	letter-spacing: 3px;
	font-size: 32px;	
}

.name {
	color: #a43c00;
	letter-spacing: 3px;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px 2px 0px;
}

#cheff {
	margin: 120px 0px 0px 0px;	
}

/*========== Contact Page ==========*/

#contactInfo {
	background-color: #FFF;
	border: 2px solid #d8b942; 
	margin: 41px 0px 0px 0px;	
}

#map {
	margin: 0px 0px 20px 39px;
	float: left;	
}

#contactAddress {
	float: right;	
	width: 300px;
	margin: 0px 0px 85px 0px;	
	line-height: 150%;
}

#contactHours {
	float: right;
	width: 300px;
	line-height: 150%;		
}

/*========== Menu Page ==========*/

#mainMenu {
	width: 890px;
	float: right;	
}

#subMenu {
	position: fixed;	
}

#subMenu ul {
	list-style: none;
	width: 155px;
	height: 473px;
	background: url(../_images/sub_nav.png) no-repeat;
	text-align: center;
	float: left;
}

#subMenu li a:link, #subMenu li a:visited {
	color: #fff;
    display: block;    
	font-size: 15px;        
    text-decoration: none;
    padding: 7px 0px 7px 0px; 
    line-height: 25px; 
	letter-spacing: 1px;     
}

#firstSubLink {
	margin: 12px 0px 0px 0px;
}

.border {
	border-top: 1px dashed white;	
}

#subMenu li a:hover, #subMenu li a:active {
    background-color: #782300;
}

.menuSection {
	background-color: #fff;
	padding: 18px 18px 50px 18px;
	border: 2px solid #d8b942;
	margin: 0px 0px 41px 0px;
}

.left {
	width: 400px;
	float: left;
}

.right {
	width: 400px;
	float: right;
}

.foodName {
	color: #a43c00;
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
	letter-spacing: 2px;
	margin: 40px 0px 7px 0px;
}

.prizeBg {
	background-image: url(../_images/price_holder.png);
	background-repeat: no-repeat;
	color: #fff;
	padding: 4px 0px 4px 0px;
	text-align: center;
	width: 136px;
	letter-spacing: 1px;
	margin: 40px 0px 0px 265px;
}

.description {
	letter-spacing: 2px;
	padding: 0px 0px 0px 21px;
}

.note {
	letter-spacing: 2px;
	padding: 0px 0px 0px 21px;
	width: 880px;
}
/*========== Footer==========*/

#footer {
	position: relative;	
	clear: both;
}

#footerBackground {
	margin: 20px 0px 0px 0px;
}

#footerAddress {
	position: absolute;
	line-height: 140%;
	letter-spacing: 2px;
	width: 250px;
	top: 18px;
	left: 18px;	
	font-size: 13px;
}

#footerHours {
	position: absolute;
	line-height: 140%;
	letter-spacing: 2px;
	width: 290px;
	right: 330px;
	top: 18px;
	font-size: 13px;
}

#topRibbon {
	position: absolute;
	right: 10px;
	top: 0px;
}

#topRibbon a {
	text-decoration: none;	
}

#underline {
	border-top: 1px dashed #000;	
	width: 1067px;
	position: absolute;
	top: 150px;
	text-align: center;
	font-size: 12px;
	padding: 7px 0px 0px 0px;
}

/*========== Miscellaneous Styles ==========*/

.clear { clear: both }