/* ================ */
/* Palette */
/* ================ */
/*
#ed8825 orange
#79d13a green
#8d8b8b grey dark
#b8b8b8 grey med
#cacaca grey light
*/
/* ================ */

* {margin: 0; padding: 0; background-color: transparent;}

body
{
	background: #ffffff;
	color: #666666;
	line-height: 1.3;
	text-align: center;
	height: 100%;
	overflow-y: auto;
	background: #ffffff url(images/body-bg.gif) no-repeat fixed top center;
}

p, a, body, table, td, dl, dt, dd, ul, li
{
	font-family: Univers, "Lucida Grande", Verdana, Tahoma, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

a { font-weight: bold; }
a:link, a:visited { color: #fa8e1b; text-decoration: none; }
a:hover, a:active { color: #fa8e1b; text-decoration: underline; }

h1, h2, h3, h4, h5, h6
{
	font-family: "Century Gothic", "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
	font-variant: small-caps;
	color: #8d8b8b;
}

h1 {font-size: 350%; font-family: "Plaza", "Square721 BT", "Bitstream Vera Sans";}
h2 {font-size: 325%; letter-spacing: 8px; margin: 0;}
h3 {font-size: 215%; letter-spacing: 3px; border-bottom: 1px solid #ed8825; background: url(images/h3-bg.png) no-repeat bottom right; margin: 1em 0 0 0 0;}
h4 {font-size: 155%; letter-spacing: 1px; border-bottom: 1px solid #79d03a; margin: 1.2em 0 0.2em 0; font-style: italic;}

.wide h3
{
	font-size: 155%;
	letter-spacing: 1px;
	border: 0;
	margin: 0 0 1.2em 0;
	padding: 1.2em 0 0 0;
	background-image: none;
	margin: 0 -312px 0 0;
}

img
{
	float: right;
	border: 1px solid #ed8825;
	padding: 0;
	margin: -16px -212px 0 10px;
}

img.nobord {border:0;}

.wide img { margin: 0 -312px 0 10px;}

.about img {display: none; width: 0; height: 0; padding: 0; margin: 0; border: 0;}

p img
{
	float: none;
	border: 0;
	margin: 0;
}

.wide p
{
	margin: 1em 0;
}

ul
{
	list-style-type: square;
	line-height: 1.5em;
	margin: 0 0 2em 0;
}

li
{
	list-style-type: square;
	line-height: 1.5em;
	margin: 0 0 0 20px;
}

#nav ul, #nav li, #subnav ul, #subnav li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}



/* =========================================================================== */
/* Layout */
/* =========================================================================== */


#header, #wrap
{
	padding: 0;
	text-align: left;
}

#header
{
	width: 786px;
	height: 50px;
	overflow: hidden;
	background: #ffffff url(images/head-bg-hotpoint.png) bottom left no-repeat;
	border-top: 1px solid #ffffff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -393px;
}
html>body #header {position: fixed;}

#wrap
{
	margin: 0 auto;
	width: 780px;
	background: #ffffff;
	overflow: hidden;
	padding: 51px 0 0 0;
}

#nav
{
	display: block;
	float: left;
	width: 80px;
	border-bottom: 100px solid #b8b8b8;
	padding: 120px 0 0 0;
	background: #ffffff url(images/nav-bg.png) top left no-repeat;
	position: absolute;
	top: 51px;
	left: 50%;
	margin-left: -390px;
}
html>body #nav {position: fixed;}

#content
{
	display: block;
	width: 448px;
	padding: 100px 212px 20px 40px;
	margin: 0 0 0 80px;
}

#content.wide
{
	width: 348px;
	padding-right: 312px;
}

#content.about {background: url(images/about-cafe-fade.jpg) 220px 165px no-repeat; padding-bottom: 50px;}

#content h2
{
	background: #ffffff url(images/content-bg.png) top left no-repeat;
	margin: 0 -212px 0 -40px;
	padding: 41px 0 1px 40px;
	width: 660px;
	height: 59px;
	position: absolute;
	top: 51px;
	left: 50%;
	margin-left: -310px;
}
html>body #content h2 {position: fixed;}

#subnav
{
	display: block;
	width: 650px;
	height: 45px;
	margin-right: -212px;
}

#footer
{
	clear: both;
	background: #ffffff url(images/foot-bg.png) top left no-repeat;
	padding: 25px 0 50px 120px;
}


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

#header h1, #header p
{
	line-height: 1;
	text-align: right;
	margin: 0;
	padding: 0;
}

#header h1
{
	height: 0;
	width: 0;
	font-size: 1px;
	color: #ffffff;
}

#header p
{
	margin-top: 10px;
	font-size: 11px;
	letter-spacing: 2px;
	font-family: "Arial Narrow";
}


/* =========================================================================== */
/* Left Menu (nav) */
/* =========================================================================== */


#nav ul
{
	display: block;
}

#nav li
{
	display: block;
	vertical-align: bottom;
	text-align: center;
	letter-spacing: 5px;
	margin-bottom: 20px;
}


#nav li a
{
	height: 100px;
	width: 80px;
	display: block;
	vertical-align: bottom;
	text-align: center;
	letter-spacing: 5px;
	text-indent: -1234px;
}

#navmenu a
{
	background: #79c03a url(images/nav-menu.gif) bottom left no-repeat;
}

#navabout a
{
	background: #8d8b8b url(images/nav-about.gif) bottom left no-repeat;
}

#navmenu a:link, #navmenu a:visited {background-image: url(images/nav-menu-off.png);}
#navmenu a:hover, #navmenu a:active {background-image: url(images/nav-menu-on.png);}

#navabout a:link, #navabout a:visited {background-image: url(images/nav-about-off.png);}
#navabout a:hover, #navabout a:active {background-image: url(images/nav-about-on.png);}



/* =========================================================================== */
/* Sub Menu */
/* =========================================================================== */

#content #subnav ul, #content #subnav li
{
	list-style-type: none;
	margin: 0;
	margin-left: 0;
	padding-left: 0;
}

#content #subnav li
{
	display: block;
	float: left;
}

#subnav a
{
	display: block;
	vertical-align: bottom;
	text-align: center;
	letter-spacing: 2px;
	height: 45px;
	overflow: hidden;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
	padding: 0;
	margin: 0 0 0 11px;
}

#subnav a:link, #subnav a:visited { background: #ffffff; color: #ed8825; }
#subnav a:hover, #subnav a:active { background: #79d13a; color: #ffffff; }

#subnav a.current
{
	border: 1px solid #79d13a;
	border-top: 0;
}

#subnav #breakfast a, #subnav #starters a, #subnav #pizza a { width: 100px; }
#subnav #kids a, #subnav #wines a { width: 80px; }
#subnav #plates a { width: 110px; }

#subnav #starters a, #subnav #pizza a, #subnav #plates a { padding-top:  6px; height: 38px; }
#subnav #breakfast a, #subnav #kids a, #subnav #wines a  { padding-top: 14px; height: 30px; }




/* =========================================================================== */
/* Content */
/* =========================================================================== */


dl
{
	margin: 20px 0 60px 0;
	padding-right: 10px;
}

dt
{
	font-family: "Century Gothic", "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 115%;
	border-bottom: 1px solid #79d03a;
	margin: 0;
	/*font-family: Arial, Helvetica, sans-serif, "Lucida Grande", Verdana, "Bitstream Vera Sans";*/
	font-weight: normal;
	letter-spacing: 1px;
	font-variant: small-caps;
	color: #8d8b8b;
}

dt a
{
	font-size: 115%;
	font-weight: normal;
}
dt a:link, dt a:visited {color: #ed8825; text-decoration: none;}
dt a:hover, dt a:active {color: #79d03a; text-decoration: none;}

dt.sub
{
	border: 0;
	margin: 2em 0 0 0;
	font-size: 105%;
}

dt.nodesc {margin: 0 0 1.7em 0;}

dt .price, ul .price
{
	float: right;
	margin-top: -20px;
}

ul .price {line-height: 1;}

dd
{
	line-height: 1.4;
	margin: 5px 0px 1.3em 0;
	text-align: justify;
	font-size: 14px;
	padding: 0 0 0 25px;
}

ul.side
{
	display: block;
	float: left;
	margin-left: -25px;
}

.side li
{
	display: block;
	font-size: 1px;
	text-indent: -12345px;
	width: 25px;
	height: 15px;
	margin: 3px 0;
}

.spicy { background: url(images/icon-spicy.png) center center  no-repeat; }
.green { background: url(images/icon-green.png) center center no-repeat; }
.grey { background: url(images/icon-grey.png) center center no-repeat; }

/* =========================================================================== */
/* Footer */
/* =========================================================================== */


#footer p
{
	float: none;
	clear: both;
	margin: .5em 0;
	font-size: 11px;
}

#footer p.float
{
	float: left;
	clear: none;
	display: block;
	margin-right: 5em;
}


/* =========================================================================== */
/* Addenda */
/* =========================================================================== */


a.print-menu
{
	font-variant: normal;
	letter-spacing: 1px;
	margin-left: -20px;
	font-weight: normal;
}

a.print-menu:link, a.print-menu:visited {color: #cacaca;}
a.print-menu:hover, a.print-menu:active {color: #79d13a;}

.print-menu img { margin: 0 5px 0 0 ; padding: 0; float: none; border: 0;}