@charset "UTF-8";
/* CSS Document */

body {
margin: 0; padding: 0;
text-align: left;
background-color: #a30d00;
color: #000000; 
}

sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

#container {
margin: 0 auto; 
padding: 0;
width: 802px;
background-color: #a30d00;
text-align: left; 
}

a {
text-decoration: none;
color: #a30d00;
}

#header {
position: relative;
margin-top: 50px;
height: 100px;
width: 802px;
background-image: url(../images/common/Header.jpg);
background-repeat:no-repeat;
}

#top_nav {
position: absolute;
top: 70px;
left: 512px; /* with promotions = 437 */
}

#header ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

/*********** home ************/

#main_content {
position: relative;
height: 550px;
width: 802px;
background-image: url(../images/home/content_background_home.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

#content {
position: absolute;
top: 220px;
width: 802px;
height: 213px;
background-image: url(../images/home/content_background.jpg);
background-repeat: no-repeat;
}

#content h1 {
background-image: url(../images/home/mtc_heading.gif);
height: 29px;
width: 293px;
margin: 25px 0 -10px 30px;
}

#content_h2 {
position:absolute;
top: 120px;
left: 30px;
}

#content_h2 h2 {
background-image: url(../images/home/heading2.gif);
height: 19px;
width: 582px;
}

#content p {
margin-left: 30px;
width: 600px;
}

#content img {
position: absolute;
top: 160px;
left: 30px;
}

.badge {
font-family: Arial, Helvetica, sans-serif;
width: 130px;
font-size: 9px;
margin-top: 32px;
margin-left: 9px;
}

.wider {
width:141px;
}

.wider_hunger {
width:145px;
}


#rediscover_badge {
position: absolute;
top: 423px;
left: 283px;
width: 237px;
height: 106px;
background-image: url(../images/home/rediscover_badge.jpg);
}

/*--------------	modifications june 25th, 2008 ----------------*/
#the_winners_are_in {
position: absolute;
top: 422px;
left: 29px;
width: 237px;
height: 106px;
background-image: url(../images/home/winners-badge.jpg);
}

#healthy_badge {
position: absolute;
top: 422px;
left: 283px;
width: 237px;
height: 106px;
background-image: url(../images/home/healthy_badge.jpg);
}

#hunger_badge {
position: absolute;
top: 422px;
left: 539px;
width: 237px;
height: 106px;
background-image: url(../images/home/hunger-badge.jpg);
}
/*--------------	modifications june 25th, 2008 ----------------*/

#product_badge {
position: absolute;
top: 422px;
/*left: 542px;  THIS HAS BEEN MOVED OVER TO WHERE THE REDISCOVER BADGE USED TO BE */
left: 283px;
width: 237px;
height: 106px;
background-image: url(../images/home/product_badge.jpg);
}

#healthy_badge img , #rediscover_badge img , #product_badge img, #hunger_badge img {
position: absolute;
top: 78px;
left: 11px;
}
/*--------------	modifications june 25th, 2008 ----------------*/
#the_winners_are_in img {
position: absolute;
top: 78px;
left: 11px;
}
/*--------------	modifications june 25th, 2008 ----------------*/


#content h1 span , h2 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

/************** end home **************/


/******************* Healthier Choices *******************/

#healthy_content {
position: relative;
width: 801px;
height: 1150px;
background-image:url(../images/products/healthy_choices_background.jpg);
background-repeat: no-repeat;
background-color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#healthy_content a , a img {
border: 0;
text-decoration:none;
}

#healthy_content h1 span, h2 span, h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#intro {
position: absolute;
top: 250px;
width: 802px;
height: 125px;
}

#intro h2 {
background-image: url(../images/products/healthy_intro_heading.jpg);
background-repeat: no-repeat;
height: 31px;
width: 698px;
margin: 29px 0 0px 50px;
}

#sodium {
position: absolute;
top: 375px;
left: -1px;
width: 802px;
height: 150px;
background-image:url(../images/products/sodium_background.jpg);
background-repeat: no-repeat;
}

#sodium img {
position: absolute;
left: 526px;
top: 110px;
}

#sodium h3 {
background-image: url(../images/products/about_sodium_heading.jpg);
height: 40px;
width: 610px;
margin: 0 0 3px 130px;
}

#health_check {
position: absolute;
top: 510px;
left: -1px;
width: 802px;
height: 240px;
background-image:url(../images/products/health_check_background.jpg);
}

#health_check img {
position: absolute;
left: 566px;
top: 205px;
}

#health_check h3 {
background-image: url(../images/products/health_check_heading.jpg);
height: 40px;
width: 610px;
margin: 0 0 3px 130px;
}

#whole_grain {
position: absolute;
top: 740px;
left: -1px;
width: 802px;
height: 210px;
background-image:url(../images/products/whole_grain_background.jpg);
}

#whole_grain h3 {
background-image: url(../images/products/whole_grain_heading.jpg);
height: 35px;
width: 610px;
margin: 0 0 3px 130px;
}

#healthier_choices {
position: absolute;
top: 1013px;
left: 190px;
width: 410px;
height: 53px;
}

#healthier_choices h1 {
background-image: url(../images/products/making_choices.jpg);
height: 19px;
width: 342px;
margin: 13px 0 0 35px;
}


#learn_more {
position: absolute;
top: 1100px;
width: 801px;
height: 27px;
font-size: 12px;
}

.p_class_intro {
width: 698px;
margin: 0px 0px 0px 50px;
}

.p_class_sodium {
width: 610px;
margin: 2px 0px 0px 130px;
}

.p_class_health_whole {
margin: 2px 0px 0px 130px;
width: 350px;
}


/****************** end Healthier Choices ******************/

/****************** Recipes ******************/

#recipes_image {
position: relative;
width: 802px;
height: 243px;
background-image: url(../images/recipes/recipes_image_background.jpg);
}

#recipes_image h1 {
position: absolute;
background-image: url(../images/recipes/delicious_heading.jpg);
height: 58px;
width: 241px;
margin: 103px 0 0 44px;
}

#recipes_image h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#recipes_content {
background-image: url(../images/recipes/recipes_content_background.jpg);
background-repeat: no-repeat;
background-color:#fff;
position: relative;
width: 802px;
height: 569px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#recipe_intro {
position: absolute;
top: 27px;
left: 43px;
width: 720px;
}

#recipes_1 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 108px;
left: 90px;
width: 302px;
height: 156px;
}

#recipes_2 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 108px;
left: 402px;
width: 302px;
height: 156px;
}

#recipes_3 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 273px;
left: 90px;
width: 302px;
height: 156px;
}

#recipes_4 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 273px;
left: 402px;
width: 302px;
height: 156px;
}

#recipes_1 img , #recipes_2 img , #recipes_3 img , #recipes_4 img {
position: absolute;
left: 13px;
top: 34px;
}

#recipes_1 a img , #recipes_2 a img , #recipes_3 a img , #recipes_4 a img {
position: absolute;
left: 141px;
top: 115px;
}

#recipes_1 h3 {
position: absolute;
background-image: url(../images/recipes/chic_broc.jpg);
height: 21px;
width: 240px;
left: 11px;
}

#recipes_2 h3 {
position: absolute;
background-image: url(../images/recipes/pasta_prima.jpg);
height: 18px;
width: 130px;
left: 11px;
}

#recipes_3 h3 {
position: absolute;
background-image: url(../images/recipes/texmex_bake.jpg);
height: 17px;
width: 249px;
left: 11px;
}

#recipes_4 h3 {
position: absolute;
background-image: url(../images/recipes/italiano_chic.jpg);
height: 18px;
width: 240px;
left: 11px;
}

#sign_up {
position: absolute;
top: 472px;
left: 125px;
height: 27px;
width: 600px;
}

#sign_up img {
position: absolute;
left: 500px;
}

.recipe {
position: absolute;
top: 50px;
left: 142px;
width: 160px;
font-size: 9px;
color: #333333;
}

/********** end Recipes *************/

/********** Stories *************/


#stories_image {
background-image:url(../images/families/stories_image.jpg);
width: 801px;
height: 191px;
}

#stories_nav {
position: relative;
background-image:url(../images/families/stories_nav_background.jpg);
width: 801px;
height: 57px;
}

#nav_heading h1 {
position: absolute;
background-image: url(../images/families/see_more_stories.jpg);
height: 22px;
width: 154px;
margin: 19px 0 0 41px;
}

#nav_heading h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#stories_content {
background-image: url(../images/families/stories_content_background.jpg);
background-color:#fff;
position: relative;
height: 711px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#stories_content h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

.blurb {
float: left;
font-size: 10px;
margin-top: 6px;
margin-left: 10px;
}

.intro {
margin-top: 2px;
margin-left: 40px;
margin-right: 50px;
}

#intro_p {
position:absolute;
margin-top: 115px;
width: 801px;
height: 70px;
}

#rediscover h1 {
position: absolute;
background-image: url(../images/families/rediscover.jpg);
height: 20px;
width: 168px;
margin: 40px 0 0 128px;
}

#stories_content a , a img {
border: 0;
text-decoration:none;
}

#your_story {
position: absolute;
top: 65px;
left: 124px;
width: 630px;
height: 27px;
}

#your_story img {
position: absolute;
left: 500px;
}

#nav_buttons {
position: absolute;
top: 20px;
left: 640px;
}

#nav_buttons ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

#barbarossa {
position: absolute;
/*background-image: url(../images/families/barbarossa_polariod.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 180px;
left: -1px;
top: 184px;
}

#barbarossa h1 {
position: absolute;
background-image: url(../images/families/mt_barbarossa.jpg);
height: 33px;
width: 562px;
left: 178px;
top: -15px;
padding: 0;
}

#barbarossa p {
margin-left: 183px;
margin-top: 35px;
margin-right: 50px;
}

#daniel {
position: absolute;
/*background-image: url(../images/families/daniels.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 162px;
top: 363px;
}

#daniel p {
margin-left: 183px;
margin-top: 45px;
margin-right: 50px;
}

#daniel h1 {
position: absolute;
background-image: url(../images/families/mt_daniel.jpg);
height: 41px;
width: 561px;
left: 178px;
top: -15px;
}

#serro {
position: absolute;
/*background-image: url(../images/families/serro_polariod.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 165px;
top: 130px;
}

#serro p {
margin-left: 183px;
margin-top: 45px;
margin-right: 50px;
}

#serro h1 {
position: absolute;
background-image: url(../images/families/mt_serro.jpg);
height: 31px;
width: 555px;
left: 183px;

}


/********** end Stories *************/

#footer {
position: relative; 
height: 50px;
width: 802px;
}

#footer img {
float: left;
}

#footer_nav {
position: absolute;
left: 415px;
}

#footer ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}