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

				 CSS Document
	         http://www.1800baker.com
			    June 30 2009

********************************************************/

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #f1e8b0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #313131;
}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #9f1010;
}	

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #9f1010;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9f1010;
	margin: 5px 0;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9f1010;
}

a:link, a:visited, a:active, a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9f1010;
	text-decoration: none;
}


#body-frame {
	width: 100%;
	height: 100%;
	display: block;
}

#main-frame {
	margin: 0 auto;
	width: 100%;
	height: auto;
	
}

#main-header {
	position: absolute;
	width: 100%;
	height: 160px;
	z-index:1;
	background:url(/1800baker/images/tilebg.png) top left repeat-x;
}

#main-header-bg {
	width: 100%;
	height: 160px; 
	}

#logo2 {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 99;
	width: 436px;
	height: 161px;
}

#body-content {
	position: absolute;
	background:url(/1800baker/images/bodybg.gif) top left repeat-x;
	margin-top: 0; 
	width: 100%;
	z-index: 98;
}

#left-nav {
	position: absolute;
	left: -271px;
	top: 0;
	z-index: 8;
	width: 288px;
	height: 414px;
	background:url(/1800baker/images/leftnavbgnew.png) no-repeat;
}

#left-nav-journal {
	position: absolute;
	left: -271px; /*!important; left: -267px;*/
	top: 0;
	z-index: 8;
	width: 288px;
	height: 414px;
	background: url(/1800baker/images/jnavleft_03.png) no-repeat;
}

#header-bg2 {
	position: absolute;
	top: -161px;
	left: -385px;
	z-index:98;
	width: 1187px;
	height: 161px;
	background:url(/1800baker/images/headerbg3.png) no-repeat;
}

#header-bg2journal {
	position: absolute;
	top: -161px;
	left: -385px;
	z-index:98;
	width: 1187px;
	height: 161px;
	background:url(/1800baker/images/headerbg3journal.png) no-repeat;
}

#main-article-bg {
	position: relative;
	margin: 0 auto;
	width: 677px;
	min-height: 521px;
	background: url(/1800baker/images/content-bg.gif) top center no-repeat !important; background: url(/1800baker/images/content-bg.gif) 0 0 no-repeat;
}

#insert-margin {
	position: relative;
	padding-left: 17%;
}

.main-article {
	clear: both;
	display: block;
	width: 588px;
	padding: 10px 40px;
	margin: 0 4px !important; margin: 0 2px 0 2px;
	height: auto;
	background-color: #feffe6;
}

.main-article-journal {
	clear: both;
	float: left;
	display: block;
	width: 588px;
	padding: 225px 40px 10px;
	margin: 0 4px !important; margin: 0 2px 0 2px;
	height: auto;
	background-color: #feffe6;
}

.journalpad {
	position: absolute;
	top: -1px;
	z-index: 100;
	left: 17px;
	width: 667px;
	height: 222px;
	background:url(/1800baker/images/zz_03.jpg) no-repeat;
}

.journalpad .title {
	float: left;
	margin: 10px 0 0 30px !important; margin: 10px 0 0 15px;
	width: 601px;
	height: 41px;
	background:url(/1800baker/images/journaltitle_03.gif) no-repeat;
}

.journalpad .journal-menu {
	float: left;
	margin: -7px 0 0 30px !important; margin: -7px 0 0 15px;
	width: 601px;
	height: 140px;
}


.main-article ol li.list {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type:decimal;
	color: #313131;
	margin: 0;
	padding: 0;
}

.main-article ol li.list p {
	margin: 0;
	padding: 5px;
}

.main-article-img {
	float: right;
	width:auto;
	height:auto;
	margin: 5px;
}

#footer-block {
	display: block;
	width: 648px;
	margin: 0 4px;
	height: auto;
	padding: 10px 10px;
	background-color: #feffe6;
}

.footer-links {
	padding-left: 32px;
	margin: 5px 0;
}

.footer-links ul, li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #976016;
	margin:0 ;
	padding: 0;
}

.footer-links-2 ul, li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #976016;
	margin:0 ;
	padding: 0;
}

.footer-links-2 {
	padding-left: 288px;
	margin: 5px 0;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #976016;
	text-decoration: none;
}

a.footerlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9f1010;
	text-decoration: none;
}

a#footerlink-active {
	color: #9f1010;
}

#copyright-block {
	display: block;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #452314;
	width: 628px;
	margin: 0 4px;
	height: auto;
	padding: 15px 20px;
	background-color: #f1e8b0;
}


#main-nav {
	position: absolute;
	top:0;
	left:12%;
	width: 290px;
	height: 400px;
	background-color: #fff;
	background:url(/1800baker/images/nav.gif) no-repeat;
}

/* Menu Elements */
#nav-holder {
	float: left;
	display: block;
	margin: 40px 0 0 30px !important; margin: 40px 0 0 14px;
	width: 240px;
	height: 240px;
}

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

#nav-holder ul li {
	margin: 3px 0;
	list-style-type:none;
}

#nav-holder ul li a {
	margin: 3px 0;
}

#nav-holder ul li.home a { display: block; background:url(/1800baker/images/default-menus/menu-home.gif) no-repeat; width: 158px; height: 20px; text-align: center; float: left;}
#nav-holder ul li.home a:hover { display:block; background:url(/1800baker/images/hover-menus/home-hover.gif) no-repeat; width: 158px; height: 20px; text-align: center; float: left; }	
#nav-holder ul li.home-active a { display: block; background:url(/1800baker/images/active-menus/home-active.gif) no-repeat; width: 158px; height: 20px; text-align: center; float: left; }

#nav-holder ul li.ingredients a { display: block; background:url(/1800baker/images/default-menus/menu-ingredients.gif) no-repeat; width: 225px; height: 19px; text-align: center; float: left; }
#nav-holder ul li.ingredients a:hover { display: block; background:url(/1800baker/images/hover-menus/ingredients-hover.gif) no-repeat; width: 225px; height: 19px; text-align: center; float: left; }
#nav-holder ul li.ingredients-active a { display: block; background:url(/1800baker/images/active-menus/ingredients-active.gif) no-repeat; width: 225px; height: 19px; text-align: center; float: left; }

#nav-holder ul li.thestory { display: block; background:url(/1800baker/images/default-menus/story.gif) 0 0 no-repeat; width: 150px; height: 19px; text-align: center; float: left; }

#nav-holder ul li.start a { display: block; background:url(/1800baker/images/default-menus/menu-start.gif) no-repeat; width: 150px; height: 18px; text-align: center; float: left; }
#nav-holder ul li.start a:hover { display: block; background:url(/1800baker/images/hover-menus/start-hover.gif) no-repeat; width: 150px; height: 18px; text-align: center; float: left; }
#nav-holder ul li.start-active a { display: block; background:url(/1800baker/images/active-menus/start-active.gif) no-repeat; width: 150px; height: 18px; text-align: center; float: left; }

#nav-holder ul li.establish a { display: block; background:url(/1800baker/images/default-menus/menu-establish.gif) no-repeat; width: 150px; height: 18px; text-align:center; float: left; }
#nav-holder ul li.establish a:hover { display: block; background:url(/1800baker/images/hover-menus/establish-hover.gif) no-repeat; width: 150px; height: 18px; text-align: center; float: left; }
#nav-holder ul li.establish-active a { display: block; background:url(/1800baker/images/active-menus/establish-active.gif) no-repeat; width: 150px; height: 18px; text-align: center; float: left; }

#nav-holder ul li.expansion a { display: block; background:url(/1800baker/images/default-menus/menu-expansion.gif) no-repeat; width: 150px; height: 17px; text-align:center; float: left; }
#nav-holder ul li.expansion a:hover { display: block; background:url(/1800baker/images/hover-menus/expansion-hover.gif) no-repeat; width: 150px; height: 17px; text-align: center; float: left; }
#nav-holder ul li.expansion-active a { display: block; background:url(/1800baker/images/active-menus/expansion-active.gif) no-repeat; width: 150px; height: 17px; text-align: center; float: left; }

#nav-holder ul li.continousgrowth a { display: block; background:url(/1800baker/images/default-menus/menu-continousgrowth.gif) no-repeat; width: 207px; height: 18px; text-align:center; float: left; }
#nav-holder ul li.continousgrowth a:hover { display: block; background:url(/1800baker/images/hover-menus/continousgrowth-hover.gif) no-repeat; width: 207px; height: 18px; text-align: center; float: left; }
#nav-holder ul li.continousgrowth-active a { display: block; background:url(/1800baker/images/active-menus/continousgrowth-active.gif) no-repeat; width: 207px; height: 18px; text-align: center; float: left; }

#nav-holder ul li.pastrytalk a { display: block; background:url(/1800baker/images/default-menus/menu-pastrytalk.gif) no-repeat; width: 207px; height: 18px; text-align: center; float: left; }
#nav-holder ul li.pastrytalk a:hover { display: block; background:url(/1800baker/images/hover-menus/pastrytalk-hover.gif) no-repeat; width: 207px; height: 18px; text-align: center; float: left; }
#nav-holder ul li.pastrytalk-active a { display: block; background:url(/1800baker/images/active-menus/pastrytalk-active.gif) no-repeat; width: 207px; height: 18px; text-align: center; float: left; }

#nav-holder ul li.contactrc a { display: block; background:url(/1800baker/images/default-menus/menu-contact.gif) no-repeat; width: 207px; height: 19px; text-align: center; float: left; }
#nav-holder ul li.contactrc a:hover { display: block; background:url(/1800baker/images/hover-menus/contact-hover.gif) no-repeat; width: 207px; height: 19px; text-align: center; float: left; }
#nav-holder ul li.contactrc-active a { display: block; background:url(/1800baker/images/active-menus/contact-active.gif) no-repeat; width: 207px; height: 19px; text-align: center; float: left; }

.toplinks { position: absolute; width: 250px; z-index:100; height: 120px; right: 160px; }
.top-sitemap { display: block; float: left; margin-top: 50px; margin-left: 72px !important; margin-left: 36px; width: 63px; height: 18px; }
.top-links { display: block; float: right; margin-top: 80px; width: 56px; height: 16px; margin-right:23px !important; margin-right: 15px; }

.top-sitemap a { display: block; background:url(/1800baker/images/sitemap-toplink.gif) no-repeat; width:63px; height: 18px; float: left; text-align: center; }
.top-sitemap a:hover { display:block; float: left; width: 63px; height: 18px; background:url(/1800baker/images/sitemap-toplink-hover.gif) no-repeat; text-align: center; }

/* dropped*
.top-links a { display: block; float: left; width: 40px; height: 16px; background:url(/1800baker/images/links-toplink.gif) no-repeat; text-align: center; }
.top-links a:hover { display: block; float: left; width: 40px; height: 18px; background:url(/1800baker/images/link-toplink-hover.gif) no-repeat; text-align: center; }*/

.top-links a { display: block; float: left; width: 56px; height: 16px; background:url(/1800baker/images/toplinkjournalactive_03.gif) no-repeat; text-align: center; }
.top-links a:hover { display: block; float: left; width: 56px; height: 16px; background:url(/1800baker/images/toplinkjournalhover_03.gif) no-repeat; text-align: center; }

/* sitemap List */
.sitemap-list ul {
	list-style-type: decimal;
	padding: 0;
}

.sitemap-list li {
	display: block;
	list-style-type: decimal;
	margin: 0 0 0 -20px;
	list-style-position:inside;
	padding: 10px 0 0 0;
}