@charset "utf-8";
/* CSS Document */

/* RESET */
/* ----------------------------------------- */

/* Based on Eilliot Jay Stock's Starkers Reset */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* General */
/* ----------------------------------------- */

body {
	background:#d3df89;
	font-size:10px;
	line-height:20px;
	font-family: Arial,Helvetica,sans-serif;
}

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

/* TYPOGRAPHY */
/* ----------------------------------------- */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
/* h1, h2, h3, h5, h5, h6 { font-weight:bold } */

h1 {
	font-size:3em;
	margin-bottom:30px;
	color:#262626;
	line-height:40px;
}

h2 {
	font-size:2.4em;
	margin-top:10px;
	margin-bottom:20px;
	color:#556e05;
	line-height:30px;
}

h3 {
	font-size:1.8em;
	margin-bottom:10px;
	color:#262626;
}

h4 {
	font-size:1.3em;
	margin-bottom:10px;
	color:#556e05;
}

#content p, #content ul {
	font-size:1.2em;
	color:#262626;
	margin-bottom:10px
}

#content a {
	color:#556e05;
	text-decoration:underline;
}

#content a:hover {
	color:#fff;
	background:#a7c519;
	text-decoration:none;
}
#content a:visited {
	color:#586236;
}

#content a:hover:visited {
	color:#fff;
}

ul.bulletedList li {
	list-style-type:disc;
	margin-left:20px;
}

p#pageTitle {
	font-size:1.5em;
	color:#71872a;
	margin-bottom:20px;
}

#footer p {
	font-size:1.1em;
	color:#fff;
	line-height:10px;
}

/* LAYOUT */
/* ----------------------------------------- */

#wrapper {
	width:900px;
	margin:10px auto;
}

body #header{
	background:url(../images/header-home.jpg);
	width:900px;
	height:180px;
}

#header p {
	display:none;
}

#headerMotif {
	background:url(../images/header-motif-bottom.png);
	width:90px;
	height:60px;
	float:right;
	top:180px;
	right:113px;
	z-index:1;
}

/* Navigation */
/* ----------------------------------------- */

#navigation {
	background:url(../images/navigation-bg.png) repeat;
	height:40px;
	padding:10px 20px 0 20px;
}

#navigation ul li a{
	font-size:1.4em;
	line-height:10px;
	text-decoration:none;
	color:#fff;
}

#navigation ul {
    margin:0;
    padding:0;
    list-style:none;
    }
	
#navigation li {
    float:left;
	background:url(../images/nav-button-right.png) no-repeat right top;
	margin:0 10px 0 0;
	padding:0;
    }
	
#navigation a {
    display:block;
	background:url(../images/nav-button-left.png) no-repeat left top;
    padding:20px 50px;
    }
	
#navigation #current {
    background-image:url(../images/nav-button-right.png);
	background-position:right -80px;
    }
	
#navigation #current a{
    background-image:url(../images/nav-button-left.png);
	background-position:left -80px;
	color:#5f7712;
    }
	
#navigation a:hover{
	background-position:left -40px;
	padding-top:10px;
}

#navigation #current a{
    padding-top:20px;
    }

#navigation li:hover{
	background-position:right -40px;
}

/* SubNav */
/* ----------------------------------------- */

#subNav a {
	font-size:1.4em;
	color:#5f7712;
	text-decoration:none;
	line-height:30px;
	padding:0 20px;
	
}

#subNav a:hover {
	text-decoration:underline;
}

#subNav li {
    float:left;
	background: #e9efc4;
	color: #5f7712;
	margin-right:10px;
	margin-top:-10px;
	border:solid 1px #c9d96f;
	/*--rounded corner--*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#subNav .current{
	background: #fff;
}

#subNav {
    height:20px;
	margin-bottom:20px;
}

#wrapper #subNav.hide {
    height:0;
	margin-bottom:0;
}

body #contentMotifTopRight.hide {
	top:0;
}

/* SubNav 2 */
/* ----------------------------------------- */

div#subNav2 {
	float:left;
	width:240px;
	padding: 0 20px 20px 0;
	z-index:2;
}

div#subNav2 li a{
	font-size:1.2em;
	display:block;
	color:#5f7712;
	text-decoration:none;
	background: #e9efc4;
	border:solid 1px #c9d96f;
	line-height: 20px;
	padding: 0 5px;
	margin: 0 0 10px 0;
	/*--rounded corner--*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#subNav2 li a.current {
	background: #fff;
}

#subNav2 li a:hover {
	text-decoration:underline;
}
	
/* Content */
/* ----------------------------------------- */

#contentArea {
	padding:20px;
	background:#ffffff;
	border-left: solid 1px #afd135;
	border-right: solid 1px #afd135;
}

#contentBox {
	padding:20px 20px 10px 20px;
	background:#e9efc4;
	width:820px;
}

#content{
	z-index:2;
}

#contentMotifTopRight {
	background:url(../images/main-motif-top-right.png);
	width:60px;
	height:80px;
	float:right;
	top:40px;
	right:-12px;
	z-index:1;
}

#contentMotifBottomLeft {
	background:url(../images/main-motif-bottom-left.png);
	width:70px;
	height:50px;
	float:left;
	bottom:40px;
	left:-10px;
	z-index:1;
}

#footer {
	background:url(../images/navigation-bg.png) repeat;
	padding:20px;
	height:10px;
}

#footer p{
	float:left;
	padding-right:20px;
}

#footer #footerLeft{
	left:-50px;
}

#footer a{
	color:#fff;
	text-decoration:none;
	display:block;
	line-height:20px;
	padding: 0 0 0 22px;
	position:relative;
	top:-5px;
}

#footer a:hover{
	text-decoration:underline;
}

#footer a#twitterLink{
	background:url(../images/twitter-icon.png) left top no-repeat;

}

#footer a#facebookLink{
	background:url(../images/facebook-icon.png) left top no-repeat;
}

#footer p#lastLink{
	padding-right:0px;
}

#credit {
	padding:20px 40px;
	float:right;
	color:#71872a;
}

#credit a{
	color:#71872a;
	text-decoration:none;
}

#links {
	font-size: 1.1em;
	padding:20px 40px;
	float:left;
	color:#71872a;
}

#links a {
	color:#71872a;
}

.left {
	float:left;
	margin: 0 20px 20px 0;
	padding:10px;
}

.right {
	float:right;
	margin: 0 0 20px 20px;
	padding:10px;
}

.logo {
	padding:0;
	background: none;
	border: none;
	margin:0;
}

/* Inline Content Lists */
/* ----------------------------------------- */

ul.contentList li {
	display:block;
	float:left;
	margin: 0 20px 20px 0;
	font-size:0.9em;
}

ul.contentList li h2, ul.contentList li h3, ul.contentList li h4 {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
}

.contentBox {
	padding: 10px 10px 0 10px;
	/*border: solid 1px #afd135;*/
	background:#fff;
	text-align:center;
}

.wineBox {
	padding: 10px;
	border: solid 1px #afd135;
	background:#fff;
	text-align:center;
	margin-bottom:20px;
}

a.downloadBox{
	padding: 10px 10px 10px 20px;
	border: solid 1px #afd135;
	background:#fff url(../images/pdf-icon.png) no-repeat 5px;
	text-align:center;
	margin-bottom:10px;
	line-height:40px;
}

#content a.downloadBox:hover {
	background:#afd135 url(../images/pdf-icon.png) no-repeat 5px;
}

ul.eightCol li {
	width:90px;
	text-align:center;
}

ul.fiveCol li {
	width:120px;
	margin-right:20px;
	text-align:center;
}

ul.fourCol li {
	width:185px;
}

ul.twoCol li {
	width:390px;
	margin-right:40px;
}

ul.oneCol li {
	margin-right:0;
}

ul li.last{
	margin-right:0;
}

ul#timeline {
	background:url(../images/timeline.png) no-repeat left top;
	padding-top:10px;
}

#flowChartTop {
	width:412px;
}

ul#flowChart{
	background:url(../images/flow-chart.png) no-repeat 162px top;
	padding-top:20px;
}

#flowChartWrapper{
	float:left;
}

.wineHeading {
	padding-bottom:10px;
}

/* The Team */
/* ----------------------------------------- */

h1#the-team {
	float:left;
	margin: 0 20px 0 0;
}

body .scroll {
  height: 650px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

body .scrollContainer div.panel {
  height: 650px;
  width: 800px;
  padding: 0 1px;
}

ul#subnav {
	padding: 12px 0 40px 0;
}

ul#subnav li{
	display:block;
	float:left;
	margin: 0 20px 0 0;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -60px;
}

.scrollButtons.right {
  right: -60px;
}

div.teamoverview {
	width:130px;
	padding:0 20px 0 0;
	float:left;
	text-align:center;
}

div.teamoverview p{
	line-height:15px;
}

div.teamoverview h2{
	font-size:1.6em;
	margin-bottom:0;
}

tr {
	border-bottom:thin dotted #a7c519;
}

td.question {
	font-weight:bold;
	padding:5px 20px 5px 0;
	width:130px;
}

td.answer {
	padding:5px 0 5px 0;
}

thead {
	color:#71872a;
	font-weight:bold;
}

table {
	width:650px;
	margin:0 0 40px 0;
	color:#262626;
	font-size:1.1em;
}

ul#subnav li a.selected{
	color:#fff;
	background:#a7c519;
	text-decoration:none;
}

/* Wine Page */
/* ----------------------------------------- */

body.our-wines div#subNav2 p {
	font-size:1.1em;
	margin: 0 0 10px 0;
}

body.our-wines div#contentArea {
	padding: 20px 0 20px 20px;
}

body.our-wines div#contentBox {
	float:left;
	width: 560px;
	padding-bottom:20px;
}

body.our-wines div#contentBox h1 {
	margin-bottom:20px;
}

body.our-wines div#contentBox h3 {
	clear:left;
}

body.our-wines #footer #footerLeft{
	left:10px;
}

p#back-to-top {
	text-align:right;
	margin:0 20px 0 0;
}

p#back-to-top a {
	color:#5f7712
}

/* TOGGLE */
/* ----------------------------------------- */

h3.trigger {
	background: #e9efc4 url(../images/toggle-up.png) 5px center no-repeat;
	cursor:pointer;
	color:#5f7712;
	text-decoration:none;
	border:solid 1px #c9d96f;
	margin:10px 0 0 0;
	padding:5px 5px 5px 30px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size:1.6em;
}

h3:hover {
	text-decoration:underline;
}

h3.active {
	background-image: url(../images/toggle-down.png);
	}

.toggle_container {
	padding: 0;
	background: #fff;
	overflow: hidden;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}