@charset "utf-8";
/* CSS Document - Main Style Sheet
Author: Kreck Design www.kreck.com
Client: Armida Winery */

/* TABLE OF CONTENTS
=00 =Reset
=01 =Global/Typography/Layout
=02 =Headings
=03 =Text Elements
=04 =Lists
=05 =Tables
=06 =Misc. Classes
=07 =Forms
=08 =Header
=09 =Content
=10 =Footer
=11 =Miscellaneous
=12 =Nav
=13 =Pages
=14 =iPhone
*/

/*=00 =Reset ---------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body 			{ line-height: 1; }
ol, ul 			{ list-style: none; }
blockquote, q 	{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after
				{ content: ""; content: none; }
:focus 			{ outline: 0; }
table 			{ border-collapse: collapse; border-spacing: 0;}
caption, th, td {  font-weight: normal; }
strong 			{ font-weight: bold; }
em 				{ font-style: italic; }
	
/*=01 =Global/Typography/Layout ---------------------------------------------------*/
	
html { height: 100.2%;  }
body {
 overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
 padding:0;
 margin:0;		/* necesarry for the raster to fill the screen */
 height:100%;
 width:100%;
 font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#3F3624;
}
#bg-image {
 position:absolute;
 z-index: -1;
}
#armida-body {
 position:absolute;
 z-index: 5;				/*Place the new body above the background image*/
 overflow:auto; 			/*restore scrollbars for the content */
 height:100%;
 width:100%;				/*Make the new body fill the screen */
}
#wrapper {
 position:relative;
 width:985px;
 margin:0 auto;
}
#header-container { 
 position:relative; 
 width:190px; 
 background-color:#f5f5ed; 
 z-index:10; 
 border:10px solid #fff;
 border-top:none;
 padding-top:20px;
}
#content-wrapper{
 position:absolute; 
 background:url(/images/content-bg.jpg) repeat-y center top;
 left:180px; 
 top:0;
 width:730px; 
 z-index:5;
}
#content-container { 
 position:relative;
 padding-left:30px;
}
#footer-container {
 position:relative;
 text-align:center;
 padding:10px;
 font-size:12px;
 background-color:#57564C;
 color:#fff;
}
#nav-container {
 position:relative;
 padding:20px 0 20px 0;
 width:165px;
}
#deco-container {}

/*=02 =Headings ------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 2.0em; margin-bottom: 0.50em; line-height: 1; }
h2 { font-size: 1.7em; margin-bottom: 0.75em;  }
h3 { font-size: 1.2em; margin-bottom: 1.00em; line-height: 1; font-weight:bold; }
h4 { font-size: 1.0em; margin-top: 1.25em; line-height: 1.25; text-transform:uppercase;}
h5 { font-size: 1.0em; margin-bottom: 1.50em; font-weight: bold; }
h6 { font-size: 1.0em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/*=03 =Text elements -------------------------------------------------------*/

p           { margin: 0 0 1.5em; line-height:1.6}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:link		{ color: #3F3624; text-decoration: underline }
a:visited 	{ color: #3F3624; }
a:hover 	{ color: #3F3624; }
a:active 	{ color: #3F3624; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre			{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr 			{ color:#ddd; background-color:#ddd; clear:both; float:none; width:100%; height:1px; margin:1.45em 0; border:none; }

/*=04 =Lists ---------------------------------------------------------------*/

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/*=05 =Tables --------------------------------------------------------------*/

table       	{ margin-bottom: 1.4em; width:100%; }
th          	{ font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption	{ padding: 4px 10px 4px 5px; }
tr.even td		{ background: #e5ecf9; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; }

/*=06 =Misc classes --------------------------------------------------------*/

.hide       	{ display: none; }
.access 		{ position:absolute; text-indent:-900em; }
.float-left 	{ float:left; display:inline; }
.float-right 	{ float:right; display:inline; }
img.float-left	{ float:left; display:inline; padding:5px 10px 10px 0; }
img.float-right	{ float:right; display:inline; padding:5px 0 10px 10px; }
img.center 		{ display: block; margin:0 auto; }
.align-left 	{ text-align: left; }
.align-right 	{ text-align: right; }
.align-center 	{ text-align:center; }
.justify 		{ text-align:justify; }

.small      	{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large     		{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.first			{ margin-left:0; padding-left:0; }
.last			{ margin-right:0; padding-right:0; }
.top			{ margin-top:0; padding-top:0; }
.bottom			{ margin-bottom:0; padding-bottom:0; }
.box 			{ padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }
.pic-frame {
 background: #ffffff;	
 border:1px solid;
 border-color:#BCBBB1 #fff #fff #BCBBB1;
 padding: 9px;
}
	
/* float clearing (does not validate)
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0; }

.clearfix:before,
.clearfix:after {
 content: '\0020';
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0; }

.clearfix:after { clear: both; }
.clearfix { zoom: 1; }	
*/

	/* float clearing */
	.clear 			{ 
		clear:both; 
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}
	/* float clearing for IE6 */
	* html .clearfix{
		height: 1%;
		overflow: visible;
	}
	/* float clearing for IE7 */
	*+html .clearfix{
		min-height: 1%;
	}


/*=07 =Forms ---------------------------------------------------------------*/
	
div#errordiv {
 border:3px double #900;
 background-color:#FFFFF2;
 color:#900;
 padding:5px 10px;
 font-weight:bold;
 margin-top:10px;
 margin-bottom:18px;
}

.kds-formfield-not-valid-highlight {
 background-color:#900;
 color:white;
}

select { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; }

/*=08 =Header --------------------------------------------------------------*/
	
#header-container h1 {
 position:relative;
 height:160px;
 background:url(/images/armida-winery.png) no-repeat center top;
 margin:0 auto;
}
#header-container h1 a {
 display:block;
 width:140px;
 height:160px;
 margin:0 auto;
}
	
/*=09 =Content -------------------------------------------------------------*/

h1#page-title, h2#section-title, h2#intro-text { font-family:'Josefin Slab', georgia, serif;}
h2#section-title {
 color:#968054;
 font-weight:bold;
 text-transform:uppercase;
 font-size:1.3em;
 border-bottom:1px solid #968054;
 border-top:1px solid #968054;
 margin-top:40px;
} 
h1#page-title {
 color:#968054;
 font-size:5em;
 margin-bottom:0.50em;
 line-height:1;
 text-transform:capitalize;
}
h2#intro-text {
 font-size:2.0em;
 margin-bottom: 0.75em;
 line-height:1.2;
}

/*=10 =Footer --------------------------------------------------------------*/
	
#footer-container ul{
 clear:both;
 margin:0;
}
#footer-container ul li {
 display:inline;
 padding:0 5px;
 margin:0;
}
#footer-container ul li.last {
 background:none;
}
#footer-container a {
 color:#fff;
 text-decoration:none;
}
#footer-container a:hover {
 color:#E5E3D7;
}
	
/*=11 =Miscellaneous -------------------------------------------------------*/
/* Icons */

.icon {
 position:relative;
 margin-left:25px;
 padding:10px 0 25px 55px;
}
.hours {
 background:url(/images/icon-hours.gif) no-repeat top left;
}
.contact {
 background:url(/images/icon-contact.gif) no-repeat top left;
}
.address { 
 background:url(/images/icon-address.gif) no-repeat top left;
}
/* Icons- Contact page */
#contact-index .icon {
 margin:0 0 25px 0;
 padding:0px;
}
#contact-index .hours,
#contact-index .contact,
#contact-index .address { 
 background-image:none;
}
#contact-index .hours { 
 float:right;
 margin-right:100px;
 width:125px;
}
#contact-index .contact { 
 float:left;
 width:150px;
}
#contact-index .address { 
 float:left;
 width:150px;
 margin-left:50px;
}

/* Button */
a.button {
 font-size: 12px;
 color: #262016;
 padding: 6px 10px;
 background: url(/images/button-bg.jpg) repeat-x center top;
 text-decoration:none;
 white-space:nowrap;
 border:1px solid;
 border-color:#fff #BCBBB1 #BCBBB1 #fff;

}
a.button:hover {
 background: url(/images/button-bg.jpg) repeat-x center bottom;
 border:1px solid;
 border-color:#BCBBB1 #fff #fff #BCBBB1;

}


/*=12 =Nav ----------------------------------------------------------------*/

#nav-list {
 padding:0;
 margin:0;
}
#nav-list li {
 list-style: none;
 text-align:right;
 padding-bottom:15px;
 letter-spacing: .1em;
}
#nav-list li a {
 color:#2b0f01;
 text-transform:uppercase;
 text-decoration:none;padding-right:25px;
}
#nav-list li a:hover,
#about-index a#nav-about,
#capitola-tr a#nav-capitola-tr,
#contact-index a#nav-contact,
#events-index a#nav-events,
#events-private-events a#nav-private-events,
#healdsburg-tr a#nav-healdsburg-tr,
#vineyards-index a#nav-vineyards,
#winemaking-index a#nav-winemaking,
.section-wines a#nav-wines,
.section-wineclub a#nav-wineclub {
 color:#a77b47;
 background:url(/images/nav-bullet.gif) no-repeat right 2px;
}
#nav-list li a#nav-catch:hover {
	color:#660000;
	background:#ffffff url(none);
}

/*-------------------------*/
/* Facebook/Twitter Links  */
/*-------------------------*/
#social-icons {position: relative; margin:10px 0 0 25px; padding:0px; width:120px; height:40px; }
#social-icons li {width: 40px; height: 40px; position: absolute; top:0px; background:url(/images/social-icons.png) 0 0 no-repeat; display:block; list-style:none;}
#social-icons a {width: 40px; height: 40px; display: block; text-indent:-900em; }
#social-icons #facebook {left: 0px;}
#social-icons #twitter {left: 40px; background-position: -40px 0;}
#social-icons #instagram {left: 80px; background-position: -80px 0;}
#social-icons #facebook a:hover {background: url(/images/social-icons.png) no-repeat 0px -40px;}
#social-icons #twitter a:hover {background: url(/images/social-icons.png) no-repeat -40px -40px; }
#social-icons #instagram a:hover {background: url(/images/social-icons.png) no-repeat -80px -40px; }


/*=13 =Pages -------------------------------------------------------*/


/*-------------------------*/
/*         Home Page       */
/*-------------------------*/

#root-homepage #content-wrapper { 
background:none;
}
#root-homepage {
 background:url(/images/home-repeat-bg.jpg) repeat ;
 overflow:visible;
}
#root-homepage #footer-container {
display:none;
}

#root-home {
 background:url(/images/home-repeat-bg.jpg) repeat ;
}
#root-home #header-container { 
 position:relative; 
 width:190px; 
 background-color:transparent; 
 z-index:10; 
 border:0;
 padding-top:20px;
}
#root-home #nav-container { 
 padding-top:20px;
}
#root-home #header-container h1 { 
 display:none;
}
#root-home #content-wrapper { 
 background:url(/images/armida-winery.jpg) no-repeat center 160px ;
 height:800px;
 width:750px;
}
#root-home #content-container h1 {
 position:absolute;
 height:270px;
 margin:0 auto;
 left:520px;
 top:240px;
}
#root-home #content-container h1 a {
 display:block;
 width:240px;
 height:270px;
 margin:0 auto;
}
#root-home h2 {
 position:absolute;
 top:50px;
 left:190px;
 font-family:'Josefin Slab', georgia, serif;
 font-size:20px;
}
#root-home #footer-container {
 display:none;
}


/*-------------------------*/
/*      Events             */
/*-------------------------*/



/*-------------------------*/
/* Healdsburg - Tasting Room */
/*-------------------------*/
#healdsburg-tr .slideshow#header-slideshow {
 position:relative;
 height:350px;
 width:700px;
 margin: auto;
 display:block;
}
#healdsburg-tr .slideshow#hbg-tr {
 float:right;
 height:300px;
 width:200px;
 margin:0 0 25px 25px;
}
#healdsburg-tr .slideshow#hbg-tr img { background: #ffffff;	
 border:1px solid;
 border-color:#BCBBB1 #fff #fff #BCBBB1;
 padding: 9px;
}

/*-------------------------*/
/* Capitola - Tasting Room */
/*-------------------------*/
#capitola-tr #content-container { 
 background: url(/images/footer-capitola.jpg) no-repeat center bottom;
 position:relative;
 padding-bottom: 250px;
}
#capitola-tr #deco-container {
 position:absolute;
 top:0;
 right:0;
 z-index:10;
 width:277px;
 height:986px;
 background: url(/images/surfboard.gif) no-repeat top right;
 padding-top:100px;
}
#capitola-tr #deco-container .slideshow {
 position:relative;
 left:0px;
 width:250px;
 height:200px;
 padding-bottom:45px;
 display:block;
} 
#capitola-tr #deco-container .slideshow img{ 
 background: #ffffff;	
 border:1px solid;
 border-color:#BCBBB1 #fff #fff #BCBBB1;
 padding: 9px;
} 

/*-------------------------*/
/* Winemaking - Index  */
/*-------------------------*/
#winemaking-index #content-container { 
 background: url(/images/footer-winemaker.jpg) no-repeat center bottom;
 position:relative;
 padding-bottom: 355px;
}
#winemaking-index #deco-container {
 position:absolute;
 top:175px;
 right:50px;
 z-index:10;
 width:225px;
 height:340px;
}

/*-------------------------*/
/* Vineyards */
/*-------------------------*/
#vineyards-index #content-container {
 min-height:1300px;
 background: url(/images/footer-vineyard.jpg) no-repeat center bottom;
}
#vineyards-index #deco-container {
 position:absolute;
 top:0;
 right:0;
 z-index:10;
 width:560px;
 height:430px;
}
#vineyard-descriptions {
 background: url(/images/vineyard-info-bg.jpg) no-repeat right top;
}
#vineyard-list {
 width:150px;
 margin:0;
 padding:0;
 background:#F5F5ED;
}
#vineyard-list li {
 list-style-type:none;
}
#vineyard-list li.active a {
 background-color:#fff;
}
#vineyard-list li a {
 text-decoration:none;
 display:block;
 padding:10px;
}
#vineyard-list li a:hover {
 background-color:#fff;
}
#vineyard-descriptions div.hideme  {
 position: absolute;
 left:150px;
 top:0;
 width: 430px;
 padding: 20px;
 background-color:#ffffff;
 display:none;
}
#vineyard-descriptions div.hideme img {
 padding-bottom:20px;
}

/*-------------------------*/
/* About */
/*-------------------------*/
#about-index #content-container {
 background: url(/images/footer-agapanthus.gif) no-repeat right bottom;
}

/*-------------------------*/
/* Wines */
/*-------------------------*/
.section-wines {
	background: #CFC4A1 url(/images/bg-repeating-corks.jpg) repeat fixed center top;
}
.section-wines #bg-image {
 display:none;
 position:absolute;
 z-index: -1;
 height:100%;
 width:100%;
}
.section-wines #armida-body {
 position:relative;
 background:transparent;
 overflow:auto;
}
.section-wines #bg-image {
 display:none;
}


/* Wines Subnav */
.wines-subnav {
list-style: none;
    padding:0;
    margin:10px 0 25px 0px;

}
.wines-subnav li:before {
content: "• ";
color:#968054;
}
.wines-subnav li a { 
}


/*-------------------------*/
/* Wine Club */
/*-------------------------*/
.wineclub { position:relative; padding-bottom:50px;}

.wineclub-signup tr td {padding:0 10px 0 0;}


/*-------------------------*/
/* Catch */
/*-------------------------*/
#catch-index #content-container {
 background: url(/images/footer-catch.jpg) no-repeat right bottom;
 position:relative;
 padding-bottom: 406px;
 }

#catch-index #deco-container {
 position:absolute;
 top:0;
 right:0;
 z-index:10;
 width:277px;
 height:986px;
 padding-top:100px;
}

#catch-index #deco-container .slideshow {
 position:relative;
 left:0px;
 width:250px;
 height:374px;
 padding-bottom:45px;
 display:block;
} 
#catch-index #deco-container .slideshow img{ 
 background: #ffffff;	
 border:1px solid;
 border-color:#BCBBB1 #fff #fff #BCBBB1;
 padding: 9px;
} 
#nav-list li a#nav-catch {font-weight:bold; background-color:#660000; padding:3px 25px; color:#ffffff; border:3px solid #9A7445;}


/*-------------------------*/
/* Fallback styles for non-fullscreen background magic */
/*-------------------------*/

body.mobile {
	background: #CFC4A1 url(/images/bg-repeating-corks.jpg) repeat fixed center top;
}
.mobile #bg-image {
 display:none;
 position:absolute;
 z-index: -1;
 height:100%;
 width:100%;
}
.mobile #armida-body {
 position:relative;
 background:transparent;
 overflow:visible;
}



/*-------------------------*/
/* ACME BUTTON */
/*-------------------------*/


.acme { 
 margin:0 0 35px 45px;
 -webkit-opacity: 1;
 -moz-opacity: 1;
 opacity: 1;
}
.acme:hover {
 -webkit-opacity: 0.75;
 -moz-opacity: 0.75;
 opacity: 0.75;
} 

#nav-list .acme { 
display:none;
}
#root-homepage #nav-list .acme { 
 display:block;
 margin:0 0 35px 20px;
font-weight:bold;
text-align:center;
border-top:4px dotted #fbc15e;
border-bottom:4px dotted #fbc15e;
padding:10px;
}
/*#nav-list li:last-child a {
color:#660000;
padding-right:0;
}
#nav-list li:last-child a:hover {
  background:none;
}
*/
.section-capitola .acme,
.section-healdsburg .acme { 
 display:inherit;
width:220px;
 margin:0 auto 20px auto;
font-weight:bold;
text-align:center;
border-top:4px dotted #fbc15e;
border-bottom:4px dotted #fbc15e;
padding:10px 0;
}