/*  -- AUTHOR: PITCH (pitch.net.nz) -----------------------------------------------------------  */
/*  -- MEDIUM: SCREEN -------------------------------------------------------------------------  */


/*  -- GENERAL --------------------------------------------------------------------------------  */

	html { background: #917751; }
	body { background: #FFF; font-family: Georgia; font-size: 13px; color: #333; }
	p { line-height: 19px; }
	strong { font-weight: bold; } 
	em { font-style: italic; }
	hr { display: block; clear: both; margin-top: 20px; margin-bottom: 30px; border: 3px solid #EBE7DF; }
 	a { color: #917751; text-decoration: none; }
	a:hover { text-decoration: underline; }
	
	
	body#home div#left-column { padding-bottom: 130px; }
	body#about div#left-column { padding-bottom: 190px; }
	body#wine div#left-column { padding-bottom: 190px; }
	body#sustainability div#left-column { padding-bottom: 200px; }
	body#home div#header { background: url(../_img/home-head.jpg) no-repeat; }
	body#about div#header { background: url(../_img/about-head.jpg) no-repeat; }
	body#sustainability div#header { background: url(../_img/sustainability-head.jpg) no-repeat; }
	body#wine div#header { background: url(../_img/wine-head.jpg) no-repeat; }
	body#newsletter div#header { background: url(../_img/newsletter-head.jpg) no-repeat; }
	
	img.where { margin-left: 30px; }
	img.map { margin: 10px 0 0 25px; }
	img.history { margin: 25px 0 0 30px; }
	img.directors { margin: 30px 0 0 30px; }
	img.package { margin: 20px 0 0 30px; }
	img.bottle { margin: 5px 0 0 30px; }
	img.sustainability { margin: 15px 0 0 30px; }
	
	div.clear { overflow: hidden; }
	
	div#wrapper { width: 960px; padding: 0px 20px; margin: 0px auto; background: #FFF; }
	
	div#header { width: 960px; height: 164px; padding: 42px 0 0 0; background: url(../_img/home-head.png) no-repeat; }
	div#header h2 { overflow: hidden; float: left; margin-right: 20px; }
	div#header h2 a { display: block; float: left; text-indent: -9999px; }
	div#header h2 a { width: 175px; height: 101px; background: url(../_img/logo.png) no-repeat; }
	div#header p.intro { margin: 28px 0 0 0; float: left; text-indent: -9999px; width: 274px; height: 78px; border-left: 1px dotted #917751; background: url(../_img/quote.png) no-repeat; }
	
	div#navigation { display: block; width: 100%; height: 30px; padding-top: 28px; clear: left; }
	div#navigation ul li { display: block; float: left; margin-left: 2px; }
	div#navigation ul li a { color: #FFF; text-decoration: none; padding: 8px 0 0 8px; display: block; float: left; width: 99px; height: 22px; background: url(../_img/nav.png) top no-repeat; }
	div#navigation ul li a:hover { background: url(../_img/nav.png) bottom no-repeat; }
	div#navigation ul li a.selected { background: url(../_img/nav-selected.png) no-repeat; }
	
	div#grass { padding: 0 0 20px 0; width: 100%; background: url(../_img/grass.png) bottom center repeat-x; }
	div#content { width: 960px; margin: 0px auto; background: url(../_img/tree.png) bottom left no-repeat; overflow: hidden; }
	
	div#left-column { float: left; padding: 34px 0 200px 0; width: 668px; }
	div#left-column h1 { float: left; width: 300px; padding-right: 5px; font-size: 15px; line-height: 24px; }
	div#left-column p { float: left; clear: left; width: 300px; padding-right: 5px; margin-bottom: 10px; }
	div#left-column h2 { float: left; width: 300px; height: 17px; text-indent: -9999px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px dotted #917751; }
	div#left-column h2.where { background: url(../_img/heading-where.png) no-repeat; }
	div#left-column h2.who { background: url(../_img/heading-who.png) no-repeat; }
	div#left-column h2.wine { background: url(../_img/heading-wine.png) no-repeat; }
	div#left-column h2.sustainability { background: url(../_img/heading-sustainability.png) no-repeat; }
	div#left-column h2.newsletter { background: url(../_img/heading-newsletter.png) no-repeat; }
	div#left-column h2.gallery { width: 605px; background: url(../_img/heading-gallery.png) no-repeat; }
	div#left-column h2.sav09 { background: url(../_img/heading-sav09.png) no-repeat; height: 42px; padding-bottom: 0; border-bottom: none; }
	a.arrow { color: #917751; text-decoration: none; padding-left: 16px; padding-bottom: 1px; background: url(../_img/arrow.gif) left center no-repeat; }
	a.arrow:hover { text-decoration: underline; }
	
	body#newsletter div#left-column p { font-size: 12px; }
	div#left-column input { border: 1px solid #d2d2d2; background: url(../_img/input-bg.gif) no-repeat; width: 218px; padding: 4px 2px; margin: 0 0 2px;}
	
	form#newsletter-signup { display: block; float: left; clear: left; margin: 10px 0 24px; }
	form#newsletter-signup label { font-size: 13px; line-height: 30px; }
	
	div#right-column { float: left; width: 228px; padding: 34px 28px 50px 0; background: url(../_img/right-bg.png) top left no-repeat; }
	div#right-column h3 { text-indent: -9999px; padding-bottom: 15px; margin: 0 0 15px 28px; border-bottom: 1px dotted #917751; }
	div#right-column h3.release { background: url(../_img/new-release.png) no-repeat; }
	div#right-column h3.contact { background: url(../_img/heading-contact.png) no-repeat; }
	div#right-column h4 { height: 32px; text-indent: -9999px; margin-left: 28px; padding: 0 0 5px 0; background: url(../_img/2009-sav.png) no-repeat; }
	div#right-column p { margin-left: 28px; }
	div#right-column ul { margin-left: 28px; font-size: 12px; margin-bottom: 4px;}
	div#right-column ul li { line-height: 18px; }
	div#right-column ul li.first { padding-bottom: 4px; }
	div#right-column div.photo { width: 206px; height: 238px; margin: 18px 0 0 25px; padding: 15px 0 0 13px; background: url(../_img/frame.png) no-repeat; }
	
	div#footer { color: #FFF; background: #917751; padding-top: 40px; }
	div#footer p { font-size: 12px; width: 960px; margin: 0px auto; }
	div#footer a { color: #FFF; text-decoration: underline; }
	div#footer a:hover { text-decoration: none; }
	
	div#left-column p.border { display: block; border-bottom: 1px dotted #917751; padding: 0 0 10px 0; margin: 0 0 20px 0;}
	div#right-column p.border { display: block; border-bottom: 1px dotted #917751; padding: 5px 0 8px 0; }
	
/*  -- BUTTONS --------------------------------------------------------------------------------  */

	a.learn { display: block; width: 97px; height: 23px; text-indent: -9999px; margin-top: 18px; background: url(../_img/learn-btn.png) top no-repeat; }
	a.learn:hover { background-position: bottom; }
	
	div#left-column a.buy { display: block; width: 83px; height: 23px; padding: 0px; background: url(../_img/buy-btn.png) top no-repeat; text-indent: -9999px; }
	div#left-column a.buy:hover { background-position: bottom; }
	
	div#left-column input.buy { display: block; width: 83px; height: 23px; padding: 0px; border: none; background: url(../_img/buy-btn.png) top no-repeat; font-size: 0px; letter-spacing: 0px; text-align: left; color: #FFF; }
	div#left-column input.buy:hover { background-position: bottom; cursor: pointer; }
	
	div#left-column input#signup-btn { width: 78px; height: 23px; display: block; background: url(../_img/signup-btn.gif) no-repeat; border: 0px; margin: 12px 0 0; font-size: 0px; letter-spacing: 0px; text-align: left; color: #FFF; }
	div#left-column input#signup-btn:hover { cursor: pointer; background-position: 100% 100%; }