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

/* ------------------------------------------*/
/* -------- www.MtEverestKitchen.com --------*/
/* ------------------------------------------*/


/* ------------------------------------------*/
/* ------------ [Table of Content] ----------*/
/* ------------------------------------------*/

/*
1. Home
	1.1 Food (Flash animation where food picture changes ramdomley)
	1.2 Menu (Quick links to the food)
	1.3 Hours (Hours of operation)
	1.4 Delivery (Delivery restrictions and phone no)
	1.5 Take Out Menu (Link to the printable pdf menu)
2. Menu
3. Catering
4. About Us
5. Contact Us
*/


/* ------------------------------------------*/
/* -------------- Desing Layout -------------*/
/* ------------------------------------------*/
 
/*
1. Body
2. Header / #header
	2.1 Navigation / #navbar
3. Content / #content
4. Footer / #footer
*/



/* ------------------------------------------*/
/* ------------- GLOBAL STYLES---------------*/
/* ------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	color: #333;
	font: small "Verdana", Arial, sans-serif;
	line-height: normal;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #999;
}

a {
	text-decoration: none;
	color: #000062;
}

a img {
	border: 0;
}

img.right{
	float: right;
	border: 5px solid #fff;
	margin: 5px 0 5px 15px;
}

img.left{
	float: left;
	border: 5px solid #fff;
	margin: 5px 15px 5px 5px;
}

p {
	margin: 0 0 1em;
	line-height: 1.5em;
}

h1 {
	border-bottom: 1.5px dotted #640F0F;
	font-size: 1.125em;
	color: #640F0F;
	margin-bottom: 5px;
}

h2 {
	font-size:.85em;
	color: #640F0F;
	font-variant:small-caps;
	margin-bottom: 1px;
	margin-left: 5x;
}

h3{
	font-size:.8em;
	font-weight:normal;
}
/* ------------------------------------------*/
/* ----------- Header | Nav Links -----------*/
/* ------------------------------------------*/

#navLinks {
	margin: -20px 0 0px 175px; 
}

#navLinks li {
	display: inline;
	list-style: none; /* So that all the browser display it properly*/
	font-weight: bold;
}


#navlinks a {
	color: #3399FF;
}

/* Since I am using one image for header and nav bar need to manually center the listed text to aline in the center of the box*/

#navLinks li.Home { 
	padding: 0 40px;
}

#navLinks li.Menu {
	padding: 0 45px;
}

#navLinks li.Catering {
	padding: 0 30px;
}

#navLinks li.AboutUs {
	padding: 0 25px;
}

#navLinks li.ContactUs {
	padding: 0 20px;
}

/* ------------------------------------------*/
/* ------------------ Footer ----------------*/
/* ------------------------------------------*/


#footer {
	clear:both;
	margin: 40px -20px 0px -20px;
	color: #FFF;
	height: 20px;
	background: #216E31; 
	color: #FFF;
}

#footer li {
	display: inline;
	margin-right:1em;
	padding-right: .75em;
	border-right: 1px solid #99C;
	font-size: .7em;

	
}

#footer a {
	color: #D4EC84;
}

#footer li.last {
	border-right: 0;
}

/* ------------------------------------------*/
/* ---------------- Content -----------------*/
/* ------------------------------------------*/

#container {
	margin:0;
	padding: 20px 20px 0 20px;
	width:940px;
	background-color: #640F0F;
	line-height:normal;
}


/* ------------------------------------------*/
/* ------------------- Home -----------------*/
/* ------------------------------------------*/

/* Creation to main container left and right to accomodate all the boxes*/

#boxA {
	width: 448px;
	height: 350px;
	float: left;
	margin: 0 2px 0 0;
	padding: 10px;
	background-color: #d8c2c4;
}

#boxB {
	width: 448px;
	height: 350px;
	float: left;
	margin: 0 2px 0 0;
	padding: 10px;
	background-color: #d8c2c4;
}

#boxC {
width: 136px;
height: 240px;
float: left;
margin: 0 0 0 0;
padding: 10px;
background-color: #d8c2c4;
}


/* ------------------------------------------*/
/* ----------------- Menu Nav ---------------*/
/* ------------------------------------------*/

#menuList{
	background-color:#216E31;
	margin-top:1px;
	padding: 5px;


}

#menuList li {
	display:inline;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #fff;
	font-size: 1em;
}

#menuList li.menuLast {
border-right: 0;
}



/* ------------------------------------------*/
/* ----------------- Menu -------------------*/
/* ------------------------------------------*/

#menuA {
width:312px;
margin: 0 2px 0 0;
padding:0 0 2px 0; /* Clearing the top maring for footer */
float:left;
}

#menuC {
width:312px;
margin: 0 0 0 0;
padding:0 0 2px 0; /* Clearing the top maring for footer */
float:right;
}

#menuLeft {
	width:940px;
	padding:0 20px 20px 0px; /* Clearing the top maring for footer */
	float:left;
	background-color: #630F0F;

}

#food {
	margin: 0px 5px 2px 5px;
	padding: 10px;
	background:#FFF;
	width: 650px;
	height: 25px;
}

#name {
font-size: 1em;
font-weight:bold;
float: left;
}

#price {

font-size: 1em;
font-weight:bold;
float: right;
}

#description {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.85em;
	line-height: 1.125em;
	float: left;
	width:580px;
	border-top: 1px dotted #000;
}

/* ------------------------------------------*/
/* ------------- Round Corners --------------*/
/* ------------------------------------------*/

.roundcont {
	width: 940px;
	background-color: #d8c2c4;
	color: #000;
}


.roundcont p {
	font-size: .9em;
	padding: 10px;
}

.roundcont h1 {
	margin: 0 10px;
}

.roundcontMenu {
	width: 312px;
	background-color: #d8c2c4;
	color: #000;
}

.roundcontMenu p {
	font-size: 9px;
	padding: 10px;
}

.roundcontMenu h1 {
	margin: 0 10px;
}


.roundtop { 
	background: url(../images/TR.jpg) no-repeat top right;
}

.roundbottom {
	background: url(../images/BR.jpg) no-repeat top right;
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}


/* ------------------------------------------*/
/* ------------- Clear Bottom --------------*/
/* ------------------------------------------*/
#clearBottom {
width:890px;
height:10px;
}
#LunchMenuDescription {
	font-size: x-small;
	color: #333;
}