/* Default
-------------------------------------------------- */
* { margin:0; padding:0; }

body { 
	background:#8A181B;
	text-align: center; /* IE Fix */
	}

body, td, th, input, textarea {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 20px; /* Baseline here at 150%. This is set multiple places. */
  color: #3F3527;
}

h1, h2, h3, h4 { font-weight:normal; }

ul { list-style:none; }

a           { color: #8A181B; text-decoration: none; outline: none; }
a:hover     { color: #8A181B; }
#content p a:hover, #content li a:hover     { color: #8A181B; border-bottom:#8A181B dotted 1px; }
a img { border:0; }

.clear { clear:both; padding-top:18px; }

	
	
/* Container for Everything
-------------------------------------------------- */
#container { width:920px; margin:0 auto; text-align:left; background:#8A181B url(img/bg-body.jpg) 50% 0 repeat-y; }

	


/* Header and Main Navigation
-------------------------------------------------- */
#header { width:920px; margin:0 auto; padding-top:25px; background:#8A181B; }
#header h1 a { display:block; width:217px; height:31px; text-indent:-9999px; margin:0 auto; background:url(/css/img/cr-logo.gif) no-repeat; overflow:hidden; }

#main_nav { height:96px; background:url(/css/img/nav_bar.jpg) 50% 0 no-repeat; }
.grapes #main_nav  { background:url(/css/img/nav_bar_grapes.jpg) 50% 0 no-repeat; }
#main_nav li { float:left; margin-top:8px; }
#main_nav li a { float:left; height:36px; margin-right:10px; text-indent:-9999px; overflow:hidden; }

#main_nav #nav_home a { width:85px; height:80px; margin:0 18px; }
#main_nav #nav_story a { width:74px; background-image:url(/css/img/nav_story.gif); margin-top:24px; }
#main_nav #nav_vineyards a { width:104px; background-image:url(/css/img/nav_vineyards.gif); margin-top:24px; }
#main_nav #nav_wines a { width:78px; background-image:url(/css/img/nav_wines.gif); margin-top:24px; }
#main_nav #nav_winemaker a { width:112px; background-image:url(/css/img/nav_winemaker.gif); margin-top:24px; }
#main_nav #nav_foodwine a { width:98px; background-image:url(/css/img/nav_foodwine.gif); margin-top:24px; }
#main_nav #nav_pressawards a { width:116px; background-image:url(/css/img/nav_pressawards.gif); margin-top:24px; }
#main_nav #nav_contact a { width:91px; background-image:url(/css/img/nav_contact.gif); margin-top:24px; }

#nav_story a:hover, #nav_story a.current,
#nav_vineyards a:hover, #nav_vineyards a.current,
#nav_wines a:hover, #nav_wines a.current,
#nav_winemaker a:hover, #nav_winemaker a.current, 
#nav_foodwine a:hover, #nav_foodwine a.current,
#nav_pressawards a:hover, #nav_pressawards a.current, 
#nav_contact a:hover, #nav_contact a.current { background-position:0 100%; }



/* Content
-------------------------------------------------- */
#subnav { 
	text-align:right;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:13px;
	}
#subnav a { margin-left:10px; color:#84734F; }
#subnav a:hover { color: #8A181B; }
#subnav a.current { color:#8A181B; }


/* Content
-------------------------------------------------- */
#content { width:750px; padding:0 30px; margin:0 auto; background:#fdf2d6; /*height:2000px;*/}
.grapes #content { background:url(/css/img/bg_body_grapes.jpg) top right no-repeat; }

.content-narrow { padding:20px 75px 40px 75px; }
.grapes .content-narrow { padding:20px 170px 40px 75px; }

#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #content {height: 1%;} /* IE Fix */


/* Content Typography */
#content h1, #content h2, #content h3, #content h4 { font-family: Garamond, Georgia, "Times New Roman", Times, serif; color:#84734F; }
#content h1 { font-size: 28px; margin:18px 0; line-height:26px; }
#content h2 { font-size: 22px; margin:24px 0 9px 0; line-height:24px; }
#content h3 { font-size: 15px; margin:9px 0 0 0; text-transform:uppercase; color:#8A181B; }

#content h1 em { font-style:normal; font-size:22px; }

#content p { margin:0 0 15px 0; }

#content ul, #content ol { margin: 18px; list-style-type:disc; }
#content li { line-height:18px; }
#content dl { margin: 18px 0; }
#content dl, #content dt { font-weight: bold; }

.subhead { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px; line-height:20px; }

p.notes em { text-transform:uppercase; font-size:11px; font-style:normal; font-family:"Times New Roman", Times, serif; margin-right:2px; color:#84734F; }

/* Images */
.imgborder { border:#A39161 solid 2px; padding:3px; }
.imgleft { float:left; margin:4px 18px 18px 0; }
.imgright { float:right; margin:4px 0 18px 18px; }
.imgleft-even { float:left; margin:4px 18px 9px 0; } /* when top & bottom even with p */
.imgright-even { float:right; margin:4px 0 9px 18px; }


/* Featured Lists */
#content .featuredlist { list-style-type:none; margin:0 0 18px 0; }
.featuredlist li { margin:0 0 9px 0; }
.featuredlist em { font:12px normal "Times New Roman", Times, serif; text-transform:uppercase; }

/* Awards */
#awards form { margin-top:15px; }
#awards ul { list-style-type:none; padding:0 20px; }
#awards li { display:block; float:left; width:50%; color:#9E8D6F; font-size:11px; line-height:14px; margin:4px 0; }
#awards li em { display:block; color:#3F3527; font-size:13px;  }



/* Wines index page
-------------------------------------------------- */
#chooser { padding:10px 0; }
#chooser h2 { margin:0 0 9px 0; font-size:20px; color:#8A181B; }
#chooser img { border:#A39161 solid 2px; padding:3px; }
#chooser .column { float:left; width:220px; padding-right:22px; margin:0 22px 0 0; background:url(/css/img/borderfade.gif) 100% 50% no-repeat; }
#chooser .column.last { padding:0; margin:0; background:none; }
.intro { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px; line-height:22px; clear:both; }

/* Winemaker Notes Library */
#wmn_lib { width:580px; margin:36px auto; padding:3px; border:#A39161 solid 2px; }
#wmn_lib td { background-color:#E7DCBE; padding:18px; vertical-align:middle; }
#wmn_lib h3 { margin-top:0; }
#wmn_lib p { margin-bottom:0; }
#wmn_lib select { width:250px; margin:0 18px; }
optgroup option { padding-left:15px; }


.quailWinesDetail { width:394px; margin-left:50px; }
#content .quailWinesDetail h3 { margin-top:20px; }
.quailWineBottle img { margin-left:15px; }
.pdflink { font-size:11px;}
.pdflink a { padding:1px 0 2px 18px; background: url(/css/img/pdf-icon.gif) 0 0 no-repeat; }


/* Grid - based on http://code.google.com/p/blueprintcss/
-------------------------------------------------- */
   
.column { float: left; margin-right:18px; padding:0; }

.last   { margin-right:0; } /* Apply to the last column, right side */

.first { margin-top:0 !important; }

#sidebar { width:220px; padding-left:18px; margin-right:0; background:url(/css/img/borderfade.gif) 0 0 no-repeat; } /* still needs column class */
.grapes #sidebar { margin-top:135px; } 

.feature { margin-bottom:10px; }
.feature a { color:#f7d891; }
.feature h4 { font-size:14px; line-height:17px; padding:3px 5px; background-color:#8A181B; margin-top:3px; text-align:center; }

/* set how wide a column should be. */
.span-1 { width: 110px; }
.span-2 { width: 238px; }
.span-3 { width: 366px; }
.span-4 { width: 494px; }
.span-5 { width: 622px; }
.span-6 { width: 750px; }

.append-1 { padding-right: 128px; } /* Add to a column to append empty column */
.prepend-1 { padding-left: 128px; }  /* Add to a column to prepend empty column */

.pull-50px  { margin-left: -50px; } /* pull out 1 column */

.rule {
	border-top:1px dotted #8A181B;
	margin:10px 0;
	clear: both;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {height: 1%;} /* IE Fix */


.contact-form td { padding:6px 0; vertical-align:top; }
.contact-form table td { border-bottom:#B5AE8B solid 1px; }

.contact-form .fulltextarea { width:100%; }


/* Footer
-------------------------------------------------- */
#footer { text-align:center; font-size:11px; color:#7F7159; padding:50px 0 10px 0; background:#8A181B url(/css/img/bg_footer.jpg) 50% 0 no-repeat; }