/* css information
--------------------------------------------------------
	Berkshire Mountain Distillers:  	screen stylesheet
	author:         					www.studiotwo.com
	updated:        					May 2009

	

-------------------------------------------------------- */
/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background: #04121d url(../images/bg-mainback.jpg) repeat-x left top;
	color: #48536c;
	font-size: 76%;
	font-family: tahoma, geneva, arial, sans-serif; 
	font: 12px/1.4em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	min-width: 800px;
}





img  {
	border-width: 0
}
a, a:link,  a:visited  {
	color: #d6be77;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}	
a:hover   {
	
	
	text-decoration: underline;
}


/*ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	ol {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10px;
	line-height: 1.1em;
	margin: .3em;
	list-style-type: disc;

	}*/
td {
	vertical-align: top; 
	text-align: left;
	}

hr {color:#e8e8e8;}


h1   {
	color: #d6be77;
	text-align: left;
	font: 20px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0px;
}


h2   {
	color: #d6be77;
	text-align: left;
	font: 15px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	

}

h3    {
	color: #d6be77;
	text-align: left;
	font: 14px arial, sans-serif;
	font-weight: bold;
	text-transform:capitalize;
	border-top: 1px solid #cccccc;;

}
h4   {
	color: #ffffff;
	background-color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	margin-top: 0px;

}
h5   {
	color: #666666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: .9em;

}
/*
***************************************

	LAYOUT

***************************************
*/



#wrap {
	background: #48536c;
	width: 950px;
	margin: 0 auto; 
}



/*
***************************************

	DIVs

***************************************
*/



#header {
	background: #203246 url(../images/bg-header.gif) top left no-repeat;
	width: 950px;
	height: 51px;
	border-bottom: 1px solid #152137;
	margin: 0 auto;
	
	}

#logo {
	position: absolute;
	top: 10px;
	width: 379px;
	height: 30px;
	z-index: auto;
	margin-left: 30px;
}

#navigation {
	color: #585ace;
	background-color: #090f17;
	width: 920px;
	height: 20px;
	padding: 10px 0px 10px 30px;
}

#navigation a:link {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 0 24px 0 1px;
}

#navigation a:visited {
	font-size: 12px;
	color: #ffffff;
		font-weight: bold;
	text-decoration: none;
	padding: 0 24px 0 1px;
}

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







#content {
	width: 950px; 
	margin: 0px auto 0 auto; 
	background: #152137 url(../images/bg-drinks-gin.jpg) top left no-repeat;
	text-align: center;
	min-height: 266px;
	padding-bottom: 20px;
	position: relative;
}

div#title {
	color: white;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	padding: 30px 0px 15px 25px;
}

div#left {
	width: 200px;
	float: left;
	background: transparent;
	min-height: 400px;
	padding-left: 20px;
}

div#leftcontent {
	width: 160px;
 	padding-top: 0px;
	margin: 0 auto;
	text-align: left;

}






/*
***************************************

	SUBNAV
	
***************************************
*/

#subNav { 
	margin: 10px 0 0 0 ;
	padding: 5px;
	list-style: none;
	text-align: left; }

#subNav ul {
 	margin: 0;
	padding: 0;
	list-style: none;
}
#subNav li { 
	margin: 7px 0 0px 0; 
 }

#subNav a {
	display: block;
	
	color:#d6be77;  
	font-size: 11px; 
	text-decoration:none; 
	text-align: left;  
	background: transparent url(../images/bullet-nav.gif) 5px 5px no-repeat; 
	font-weight: bold; 
	padding-left: 15px;
}

#subNav a:hover {
	text-decoration: underline;
}
#subNav ul ul { margin: 0 0 20px 0px; }
#subNav ul ul li { margin: 0 0 0px 10px; }

#subNav ul ul a
{
	display: block;
	padding: 0px 5px 0px 30px;
	
	text-decoration: none;
	color:#d6be77;  
	font-size:10px; 
	text-decoration:none; 
	text-align: left;  
	background: transparent url(../images/bullet-nav-sm.gif) 6px 8px no-repeat;  
	padding-left: 16px; 
	list-style: none;

}

#subNav ul ul a:hover
{
	
	background-color: transparent;
	text-decoration: underline;
}














div#right {
	min-height: 400px;
	margin-bottom: 25px;
 	width: 613px;
	float: right;
	margin-right: 110px;
	background: #0b1119 url(../images/bg-content-drinks-gin.jpg) no-repeat left top  ;
	border: 1px solid #2e333b;
}

div#rightcontent {
 	width: 561px;
 	margin: 0 auto ;
 	padding-top: 20px;
 	text-align: left;
	position: relative;
}

div#text-wrap {
	width: 540px;
	margin: 10px auto;
 }
 
div#text-left {
	float: left;
	width: 220px;
color: white;
}



div#text-right {
	float: right;
	width: 300px;
	margin-top: 0px;
	padding-left: 8px;
	color: white;
} 

.drink-category {
	color: #d6be77;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 8px;
	text-transform: uppercase;
	
}
.drink-title {
	color: white;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}



#header-drink {
	border-bottom: 3px solid #1d2844;
	padding: 4px 0px 4px 0px;

}

#previousnext {float: right; text-align: right;}


#footerbar {margin: 5px auto 0 auto; width: 950px; height: 37px; background: transparent url(../images/bg-footer.jpg) top left no-repeat;}
	
/*
***************************************

	EVENTS

***************************************
*/

a.eventlinks:link {
	font-size: 10px;
	color: #abcde8;
	font-weight: bold;
}
a.eventlinks:visited {
	font-size: 10px;
	color: #abcde8;
	font-weight: bold;
}
.eventitem {
	width: 540px; 
	margin-top: 10px;
	background: transparent url(../images/bg-showlisting-bar-dots.gif) no-repeat left top;
	/*border-top: 2px solid #cec3d3;*/
}

.eventname {
	font-size: 13px; 
	font-weight: bold; 
	color: #abcde8;
	}
.eventdate {font-size: 11px;font-weight: bold; text-transform: uppercase; color: #abcde8;}

.eventtitle {
	font-size: 15px; 
	font-weight: bold; 
	/*text-transform: uppercase;*/
	color: #d6be77;
	}
.eventcategory {
	font-size: 12px; 
	 
	color: #abcde8;
	}
#event-right h1 {
	font-size: 12px;
	color: #d6be77;
	text-transform: uppercase;
	border-bottom: 1px solid #4b677d;
	padding: 1px 4px 1px 4px;
	margin: 15px 0 0 0;
	background: transparent url(../images/bg-showlisting-bar-dots.gif) no-repeat left top;
}
#event-right p {margin: 10px; color: #ffffff;}	

#event-left {
	float: left;
	width: 190px;

}
.photo {
	border: 1px solid #4b677d; padding: 4px;


}


#event-right {
	float: right;
	width: 327px;
	margin-top: 15px;
}


/*
***************************************

	EXPANDABLE BOXES

***************************************
*/

div.expandable_note_box {
		width: 185px;
		min-height: 100px;
		background-image: url("../images/top.gif");
		background-position: top left;
		background-repeat: no-repeat;
		padding-top: 10px;
		font-size: 110%;
		
	}
	
	div.expandable_note_box div.middle {
		width: 185px;
		background-image: url("../images/middle.gif");
		background-position: center;
		background-repeat: repeat-y;
		
	}
	
	div.expandable_note_box div.inside {
		padding-left: 15px;
		width: 149px;
		font-style: italic;
		border: 1px solid white;
		margin-left: 4px;
	}
	
	
	

/*
***************************************

	FOOTER

***************************************
*/

#copyright {
	width: 920px;
	color: #33435f;
	background-color: transparent;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	clear: both;
	
}


#copyright a:link {
	color: #54699d;
}

#copyright a:visited {
	color: #54699d;
}

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

#contact {
	float: right; text-align: right;
}

/*
***************************************

	STYLES

***************************************
*/
.bold {font-weight: bold;}
.right {text-align: right;}
.italic {font-style: italic;}
.boxoffice {font-weight: bold; font-size: 12px; color: #CCCC00; padding-left: 15px; padding-right: 15px;}
.buttons {	padding-top: 5px;}
.alignright {text-align: right;}
.uppercase {text-transform: uppercase;}
.sub-head {font-weight: bold;}
.staff img {border: 1px solid #bebdad;padding: 4px;}
.clear {clear: both;}
.float-right {float: right;}
.gold {color: #d6be77;}