/* Winemaker's Challenge main CSS */


/* ----------------------------- init --------------------------*/

img { behavior: url(iepngfix.htc); }


body { padding: 0; margin: 0; background-color: #f6efdb; font: 11px Georgia, "Times New Roman", Times, serif; line-height: 15px; color: #6c5953; text-align: center; }
#container { width: 1014px; height: 1087px; margin: 0 auto; }

a { color: #e16326; }

p { margin: 0; padding: 0 0 10px 0; }
p.extraPadding { padding-bottom: 10px; }


h3 { font-size: 26px; font-weight: normal; color: #e16326; margin: 0; padding: 0 0 10px 0; } 
h6 { color: #e16326; font-weight: normal; font-size: 11px; margin: 0; padding: 0 0 10px 0; line-height: 16px; }


/* ----------------------------- misc --------------------------*/

.arial { font-family: Arial, Helvetica, sans-serif; }
.turquois { color: #4d8068; }
.turquois2 { color: #4dafa4; }
.orange { color: #e16326; }
.font12px { font-size: 12px; }
.font13px { font-size: 13px; }
.font16px { font-size: 16px; }
.font14px { font-size: 14px; }
.font15px { font-size: 15px; line-height: 18px; }
.font20px { font-size: 20px; }
.font24px { font-size: 24px; }
.font38px { font-size: 38px; }
.pTop10px { padding-top: 10px; }
.alignCenter { text-align: center; }
.lineHeight18px { line-height: 18px; }
.indent { padding-left: 36px; }
.noPadding { padding: 0; }
.pSpacing { margin-bottom: 10px; }

/* ----------------------------- header --------------------------*/


#header { width: 1014px; height: 62px; background: url(../images/header_bg.jpg) no-repeat; }
#header ul {  width: 1014px; height: 62px; list-style: none;padding: 0; margin: 0;  position: relative; }
#header li { position: absolute; top: 13px; }
#header .li1 { left: 371px; }
#header .li2 { left: 439px; width: 141px; }
#header .li3 { left: 615px; }
#header li a { color: #e6d28b; text-decoration: none; }
#header a:hover, #header a.active { color: #f6efdb; }



/* ----------------------------- content --------------------------*/

/* homepage -------------------------------------*/

#home_top {background: url(../images/home_top.jpg); width: 1014px; height: 386px; }

#home_middle { width: 1014px; height: 517px; background: url(../images/home_middle_bg.jpg); position: relative; text-align: left; }

#homeCopyTopLeft { width: 200px; position: absolute; top: 60px; left: 55px; z-index: 20; }
#homeIllustration { position: absolute; top: 85px; left: 230px; width: 200px; z-index: 10; }

#home_middle ul { margin: 0; padding: 0 0 4px 0; list-style: none; }
#home_middle li { background: url(../images/bullet.png) no-repeat 0 7px; padding: 0 0 6px 10px; }
#homeCopyTopRight { width: 295px; position: absolute; top: 57px; left: 670px; }

#homeCopyTopMiddle { position: absolute; top: 112px; left: 411px; text-align: center; line-height: 31px; }

#homeBucket1 { width: 205px; position: absolute; top: 322px; left: 56px; }
#homeBucket2 { width: 205px; position: absolute; top: 322px; left: 291px; }
.homeBuckets h6 { padding-bottom: 6px; }
.homeBuckets img { padding-bottom: 6px; }

#homeCopyBottomRight { width: 398px; position: absolute; top: 332px; left: 541px; padding-top: 2px; }


/* subpages -------------------------------------*/

#sub_top { background: url(../images/sub_top.jpg); width: 1014px; height: 120px; position: relative; }
#logo_home1 { width: 208px; height: 73px; position: absolute; bottom: 0; left: 396px; }

#subContentWrap { width: 1014px; height: 882px; text-align: left; position: relative; }
#subColLeft, #subColLeft2 { background: url(../images/subColLeft.jpg); position: absolute; top: 0; left: 0; width: 360px; height: 882px; }
#subColLeft2 { background: url(../images/subColLeft2.jpg); }
#sub_left1 { position: absolute; top: 13px; left: 76px; width: 139px; z-index: 20; }
#subIllustration1, #subIllustration3 { position: absolute; top: 30px; left: 205px; width: 200px; z-index: 10; }
#sub_left2 { position: absolute; top: 404px; left: 105px; text-align: center; line-height: 31px; z-index: 20; }
#subIllustration2, #subIllustration4 { position: absolute; top: 520px; left: 190px; width: 200px; z-index: 10; }
#sub_left3 { position: absolute; top: 519px; left: 75px; width: 130px; }
#sub_left3 .font24px { line-height: 26px; }
#sub_left3 p { padding-bottom: 7px; }
 
#subColMiddle, #subColMiddle2 { width: 417px; height: 882px; position: absolute; left: 360px; background: url(../images/subColMiddle3.jpg); }
#subColMiddle2 { background: url(../images/subColMiddle2.jpg); }
#subColMiddle .copy { width: 370px; position: absolute; top: 283px; left: 27px; }
#subColMiddle .copy2 { width: 300px; position: absolute; top: 758px; left: 75px; line-height: 22px; }
#subColMiddle2 .copy { width: 370px; position: absolute; top: 340px; left: 27px; }
#logo_home2 { position: absolute; top: 0; left: 46px; width: 218px; height: 74px; }

#subColRight { width: 237px; height: 882px; position: absolute; left: 777px; background: url(../images/subColRight.jpg); }
#subColRight .copy { width: 168px; position: absolute; left: 19px; top: 15px;  }

/* signup form */
form { margin: 0; padding: 0; } 
.textbox, .textboxShort { width: 225px; font: 11px Georgia, "Times New Roman", Times, serif; line-height: 15px; color: #6c5953; }
.textboxShort { width: 108px; }
#signUpformWrap { margin: 10px 0 7px 0; }
#signUpformWrap td { color: #4d8068; font-weight: bold; padding: 0 10px 4px 0; }
#signUpformWrap .td4 { padding-right: 0; }




/* ----------------------------- footer --------------------------*/

#footer { width: 1014px; height: 122px; background: url(../images/footer_bg.jpg); position: relative; color: #fff; font: 11px Arial, Helvetica, sans-serif; }
#footer #TB_logo { position: absolute; top: 28px; left: 201px; width: 124px; height: 37px; }
#footer #PEW_logo { position: absolute; top: 31px; left: 340px; width: 185px; height: 30px; }
#footer #HEW_logo { position: absolute; top: 29px; left: 537px; width: 169px; height: 32px; }
#footer #Trius_logo { position: absolute; top: 21px; left: 718px; width: 105px; height: 46px; }
#footer #TB_logo:hover, #footer #PEW_logo:hover, #footer #HEW_logo:hover, #footer #Trius_logo:hover { text-decoration: none; }
	
#footer .nav { position: absolute; top: 84px; left: 55px; list-style: none; margin: 0; padding: 0; }
#footer .nav li { float: left; }
#footer a { color: #e6d28b; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .nav .divider { padding: 0 3px; color: #e6d28b; }
	
#credit { position: absolute; top: 84px; right: 200px; }
#copyRight { position: absolute; top: 84px; right: 45px; }