* {
	margin: 0;
	padding: 0
}

body {
	font-family:"Times New Roman", Times, serif;
	color: #000;
	width: 100%;
	font-size:14px;
	margin:0;
	padding:0;
	text-align: center;
}

#logo {
	width:800px;
	margin-left:10px;
	text-align:left;
	
}
#wrap {
	width:1000px;
	margin:0 auto 0;
}
#header {
	padding-top:20px;
	height:90px;
	width:940px !important;
	margin:0 auto 0;
}

#content {
	width:900px;
	display:block;
	height:450px;
	margin:0 auto 0;
	border: 1px solid #000;
}

#press #content,#where #content,#story #content,#process #content,#vintagenotes #content{width:985px;border:none;}

/*Background page image*/
#$page_title #content {
	background:url(uploads/images/$bg_image) left center no-repeat;
}



/*order online*/
#result-control{
	position:relative;
	
}
#orderonline{
	position:absolute;
	bottom:0;

	
}
#orderonline img{
margin-top:10px;

	
}
#orderonline a {
font-size:14px;
text-decoration:none;
color:#666666;
}
/*Text placement*/
#holder .text-area {
	text-align:left;
	padding:55px;
	border-left: 10px solid #996633;
	border-right: 10px solid #996633;
}

#home .text-area {
color:#FFFFFF;
font-size:14px;
padding-left:60px;
padding-top:350px;
text-align:left;
}

/*contact page*/
#contact .text-area {
font-size:12px;
	color:#666;
	width:254px;
	margin-left:129px;
	text-align:center;
	padding:20px 40px;
}
#contact .text-area {
	color:#666;
	text-align:left;
	
}	
#contact .text-area  a {
	font-size:12px;
color:#4b1a1a;
	text-decoration:none;
}
#contact .text-area  a:hover {
	color:#999;
}



/*Mezcal Page*/
#mezcalImg{
	overflow:hidden;
	display:block;
	max-height:450px;
	width:340px;
	float:left;
	text-align:left;

	
}

#mezcal-text {
	text-align:left;
	margin-left:370px;
	padding:15px;
	padding-right:30px;
}
#mezcal-text  h2 {
	
	padding-top:10px;
}


/*main nav*/
#nav {
	width:100%;
	float:right;
	padding-right:10px;
}
#nav ul { /* The auto-generated set of links */
	list-style: none;
}
#nav ul li {
	float: right;
	padding:0 0 0px 0px;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
#nav a { /* The nav links */
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#000;
	text-decoration:none;
	display: block;
	padding: 0 15px;
}
#nav li a:hover {
	color: #996633;
}
#nav li.selected a {
	color: #996633;
}

/*SUB menu*/
#navsub {
	width:260px;
	float:right;
	margin-right:50px;
}
#navsub ul { /* The auto-generated set of links */
	list-style: none;
}
#navsub ul li {
	float: left;
	padding:0 0 0px 5px;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
#navsub a { /* The nav links */
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	text-decoration:none;
	display: block;
	padding: 0 15px;
}
#navsub li a:hover {
	color: #996633;
}


/*END nav*/


#clear{clear:both;}
a.poplink {
	color:#4b1a1a;
}

a:focus {
	outline:none
}
img {
	border: 0;
}

.clear {
	clear:both;
}


h2 {font-family:"Times New Roman", Times, serif;font-size:18px;color:#333;text-align:left;font-weight:400;}
h3 {font-family:"Times New Roman", Times, serif;font-size:16px;color:#333;font-weight:400;}


/*bottom menu nav*/

#coda-nav-1 {
   float:left;
   width:900px;
   overflow:hidden;
   position:relative;
   margin-left:45px;
}
#coda-nav-1 ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#coda-nav-1 ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#coda-nav-1 ul li a {
   display:block;
   margin:0 0 0 1px;
}
#coda-nav-1 ul li a:hover {
color:#000;
}
#coda-nav-1 ul  li a.active {
color:#000;
}

/*OTHER Styles*/

a.stylelinks {
	font-size:12px;
	color: #996633;
}
#tooltip{
	position:absolute;
	font-size:11px;
	border:1px solid #333;
	background:#6f4433;
	padding:1px 3px;
	color:#fff;
	display:none;
	}	
	.pina {
	margin-right:10px;
}
.dyslexia {
	margin-right:10px;
}

#zoom_content {
	text-align:left;
}


/*story styles*/
ul#storystart {
	padding-top:20px;
	
}
#storystart li {
	float:left;
	width:150px;
	list-style:none;
	padding:30px 15px;
	
}


#story-1 #story-text {color:#FFF;font-size:14px;text-align:left;padding-top:250px;padding-left:450px;}
#story-2 #story-text {color:#FFF;font-size:16px;text-align:right;padding-top:325px;padding-right:340px;}
#story-3 #story-text {color:#FFF;font-size:14px;text-align:left;padding-top:20px;padding-right:20px;padding-left:380px;}
#story-4 #story-text {color:#FFF;font-size:14px;text-align:left;padding-top:60px;padding-left:330px;}
#story-5 #story-text {color:#FFF;font-size:11px;text-align:right;padding-top:110px;padding-right:675px;}
#story-6 #story-text {color:#FFF;font-size:16px;text-align:left;padding-top:30px;padding-left:230px;}
#story-7 #story-text {color:#FFF;font-size:30px;text-align:left;padding-top:30px;padding-left:250px;}
#story-8 #story-text {color:#FFF;font-size:20px;text-align:right;padding-top:60px;padding-right:200px;}
#story-9 #story-text {color:#FFF;font-size:14px;text-align:left;padding-top:200px;padding-left:200px;}
#story-10 #story-text {color:#FFF;font-size:38px;text-align:right;padding-top:110px;padding-right:380px;}
#story-11 #story-text {color:#FFF;font-size:14px;text-align:right;padding-top:165px;padding-right:360px;}
#story-12 #story-text {color:#000;font-size:16px;text-align:center;padding-top:320px;padding-left:290px;padding-right:270px;}
#story-13 #story-text {color:#FFF;font-size:24px;text-align:right;padding-top:20px;padding-right:20px;}


/*portal page styles*/
.othertable {
	width:900px;
}
.othertable td {
	height:450px;
}
#othersites-menu {
	background-image:url(images/portal.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:900px;
	height:450px;
}
#othersites-menu a {
	display:block;
	height:450px;
	width:100%;
	text-indent: -9000em;
}
/*process styles*/

#process-2 #process-text .header {color:#FFF;font-size:22px;}
#process-2 #process-text {color:#FFF;font-size:15px;text-align:left;padding-top:200px;padding-left:175px;}
#process-3 #process-text .header {color:#000;font-size:34px;}
#process-3 #process-text {color:#000;font-size:14px;text-align:left;padding-top:390px;padding-left:355px;}
#process-4 #process-text .header {color:#FFF;font-size:22px;}
#process-4 #process-text {color:#FFF;font-size:14px;text-align:left;padding-top:55px;padding-left:535px;}
#process-5 #process-text .header {color:#FFF;font-size:26px;}
#process-5 #process-text {color:#FFF;font-size:14px;text-align:left;padding-top:350px;padding-left:140px;}
#process-6 #process-text .header {color:#FFF;font-size:22px;}
#process-6 #process-text {color:#FFF;font-size:14px;text-align:right;padding-top:420px;padding-right:120px;}
#process-7 #process-text .header {color:#FFF;font-size:22px;}
#process-7 #process-text {color:#FFF;font-size:14px;text-align:left;padding-top:100px;padding-left:490px;}
/*press styles*/
 #text-press {
color:#666;text-align:left;padding:40px;
	height:300px;
	width:470px;
}
 #text-press-pop {
font-size:14px;
	color:#666;
	text-align:left;
	padding:20px;
}
#text-press a { /* The nav links */
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
#text-press a:hover {
	color: #996633;
}

#logo-press {
	height:45px;
	display:block;
	width:530px;
	text-align:right;

}
#logo-press-pop {
	height:45px;
	display:block;
	width:100%;
	text-align:right;

}
#navPress {
	display:block;
	height:450px;
	width:350px;
	float:left;
}
#press-content {
	overflow:hidden;
	text-align:left;
	display:block;
	float:left;
	max-height:440px;
	width:550px;
}
#navPress a, #navPress a:active, #navPress a:visited {
	padding:1px;
	margin:8px;
	width:70px;
	height:93px;
	display:block;
	float:left;
	text-decoration:none;
}
#navPress a:hover {
	background-color:#996633;
}
#navPressSub {
	overflow:hidden;
	padding:5px;
	display:block;
	max-height:440px;
	width:340px;
	float:left;
	text-align:left;
}
#navPressSub a, #navPressSub a:active, #navPressSub a:visited {
	padding:1px;
	margin-right:18px;
	width:70px;
	height:94px;
	display:block;
	float:left;
	text-decoration:none;
}
#navPressSub .current a, #navPressSub .current a:active, #navPressSub .current a:visited {
	padding:1px;
	margin:10px;
	width:250px;
	height:335px;
	display:block;
	float:left;
	background-color:#996633;
}
#navPressSub a:hover {
	background-color:#996633;
}
.presssmall {
	font-size:11px;
	color:#666;
}
/*where page*/
	#where-menu {
	font-size:12px;
	color:#666;
	width:442px;
	float:left;
	padding-left:20px;
}
#where-image {
		width:438px;
	float:left;
	overflow:hidden;
	max-height:450px;
}
	#where-usa-menu {
	font-size:12px;
	color:#666;
	width:453px;
	float:left;
	
}
#where-usa-image {
		width:437px;
	float:left;
	
	overflow:hidden;
	max-height:450px;
}
#where-usa-menu a {
	font-size:12px;
	color:#666;
	text-decoration:underline;
}
#where-menu a {
	font-size:12px;
	color:#666;
	text-decoration:underline;
}
#where-menu h2,#where-usa-menu h2{padding-top:8px;}
#where-menu h3,#where-usa-menu h3 {padding-top:5px;font-size:14px;}

#result-control{width:120px;display:block;float:left;text-align:left;padding-left:10px;margin-right:20px;margin-top:15px;margin-bottom:15px;height:420px;border-right:1px solid #999;}
	#result-control a {
		text-decoration:none;font-size:14px;}
		#result-control li {
		padding-bottom:5px;}
		#result-control a.active {color:#000;}
	#result-control ul{list-style:none;margin:0;}
	#results{width:300px;display:block;float:left;text-align:left;}
	#results div.header{margin-top:10px}
	.box{}
	#where-usa-menu .col{width:150px;display:block;float:left;text-align:left;}
	#where-usa-menu .colorder{width:300px;display:block;float:left;text-align:left;}
	
	#where-menu .col{width:220px;display:block;float:left;text-align:left;}

/*contact form*/
	

#contact_form_holder {
	padding-top:20px;
	height:270px;
}

.button, .button:visited {	color:#666;font-size: 100%;border: 1px solid #666666;float:right;}
.button:hover{ 	background: #ccc; cursor: pointer;}
.button:active{ top: 1px; }

#contact_form_holder input[type=text],#contact_form_holder #message{padding: 3px; font-size:12px;width:250px;  border: 1px solid #666666;color: #666666;}

#contact_form_holder select {border: 1px solid #666666;color: #666666;font-size:12px;margin-top:10px;margin-left:5px;}
#contact_form_holder textarea { height:80px;  }
#contact_form_holder div{height:45px;}
#contact_form_holder div.error{height:0;}
#contact_form_holder div.message{height:100px;}
.error { display: none; color: #D8000C; font-size:12px;}
.success { display: none; padding:2px; color: #044406; font-size:12px;}