/*********************
  general items
*********************/
* {
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}
a:focus {
	outline: 0;
}
a {
	color: #394e1a;
}
fieldset {
	border: 0;
}

/*********************
  Main Styles
*********************/
html {
	font: .627em Arial, Verdana, Helvetica, sans-serif;
}

body {
	color: #231f20;
	background: transparent url(../images/bg_pattern.jpg) repeat 0 0;
}
div#background {
	width: 1000px;
	height: 780px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: url(../images/body_bgr.jpg) no-repeat 0 0;
}
body.template2 div#background{
	background: url(../images/body_bgr2.jpg) no-repeat 0 0;
}
body.template3 div#background{
	background: url(../images/body_bgr3.jpg) no-repeat 0 0;
}
body.template4 div#background{
	background: url(../images/body_bgr4.jpg) no-repeat 0 0;
}
#container {
	float: left;
	display: inline;
	margin-left: 35px;
	padding: 0 8px;
	width: 658px;
	text-align: left;
	background: url(../images/container_bgr.png) repeat-y 0 0;
}
#container_btm {
	float: left;
	clear: left;
	display: inline;
	margin-left: 35px;
	width: 674px;
	height: 18px;
	overflow: hidden;
	background: url(../images/container_btm.png) no-repeat 0 0;
}

/*********************
  header & footer
*********************/
#header {
	margin-bottom: 18px;
	padding-left: 34px;
	width: 624px;
	height: 131px;
	background: url(../images/header_bgr.gif) repeat-x 0 0;
}
#header #logo_and_tagline {
	float: left;
	padding-top: 19px;
}
#header a#logo {
	float: right;
	clear: right;
	position: relative;
	z-index: 1;
	margin: -26px -67px 0 0;
}
#header a#logo img {
	display: block;
}
ul#top_nav {
	float: right;
	position: relative;
	z-index: 2;
	list-style-type: none;
	width: 190px; 
	height: 13px;
	padding: 10px 23px 5px 0;
	text-transform: uppercase;
	text-align: right;
}
ul#top_nav li {
	display: inline;
}
ul#top_nav li a {
	padding: 0 5px;
	text-decoration: none;
	color: #787777;
}
ul#top_nav li a:hover {
	color: #1a1a1a;
}
h1#jelena {
	cursor: pointer;
}
h1#jelena,
p#tagline {
	padding-top: 37px;
	width: 200px;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(../images/h1_jelena.gif) no-repeat 0 0;
}
p#tagline {
	clear: left;
	padding-top: 18px;
	margin-top: 19px;
	width: 232px;
	background: url(../images/tagline.gif) no-repeat 0 0;
}

#footer {
	clear: both;
	margin-left: 35px;
	padding: 0 26px 30px;
	width: 622px;
	color: #fff;
	font-size: .9em;
	text-align: right;
	text-transform: uppercase;
}
#footer ul {
	float: left;
	list-style-type: none;
	text-transform: uppercase;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	padding: 0 5px;
	text-decoration: none;
	color: #fff;
}
#footer ul li a:hover, #footer ul li a.on {
	color: #2d3d15;
}

/*********************
  navigation
*********************/
#nav {
	float: left;
	display: inline;
	margin: 45px -10px 0 0;
	padding: 24px 0 0 48px;
	width: 258px;
	list-style-type: none;
	background: url(../images/ul_nav_bgr.gif) no-repeat bottom left;
}
#nav li {
	float: left;
	display: inline;
}
#nav li#services {
	margin-left: 6px;
}
#nav li#menu {
	margin-left: 6px;
}
#nav li a {
	float: left;
	display: block;
	padding-top: 29px;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(../images/nav.gif) no-repeat 0 0;
}
#nav li#chef a {
	width: 57px;
	background-position: 0 0;
}
#nav li#aboutus a {
	width: 94px;
	background-position: 0 0;
}
#nav li#services a {
	width: 91px;
	background-position: -100px 0;
}
#nav li#menu a {
	width: 57px;
	background-position: -197px 0;
}

#nav li#chef a:hover     {background-position:    0px -29px;}
#nav li#aboutus a:hover     {background-position:    0px -29px;}
#nav li#services a:hover {background-position:  -100px -29px;}
#nav li#menu a:hover     {background-position: -197px -29px;}

#nav li#chef a.on        {background-position:    0px -58px;}
#nav li#aboutus a.on        {background-position:    0px -58px;}
#nav li#services a.on    {background-position:  -100px -58px;}
#nav li#menu a.on        {background-position: -197px -58px;}

/*********************
  main content items
*********************/
#content {
	float: left;
	clear: left;
	padding-bottom: 10px;
	width: 658px;
	font-size: 1.1em;
}
#content p {
	line-height: 1.4em;
	padding-bottom: 5px;
}
#content ul {
	margin: 0 0 13px 20px;
}
#main_image_area {
	float: left;
	clear: left;
	margin-bottom: 23px;
	width: 658px;
	color: #fff;
	font-style: italic;
	font-size: 1.1em;
}
#main_image_area p {
	margin-top: -20px;
	padding: 0 15px;
	font-size: 1em;
}
#main_image_area img {
	display: block;
}
#main_image_area #left_img {
	float: left;
	width: 423px;
	text-align: right;
}
#main_image_area #right_img {
	float: left;
	display: inline;
	margin-left: 1px;
	width: 234px;
}
#l_col {
	float: left;
	padding: 0 18px 0 26px;
	width: 379px;
}
#r_col {
	float: left;
	display: inline;
	margin-left: 1px;
	width: 234px;
}
#l_col h2 {
	margin-bottom: 14px;
	padding-top: 30px;
	width: 100%;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(../images/h2_lorem_ipsum.gif) no-repeat 0 0;
}
h2.lorem_ipsum {
	background: url(../images/h2_lorem_ipsum.gif) no-repeat 0 0;
}
a#ds {
	display: block;
	padding-top: 28px;
	width: 145px;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(../images/a_ds.gif) no-repeat 0 0;
}
a#banner {
	width: 212px;
	height: 177px;
}
a#banner img {
	display: block;
}

/*** subpages ***/

#left_col {
	float: left;
	width: 252px;
}
#right_col {
	float: left;
	padding: 40px 40px 10px 18px;
	width: 348px;
}
#right_col.template2 {
	padding: 5px 40px 10px 18px;
}
#right_col h2.normal {
	padding-bottom: 13px;
	font-size: 1.65em;
	font-weight: normal;
	color: #8bbe40;
}
#right_col h2.replaced {
	margin-bottom: 14px;
	padding-top: 30px;
	width: 100%;
	height: 0;
	overflow: hidden;
	font-size: .1em;
}
h2.lorem_ipsum {
	background: url(../images/h2_lorem_ipsum.gif) no-repeat 0 0;
}
#right_col p {
	padding-bottom: 13px;
}
ul#sub_nav {
	margin: 0;
	padding-bottom: 26px;
	width: 205px;
	list-style-type: none;
}
ul#sub_nav li#orders a,
ul#sub_nav li#catering a,
ul#sub_nav li#chef a {
	display: block;
	padding-top: 29px;
	width: 205px;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(../images/sub_nav.gif) no-repeat 0 0;
}
ul#sub_nav li#catering a {
	padding-top: 28px;
	background-position: 0 -29px;
}
ul#sub_nav li#chef a {
	padding-top: 28px;
	background-position: 0 -171px;
}
ul#sub_nav li#orders a:hover   {background-position: 0 -57px;}
ul#sub_nav li#catering a:hover {background-position: 0 -86px;}
ul#sub_nav li#orders a.on      {background-position: 0 -114px;}
ul#sub_nav li#catering a.on    {background-position: 0 -143px;}

ul#sub_nav li#chef a:hover {background-position: 0 -200px;}
ul#sub_nav li#chef a.on    {background-position: 0 -229px;}

/** menu **/

#date_and_legend {
	float: left;
	clear: left;
	position: relative;
	z-index: 3;
	margin: -20px 0 10px;
	padding: 7px 26px;
	width: 606px;
	background: url(../images/date_and_legend_bgr.gif) repeat-x 0 0;
}
#date_and_legend ul#date,
#date_and_legend ul#legend {
	margin-left: -5px;
	list-style-type: none;
	float: left;
}
#date_and_legend ul#date li {
	display: inline;
}
#date_and_legend ul#date li a {
	padding: 0 5px;
	font-size: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #787777;
}
#date_and_legend ul#date li a:hover,
#date_and_legend ul#date li a.on {
	color: #000000;
}
#date_and_legend ul#legend {
	margin: -3px 0 0 0;
	float: right;
}
#date_and_legend ul#legend li {
	float: left;
	display: inline;
	padding: 2px 0 0 23px;
	margin-left: 10px;
	height: 17px;
	color: #7e7c7c;
	background: url(../images/vegan.gif) no-repeat 0 0;
}
#date_and_legend ul#legend li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #7e7c7c;
}
#date_and_legend ul#legend li a.on {
	color: #000;
}
#date_and_legend ul#legend li#vegan {
	background: url(../images/vegan.gif) no-repeat 0 0;
}
#date_and_legend ul#legend li#vegetariann {
	background: url(../images/vegetariann.gif) no-repeat 0 0;
}
#date_and_legend ul#legend li#meat {
	background: url(../images/meat.gif) no-repeat 0 0;
}
div.menu {
	float: left;
	padding: 0 0 10px 26px;
	width: 303px;
}
div.menu h2 {
	padding-bottom: 12px;
	font-size: 1.5em;
	font-weight: normal;
	color: #89bd3d;
}
#content div.menu ul {
	margin: 0;
	list-style-type: none;
	color: #656565;
	font-size: 1.2em;
}
div.menu ul li {
	padding: 0 10px 10px 22px;
}
div.menu ul li.vegan       { background: url(../images/li_vegan_bgr.gif) no-repeat 0px 1px; }
div.menu ul li.vegetariann { background: url(../images/li_vegetarian_bgr.gif) no-repeat 0px 1px; }
div.menu ul li.meat        { background: url(../images/li_meat_bgr.gif) no-repeat 0px 1px; }

div#order {
	float: left;
	clear: left;
	display: inline;
	margin-left: 26px;
	padding-top: 9px;
	width: 608px;
	background: url(../images/order_top_bgr.gif) no-repeat top left;
}
p.info {
	clear: left;
	color: #231f20;
	padding-left: 47px;
}
#order_frm,
#order_frm fieldset {
	float: left;
	display: block;
	padding-bottom: 9px;
	width: 608px;
	background: url(../images/order_btm_bgr.gif) no-repeat bottom left;
}
#order_frm fieldset {
	font-size: .95em;
	padding: 10px 20px;
	width: 568px;
	background: url(../images/order_inner_bgr.gif) repeat-y top left;
}
#order_frm #lcf {
	float: left;
	display: inline;
	width: 230px;
}
#order_frm #rcf {
	float: left;
	display: inline;
	width: 338px;
}
#order_frm label {
	padding-bottom: 1px;
	display: block;
	color: #222;
}
#order_frm input {
	padding: 1px 2px;
	margin-bottom: 8px;
	width: 206px;
	border: 1px solid #bfdc95;
}
#order_frm textarea {
	padding: 1px 2px;
	margin-bottom: 8px;
	width: 332px;
	height: 60px;
	overflow: auto;
	border: 1px solid #bfdc95;
}
div#check label {
	float: left;
	display: inline;
	margin-right: 5px;
}
div#check label input {
	float: left;
	display: inline;
	margin-right: 2px;
	padding: 0;
	border: 0;
	width: 13px;
	height: 13px;
}
div#check input#submit {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	width: 77px;
	height: 21px;
}

div#wrapper {
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 10;
}
ol.alphabet {
	list-style-type: lower-alpha;
	margin-left:18px;
}
ol.alphabet li{
	padding-bottom: 10px;
}
u {
	font-weight: bold;
}
ul.sitemap {
	margin-left:18px;
}
ul.sitemap li{
	padding-bottom: 10px;
	color: #8BC041;
}
p#thankYouMessage {
	font-size: 1.3em;
}
#imageGallery img#galleryImg {
	border:5px solid #DDEDC8;
	width:170px;
	height:227px;
}
#imageGallery a#openGallery {
	font-weight: bold;
	text-decoration:none;
}
#imageGallery a#openGallery:hover {
	text-decoration:underline;
}