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

body {
	margin: 0;
	padding: 0;
	background: #502d7f url(/img/bg/starburst2.jpg) no-repeat top center;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
}

div#container {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding-top: 127px;
	background: url(/img/bg/logo_glow.png) no-repeat top center;
}

div#content {
	position: relative;
	background: #fff url(/img/corners/board_top.gif) no-repeat;
	padding: 80px 30px 40px 30px;
	overflow: auto;
}

div#main {
	float: left;
	width: 680px;
	background-color: #FFF;
}

div#main_promo {
	position: relative;
	float: left;
	width: 480px;
}

div#rightcol {
	width: 200px;
	padding-left: 19px;
	border-left: 1px solid #ccc;
	float: right;
}

div#main_right {
	float: right;
	width: 420px;
}

h1#logo {
	position: absolute;
	width: 349px;
	height: 165px;
	line-height: 165px;
	margin: 0;
	top: 17px;
	left: 317px;
	background: url(/img/izzys_logo.png) no-repeat;
	text-indent: -7000px;
	z-index: 2;
}

h1#logo a {
	display: block;
	width: 299px;
	height: 165px;
	line-height: 165px;
	margin-left: 22px;
	outline: none;
}

h1#logo a:hover {
	background: url(/img/homepage_ovr.gif) no-repeat bottom center;
}

span#bottom {
	position: absolute;
	display: block;
	width: 980px;
	height: 28px;
	background: #fff url(/img/corners/board_bot.gif) no-repeat;
	bottom: 0;
	left: 0;
}

div#footer {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 25px 10px 15px 10px;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul li{
	display: inline;
	padding: 0 7px 0 0;
	margin: 0 0 0 5px;
	border-right: 1px solid #999;
}

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

#footer p.copyright {
	margin: 10px 0 0 0;
}

#footer a {
	color: white;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a:visited {
	color: #aaa;
}

/* BEGIN NAVIGATION*/
div#nav {
	width: 322px;
	height: 184px;
	position: absolute;
	top: 22px;
	left: 4px;
	background: url(/img/icons.gif) no-repeat 12px 45px;
	z-index: 4;
}

ul#nav_main {
	position: relative;
	width: 322px;
	height: 184px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#nav_main li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

ul#nav_main li a {
	display: block;
	height: 50px;
	line-height: 46px;
	background-image: url(/img/nav/main.gif);
	background-repeat: no-repeat;
	text-indent: -7000px;
	outline: none;
	overflow: visible;
}

ul#nav_main li.story a, ul#nav_main li.story_ovr a {
	width: 105px;
	background-position: 0 0;
}

ul#nav_main li.food a, ul#nav_main li.food_ovr a {
	width: 96px;
	background-position: -210px 0;
}

ul#nav_main li.stores a, ul#nav_main li.stores_ovr a {
	width: 111px;
	background-position: -402px 0;
}

ul#nav_main li.story a:hover, ul#nav_main li.story_ovr a {
	background-position: -105px 0;
}

ul#nav_main li.food a:hover,  ul#nav_main li.food_ovr a {
	background-position: -306px 0;
}

ul#nav_main li.stores a:hover, ul#nav_main li.stores_ovr a {
	background-position: -513px 0;
}

ul#nav_main li a span.arrow {
	display: none;
}

ul#nav_main li a:hover span.arrow, ul#nav_main li.stores_ovr a span.arrow, ul#nav_main li.food_ovr a span.arrow, ul#nav_main li.story_ovr a span.arrow {
	display: block;
	position: absolute;
	z-index: 6;
}

ul#nav_main li.story a:hover span.arrow, ul#nav_main li.story_ovr a span.arrow {
	width: 20px;
	height: 35px;
	background: url(/img/arrow1.png) no-repeat;
	top: 28px;
	left: 89px;
}

ul#nav_main li.food a:hover span.arrow, ul#nav_main li.food_ovr a span.arrow {
	width: 37px;
	height: 42px;
	background: url(/img/arrow2.png) no-repeat;
	top: 25px;
	left: 80px;
}

ul#nav_main li.stores a:hover span.arrow, ul#nav_main li.stores_ovr a span.arrow {
	width: 33px;
	height: 44px;
	background: url(/img/arrow3.png) no-repeat;
	top: 25px;
	left: 178px;
}

div#story_sub, div#food_sub, div#stores_sub {
	position: absolute;
	display: none;
	width: 315px;
	top: 38px;
	left: 2px;
	background: url(/img/corners/wood_all.gif) no-repeat top left;
	padding: 16px 0 0 0;
	z-index: 4;
}

div#story_sub ul.sub, div#food_sub ul.sub, div#stores_sub ul.sub {
	position: relative;
	display: block;
	width: 294px;
	height: 109px;  /* can make bigger */
	list-style: none;
	margin: 0;
	padding: 3px 0 0 21px;
	background-image: url(/img/corners/wood_all.gif);
	background-repeat: repeat-y;
}

div#story_sub ul.sub {
	background-position: -315px 0;
}

div#food_sub ul.sub {
	background-position: -630px 0;
}

div#stores_sub ul.sub {
	background-position: -945px 0;
}

div#story_sub ul.sub li, div#food_sub ul.sub li, div#stores_sub ul.sub li {
	display: block;
	float: left;
	clear: left;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 9px 0;
}

div#story_sub ul.sub li {
	margin-bottom: 7px;
}

div#story_sub ul.sub li a, div#food_sub ul.sub li a, div#stores_sub ul.sub li a {
	display: block;
	height: 25px;
	line-height: 25px;
	width: auto;
	background: none;
	text-indent: -8000px;
	outline: none;
}

div#story_sub ul.sub li a:hover, div#food_sub ul.sub li a:hover, div#stores_sub ul.sub li a:hover {
	background: url(/img/nav/sub/arrow.gif) no-repeat;
}

li#history {
	width: 79px;
	background-image: url(/img/nav/sub/history.gif);
}
li#news {
	width: 61px;
	background-image: url(/img/nav/sub/news.gif);
}
li#talk {
	width: 102px;
	background-image: url(/img/nav/sub/talk.gif);
}
li#menu {
	width: 61px;
	background-image: url(/img/nav/sub/menu.gif);
}
li#catering {
	width: 88px;
	background-image: url(/img/nav/sub/catering.gif);
}
li#gift {
	width: 109px;
	background-image: url(/img/nav/sub/gift.gif);
}
li#kroger {
	width: 159px;
	background-image: url(/img/nav/sub/kroger.gif);
}
li#order {
	width: 151px;
	background-image: url(/img/nav/sub/order.gif);
	position: absolute;
	top: 3px;
	left: 135px;
}
li#locations {
	width: 101px;
	background-image: url(/img/nav/sub/locations.gif);
}
li#work {
	width: 119px;
	background-image: url(/img/nav/sub/work.gif);
}
li#breakfast {
	width: 175px;
	background-image: url(/img/nav/sub/breakfast.gif);
}
li#beer {
	width: 127px;
	background-image: url(/img/nav/sub/beer.gif);
}

div#story_sub span.bot, div#food_sub span.bot, div#stores_sub span.bot {
	display: block;
	width: 315px;
	height: 16px;
	background: url(/img/corners/wood_all.gif) no-repeat -1260px 0;
}
/* END NAVIGATION */

/* BEGIN IZZY'S MAN */
div#spokesman {
	width: 330px;
	height: 150px;
	position: absolute;
	right: -14px;
	top: 2px;
	background: url(/img/izzys_man.png) no-repeat bottom right;
	z-index: 3;
}
div#message {
	position: absolute;
	top: 12px;
	right: 92px;
	padding: 0 42px 0 19px;
	z-index: 4;
}
div#message span {
	display: block;
	height: 69px;
}
div#message span.left {
	position: absolute;
	top: 0;
	left: 0;
	width: 19px;
	background: url(/img/corners/bubble_l.png) no-repeat;
	float: left;
}
div#message span.right {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	background: url(/img/corners/bubble_r.png) no-repeat;
	float: right;
}
div#message span.text {
	width: 150px; /* can change this width to make box bigger or smaller */
	height: 55px;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	padding: 6px 0 4px 0;
	background-color: #fff;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}
div#hat {
	position: absolute;
	width: 24px;
	height: 16px;
	top: 9px;
	right: 50px;
	z-index: 6;
	background-repeat: no-repeat;
}
div#spokesman .izzys {
	background-image: url(/img/hat/izzys.gif);
}
/* END IZZY'S MAN */
#kidsmenu {
	height: 30px;
	vertical-align: middle;
}
#kidsmenu a img {
	padding-right: 10px;
	vertical-align: middle;
}