/***************************************************************
RESET BROWSER VALUES SO EVERYONE IS THE SAME
***************************************************************/
@import url(reset.css);


/***************************************************************
TAG STYLES
***************************************************************/
body { background: #000 url(../images/bg.jpg) center top; font-family: Georgia, 'Time New Roman', serif; color: #342e28; font-size: 13px; }
h1 { font-size: 36px; color: #575242; text-align: center; margin: 0px auto 10px auto; font-weight: normal; line-height: 36px;}
h2 { font-style: italic; font-size: 24px; font-weight: normal; color: #6d5f1a; padding-top: 5px; margin-bottom: 15px; }
h3 { font-style: italic; font-size: 24px; font-weight: normal; color: #a62b30; padding-top: 10px; margin-bottom: 15px; }
h4 { font-style: italic; font-size: 18px; font-weight: normal; color: #a62b30; padding-top: 10px; margin-bottom: 2px; }
a { color: #a62b30; }
p { font-size: 15px; font-family: Georgia, 'Time New Roman', serif; text-align: center; line-height: 20px; margin-bottom: 20px; }
blockquote { font-size: 20px; line-height: 25px; text-align: center; width: 500px; margin: 20px auto 35px auto; }
input { padding: 8px 5px 0 5px; }
input, select, textarea {  background: transparent url(../images/input_bg.png) repeat-x; font-size: 14px; font-family: Georgia, 'Time New Roman', serif; border: 2px solid #8b4b29; }
option { background-color: #fff; }


/***************************************************************
GENERIC CLASSES 
***************************************************************/
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.fillin { color: #999; }
p.intro { font-size: 15px; font-family: Georgia, 'Time New Roman', serif; text-align: center; line-height: 25px; margin-bottom: 20px;}
p.callout { font-size: 17px; font-family: Georgia, 'Time New Roman', serif; font-weight: bold; line-height: 20px; font-style: italic; }
.red { font-size: 13px; font-family: Georgia, 'Time New Roman', serif; font-weight: bold; font-style: italic; text-align: center; color: #a62b30; line-height: 18px; }
.dark { font-size: 12px; font-family: Georgia, 'Time New Roman', serif; font-weight: bold; line-height: 15px; text-align: left; }
.sans { font-family: Tahoma, Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 13px; line-height: 25px; }

.error { background-color: #a62b30; color: #fff; padding: 5px 10px; text-align: center; }
.error_highlight input, .error_highlight select, .error_highlight textarea { background-color: #a62b30; background-image: none; color: #fff; border: 2px solid #600; }
.required { color: #a62b30; }

div.divider_ornate { background: transparent url(../images/divider_ornate.png) repeat-x; height: 22px;  }

.btn { display: block; background-repeat: no-repeat; text-indent: -5000px; overflow: hidden;  height: 45px; width: 222px;}
.btn_find_out { background-image: url(../images/btn_find_out.jpg); width: 90px; float: right; margin-right: 28px; }
.btn_our_cab_pairs { background-image: url(../images/btn_our_cab_pairs.jpg); }
.btn_our_char_pairs { background-image: url(../images/btn_our_char_pairs.jpg); width: 284px;}
.btn_our_grigio_pairs { background-image: url(../images/btn_our_grigio_pairs.jpg); width: 284px;}
.btn_make_me_match { background-image: url(../images/btn_make_me_match.jpg); }
.btn_take_me_to_recipe_box { background-image: url(../images/btn_take_me_to_recipe_box.jpg); float: right; margin-right:-20px; }
.btn_find_my_wine { background-image: url(../images/btn_find_my_wine.jpg); width: 175px; display: block; margin: auto;}
.btn_join { background-image: url(../images/btn_join.jpg); width: 175px; display: block; margin: auto;}
.btn_wine_pairing { background-image: url(../images/btn_wine_pairing.jpg); width: 189px; display: block;}
.btn_watch_videos { background-image: url(../images/btn_watch_videos.jpg); width: 189px; display: block;}
.btn_enter_to_win { background-image: url(../images/btn_enter_to_win.jpg); width: 222px; margin: auto; display: block;}


.img_left { float: left; margin: 0 5px 5px 0; }
.img_right { float: right; margin: 0 0 5px 5px; }

div.cols h3 { text-align: left; }
div.col_left { padding: 36px 10px 0 20px; width: 405px; float: left; }
div.col_right { float: left; }

ul.dot li { background: transparent url(../images/bullet_dot.png) no-repeat 0px 10px; list-style: none; padding-left: 15px; }


/***************************************************************
SPECIFIC AREAS
***************************************************************/
div#container { width: 860px; margin: auto; }
div#header img { display: block; } /* for IE 6 to remove spacing */


div#topnav { background: transparent url(../images/topnav.jpg); height: 55px; padding: 0 39px; }
div#topnav li { display: block; float: left; font-family: Georgia, 'Time New Roman', serif; font-size: 12px; line-height: 12px; }
div#topnav li a { display: block; height: 55px; text-indent: -5000px; overflow: hidden; background-image: url(../images/topnav.jpg); background-repeat: no-repeat; }

div#topnav li a#topnav_home { width: 55px; background-position: -39px 0px; }
div#topnav li a#topnav_home:hover { background-position: -39px -55px; }
div#topnav li.active a#topnav_home { background-position: -39px -110px !important; }

div#topnav li a#topnav_our-story { width: 84px; background-position: -94px 0px; }
div#topnav li a#topnav_our-story:hover { background-position: -94px -55px; }
div#topnav li.active a#topnav_our-story { background-position: -94px -110px !important; }

div#topnav li a#topnav_the-wines { width: 89px; background-position: -178px 0px; }
div#topnav li a#topnav_the-wines:hover { background-position: -178px -55px; }
div#topnav li.active a#topnav_the-wines { background-position: -178px -110px !important; }

div#topnav li a#topnav_wine-food { width: 104px; background-position: -267px 0px; }
div#topnav li a#topnav_wine-food:hover { background-position: -267px -55px; }
div#topnav li.active a#topnav_wine-food { background-position: -267px -110px !important; }

div#topnav li a#topnav_newmans-own-foundation { width: 190px; background-position: -371px 0px; }
div#topnav li a#topnav_newmans-own-foundation:hover { background-position: -371px -55px; }
div#topnav li.active a#topnav_newmans-own-foundation { background-position: -371px -110px !important; }

div#topnav li a#topnav_hoopla { width: 66px; background-position: -561px 0px; }
div#topnav li a#topnav_hoopla:hover { background-position: -561px -55px; }
div#topnav li.active a#topnav_hoopla { background-position: -561px -110px !important; }

div#topnav li a#topnav_where-to-buy { width: 107px; background-position: -627px 0px; }
div#topnav li a#topnav_where-to-buy:hover { background-position: -627px -55px; }
div#topnav li.active a#topnav_where-to-buy { background-position: -627px -110px !important; }

div#topnav li a#topnav_contact { width: 87px; background-position: -734px 0px; }
div#topnav li a#topnav_contact:hover { background-position: -734px -55px; }
div#topnav li.active a#topnav_contact { background-position: -734px -110px !important; }


/* nav without join the bunch
div#topnav li a#topnav_home { width: 56px; background-position: -40px 0px; }
div#topnav li a#topnav_home:hover { background-position: -40px -55px; }
div#topnav li.active a#topnav_home { background-position: -40px -110px; }
div#topnav li a#topnav_our-story { width: 76px; background-position: -96px 0px; }
div#topnav li a#topnav_our-story:hover { background-position: -96px -55px; }
div#topnav li.active a#topnav_our-story { background-position: -96px -110px; }
div#topnav li a#topnav_the-wines { width: 81px; background-position: -172px 0px; }
div#topnav li a#topnav_the-wines:hover { background-position: -172px -55px; }
div#topnav li.active a#topnav_the-wines { background-position: -172px -110px; }
div#topnav li a#topnav_wine-food { width: 97px; background-position: -253px 0px; }
div#topnav li a#topnav_wine-food:hover { background-position: -253px -55px; }
div#topnav li.active a#topnav_wine-food { background-position: -253px -110px; }
div#topnav li a#topnav_newmans-own-foundation { width: 181px; background-position: -350px 0px; }
div#topnav li a#topnav_newmans-own-foundation:hover { background-position: -350px -55px; }
div#topnav li.active a#topnav_newmans-own-foundation { background-position: -350px -110px; }
div#topnav li a#topnav_where-to-buy { width: 99px; background-position: -531px 0px; }
div#topnav li a#topnav_where-to-buy:hover { background-position: -531px -55px; }
div#topnav li.active a#topnav_where-to-buy { background-position: -531px -110px; }
div#topnav li a#topnav_join-the-bunch { width: 106px; background-position: -630px 0px; }
div#topnav li a#topnav_join-the-bunch:hover { background-position: -630px -55px; }
div#topnav li.active a#topnav_join-the-bunch { background-position: -630px -110px; }
div#topnav li a#topnav_contact { width: 84px; background-position: -736px 0px; }
div#topnav li a#topnav_contact:hover { background-position: -736px -55px; }
div#topnav li.active a#topnav_contact { background-position: -736px -110px; }
*/

div#main { min-height: 500px; background: transparent url(../images/main_bg.jpg) repeat-y; padding: 5px 40px 20px 40px; width: 780px; }
div#main_inner { width: 700px; margin: auto; position: relative; }

div#footer { background: transparent url(../images/footer.jpg) no-repeat; height: 160px; position: relative; }
div#footer p.enjoy_responsibly { padding-top: 18px; margin-bottom: 0px; font-size: 21px; font-style: italic; text-align: center; color: #576b27; }
div#footer_nav { text-align: center; position: relative; top: 20px; font-size: 8px; } /* setting the font-size to 8px makes the right vertical border the correction size*/
div#footer_nav li { font-family: Tahoma, Helvetica, Arial, 'Lucida Grande', sans-serif; display: inline; line-height: 10px; border-right: 1px solid #aa9b4f; padding: 0 7px; }
div#footer_nav li.last { border-right: none; }
div#footer_nav li a { color: #342e28; display: inline-block; font-weight: bold; font-size: 11px; }
div#copyright_credit { font-family: Tahoma, Helvetica, Arial, 'Lucida Grande', sans-serif; position: absolute; top: 115px; right: 24px; z-index: 1; }
div#disclaimer { color: #b7ac6c; line-height: 11px; font-size: 11px; font-family: Tahoma, Helvetica, Arial, 'Lucida Grande', sans-serif; position: absolute; top: 116px; left: 24px; z-index: 1; width: 650px;}
div#copyright { font-size: 10px; color: #b7ac6c; float: left; margin-right: 10px; }
div#copyright a { color: #b7ac6c; } 
a#site_by_daylight { display: block; font-weight: bold; font-size: 10px; color: #b7ac6c; float: left; }


/***************************************************************
LANDING
***************************************************************/
div#landing { background: #000 url(../images/landing_bg.jpg) no-repeat; width: 840px; height: 710px; margin: 0px auto; position: relative; }
a#newman_wink { display: block; position: absolute; top: 202px; left: 266px; background: transparent url(../images/landing_newman_wink.jpg) no-repeat; width: 295px; height:242px; margin: 60px auto; }
a#newman_wink:hover, a.newman_wink_hover { background-position: 0 -242px !important; }
div#landing_text { position: relative; width: 700px; margin: auto; top: 526px; }
div#landing_text p { font-size: 20px; font-family: Georgia, 'Time New Roman', serif; line-height: 25px; text-align: center; }
input#btn_come_in { display: block; position: relative; margin: auto; top: 530px; background-image: none; width: 104px; height: 45px; border: none; }


/***************************************************************
HOME
***************************************************************/
.home div#main_inner { width: 784px; }
.home div.col_left { padding: 36px 10px 0 20px; width: 405px; }
div#find_out p.dark { padding-top: 30px; }


/***************************************************************
OUR STORY
***************************************************************/
h1#h1_our-story { background-image: url(../images/h1_our-story.jpg); width: 784px; height: 340px; margin: 10px auto 0 -5px; }
div#our-story_txt { width: 660px; margin: auto; }
.our-story div#main_inner { width: 784px; }


/***************************************************************
THE WINES
***************************************************************/
.the-wines div#main_inner { width: 750px; }
div.divider_wine { background: transparent url(../images/divider_wine.jpg) no-repeat; height: 22px; margin: 0px auto 0 auto; }
h2 { text-align: center; margin: -3px auto 20px auto; }

ul#wine_bottles { width: 750px; margin: 20px auto 0 auto; }
ul#wine_bottles li { display: block; float: left;font-size: 18px; text-align: center; background-repeat: no-repeat; background-image: url(../images/wine_bottles.jpg); }
ul#wine_bottles li img { }
ul#wine_bottles li a { display: block;  width: 250px; height: 25px; color: #a59853; text-decoration: none; padding-top: 400px; background-repeat: no-repeat; background-position: bottom center; padding-bottom: 21px; }
ul#wine_bottles li a:hover { color: #000; background-image: url(../images/wine_ovr_indicator.jpg); }
li#wine_bottle_chardonnay { background-position: 0px 0; }
li#wine_bottle_pinot {background-position: -500px 0;  }
li#wine_bottle_cardonnay { background-position: -250px 0;}

div#wine_bottles_txt { height: 100px; padding-top: 20px; }
div#wine_bottles_txt p.txt { width: 550px; margin: auto; display: none; }

/* wine details */
div.wine_detail {  }
div.wine_detail h3 { text-align: left; }
div.wine_detail img { float: left; width: 273px; height: 398px; }
div.wine_detail p { line-height: 25px; width: 392px; margin-left: 243px; margin-bottom: 40px; text-align: left; }


/***************************************************************
WINE & FOOD
***************************************************************/
.wine-food .sans { text-align: left; }
.wine-food p.sans { line-height: 25px; }
div#cols_wine_food .col_left { width: 380px; padding: 0 70px 20px 0; }
div#cols_whats_cooking .col_left { width: 455px; padding: 0 10px 0 0; }
div#cols_whats_cooking .col_right { width: 221px; }

/* wine pairing */
div.pairing { padding-top: 55px; background: transparent url(../images/divider_ornate.png) repeat-x; }
div.pairing img { border: 0; width: 110px; height: 265px; margin-top: -80px; }

/* recipe box */
div.menu { padding-top: 55px; background: transparent url(../images/divider_ornate.png) repeat-x; }
div.menu img { border: 0; width: 110px; height: 265px; margin-top: -80px; }
div.menu li { display: block; float: left; width: 250px; padding-right: 40px; }
div.menu li p.sans { line-height: 18px; }
div.menu li.img { width: 110px; padding: 0;}

/* recipes */
div#recipe_summary { }
div#recipe_summary h1 { text-align: left; margin-top: 80px; }
div#recipe_summary .col_left { width: 440px; padding: 0px 50px 0 0; }

div#recipe_summary .preptime { font-size: 15px; margin-bottom: 20px; }
div#recipe_summary img { width: 210px; height: 290px; border: 0; margin-top: -10px; }
div#recipe_ingredients_directions { margin-top: -5px; }
div#recipe_ingredients_directions .ingredients { width: 180px; padding: 0px 20px 0 0; background: transparent url(../images/ingredients_vert.png) repeat-y top right; }
div#recipe_ingredients_directions .ingredients h2 { text-align: left; }
div#recipe_ingredients_directions .ingredients li { margin-bottom: 10px; line-height: 18px;}
div#recipe_ingredients_directions .directions { width: 450px; padding-left: 30px;}
div#recipe_ingredients_directions .directions h2 { text-align: left; }
div#recipe_ingredients_directions .directions li { line-height: 25px; margin-bottom: 15px; }

div#recipe_serving { padding-top: 40px; margin: 0px auto 50px auto; }

div#recipe_wine_tip { margin: 20px auto 20px auto; background: transparent url(../images/divider_ornate.png) repeat-x; padding-top: 40px; }
div#recipe_wine_tip img { margin-top: -80px; }

a.back_to_recipe_box { position: absolute; }

/* videos */
.video { margin-top: ;}
.video .youtube { display: block; padding: 22px 0 0 37px;position: relative; background: transparent url(../images/video_bg.jpg) no-repeat; width: 411px; height: 252px;}
.video .img_left { margin-right: 20px; }
.video .img_right { margin-left: 20px; }
.videos div.divider_ornate { margin-bottom: 20px; }


/***************************************************************
NEWMANS OWN FOUNDATION
***************************************************************/
div#newmans-own-foundation_txt { margin-top: 30px; background: transparent url(../images/newmans_own_foundation.jpg) no-repeat center top; padding-top: 242px;}


/***************************************************************
HOOPLA
***************************************************************/
h1#h1_hoopla{ background-image: url(../images/h1_hoopla.jpg); width: 784px; height: 340px; margin: 10px auto 0 -5px; }
div#hoopla_txt { width: 660px; margin: auto; }
.hoopla div#main_inner { width: 784px; }


/***************************************************************
WHERE TO BUY
***************************************************************/
.where-to-buy div#main_inner { width: 784px; }


/***************************************************************
JOIN THE BUNCH
***************************************************************/
div#form_join { margin: 30px auto 30px auto; }
div#form_join label { display: block; font-size: 14px; font-style: italic; }
div#form_join div { text-align: center; }
div#form_join input { width: 294px; }
div#form_join input, div#form_join select { margin: 4px 0 8px 0; }
div#form_join input#birth_year { width: 50px; padding: 1px 5px; }
div#form_join input#join { height: 45px; width: 175px; border: none; padding: 0;}


/***************************************************************
CONTACT
***************************************************************/
.contact div#main_inner { width: 784px; }


/***************************************************************
FIND OUT
***************************************************************/
.find-out div#main_inner { width: 784px; }