/* reset ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0;}

.clear {clear: both;}

#skip, 
.hide, 
hr, 
#logo-print {display: none;}




body {background: #660c14 url(../images/bg.jpg) 50% 0 no-repeat;}

#heinz57sauce {
	width: 730px;
	margin:0 auto;
	position: relative;}
	
	
h1 {
	width: 484px;
	height: 50px;
	text-indent: -123456px;
	background: url(../images/welcome.gif) 0 0 no-repeat;
	position: absolute;
	top: 38px;
	left: 113px;
	overflow: hidden;}



#heinz57 a {
	width: 377px;
	height: 308px;
	text-indent: -123456px;
	background: url(../images/57.jpg);
	position: absolute;
	top: 132px;
	left: 0px;
	overflow: hidden;
	display: block;}
	
	#heinz57b {
	width: 377px;
	height: 308px;
	text-indent: -123456px;
	background: url(../images/57m.jpg);
	position: absolute;
	top: 132px;
	left: 0px;
	overflow: hidden;}


#heinz a {
	display: block;
	width: 350px;
	height: 308px;
	text-indent: -123456px;
	background: url(../images/heinz.jpg);
	position: absolute;
	top: 132px;
	right: 0px;
	overflow: hidden;}