@charset "UTF-8";

a {
text-decoration: none;
}

p {
margin: 0 0 0.25em 0;
}

body {
font: 65% Arial Black, Helvetica, sans-serif;
background: #ffffff;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image:url(/images/background.jpg);
background-repeat:no-repeat;
background-position: top left;
height: 894px; 
}

body#blogpage {
background-image:url(/images/background_blog.jpg);
}
.oneColFixCtr #container {
padding: 0;
width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 0; /* the auto margins (in conjunction with a width) center the page */
border: 0px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin: 0;
position: relative;
}

#introLogo {
position: absolute;
top: 57px;
left: 156px;
}

#credits {
position: absolute;
top: 830px;
left: 0;
width: 970px;
font-size: 75%;
}

#credits a {
color: #000000;
}

#enterButton {
position: absolute;
top: 474px;
left: 462px;
display:block;
}

#logo {
position: absolute;
top: 39px;
left: 297px;
}

#tasty {
position: absolute;
left: 561px;
top: 679px;
}

#blogpage #tasty {
display: none;
}

#navbar {
position: absolute;
top: 257px;
left: 155px;
}

#homeLeft {
position: absolute;
top: 326px;
left:0;
}

#homeLeft a {
	display: block;
}

#homeFlash {
position: absolute;
left: 466px;
top: 317px;
}

#recipe_artwork {
position: absolute;
top: 312px;
left: 665px;
}

#recipe_card {
position: relative;
top: 312px;
left: 178px;
background-image:url(/images/recipes_cardwClick.jpg);
background-repeat:no-repeat;
width: 487px;
height: 343px;
}

#blog {
position: absolute;
top: 327px;
left: 155px;
background-image:url(/images/blog_BG2.jpg);
background-repeat:no-repeat;
width: 648px;
height: 285px;
}

#about_artwork {
position: absolute;
top: 312px;
left: 658px;
}

#about {
position: relative;
top: 312px;
left: 189px;
background-image:url(/images/about_BG.jpg);
background-repeat:no-repeat;
width: 434px;
height: 339px;
padding: 25px;
}

#about_signature {
position: relative;
left: 200px;
}

#contact_artwork {
position: absolute;
top: 312px;
left: 658px;
}

#contact {
position: relative;
top: 312px;
left: 189px;
background-image:url(/images/about_BG.jpg);
background-repeat:no-repeat;
width: 434px;
height: 339px;
padding: 25px;
}

#contact_submit {
position: relative;
left: 200px;
}

#basket {
position: relative;
top: 333px;
left: 175px;
background-image:url(/images/basket_BG.jpg);
background-repeat:no-repeat;
width: 648px;
height: 285px;
}

#salsas_artwork {
position: absolute;
top: 312px;
left: 658px;
}

#salsas {
position: relative;
top: 312px;
left: 189px;
background-image:url(/images/salsas_BG.jpg);
background-repeat:no-repeat;
width: 434px;
height: 339px;
padding: 25px;
}

#salsas2 {
position: relative;
top: 312px;
left: 175px;
background-image:url(/images/salsas_BG2.jpg);
background-repeat:no-repeat;
width: 656px;
height: 329px;
padding: 25px;
}

#detailImage {
position: absolute;
top: 22px;
left: 27px;
}

#details {
font-family: Arial, Helvetica, sans-serif; 
position: absolute;
top: 35px;
left: 200px;
width: 246px;
}

#details2 {
font-family: Arial, Helvetica, sans-serif; 
position: absolute;
top: 15px;
left: 235px;
width: 211px;
}