/* css information
--------------------------------------------------------
	Berkshire Mountain Distillers:  	screen stylesheet
	author:         					www.studiotwo.com
	updated:        					March 2009

	

-------------------------------------------------------- */
/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background: #080f17 url(../images/bg-mainback.png) 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: #609100;
	text-align: left;
	font: 20px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0px;
}


h2   {
	color: #609100;
	text-align: left;
	font: 15px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	

}

h3    {
	color: #609100;
	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;
	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 9px 0 1px;
}

#navigation a:visited {
	font-size: 12px;
	color: #ffffff;
		font-weight: bold;
	text-decoration: none;
	padding: 0 9px 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;
}

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.gif) 6px 6px 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;
}

div#text-wrap {
	width: 540px;
	margin: 10px auto;
 }
 
div#text-left {
	float: left;
	width: 220px;

}

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: 6px;
	text-transform: uppercase;
	
}
.drink-title {
color: white;
text-transform: lowercase;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}



#header-drink {
	border-bottom: 3px solid #1d2844;
	padding: 4px 0px 4px 0px;

}

#previousnext {float: right; text-align: right;}

	


#copyright {
	width: 890px;
	color: #2c374a;
	background-color: transparent;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	clear: both;
	
}


#copyright a:link {
	color: #d6be77;
}

#copyright a:visited {
	color: #d6be77;
}

#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;}
