@charset "utf-8";

/* Vendomatic - Global Stylesheet */
/* Developed by KKMedia */
/* Development Director: Adam Duro */


/* --------------------------------------- */
/* --( Style Sheet Import )-- */
/* --------------------------------------- */

@import url(content.css);

/* --------------------------------------- */
/* --( Global Styles )-- */
/* --------------------------------------- */

	html {
		font: 62.5%/1.25 arial, helvetica, sans-serif;
	}
	a {
		color:#FF0000;
		outline: none;
	}
	body {
		margin: 0;
		padding: 0;
		font-size: 1.2em;
		background: url(/_img/page_bg.gif) repeat-x top;
	}
	p {
		margin: 8px 0; 
	}
	h1.logo,
	h2.tag_line {
		margin: 0;
		padding: 0;
	}
	h1.logo {
		position:absolute;
		width:275px;
		height:218px;
		left: 40px;
		top:0px;
		z-index: 500;
	}
	h2.tag_line {
		position:absolute;
		width:109px;
		height:19px;
		left: 805px;
		top:195px;
	}
	h1.logo a{
		position: relative;
		display: block;
		text-decoration: none;
		text-indent: -3000px;
		width:275px;
		height:218px;
		z-index: 500;
	}
	h2.tag_line a{
		position: relative;
		display: block;
		text-indent: -3000px;
		text-decoration: none;
		width:195px;
		height:39px;
	}
/* --------------------------------------- */
/* --( Global Classes )-- */
/* --------------------------------------- */

	/* self clearing rules */
	.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.selfclear { display: inline-block; _height: 1%; }
	/* Hides from IE-mac \*/
	.selfclear { display: block; }
	/* End hide from IE-mac */
	
	.nodisp {
		margin: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
/* --------------------------------------- */
/* --( Skip To )-- */
/* --------------------------------------- */

	#skip_to,
	#skip_to p {
		margin: 0;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
/* --------------------------------------- */
/* --( Main Container )-- */
/* --------------------------------------- */

	#main_container {
		width: 920px;
		margin: 0 auto;
		padding: 0 16px;
		background: url(/_img/body_bg.gif) no-repeat top;
	}
	
/* --------------------------------------- */
/* --( Header )-- */
/* --------------------------------------- */

	#header {
		margin: 0;
		position:relative;
		height: 218px;
		background: url(../_img/head_placeholder.jpg) no-repeat;
	}
	#header img {
		display: none;
	}
	
/* --------------------------------------- */
/* --( Main Navigation )-- */
/* --------------------------------------- */

	#main_nav,
	#main_nav li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#main_nav {
		display: block;
		background: url(/_img/nav_bg.jpg) no-repeat;
		padding-left: 210px;
	}
	#main_nav li {
		float: left;
		position:relative;
		z-index:999;
	}
	#main_nav li a {
		display: block;
		float: left;
		padding: 6px 20px;
		color: #8d7c5b;
		text-decoration: none;
		font-weight: bold;		
	}
	#main_nav li a:hover {
		color: #ed2124;
	}
	#main_nav li ul {
		float:none;
		top:-999em;
		position:absolute;
		margin: 0;
		padding: 0;
		display: block;
	}
	#main_nav li.about ul {
		width: 200px;
	}
	#main_nav li.products ul {
		width: 105px;
	}
	#main_nav li ul li {
		display: block;
		border-bottom: 1px solid #fefcf9;
		width: 100%;
	}
	#main_nav li ul li a {
		background: #f6efe0;
		font-weight: normal;
		font-size: .9em;
	}
	#main_nav li ul li a:hover {
		border-left: 5px solid #ed2124;
		padding-left: 15px;
	}
	#main_nav li.about ul li a {
		width: 160px;
	}
	#main_nav li.products ul li a {
		width: 65px;
	}
	#main_nav li:hover ul, /* pure CSS hover is removed below */
	#main_nav li.sfHover ul {
		left:0;
		top: 26px;
	}
	
	#main_nav li:hover li ul,
	#main_nav li.sfHover li ul {
		top:-999em;
	}
	#main_nav li li:hover ul, /* pure CSS hover is removed below */
	#main_nav li li.sfHover ul {
		left:9.45em;
		top:-1px;
	}

/* --------------------------------------- */
/* --( Content Area )-- */
/* --------------------------------------- */
	
	#content {
		background: #fefcf9;
		padding: 9px 25px;
	}
	
	/* --( Text Page Layout )-- */
		.text #content {
			padding: 9px 20px;
		}
		.text #content .container {
			background: url(/_img/text_page_bg.gif) repeat-y;
		}
		.text #content .page_img {
			float: left;
		}
		.text #content .copy {
			float: right;
			width: 570px;
			text-align: justify;
			padding: 0 54px 0 0;
		}
		.text #content .copy h2 {
			display: block;
			background: url(/_img/heading_bg.jpg) no-repeat;
			font-size: 1.2em;
			padding: 3px 8px;
			color: #ed2124;
		}
		.text #content .copy p {
			padding: 0 0 0 8px;
			line-height: 1.5em;
			color: #433e34;
		}
		.text #content .copy h3 {
			padding-left: 8px;
			font-size: 1.1em;
			color: #663300;
		}
		.text #content .copy ol {
			line-height: 1.5em;
			color: #433e34;
			list-style: lower-alpha;
		}
		.text #content .copy ol li {
			margin: 10px 0;
		}
		
	/* --( Beverage/Snack Interface )-- */
		.bs .container {
			width: 876px;
			background: url(/_img/bs_bg.gif) repeat-y;
		}
		.bs .container .head {
			background: url(/_img/bs_head_bg.gif) no-repeat top;
		}
		.bs .container .foot {
			background: url(/_img/bs_foot_bg.gif) no-repeat bottom;
			min-height:305px;
			height:auto !important;
			height:305px;
		}
		
		/* --( Beverage/Snack Sub Navigation )-- */
			.bs #sub_nav {
				width: 168px;
				float: left;
				background: url(/_img/bs_nav_bg.gif) repeat-y;
				position: relative;
				top: 9px;
				left: 9px;
			}
			.bs #sub_nav .foot {
				background: url(/_img/bs_nav_foot.gif) no-repeat bottom;
				padding: 0 0 10px 0;
				min-height:100px;
				height:auto !important;
				height:100px;
			}
			.bs #sub_nav h3 {
				display: block;
				margin: 0;
				padding: 1px 4px;
				font-size: 1em;
				color: #FFFFFF;
				background: url(/_img/bs_nav_head.gif) no-repeat;
				text-align: right;
				letter-spacing: .08em;
			}
			.bs #sub_nav ul,
			.bs #sub_nav ul li {
				margin: 0;
				padding: 0;
			}
			/* --( jQuery Animated Nav Styles )-- */
				.bs #sub_nav.js ul {
					position: relative;
					z-index: 2000;
				}
				.bs #sub_nav.js div.wrap {
					position: relative;
				}
				.bs #sub_nav.js span.bar {
					display: block;
					height: 18px;
					width: 168px;
					background-image: url(/_img/bs_nav_over.gif);
					background-repeat: no-repeat;
					position: absolute;
					z-index: 1000px;
					left: 0px;
				}
				.bs #holder {
					width: 0;
					height: 0;
					overflow: hidden;
				}
			.bs #sub_nav ul li {
				display: inline;
				list-style: none;
			}
			.bs #sub_nav ul li a {
				display: block;
				text-align: right;
				font-size: 1em;
				color: #979185;
				text-decoration: none;
				padding: 4px 10px;
			}
			.bs #sub_nav ul li a:hover {
				background: url(/_img/bs_nav_over.gif) no-repeat center;
				color: #ed2124;
			}
			.bs #sub_nav.js ul li a:hover {
				background: none;
			}
			
		/* --( Beverage/Snack Display Area )-- */
			.bs #display {
				float: right;
				width: 660px;
				padding: 16px 20px 16px 0;
			}
			.bs #display dl,
			.bs #display dt,
			.bs #display dd {
				display: block;
				margin: 0;
				padding: 0;
			}
			.bs #display dl {
				float: left;
				width: 330px;
			}
			.bs #display dt {
				padding-bottom: 10px;
				float: left;
			}
			.bs #display dt img {
				border: 1px solid #dbc188;
			}
			.bs #display dd {
				float: right;
				width: 195px;
				padding: 0 37px 0 10px;
			}
			.bs #display dd h4 {
				color: #979185;
				font-weight: normal;
				font-size: 1em;
				margin: 5px 0 0;
			}
			.bs #display dd p.sub-head {
				margin-top: 0;
				color: #9a6b40;
				font-size: .9em;
			}
	
	
/* --------------------------------------- */
/* --( Footer )-- */
/* --------------------------------------- */

	#footer {
		background: #979185;
		padding: 8px 20px 46px 410px;
		color: #FFFFFF;
		font-size: .9em;
	}
	
	/* --( Footer Navigation )-- */
	
		#foot_nav,
		#foot_nav li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#foot_nav {
			display: block;
			background: url(/_img/footnav_bg.jpg) no-repeat;
		}
		#foot_nav li {
			display: inline;
		}
		#foot_nav li a {
			display: block;
			font-size: 1.1em;
			float: left;
			padding: 2px 20px;
			color: #979185;
			text-decoration: none;
			font-weight: bold;		
		}
		
	/* --( Copyright )-- */
	
		#copyright a {
			color: #FFFFFF;
		}