* {padding:0px; margin:0px; }
html {background-color:#b1dde0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; }
a {outline:none; }

#wrapper {display:block; margin:0px auto; padding-bottom:30px; padding-top:58px; position:relative; width:803px; }
#wrapper h1#logo {display:block; height:105px; left:36px; position:absolute; top:0px; width:180px; z-index:1000;}
#wrapper h1#logo a {background: url('../images/gf_logo.jpg') top left no-repeat; display:block; height:105px; text-indent:-10000px; width:180px; }
#wrapper form#search {display:block; position:absolute; right:10px; top:26px; }
#wrapper form#search label {padding-right:10px; }
#wrapper form#search button {background-color:#b1dde0; border:none; padding:0px 10px; }

#wrapper #stage {border:1px solid #136b7e; position:relative; width:801px; }
#wrapper #stage div {display:block; width:801px; }
#wrapper #stage #home {background-color:#c4d566; padding-bottom:6px; }
#wrapper #stage #orange {background-color:#ffca4a; }
#wrapper #stage #blue {background-color:#96cff1; }
#wrapper #stage #green {background-color:#c4d566; }
#wrapper #stage #purple {background-color:#b0add7; }

#wrapper #stage ul#nav {display:block; float:right; height:50px; margin:13px 60px 10px 0px; _margin-right:30px; }
#wrapper #stage ul#nav li {display:block; float:left; height:50px; margin-right:20px; }
#wrapper #stage ul#nav li a#products {background: url('../images/nav_products.gif') top left no-repeat; display:block; height:50px; text-indent:-10000px; width:112px; }
#wrapper #stage ul#nav li a#recipes {background: url('../images/nav_recipes.gif') top left no-repeat; display:block; height:50px; text-indent:-10000px; width:79px; }
#wrapper #stage ul#nav li a#about {background: url('../images/nav_about.gif') top left no-repeat; display:block; height:50px; text-indent:-10000px; width:125px; }
#wrapper #stage ul#nav li a#contact {background: url('../images/nav_contact.gif') top left no-repeat; display:block; height:50px; text-indent:-10000px; width:90px; }
#wrapper #stage.orange ul#nav li a#products {background: url('../images/nav_products_orange.gif') top left no-repeat; }
#wrapper #stage.orange ul#nav li a#recipes {background: url('../images/nav_recipes_orange.gif') top left no-repeat; }
#wrapper #stage.orange ul#nav li a#about {background: url('../images/nav_about_orange.gif') top left no-repeat; }
#wrapper #stage.orange ul#nav li a#contact {background: url('../images/nav_contact_orange.gif') top left no-repeat; }
#wrapper #stage.blue ul#nav li a#products {background: url('../images/nav_products_blue.gif') top left no-repeat; }
#wrapper #stage.blue ul#nav li a#recipes {background: url('../images/nav_recipes_blue.gif') top left no-repeat; }
#wrapper #stage.blue ul#nav li a#about {background: url('../images/nav_about_blue.gif') top left no-repeat; }
#wrapper #stage.blue ul#nav li a#contact {background: url('../images/nav_contact_blue.gif') top left no-repeat; }
#wrapper #stage.purple ul#nav li a#products {background: url('../images/nav_products_purple.gif') top left no-repeat; }
#wrapper #stage.purple ul#nav li a#recipes {background: url('../images/nav_recipes_purple.gif') top left no-repeat; }
#wrapper #stage.purple ul#nav li a#about {background: url('../images/nav_about_purple.gif') top left no-repeat; }
#wrapper #stage.purple ul#nav li a#contact {background: url('../images/nav_contact_purple.gif') top left no-repeat; }

#wrapper #stage ul#nav li a#products:hover,
#wrapper #stage ul#nav li a#recipes:hover,
#wrapper #stage ul#nav li a#about:hover,
#wrapper #stage ul#nav li a#contact:hover {background-position:0px -50px; }

#wrapper #stage #content {clear:both; padding:30px 60px 10px 70px; width:671px; }
#wrapper #stage.home #content {padding:0px; padding-bottom:6px; width:801px; }

#wrapper #stage #content #left_block {display:block; float:left; text-align:right; padding-top:16px; padding-right:12px; width:230px; }
#wrapper #stage #content #left_block #left_links {font-size:16px; font-style:italic; line-height:28px; list-style-type:none; margin:10px 0px; }
#wrapper #stage #content #left_block #left_links a {color:#136b7e; text-decoration:none; }
#wrapper #stage #content #left_block #left_links a:hover {color:#fff; }
#wrapper #stage #content #left_block a#no_ag {background: url('../images/home_no_ag.jpg') top left no-repeat; display:block; float:right; height:165px; text-align:left; text-indent:-1000px; width:229px; }
#wrapper #stage #content #left_block a#no_ag:hover {background-position:0px -165px; }
#wrapper #stage #content ul#home_images {display:block; float:right; height:375px; list-style-type:none; margin-right:12px; overflow:hidden; width:547px; }
#wrapper #stage #content a.home_img {display:block; height:375px; width:547px; }
#wrapper #stage #content p {padding-bottom:18px; }
#wrapper #stage #content a {color:#333; }
#wrapper #stage #content a:hover {color:#136b7e; }
#wrapper #stage.home #content p {padding-bottom:0px; }

#wrapper #stage ul#features {clear:both; display:block; height:303px; margin-left:12px; width:778px;  }
#wrapper #stage ul#features li a {text-indent:-10000px; }
#wrapper #stage ul#features li.coupons {display:block; float:left; height:303px; width:259px; }
#wrapper #stage ul#features li.coupons a {background: url('../images/home_feature_coupon.jpg') top left no-repeat; display:block; height:303px; width:259px; }
#wrapper #stage ul#features li.spree {display:block; float:left; height:303px; width:294px; }
#wrapper #stage ul#features li.spree a {background: url('../images/home_feature_spree.jpg') top left no-repeat; display:block; height:303px; width:294px; }

#wrapper #stage ul#features li.milk {display:block; float:left; height:303px; width:259px; }
#wrapper #stage ul#features li.milk a {background: url('../images/moms_milk.jpg') top left no-repeat; display:block; height:303px; width:259px; }
#wrapper #stage ul#features li.radio {display:block; float:left; height:303px; width:294px; }
#wrapper #stage ul#features li.radio a {background: url('../images/moms_radio.jpg') top left no-repeat; display:block; height:303px; width:294px; }


#wrapper #stage ul#features li.recipes {display:block; float:left; height:303px; width:225px; }
#wrapper #stage ul#features li.recipes a {background: url('../images/home_feature_recipes.jpg') top left no-repeat; display:block; height:303px; width:225px; }

#wrapper #stage ul#features li.chugs_prod {display:block; float:left; height:303px; width:259px; }
#wrapper #stage ul#features li.chugs_prod a {background: url('../images/feature_chugs_prod.jpg') top left no-repeat; display:block; height:303px; width:259px; }


#wrapper #stage ul#features li a:hover {background-position:0px -303px; }

#wrapper #stage ul#footer_nav {bottom:10px; font-size:11px; height:15px; list-style-type:none; position:absolute; left:60px; width:240px; z-index:1000; }
#wrapper #stage ul#footer_nav li {border-right:1px solid #333; display:inline; }
#wrapper #stage ul#footer_nav li.last {border-right:none; }
#wrapper #stage ul#footer_nav li a {color:#333; padding:0px 5px; text-decoration:none; }
#wrapper #stage ul#footer_nav li a:hover {text-decoration:underline; }
#wrapper #stage p#footer_copy {bottom:10px; font-size:11px; height:15px; padding:0px; position:absolute; right:60px; text-align:right; width:240px; z-index:1000; }


#wrapper #stage.orange #content {background: url('../images/orange_bg.gif') top left no-repeat; background-color:#ffca4a; padding-bottom:190px; }
#wrapper #stage.orange #bottom {background: url('../images/orange_bg_bottom.gif') top left no-repeat; bottom:0px; display:block; height:173px; left:0px; position:absolute; width:801px; }
#wrapper #stage.orange #content h3#sips_header {background: url('../images/sips-header.gif') top left no-repeat; display:block; float:left; height:121px; margin:30px 0px 15px 30px; text-indent:-10000px; width:298px; }
#wrapper #stage.orange #content #nav_block {background: url('../images/sips_nav_bg.jpg') top left no-repeat; clear:left; display:block; float:left; height:464px;  position:relative; width:442px; }
#wrapper #stage.orange #content #nav_block ul {font-size:16px; font-style:italic; line-height:28px; list-style-type:none; margin:10px 0px; }
#wrapper #stage.orange #content #nav_block ul a {color:#136b7e; text-decoration:none; }
#wrapper #stage.orange #content #nav_block ul a:hover {color:#fff; }
#wrapper #stage.orange #content #nav_block ul#one {left:150px; position:absolute; top:310px; }
#wrapper #stage.orange #content #nav_block ul#two {left:260px; position:absolute; top:310px; }

#wrapper #stage.blue #content {background: url('../images/blue_bg.gif') top left no-repeat; background-color:#96cff1; padding-bottom:190px; }
#wrapper #stage.blue #bottom {background: url('../images/blue_bg_bottom.gif') top left no-repeat; bottom:0px; display:block; height:173px; left:0px; position:absolute; width:801px; }
#wrapper #stage.blue #content h3#step_header {background: url('../images/step-header.gif') top left no-repeat; display:block; float:left; height:153px; margin:30px 0px 15px 10px; text-indent:-10000px; width:140px; }
#wrapper #stage.blue #content #nav_block {background: url('../images/step_nav_bg.jpg') top left no-repeat; display:block; float:right; height:577px; margin-top:10px; position:relative; width:506px; }
#wrapper #stage.blue #content #nav_block ul {font-size:16px; font-style:italic; line-height:28px; list-style-type:none; margin:10px 0px; text-align:right; }
#wrapper #stage.blue #content #nav_block ul a {color:#136b7e; text-decoration:none; }
#wrapper #stage.blue #content #nav_block ul a:hover {color:#fff; }
#wrapper #stage.blue #content #nav_block ul#one {left:30px; position:absolute; top:380px; }

#wrapper #stage.green #content {background: url('../images/green_bg.gif') top left no-repeat; background-color:#c4d566; padding-bottom:190px; }
#wrapper #stage.green #bottom {background: url('../images/green_bg_bottom.gif') 6px 0px no-repeat; bottom:0px; display:block; height:173px; left:0px; position:absolute; width:801px; }
#wrapper #stage.green #content #nav_block {background: url('../images/tooth-nav-bg.jpg') top left no-repeat; display:block; float:left; height:660px; margin-top:10px; position:relative; width:687px; }
#wrapper #stage.green #content #nav_block ul {font-size:16px; font-style:italic; line-height:28px; list-style-type:none; margin:10px 0px; text-align:right; }
#wrapper #stage.green #content #nav_block ul a {color:#136b7e; text-decoration:none; }
#wrapper #stage.green #content #nav_block ul a:hover {color:#fff; }
#wrapper #stage.green #content #nav_block ul#one {left:500px; position:absolute; top:250px; }

#wrapper #stage.purple #content {background: url('../images/purple_bg.gif') top left no-repeat; background-color:#b0add7; padding-bottom:190px; }
#wrapper #stage.purple #bottom {background: url('../images/purple_bg_bottom.gif') top left no-repeat; bottom:0px; display:block; height:173px; left:0px; position:absolute; width:801px; }
#wrapper #stage.purple #content #nav_block {background: url('../images/sweeps_nav_bg.jpg') top left no-repeat; display:block; float:left; height:665px; margin-top:10px; position:relative; width:691px; }
#wrapper #stage.purple #content #nav_block ul {font-size:16px; font-style:italic; line-height:28px; list-style-type:none; margin:10px 0px; text-align:right; }
#wrapper #stage.purple #content #nav_block ul a {color:#136b7e; text-decoration:none; }
#wrapper #stage.purple #content #nav_block ul a:hover {color:#fff; }
#wrapper #stage.purple #content #nav_block ul#one {left:120px; position:absolute; top:500px; }
#wrapper #stage.purple #content #nav_block ul#two {left:250px; position:absolute; top:500px; }
#wrapper #stage.purple #content #nav_block p {display:block; line-height:28px; position:absolute; right:20px; top:250px; width:230px; }

#wrapper #stage #content form {clear:both; min-height:400px; }
#wrapper #stage #content form#enter {background: url('../images/sweeps-one.gif') 0px 50px no-repeat; }
#wrapper #stage #content form#email {background: url('../images/sweeps-two.gif') 0px 50px no-repeat; }
#wrapper #stage #content form h4 { }
#wrapper #stage #content form p.req {margin-left:220px; }
#wrapper #stage #content form ol {list-style-type:none; margin-left:220px; }
#wrapper #stage #content form ol li {margin:4px 0px; }
#wrapper #stage #content form ol li label {display:block; float:left; padding-right:5px; text-align:right; width:175px; }



