/* IE png fix - Transparent PNG support for IE
----------------------------------------*/
img, div {behavior: url(/iepngfix/iepngfix.htc);}

/* Default 
----------------------------------------*/

body,td,th { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	line-height:15px;
	color:#4C4C4C;
	}

body { 
	margin:15px;
	padding:0;
	background:#000000;
	}

h1, h2, h3, h4 { 
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	}
	
p, ul, li { margin:0; padding:0; }

ul, li { list-style-type:none; }

a:link, a:active, a:visited { color:#F9140C; text-decoration:none; }
a:hover { color:#F9140C; text-decoration:underline; }


/* Header and Navigation 
----------------------------------------*/
#header {
	width:700px;
	margin:0 auto;
	padding:0 25px;
	position:relative;
	height:75px;
	float:none;
	}

#header h1 {
    display: block;
    height: 55px;
    width: 215px;
    font-size: 10px;
	float:left;
	}
#header h1 a {
	font-size: 1em;
    display: block;
    height:0;
    padding-top:65px;
    width: 215px;
    overflow: hidden;
	background:url(imgs/wtl-header-logo.gif) no-repeat;
	}

#main-nav {
	position:absolute;
	right:30px;
	bottom:0;
	margin:0;
	height:25px;
	float:right;
	}
#main-nav li { 
	float:left; 
	margin:0 4px;
	font-size:12px;
	line-height:26px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

#main-nav li a { 
	float:left; 
	height:25px;
	padding:0 .5em;
	color:#FFFFFF;
	text-decoration:none;
	}

#main-nav #about a:hover,
#main-nav #about a.current { 
	background: url(imgs/navbg-red.gif) 38px top no-repeat;
	}
#main-nav #wines a:hover,
#main-nav #wines a.current { 
	background: url(imgs/navbg-yellow.gif) 29px top no-repeat; 
	}
#main-nav #food a:hover,
#main-nav #food a.current { 
	background: url(imgs/navbg-purple.gif) 26px top no-repeat; 
	}
#main-nav #contact a:hover,
#main-nav #contact a.current { 
	background: url(imgs/navbg-peach.gif) center top no-repeat; }
	
	
#header #find-the-love {
	width:130px;
	}
	
/* Content Container
----------------------------------------*/
#content-container { margin:0 auto; width:700px; }

/* Content Header & Wine Nav
----------------------------------------*/
#content-header, #content-header-wine {
	float:left;
	width:700px;
	height:54px;
	padding:18px 0;
	}
#content-header {
	background:url(imgs/bg-content-header.gif) top no-repeat;
	}
#content-header-wine {
	background:url(imgs/bg-content-header-wine.gif) top no-repeat;
	}

#wine-nav { 
	float:right;
	margin:0 25px;
	height:55px;
	display:inline;
	}

#wine-nav li { float:left; margin-left:5px; }

#wine-nav li a { 
	float:left; 
	margin:0;
	padding:0;
	height:55px; 
	width:70px;
	text-indent:-99999px; 
	}

#wine-nav #wn-pasta a { background: url(imgs/wn-pasta.gif) left top no-repeat; }
#wine-nav #wn-roastedchicken a { background: url(imgs/wn-roastedchicken.gif) left top no-repeat; }
#wine-nav #wn-pizza a { background: url(imgs/wn-pizza.gif) left top no-repeat; }
#wine-nav #wn-grilledsteak a { background: url(imgs/wn-grilledsteak.gif) left top no-repeat; }
#wine-nav #wn-grilledsalmon a { background: url(imgs/wn-grilledsalmon.gif) left top no-repeat; }
	

#wine-nav #wn-pasta a:hover,
#wine-nav #wn-roastedchicken a:hover,
#wine-nav #wn-pizza a:hover, 
#wine-nav #wn-grilledsteak a:hover, 
#wine-nav #wn-grilledsalmon a:hover,
#wine-nav #wn-pasta a.current,
#wine-nav #wn-roastedchicken a.current,
#wine-nav #wn-pizza a.current, 
#wine-nav #wn-grilledsteak a.current, 
#wine-nav #wn-grilledsalmon a.current { background-position:left bottom; }


/* Content
----------------------------------------*/
#content {
	position:relative;
	float:left;
	width:700px;
	background-color:#FFFFFF;
	padding:3em 0;
	font-size:11px;
	line-height:16px;
	color:#4C4C4C;
	}

#content h1 { margin-bottom:10px; font-size:20px; }
#content h2 { margin:12px 0 6px 0; font-size:16px; }
#content p { margin-bottom:8px; }

#content a:link, #content a:active, #content a:visited { text-decoration:none; border-bottom:#4C4C4C dotted 1px; }
#content a:hover { text-decoration:none; border-bottom-style:solid; }

/* Columns with bottle images */
#flavor-bottle { position:absolute; top:30px; left:35px; }
#flavor-content { float:right; width:475px; padding-right:35px; min-height:320px; }
#flavor-content .subcolumn1-2 { float:left; width:225px; }
#flavor-content .subcolumn2-2 { float:right; width:225px; }
#flavor-content .subcolumn1-right { float:right; width:270px; }
#flavor-content .subcolumn1-2 { float:left; width:225px; }

/* Colors for Flavors */
.wines h1, .wines h2, .wines a { color:#EB982E; }
.pasta h1, .pasta h2, .pasta a { color:#F9140C; }
.roastedchicken h1, .roastedchicken h2, .roastedchicken a  { color:#5EBCB9; }
.pizza h1, .pizza h2, .pizza a { color:#B182B9; }
.grilledsteak h1, .grilledsteak h2, .grilledsteak a { color:#976850; }
.grilledsalmon h1, .grilledsalmon h2, .grilledsalmon a { color:#8A4826; }

#about-content { margin:20px auto; width:550px; }
#about-content h1, #about-content h2 { color:#F9140C; }

#food-content { margin:20px auto; width:550px; }
#food-content h1, #food-content h2 { color:#B182B9; }

#contact-content { float:right; padding:10px 50px; }
#contact-content h1, #contact-content h2 { color:#F28D74; }
#contact-content .subcolumn1-2 { float:left; width:300px; }
#contact-content .subcolumn2-2 { float:right; width:270px; }
#signup {  }
#signup h2 { margin-top:0; }
#signup td { padding:3px; }
#signup em { font-style:normal; color:#FF0000; padding-right:2px; }
#signup .textfield { width:145px; border:#999999 solid 1px; padding:1px 2px; }
#signup .btn { 
	background-color:#F28D74; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px;
	border-style: solid;
	border-color: #F2B3A7 #BC7F73 #BC7F73 #F2B3A7;
	}
	
.success { color:#FF0000; }


.list-ul { margin:2px 0; }
.list-ul li { margin:2px 0; }



/* Content Footer
----------------------------------------*/
#content-footer { 
	float:left;
	width:630px;
	min-height:70px;
	color:#000000;
	font-size:1.1em;
	line-height:1.4em;
	padding:25px 35px 28px 35px;
	}
#content-footer h2 { color:#FFFFFF; margin-bottom:5px; font-size:16px; }

#content-footer a:link, #content-footer a:active, #content-footer a:visited { color:#FFFFFF; text-decoration:none; border-bottom:#FFFFFF dotted 1px; }
#content-footer a:hover { text-decoration:none; border-bottom-style:solid; }
	
#content-footer #recipe { float:right; text-align:right; width:390px; }
#content-footer #recipe img { float:right; margin:0 0 0 1.5em; }

#content-footer .subcolumn1-right { float:right; width:270px; }

/* Set footer image to match flavor */
.footer-wines { background: url(imgs/bg-footer-wines.gif) bottom center no-repeat; }
.footer-pasta { background: url(imgs/bg-footer-pasta.gif) bottom center no-repeat; }
.footer-roastedchicken { background: url(imgs/bg-footer-roastedchicken.gif) bottom center no-repeat; }
.footer-pizza { background: url(imgs/bg-footer-pizza.gif) bottom center no-repeat; }
.footer-grilledsteak { background: url(imgs/bg-footer-grilledsteak.gif) bottom center no-repeat; }
.footer-grilledsalmon { background: url(imgs/bg-footer-grilledsalmon.gif) bottom center no-repeat; }
.footer-about { background: url(imgs/bg-footer-about.gif) bottom center no-repeat; }
.footer-food { background: url(imgs/bg-footer-food.gif) bottom center no-repeat; }
.footer-contact { background: url(imgs/bg-footer-contact.gif) bottom center no-repeat; }

/* Text Footer
----------------------------------------*/
#textFooter {
	clear:both;
	padding:10px 0;
	color:#333333;
	text-align:center;
	}

/* Flash Content
----------------------------------------*/
#flashcontent { width:840px; margin:0 auto; }

#noflash { 
	width:450px;
	margin:0 auto;
	padding:50px 125px;
	color:#000000;
	font-size:1.2em;
	line-height:1.6em;
	background:url(imgs/bg-flashcontent.gif) top no-repeat;
	}
#noflash h1 { font-size:24px; margin-bottom:15px; color:#FFFFFF; }
#noflash h2 { font-size:18px; margin-bottom:15px; }

#getflash {
	margin-bottom:30px;
	padding:1.5em;
	background-color:#FF0000;
	color:#000000;
	text-align:center;
	}
#getflash a { color:#FFFFFF; }


/* Flavor Survey 
----------------------------------------*/
#flavor-survey { 
	width:696px;
	height:118px;
	padding:2px;
	margin:0 auto;
	font-size:12px;
	color:#FFFFFF;
	background:url(imgs/bg-survey.gif) no-repeat
	}
	
#flavor-survey #q { 
	padding:17px 0 0 20px;
	width:185px;
	float:left;
	}
#flavor-survey #q h2 { 
	font-size:16px;
	margin:0 0 8px 0;
	color:#FF0000;
	}
	
#flavor-survey ul { 
	float:right;
	width:465px;
	height:95px;
	margin-top:10px;
	}
#flavor-survey li {
	float:left;
	text-align:center;
	border-left:#141414 solid 2px;
	width:90px;
	height:95px;
	}
#flavor-survey .first { border-width:0; }
#flavor-survey li a {
	float:left;
	width:90px;
	height:95px;
	text-indent:-99999px; 
	}
	
	
/* Used for rollovers to make selection */
#flavor-survey #s-grilledchicken a { background:url(imgs/survey-grilledchicken.gif) center top no-repeat; }
#flavor-survey #s-grilledsteak a { background: url(imgs/survey-grilledsteak.gif) center top no-repeat; }
#flavor-survey #s-macncheese a { background:url(imgs/survey-macncheese.gif) center top no-repeat; }
#flavor-survey #s-chinesefood a { background:url(imgs/survey-chinesefood.gif) center top no-repeat; }
#flavor-survey #s-grilledsalmon a { background:url(imgs/survey-grilledsalmon.gif) center top no-repeat; }

#flavor-survey #s-grilledchicken a:hover,
#flavor-survey #s-grilledsteak a:hover,
#flavor-survey #s-macncheese a:hover, 
#flavor-survey #s-chinesefood a:hover,
#flavor-survey #s-grilledsalmon a:hover { background-position:center bottom; }

/* Used to show percentage results */
#flavor-survey #s-grilledchicken  { font-size:18px; line-height:60px; background:url(imgs/survey-grilledchicken.gif) center top no-repeat; }
#flavor-survey #s-grilledsteak  { font-size:18px; line-height:60px; background: url(imgs/survey-grilledsteak.gif) center top no-repeat; }
#flavor-survey #s-macncheese  { font-size:18px; line-height:60px; background:url(imgs/survey-macncheese.gif) center top no-repeat; }
#flavor-survey #s-chinesefood  { font-size:18px; line-height:60px; background:url(imgs/survey-chinesefood.gif) center top no-repeat; }
#flavor-survey #s-grilledsalmon  { font-size:18px; line-height:60px; background:url(imgs/survey-grilledsalmon.gif) center top no-repeat; }

/* Used to show percentage results */
#flavor-survey #s-grilledchicken-mychoice  { font-size:18px; line-height:60px; color:#FF0000; background:url(imgs/survey-grilledchicken.gif) center top no-repeat; }
#flavor-survey #s-grilledsteak-mychoice  { font-size:18px; line-height:60px; color:#FF0000; background: url(imgs/survey-grilledsteak.gif) center top no-repeat; }
#flavor-survey #s-macncheese-mychoice  { font-size:18px; line-height:60px; color:#FF0000; background:url(imgs/survey-macncheese.gif) center top no-repeat; }
#flavor-survey #s-chinesefood-mychoice  { font-size:18px; line-height:60px; color:#FF0000; background:url(imgs/survey-chinesefood.gif) center top no-repeat; }
#flavor-survey #s-grilledsalmon-mychoice  { font-size:18px; line-height:60px; color:#FF0000; background:url(imgs/survey-grilledsalmon.gif) center top no-repeat; }