/* WRAPPER */

#wrapper{
	width:800px;
	height:600px;
	padding:0px;
	margin:30px auto auto;
	border:2px solid black;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}


a {text-decoration:underline;color:blue;background-color:transparent;}
.underline {text-decoration:underline;font-weight:bold;}
.indent {text-indent:15px;}
.italic, .italcent {font-style:italic;}
.cent, .italcent {text-align:center;}


/* WRAPPER.HEADER */

#header{
	width:800px;
	height:150px;
	background:url(images/header.png) no-repeat left top;
}

/* WRAPPER.HEADER. Link back to Homepage */
/* to link only from circle icon, width:150. if link entire title, width:580 */

#backhome{
	display:block;
	float:left;
	width:580px;
	height:150px;
	margin:0px 0px 0px 26px;
	background-color:transparent;
}
 

/* WRAPPER.HEADER.ADDRESS */

#address {
	width:190px;
	height:105px;
	float:right;
	padding-right:2px;
	padding-top:2px;
}

#address p{
	text-align:right;
	color:white;
	font-style:italic;
	font-size:0.8em;
}

/* WRAPPER.NAVBAR */

#navbar{
	width:800px;
	height:19px;
	border:1px;
	border-style:solid none;
	background-color:#78141F;
}

#navbar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#navbar li{
	display:inline;
	float:left;
	text-align:center;
}

#navbar a {
	display:block;
	width:160px;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	padding-top:1px;
}

a.tepp {font-weight:bold;}
#navbar a:link, #navbar a:visited {background-color:#78141F;}
#navbar a:hover, #navbar a:active {background-color:#B20F1F;}


/* WRAPPER.CONTENT */
#content{
	width:800px;
	height:430px;
	padding:0;
	margin:0;
	background:url(images/logofade.png) no-repeat left top;
	overflow-y:auto;
	font-size:0.9em;
}


/* (Homepage.Content) CONTENT.TABLE elements */
/* #home is the table, #announce/trading/map are td's */

#home {width:800px;height:430px;}
#home td {border-style:solid;border-width:0px;border-color:black;}

#announce {height:190px;}
#announce h1, #announce p, #trading {text-align:center;}

#facebook {float:left;margin-left:5px;border-style:none;}

#map {width:400px;height:205px;padding:0px 10px 0px 0px;}
#map img {float:right;}


/* (Lunch page content) CONTENT.TABLE elements */

#lunch {background-color:transparent;width:100%;padding:20px;}
#boxannounce {font-size:1em;padding:10px;}

#lunchcontent {margin:auto;text-align:center;padding-top:10px;}
#lunchcontent ul {list-style-type:none;text-indent:-2.5em;}
.boxhead td {background-color:#AD3B54;width:33%;margin-left:10px;color:white;font-size:1.1em;}
.boxcon td {background-color:#FFF8F8;padding:0px 10px;border:1px solid #FFA8A8;}

/* (Teppanyaki page content) CONTENT.TABLE elements */
/* Content (teppanyaki( (intro)(teppcontent)(teppalacarte) ) )*/

#teppanyaki{width:790px;margin:5px;}

#teppanyaki td {font-size:1em;vertical-align:top;}

#teppintro {padding:20px 20px 0 20px;}
#teppcontent,#teppalacarte {margin:20px auto auto;border:1px solid black;border-collapse:collapse;}
#teppcontent td,#teppalacarte td {border:1px solid black;}
#teppcontent {text-align:center;}

.teppheading {font-size:1.1em;background-color:#AD3B54;color:white;}



/* (Alacarte page content) CONTENT.TABLE elements */
/* alacarte (alaintro, alaset.table, alamenu.table) */


#alacarte			{width:100%;}

#alaintro 			{height:20px;}

#alaset				{margin:auto;}
#alaset td 			{padding:0 20px;}
#alasethead 		{font-weight:bold;color:#4E00AD;font-size:1.2em;}
#alasetdesc 		{font-style:italic;font-size:0.7em;}

#alamenu 			{border-collapse:collapse;margin-left:50px;}
#alamenu td			{padding:7px 7px 0 20px;}
#alamenu tr:hover 	{background-color:#D9D9D9;}

.alahead 			{text-indent:-20px;font-weight:bold;color:#4E00AD;font-size:1.3em;}
.aladesc 			{padding-left:15px;font-style:italic;font-size:0.8em;color:#292929}


/* (Takeaway page content) CONTENT.TABLE elements */

#takeaway {margin:auto;padding-top:50px;text-align:center;}



/* Website by Nelson Mok for Sakataya Teppanyaki 2010 */