/* Normalize */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

html { text-align: center; }
body { background: #dfcdb0 url(../images/page_bg.jpg) top center no-repeat; font-size: 100.01%; padding-top: 40px; }

/* Top Navigation */
#navi { position: relative; height: 28px; width: 509px; right: 0;
		background: transparent url(../images/top_navi.jpg) no-repeat; }
#navi li { position: absolute; top: 0; }
#navi li, #navi a { height: 28px; display: block; }
#about_us { left: 51px; width: 82px; }
#about_beans { left: 151px; width: 109px; }
#products { left: 281px; width: 84px; }
#contact { left: 388px; width: 74px; }

#branding { position: relative; width: 550px; margin: 0 auto; padding: 10px 0 0 280px;  }
h1 { position: absolute; width: 270px; height: 42px; left: 0; top: 0; 
		background: transparent url(../images/zateca_logo.jpg) no-repeat; }
h2 { background-color: transparent; background-repeat: no-repeat; font-weight: bold; font-size: 16px; margin-bottom: 5px; }	
h3 { font-weight: bold; margin-bottom: 5px; padding: 0 20px; }

#book { position: relative; width: 965px; height: 750px; margin: 0 auto; top: 30px; 
		background: transparent url(../images/open_book.jpg) no-repeat; }
#sidebar { position: absolute; width: 21px; height: 628px; top: 22px; left: 113px;
		background: transparent url(../images/brown_sidebar.jpg) no-repeat; }

/* Image Panel (Left Side) Styles */
#imagery, #scene, #bean_scene { position: absolute; top: 17px; left: 110px; width: 370px; height: 635px; }
#scene { top: 18px; left: 107px;  } #bean_scene { top: 19px; left: 129px; }
img.comic { margin: 45px 0 15px 0; } img.top { position: absolute; top: 1px; left: 27px; } img.bot { position: absolute; bottom: 1px; left: 27px; }
h4 { position: absolute; bottom: 20px; left: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; }
h4.prep { left: 45px; } h4.light { color: #f8f0e3; } h4.dark { color: #503f1d; }

/* Content Panel (Right Side) Styles */
#content { position: absolute; top: 25px; left: 490px; width: 360px; height: 620px; color: #503f1d; 
			font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; padding-top: 35px; z-index: 5; }
#imagery { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #503f1d; }
#imagery p, #content p, #content ul, #content ol { line-height: 1.25; margin-bottom: 1em; padding: 0 25px; }
#content.wide p { padding: 0 15px; }
#content a:link, #content a:visited, #imagery a:link, #imagery a:visited { color: #503f1d; }
#content a:hover, #imagery a:hover { text-decoration: none; }		
#content img.refriedheader { margin: -30px 0 -10px 0; position: relative; z-index: -1; }
#content img.halfheader { margin: -10px 0 25px 0; }
#content img.genheader { margin: 5px 0 30px 0; }
#toggle { position: absolute; width: 147px; height: 24px; bottom: 35px; right: 50px;
			background: transparent url(../images/ingredients_preparation.jpg) no-repeat; }
#tabs li, #toc li, #toggle li { position: absolute; }
#tabs li, #tabs a, #toc li, #toc a, #toggle li, #toggle a { display: block; }
#preparation, #preparation a { width: 147px; height: 24px; top: 0; left: 0; }
#preparation a:hover { background: transparent url(../images/ingredients_preparation.jpg) 0 -24px no-repeat; }

/* Table of Contents Navigation */
#toc { position: absolute; width: 173px; height: 139px; top: 240px; left: 100px;
		background: transparent url(../images/toc_list.jpg) no-repeat; overflow: hidden; } 
#toc_refried_bean_mix, #toc_refried_bean_mix a { width: 116px; height: 14px; } #toc_refried_bean_mix { top: 3px; left: 23px; }
#toc_half_baked_beans, #toc_half_baked_beans a { width: 121px; height: 14px; } #toc_half_baked_beans { top: 31px; left: 21px; }
#toc_whole_beans, #toc_whole_beans a { width: 94px; height: 14px; } #toc_whole_beans { top: 62px; left: 33px; }
#toc_bean_powder, #toc_bean_powder a { width: 92px; height: 14px; } #toc_bean_powder { top: 91px; left: 35px; }
#toc_custom_bean_products, #toc_custom_bean_products a { width: 157px; height: 14px; } #toc_custom_bean_products { top: 119px; left: 2px; }
/* Table of Contents Hover Effects */
#toc_refried_bean_mix a:hover { background: transparent url(../images/toc_list.jpg) -23px -139px no-repeat; }
#toc_half_baked_beans a:hover { background: transparent url(../images/toc_list.jpg) -21px -152px no-repeat; }
#toc_whole_beans a:hover { background: transparent url(../images/toc_list.jpg) -33px -167px no-repeat; }
#toc_bean_powder a:hover { background: transparent url(../images/toc_list.jpg) -35px -181px no-repeat; }	
#toc_custom_bean_products a:hover { background: transparent url(../images/toc_list.jpg) -2px -194px no-repeat; }
		
/* Book Tab Navigation */
#tabs { position: absolute; width: 64px; height: 378px; top: 45px; right: 25px; 
		background: transparent url(../images/book_tabs.jpg) no-repeat; }		
#refried_bean_mix, #refried_bean_mix a { width: 33px; height: 122px; top: 0; left: 0; } 
#half_baked_beans, #half_baked_beans a { width: 33px; height: 133px; } #half_baked_beans { top: 126px; left: 0; } 
#whole_beans, #whole_beans a { width: 33px; height: 104px; } #whole_beans { top: 264px; left: 0; }
#bean_powder, #bean_powder a { width: 33px; height: 102px; } #bean_powder { top: 60px; left: 31px; }
#custom_bean_products, #custom_bean_products a { width: 33px; height: 157px; } #custom_bean_products { top: 168px; left: 31px; }
/* Book Tab Navigation Hover Effects */
#refried_bean_mix a:hover { background: transparent url(../images/book_tabs.jpg) -65px 0 no-repeat; } 
#half_baked_beans a:hover { background: transparent url(../images/book_tabs.jpg) -65px -126px no-repeat; }
#whole_beans a:hover { background: transparent url(../images/book_tabs.jpg) -65px -264px no-repeat; }
#bean_powder a:hover { background: transparent url(../images/book_tabs.jpg) -162px -60px no-repeat; }
#custom_bean_products a:hover { background: transparent url(../images/book_tabs.jpg) -162px -168px no-repeat; }			

/* Section Tab Styles */
#tabs.rbm { background-image: url(../images/tabs_refried_bean_mix.jpg); }
#tabs.rbm #bean_powder a:hover { background-image: url(../images/tabs_refried_bean_mix.jpg); }
#tabs.bp { background-image: url(../images/tabs_bean_powder.jpg); }
#tabs.bp #refried_bean_mix a:hover { background-image: url(../images/tabs_bean_powder.jpg); }
#tabs.bp #half_baked_beans a:hover { background-image: url(../images/tabs_bean_powder.jpg); }
#tabs.hbb { background-image: url(../images/tabs_half_baked_beans.jpg); }
#tabs.hbb #bean_powder a:hover { background-image: url(../images/tabs_half_baked_beans.jpg); }
#tabs.hbb #custom_bean_products a:hover { background-image: url(../images/tabs_half_baked_beans.jpg); }
#tabs.cbp { background-image: url(../images/tabs_custom_bean_products.jpg); }
#tabs.cbp #half_baked_beans a:hover { background-image: url(../images/tabs_custom_bean_products.jpg); }
#tabs.cbp #whole_beans a:hover { background-image: url(../images/tabs_custom_bean_products.jpg); }
#tabs.wb { background-image: url(../images/tabs_whole_beans.jpg); }
#tabs.wb #custom_bean_products a:hover { background-image: url(../images/tabs_whole_beans.jpg); }
			
h1 span, h2 span, #navi li span, #tabs li span, #toc li span, #toggle li span { display: block; width: 0; height: 0; overflow: hidden; }
h1 a { display: block; width: 273px; height: 45px; }
h2.toc {  position: absolute; width: 242px; height: 290px; top: 135px; left: 60px;
			background-image: url(../images/toc_bg.jpg); } 
h2.bean_powder { position: absolute; width: 31px; height: 102px; top: 84px; left: -30px; 
				background-image: url(../images/bean_powder.jpg); }
h2.custom_bean_products { position: absolute; width: 31px; height: 157px; top: 190px; left: -30px; 
				background-image: url(../images/custom_bean_products.jpg); }
h2.half_baked_beans { position: absolute; width: 31px; height: 133px; top: 150px; left: -30px;
				background-image: url(../images/half_baked_beans.jpg); }
h2.refried_bean_mix { position: absolute; width: 31px; height: 122px; top: 24px; left: -30px; 
				background-image: url(../images/refried_bean_mix.jpg); }
h2.whole_beans { position: absolute; width: 31px; height: 104px; top: 287px; left: -30px;
				background-image: url(../images/whole_beans.jpg); }
h5 { position: absolute; top: 670px; left: 35px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; }
.smaller { font-size: 10px; }
.vcenter { margin-top: 175px; }