/* 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%; }

/* Top Navigation */
#navi { position: relative; width: 509px; height: 28px; margin: 45px auto; 
		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; }

/* Book Cover */
#book { position: relative; width: 482px; height: 685px; margin: 0 auto;
		background: transparent url(../images/closed_book.jpg) no-repeat; }
h1 { position: absolute; width: 273px; height: 45px; top: 152px; left: 70px; 
		background: transparent url(../images/zateca_cover_logo.jpg) no-repeat; }	
h2 { position: absolute; width: 287px; height: 59px; top: 475px; left: 70px;
		background: transparent url(../images/cover_text.jpg) no-repeat; }		

/* Book Tab Navigation */
#tabs { position: absolute; width: 64px; height: 378px; top: 30px; left: 408px; 
		background: transparent url(../images/cover_tabs.jpg) no-repeat; }
#tabs li { position: absolute; }
#tabs li, #tabs a { display: block; }
#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: 35px; height: 102px; }
#bean_powder { top: 60px; left: 29px; }
#custom_bean_products, #custom_bean_products a { width: 35px; height: 157px; }
#custom_bean_products { top: 168px; left: 29px; }
/* Hover Effects */
#refried_bean_mix a:hover { background: transparent url(../images/cover_tabs.jpg) -65px 0 no-repeat; } 
#half_baked_beans a:hover { background: transparent url(../images/cover_tabs.jpg) -65px -126px no-repeat; }
#whole_beans a:hover { background: transparent url(../images/cover_tabs.jpg) -65px -264px no-repeat; }
#bean_powder a:hover { background: transparent url(../images/cover_tabs.jpg) -160px -60px no-repeat; }
#custom_bean_products a:hover { background: transparent url(../images/cover_tabs.jpg) -160px -168px no-repeat; }
			
h1 span, h2 span, #navi li span, #tabs li span 
{ display: block; width: 0; height: 0; overflow: hidden; }
h5 { position: absolute; bottom: 20px; left: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 65%; }