/*
/**
/** (C) Copyright 2005, 2006, 2007, 2008, 2009
/**	digibee.net Web Solutions & Mike Cygalski - Web design by Mike Cygalski
/** 
/**		1-519-685-3904 or 1-877-digiBee
/** 
/**		digibee.net Web Design
/**		27 Beaconsfield Ave Floor 2
/**             London Ontario (ON)
/**             N6C 1B6 Canada
/**
/**
/**
*/

html,body {
	margin:				0;
	padding:			0;
	height:				100%;
	text-align:			center;
	background-color: #dddddd; background-image: url(../images/jbg13.gif); background-position: center;
	
font-size: 12px; line-height: 2em; font-family: Arial, sans-serif; color: #24261F }

a { font-size: 17px }
a img { border: none; }
p { line-height: 1.25em; }
br { line-height: 20px; }
small { font-size: 0.75em; }
#navigationmenu big { float: right; margin-right: 2em; font-weight: bold; color: #B7D4DA; }
#navigationmenu { font-family: Helvetica, Arial, sans-serif; }
h1, h2, h3 { font-family: Arial, Tahoma, sans-serif; }
h1 { display: none; }
h2 { background-color: inherit; font-size: 22px; color: #090A4B; line-height: 22px; font-weight: normal; }
h3 { background-color: inherit; font-size: 20px; color: #33597A; font-weight: normal }
h4 {}

body * { letter-spacing: -0.050em;  }

#navigationmenu { padding-top: 10px; z-index: 6; position: absolute; top: 0px; left: 50%; margin-left: -450px !important; margin-left: -450px; width: 892px !important; width: 900px; background-color: #EAF2F5; color: white; font-weight: normal;
 padding-left: 10px !important; padding-left: 18px; text-decoration: none; text-align: left;  }

#navigationmenu a { 
 padding-top: 2px; border-left: 1px solid #090A4B; border-right: 1px solid #090A4B; border-bottom: 1px solid #090A4B; display: block; float: left; width: 80px;  text-align: center; line-height: 23px; color: white; background-color: #242564;  text-decoration: none; }

#navigationmenu a { padding-top: 1px !important; padding-top: 2px; border-color: #C8DEE3; color: white; background-color: #B7D4DA; font-weight: bold }

#navigationmenu a:hover { border-left: 1px solid #434493; border-right: 1px solid #434493; border-bottom: 1px solid #434493; color: white; background-color: #242564; }

#navigationmenu #current { border-color: white; color: #090A4B; background-color: white; }

#nameheading { z-index: 1; position: absolute; top: 12px; left: 50%; margin-left: -498px; }

#kanjijapanese { position: absolute; left: 50%; top: 53px; margin-left: 304px !important; width: 64px; height: 86px; background-color: inherit; background-image: url(../images/shiki_london_ontario.gif); background-repeat: no-repeat; color: white;}

#restaurantname { position: absolute; left: 50%; top: 50px; margin-left: 80px; }

#subname { background-color: inherit; color: #090A4B; position: absolute; left: 50%; top: 120px; margin-left: 93px;  font-size: 22px; font-weight: normal; line-height: 22px; width: 300px; text-align: left;}

#foodpicture { position: absolute; left: 50%; top: 55px; margin-left: 768px; }

#content_menu { z-index: 5; padding-top: 0px; padding-bottom: 0px; background-color: white; color: black; border-right: 0px; position: absolute;  top: 60px; left: 50%; margin-left: -30px !important; margin-left: -20px; }

#content_menu h2 { margin: 0px; font-weight: normal;  }

#content_menu a { font-size: 13px; background-color: #F1F6F8; background-position: left; border: 1px solid #EAF2F5; color: #33597A; display: block; line-height: 18px; padding-left: 10px; padding-right: 10px; width: 103px !important; width: 113px; text-decoration: none; font-weight: normal ; border-right: 1px solid #EAF2F5; border-left: 1px solid #EAF2F5; }

#content_menu a:hover { color: #090A4B; border-color: #EAF2F5; background-color: white; border-right: 1px solid #EAF2F5; border-left: 1px solid #EAF2F5;  font-weight: normal}

#content_menu #current { border: 1px solid #EAF2F5; border-right: 0px solid white; color: #24261F; background-color: white; font-weight: normal; text-transform:none;}


#container {
	position:			relative;
	margin:				0 auto;
	width:				900px !important;
	width:				930px;		/* IE Fix for (2) borders being inside container. */
	height:				auto !important; /* Detect height automatically, Incompatible w/IE */
	height:				100%;
	min-height:			100%;
	
	background-color: white; color: black; background-image: url(../images/thewave5.gif); background-repeat: no-repeat; 	background-position: bottom;
	border-left:		15px solid #EAF2F5;
	border-right:		15px solid #EAF2F5;
}


#body_left {
	float:				left;
	width:                        544px !important;
	width:				542px;
	height: 705px;
	text-align:			left;
	background-color:	transparent;
}


#body_right { min-height: 600px;  margin-top: 50px; margin-bottom: 40px; border: 1px solid #EAF2F5; width: 343px; min-width: 297px; max-width: 297px; 
	float:				left;
white-space: normal;
	text-align:			left;
	background-color:	white; color: #24261F; background-position: right; background-repeat: repeat-y;
	padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px;
}


#body_right h2 { line-height: 1em; padding: 0 0 1em 0; margin: 0 0; }




div.menuitem { font-size: 18px; line-height: 22px;
   float:left; 
} 

div.price { font-size: 18px; line-height: 22px; margin-left: 195px; text-align: right;
}

div.description { line-height: 17px; width: 298px;
}


div.opening_hours { text-align: center; font-size: 20px;
}
div.opening_hours h2 { font-size: 32px; line-height: 80%; }
div.opening_hours h3 { font-size: 20px; line-height: 70%;}


#footer {
	position:			absolute; left: 50%;
	bottom:				0;
	width:				100%;
	height:				18px;
	text-align:			left;
	background-color:	#EAF2F5;
	margin-left:		-450px !important;
	margin-bottom:		0 !important;
	margin-left:		-450px;		/* IE Fix for displaying the footer */
	margin-bottom:		-1px;		/* properly. The margin left must be half of the width
									   of it's container. Then set a -1 bottom margin to
									   fill an odd 1px gap at the bottom of the page in IE.
									*/
}

#footer { font-family: tahoma, arial, sans-serif; color: #090A4B; text-align: center;  font-size: 11px; letter-spacing: 0px; line-height: 18px; border-top: 1px solid #A9C8CE; height: 28px; }
#footer a { text-decoration: none; background-color: inherit; color: #386485; font-size: 11px; line-height: 18px; letter-spacing: 0px; }
#footer a:hover { text-decoration: underline }

#footer img { vertical-align: middle; }

/*
/**
/**
*/