/* ==================================================================

 *  owner: Leap of Faith Web Design http://www.lofwebdesign.com

 *  author: Jeri A Hastava (jeri@lofwebdesign.com) and Shawn Emory (

 *  created: October 2008 Forward

 * ================================================================== */

html { 
	font-size:100.01%; 
	background: #000;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:76%;
	color: #4f141e;
	background: #000;
	text-align:center;
	}

p {
	margin: 0 0 1em 0;
	line-height: 1.75em;
	background: #fff;
	}

strong {
	color:#9d1930;
	background: #fff;
	}


/* ==================================================================
 * Headings
 * ================================================================== */

h1 {
	background: #fff;
	color: #4f141e; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 200%;  
	margin:0 0 .3em 0;
	font-weight:normal;
	line-height:1.2em;
	letter-spacing:-.02em;
	}

h2 {
	background: #fff;
	color: #750d24; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 160%;  
	margin:0 0 .1em 0;
	font-weight:normal;
	line-height:1.2em;
	letter-spacing:normal;
	}
	
	.home h2 {
		color: #750d24;
		font-size: 130%;
		margin:0 0 .4em 0;
	}
		.feature-header {
			font-size: 150% !Important;
			background: url(../images/bg-feature-dr.gif) 200px bottom no-repeat  !Important;
			color: #750e24 !Important;
			margin:0 0 .6em 40px !Important;
		}
		
	.sub #col1 h2 {
		background: #4f141e;
		color: #fff;
		padding: 40px 30px 15px 30px;
		margin: 0;
		border-bottom: 1px solid #fff;
	}

h3 {
	background: #fff;
	color: #9d1930; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 140%;  
	margin:.3em 0;
	font-weight:normal;
	line-height:1.2em;
	letter-spacing:-.02em;
	}

h4 { 
	background: #fff;
	color: #ca2222; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight:normal;
	font-style:italic;
	line-height:1.2em;
	margin:0 0 .3em 0;
	}

h5 { 
	background: #fff;
	color: #006eab; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 125%; 
	margin:0 0 1em 0;
	}

h6 { 
	background: #fff;
	color: #000; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 100%;  
	margin:0 0 .3em 0;
	
	}

/* ==================================================================
 * Lists
 * ================================================================== */

dl {
	background: #fff;
	color: #000;
	}

dt {
	font-weight: bold;
	}

dt a:link, dt a:visited { 
	background: #fff;
	color: #000; 
	text-decoration: underline; 
	}

dd {
	margin: 0 0 0 1em;
	padding: 0;
}

ol {
	padding:1em 0;
	}
	
ol li { 
	padding:0;
	margin:0;
}

ul {
	margin:1em 0;
	padding:0;
	list-style-image:none;
	font-weight: bold;
}

ul li {
	background:url(../images/bullet.gif) no-repeat 0 4px;
	margin:0 0 0 1em;
	padding:0 0 .8em 1.5em;
	line-height: 1.5em;
	list-style-type: none;
	font-weight: normal;
}

/* ==================================================================
 * Links
 * ================================================================== */

a:link {
	background: none;
	color: #ca2222;
	text-decoration:underline;
	}

a:visited {
	background: none;
	color: #ca2222;
	text-decoration:underline;
	}

a:hover {
	background: none;
	color: #ca2222;
	text-decoration: none;
	}

a:active {
	background: none;
	color: #ca2222;
	text-decoration: none;
	}
	

/* ==================================================================
 * Misc
 * ================================================================== */

img.right {
	float: right;
	margin: 0 0 20px 15px;
	padding:1px;
	border:1px solid #000;
}

img.left {
	float: left;
	margin: 0 15px 20px 0;
	padding:1px;
	border:1px solid #000;
}

img.right-no-border {
	float: right;
	margin: 10px 0 0 15px;
	display:block;
}

img.left-no-border {
	float: left;
	margin: 0 15px 15px 0;
}

img.border {
	margin: 0;
	padding:2px;
	border:1px solid #750e24;
	background: #fff;
	}

img.padded {
	margin:20px 0;
}

img.image-headers {
	margin: 0 0 20px 0;
	}

img.logo {
	margin:0 0 30px 0;
	float:left;
	}

img.inline {
	display:inline;
	margin-bottom:-4px;
	margin-left:5px;
	}

.clear {
	clear: both;
	}
	
.rule {
	border-bottom:1px dotted #750e24;
	margin:0px 0 15px 0;
	clear: both;
	}

.btn {
	background: url(../images/bg-button.jpg) left top repeat-x #f29943;
	padding: 10px 15px 0px;
	height:30px;
	margin:0 0 20px;
	vertical-align:middle;
	color: #4f141e;
	border-radius: 10px;
	-moz-border-radius: 10px; /* Mozilla */
	-webkit-border-radius: 10px; /* Webkit */
	font-size: 1em;
	display: inline;
	float: left;
}
	.btn span {
		margin: 0 auto;
		background: url(../images/bg-button-doodad.gif) right 2px no-repeat;
		padding-right: 20px;
		display: inline;
	}
		.btn span a:link, .btn span a:visited, .btn span a:hover, .btn span a:active {
			text-decoration:none;
			color:#4f141e;
			}
	
	.btn-right { float: right; margin:0 0 20px 20px;}
	
	.btn-no-float { float:none;}
	
#map {
	width:304px;
	padding:2px;
	border:1px solid #4f141e;
	}	
	
		
/* ==================================================================
 * Pullquote
 * ================================================================== */	

#pullquote {
	padding-left:25px;
	margin-bottom:30px;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	}

#pullquote .symbolQuoteOpen {
	color: #006eab;
	background: #fff;
	margin: 0 0 -15px -40px;
	padding-top:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size: 60px;
	position:absolute;
	}

#pullquote p {
	line-height:1.3em;
	background:transparent;
	color:#9fbaca;
	font-weight:bold;
	font-style:italic;
	letter-spacing:-.03em;
	text-align:right;
	padding:15px 15px 0 0;
	}
	
#pullquote .symbolQuoteClose {
	display:block;
	float:left;
	margin-top: -15px;
	color:#006eab;
	background: #fff;
	font-size: 60px;
	font-style:normal;
	line-height:1em;
	text-align:right;
	width:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#pullquote .quote-credit {
	margin-top: -50px;
	float: left;
	text-align: left;
	width:100%;
	font-style:italic;
	font-size: .8em;
}


/* ==================================================================
   Primary Nav (Horizontal - Basic) 
   ================================================================== */

#primenav {
	position: absolute;
	width:auto;
	list-style-type: none;
	left: 30px;
	top: -96px;
	padding: 0;
	text-transform:none;
	font-size: 1.2em;
}

#primenav li {	
	float: left;
	background-image:none;
	margin: 0;
	padding: 0;
	background: url(../images/bg-primenav-border.gif) left bottom no-repeat;
}

#primenav li.firstchild {
	background: none;
}

#primenav a:link, #primenav a:visited {
	background:#000;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 30px 10px 6px 10px;
	display:inline;
	overflow: visible;
	margin-left: 1px;
}

#primenav a:hover {
	text-decoration: none;
	background: url(../images/bg-primenav-on.gif) center 0px no-repeat;
}

#primenav #primenav-selected {
	text-decoration: none;
	background: url(../images/bg-primenav-on.gif) center 0px no-repeat;
}


/* ==================================================================
   Secondary Nav (Horizontal - Basic) 
   ================================================================== */

#secnav {
	position: absolute;
	list-style-type: none;
	left: 20px;
	top: 6px;
	padding: 0;
	text-transform:none;
	background: none;
}

#secnav li {	
	float: left;
	background-image:none;
	margin: 0;
	padding: 0;
	border-left: 1px solid #fff;
	line-height: normal;
}

#secnav li.firstchild {
	border-left: none;
}

#secnav a:link, #secnav a:visited {
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 0 10px 0 10px;
	display:inline;
}

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

#secnav #secnav-selected {
	text-decoration: none;
	background: #ca2222;
}

/* ==================================================================
   Sub Nav (Vertical)
   ================================================================== */

#subnav {
	margin: 0;
	padding: 0;
	background: #f29943;
	font-size: 1.1em;
}

#subnav li {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-image: none;
}

#subnav a:link, #subnav a:visited {
	text-decoration: none;
	padding: 9px 30px 9px 60px;
	display:block;
	width: 190px;
	border-bottom: 1px dotted #750e24;
	color: #750e24;
}

#subnav a:hover {
	background-color: #fce5d0;
	text-decoration: none;
	display:block;
}

#subnav #subnav-selected {
	text-decoration: none;
	background: url(../images/bg-subnav-on.gif) 25px 9px no-repeat #fce5d0;
}

/* ==================================================================
 * Container Layout
 * ================================================================== */

#container-outer {
	width:100%;
	background: url(../images/bg-body-repeat.jpg) left top repeat-x #750e24;
	float: left;
	}
	
	.sub #container-outer {
	background: url(../images/bg-body-repeat-sub.jpg) left top repeat-x #750e24;
	}

#container-align {
	width: 960px;
	position:relative;
	margin: 0 auto;
}

#container-inner {
	float: left;
	width:960px;
	background:#fff;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	position: relative;
	margin:100px 0 0 0;
	}	

	#masthead {
		width: 960px;
		position: relative;
		margin: 0 0 0 0;
		border-bottom: 1px solid #fff;
	}
	
	.home #masthead {
		float: left;
		background:url(../images/bg-banner-home.jpg) left top no-repeat #ca2222;
		min-height:449px;
		height:auto !important;
		height:449px;
		}
	
	.sub #masthead {
		background: url(../images/bg-banner-sub.jpg) left top no-repeat;
		height: 280px;
	}
		
		

		
/* ==================================================================
 * Content
 * ================================================================== */
	
#main-content {
		float: left;
		width: 960px;
		border-top: 2px solid #f29943;
		background: #fff;
		text-align: left;
	}

#col1, #col2, #col3 { float: left; }


/* Sub Page Styles */

.sub #main-content { padding-bottom: 20px;}

.sub #vine {
	position: absolute;
	width:337px;
	height:244px;
	left: 652px;
	top: -15px;
}

#bottles {
	position: absolute;
	left: 30px;
	top: 27px;
}

		
/*.intro { float: left;}*/
	p.intro  {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #9d1930;
		font-size: 1.3em;
		line-height:1.4em;
		font-style:italic;
	}
		.intro p.credit {
			text-align:right;
		}


/* END Sub Page Styles */

/* Home Page Layout */
	
	.home #main-content {
		padding: 20px 30px;
		width: 900px;
	}
	
	#vine {
	position: absolute;
	left: 585px;
	top: 9px;
	width: 401px;
	height: 290px;
	}
	
	#masthead-text {
		float: left;
		margin: 348px 0 0 252px;
		width: 670px;
		display: inline;
	}
		#masthead-text p {
			color: #fff;
			background: none;
			font-size: 1.2em;
			line-height:1.5em;
			margin-bottom:1em;
		}
		
		#masthead-text p a {
			color: #fff;
			background: none;
			line-height:1.5em;
			margin-bottom:1em;
		}
		
	.home #col1 {
		width: 280px;
		padding: 10px 15px 0 0;
		border-right:1px dotted #750e24;
		line-height:1.5em;
		}
		
		#x-feature {
			background: url(../images/bg-home-col1.gif) left 7px no-repeat;
			min-height:130px;
			height:auto !important;
			height:130px;
			color: #000;
		}
			.feature-header, #x-feature p { margin-left: 40px;} 
				
	.home #col2 {
		width: 280px;
		padding: 10px 15px 0 14px;
		border-right:1px dotted #750e24;
		line-height:1.5em;
	}
		#y-feature {
			background: url(../images/bg-home-col2.gif) left 7px no-repeat;
			min-height:112px;
			height:auto !important;
			height:112px;
			color: #000;
			padding-top: 18px;
		}
			.feature-header, #y-feature p { margin-left: 40px;} 
	
	.home #col3 {
		width: 280px;
		padding: 10px 0 0 14px;
		line-height:1.5em;
	}
		#z-feature {
			background: url(../images/bg-home-col3.gif) left 7px no-repeat;
			min-height:130px;
			height:auto !important;
			height:130px;
			color: #000;
		}
			.feature-header, #z-feature p { margin-left: 40px;} 
		
		.feature-indented img { float: left; margin-bottom: 10px;}
		.feature-indented h2, .feature-indented p { margin-left: 60px;}

/* End Home Page Layout */


/* Layout 1 */

	.layout1 #col1 {
		width: 280px;
		float: left;
		padding:0 0 22px 0;
		margin: -2px 0 20px 0;
		}
			.layout1 #col1 img { display: block; background: url(../images/bg-leftcol-bottom.gif) left bottom no-repeat #fff;padding:0 0 22px 0;
		}
		.layout1 #col1 .sidebar-content {padding:20px 30px;}
							
	.layout1 #col2 {
		width: 420px;
		float: left; 
		padding: 0;
		margin: 37px 0 0 30px;
		}

	.layout1 #col3 {
		width:  170px;
		float: left;
		margin: 37px 0 0 30px;
		}
			.layout1 #col3 img { display: block; margin:0 auto;}
			.layout1 #col3 ul {margin:20px 0 0;}
			.layout1 #col3 ul img.inline {
				display:inline;
				margin-bottom:-4px;
				margin-left:5px;
				}
			
/* End Layout 1 */

/* Layout 2 */

	.layout2 #col1 {
		width: 280px;
		float: left;
		padding:0 0 22px 0;
		background: url(../images/bg-leftcol-bottom.gif) left bottom no-repeat #fff;
		margin: -2px 0 20px 0;
		}			
			.layout2 #col1 img { display: block;}
	
	.layout2 #col2 {
		width: 620px;
		float: left;
		padding: 0;
		margin: 37px 0 0 30px;
		}
		
	.layout2 .intro p {
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #9d1930;
			font-size: 1.3em;
		}
		
	.layout2 #col3 {
		display: none;
		}		
	
/* End Layout2 */

/* Layout 3 */

	.layout3 #col1 {
		width: 280px;
		float: left;
		padding:0 0 22px 0;
		background: url(../images/bg-leftcol-bottom.gif) left bottom no-repeat #fff;
		margin: -2px 0 20px 0;
		}			
			.layout3 #col1 img { display: block;}
			
	.layout3 #col2 {
		width: 310px;
		float: left; 
		padding: 5px 30px 0 0;
		margin: 32px 0 0 30px;
		border-right: 1px dotted #750e24;
		}
		
	.layout3 #col3 {
		width: 250px;
		float: left; 
		padding: 5px 0 0 0;
		margin: 32px 0 0 30px;
		}		
	
/* End Layout3 */

/* ==================================================================
 * Footer
 * ================================================================== */

#footer-outer {
	width: 100%;
	border-top: 1px solid #f29943;
	float: left;
	padding-bottom:30px;
}

#footer-container {
	width: 960px;
	margin: 0 auto; 
}

#footer {
	float: left;
	width: 900px;
	background: url(../images/bg-footer.gif) left bottom no-repeat #4f141e;
	text-align: right;
	color: #fff;
	font-size: 1em;
	padding: 18px 30px 15px 30px;
	position: relative;
}

#footer a { color: #fff;}