/* 	Universal Selectors 
	----------------------------------------------------------------------------- */
html {
	min-height: 100%;
	height: auto;
}

body {
    min-width: 960px;
	height: 100%;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #625d4d;
}

a:link, a:visited {
	color: #25408f;
	text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}


/* 	Strutural Elements
	----------------------------------------------------------------------------- */
#wrapper {
    width: 950px;
	height: 100%;
	padding: 0 10px 0 0;
	margin: 0 auto;
}


#sidebar {
	width: 211px;
	float: left;
	padding: 42px 0 20px;
}
	
	#logo {
		width: 211px;
		margin: 0 auto 32px;
	}
	
	#logo a {
		display: block;
		height: 92px;
		background: url(/images/logo_wither-hills.png) no-repeat;
		text-indent: -5000px;
	}

#content {
	width: 724px;
	float: right;
	overflow: hidden;
	padding-top: 140px;
}

	#main {
		float: left;
		width: 424px;
		font-size: 1.1em;
		line-height: 1.6em;
		padding: 35px 35px 40px 25px;
	}
	
	#aside {
		float: right;
		width: 230px;
		font-size: 1.0em;
		line-height: 1.6em;
		padding: 35px 10px 40px 0;
	}
	
	#carousel, #dropGallery {
		outline: none;
	}

#footer {
	clear: both;
	overflow: hidden;
	background: url(/images/divider_footer.png) repeat-x;
	padding: 18px 0 15px;
	margin-left: 10px;
}

.right {
	float: right;
	margin: -8px 0 0 15px;
}

.left {
	float: left;
	margin: -8px 10px 0 0;
}

.left.list {
	margin-right: 20px;
}

.clear {
	clear: both;
}

.clearer {
	clear: both;
	line-height: 0;
	height: 0;
}


/* 	Lists
	----------------------------------------------------------------------------- */
#navigation {
	list-style: none;
	padding-bottom: 15px;
	margin: 0 10px 15px 36px;
	border-bottom: 1px solid #cbcbcb;
}

#navigation li {
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 0;
}

#navigation ul {
	display: none;
	list-style: none;
	margin: 8px 0 12px 10px;
}

#promotions {
	list-style: none;
	margin: 0 auto;
}

#promotions li {
	text-align: center;
}

#navigation li.current ul, #navigation li.current-parent ul {
	display: block;
}

#navigation li li {
	font-size: 0.9em;
	padding: 2px 0;
}

#aside ul {
	list-style: 0;
	margin: 0;
}

#aside ul li {
	font-weight: bold;
	padding-bottom: 8px;
}

#footer ul {
	list-style: none;
	overflow: hidden;
	margin: 0;
}

#footer ul li {
	float: left;
	font-size: 0.9em;
	line-height: 36px;
	margin: 0 8px;
}

#footer ul li.first {
	margin: 0 8px 0 0;
}

#footer ul li.drink-responsibly {
	margin: 0 75px 0 0;
}

#footer ul li.last {
	margin: 0 0 0 30px;
}


/* 	Links
	----------------------------------------------------------------------------- */
#navigation li a:link, #navigation li a:visited {
	color: #9b7d0d;
	text-decoration: none;
}

#navigation li li a:link, #navigation li li a:visited {
	color: #c19800;
}

#navigation li a:hover, #navigation li a:active,
#navigation li li a:hover, #navigation li li a:active,
#navigation li.current-parent > a:link, #navigation li.current-parent > a:visited,
#navigation li.current > a:link, #navigation li.current > a:visited {
	color: #25408f;
}

#main a:link, #main a:visited,
#aside a:link, #aside a:visited {
	font-weight: bold;
}

a.image-frame {
	display: inline-block;
	position: relative;
	padding: 16px 15px 0 0 !important;
}

a.image-frame .enlarge {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 33px;
	height: 33px;
	background: url(/images/icon_enlarge.png) no-repeat;
	text-indent: -5000px;
}

#main ol {}

#main ol li {
	list-style: decimal;
	padding-bottom: 10px;
}

#footer ul li a:link, #footer ul li a:visited {
	display: block;
	float: left;
	color: #5d5d5d;
}

#footer ul li.first a {
	width: 25px;
	height: 36px;
	background: url(/images/logo_be-drink-aware.png) no-repeat;
	text-indent: -5000px;
}

#footer ul li.drink-responsibly a {
	width: 149px;
	height: 36px;
	background: url(/images/logo_drink-responsibly.png) no-repeat 0 3px;
	text-indent: -5000px;
}

#footer ul li.last a {
	width: 16px;
	height: 36px;
	background: url(/images/logo_facebook.png) no-repeat center left;
	text-indent: -5000px;
}

#footer ul li a:hover, #footer ul li a:active {
}

a.pdf {
	display: block;
	background: url(/images/icon_pdf.png) no-repeat left 2px !important;
	text-indent: 24px;
}


/* 	Typography
	----------------------------------------------------------------------------- */
h1 {
	font-size: 30px;
	font-weight: bold;
	color: #464235;
	margin: 30px 0 0.6em 25px;
}

h2 {
	font-size: 1.7em;
	font-weight: bold;
	color: #464235;
}
	
	#aside h2 {
		font-size: 1.0em;
	}

h3 {
	clear: both;
	font-size: 1.0em;
	font-weight: bold;
	color: #625d4d;
	margin: 1.5em 0;
}

p {}
	
	#main p.first {
		font-weight: bold;
		color: #464235;
	}

strong em, p.first em {
	font-weight: bold;
}


/* 	Images
	----------------------------------------------------------------------------- */
img.pdf {
	vertical-align: text-bottom;
	margin-right: 3px;
}


/* 	Form Elements
	----------------------------------------------------------------------------- */


/* Tables
	----------------------------------------------------------------------------- */

/* Safari Hacks
	----------------------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.clear { padding-top: 12px; }
	#footer ul li.drink-responsibly { margin-right: 65px;}
}


/* 	ColorBox Core Style
	-----------------------------------------------------------------------------
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


/* 	ColorBox Skin Style
	-----------------------------------------------------------------------------
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
	#cboxTopLeft{width:46px; height:46px; background:url(/images/modal/modal_border-corners.png) 0 0 no-repeat;}
    #cboxTopCenter{height:46px; background:url(/images/modal/modal_border-horizontal.png) 0 0 repeat-x;}
    #cboxTopRight{width:46px; height:46px; background:url(/images/modal/modal_border-corners.png) -46px 0 no-repeat;}
    #cboxBottomLeft{width:46px; height:46px; background:url(/images/modal/modal_border-corners.png) 0 -46px no-repeat;}
    #cboxBottomCenter{height:46px; background:url(/images/modal/modal_border-horizontal.png) 0 -46px repeat-x;}
    #cboxBottomRight{width:46px; height:46px; background:url(/images/modal/modal_border-corners.png) -46px -46px no-repeat;}
    #cboxMiddleLeft{width:46px; background:url(/images/modal/modal_border-vertical.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:46px; background:url(/images/modal/modal_border-vertical.png) -46px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{background:#fff; margin-bottom: 35px; }
        #cboxTitle{position:absolute; bottom: 3px; left: 60px; font-size: 12px; font-weight: bold; line-height: 14px; color: #797772;text-align: left;}
		#cboxTitle a:link, #cboxTitle a:visited { color: #797772; text-decoration: underline; }
		#cboxTitle a:hover, #cboxTitle a:active { text-decoration: none; }
        #cboxCurrent{display: none !important;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; bottom: 0; left: 2px; background:url(/images/modal/modal_button-previous.png) no-repeat top left; width: 24px; height: 22px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position: bottom left;}
        #cboxNext{position:absolute; bottom: 0; left: 26px; background:url(/images/modal/modal_button-next.png) no-repeat top left; width:24px; height:22px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom left;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxLoadingGraphic{background:url(/images/ajax-loader.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:-22px; right:-22px; display:block; background:url(/images/modal/modal_close.png) top left no-repeat; width:30px; height:30px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom left;}

/* png-transparency fix for ie, this method cannot use CSS sprites */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-border-tl.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-border-tc.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-border-tr.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-border-bl.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-border-bc.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-border-br.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-border-ml.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-border-mr.png, sizingMethod='scale');}
.cboxIE #cboxClose{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/modal/modal_ie-close.png, sizingMethod='scale');}


/* 	JS based imageFrame
	----------------------------------------------------------------------------- */
.frame
,.frameBuffer
{
	position: relative;
	overflow: hidden;
}
/* all frame pieces */
.frame .tl,
.frame .t,
.frame .t span,
.frame .tr,
.frame .r,
.frame .r span,
.frame .br,
.frame .b,
.frame .b span,
.frame .bl,
.frame .l,
.frame .l span
{
	position: absolute;
	display: block;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	background: transparent repeat left top;
	text-align: left;
}
/* all horizontal */
.frame .t,
.frame .t span,
.frame .b,
.frame .b span
{
	width: 100%;
	background-repeat: repeat;
}
/* all vertical */
.frame .r,
.frame .r span,
.frame .l,
.frame .l span
{
	height: 100%;
	background-repeat: repeat;
}
.frame img
{
	position: relative;
	vertical-align: top;
	line-height: 0;
}

/*** SHARP ***/
.frameSharp
{
	margin: -3px -5px -5px -3px;
}
.frameSharp .frameBuffer
{
	padding: 6px 8px 7px 6px;
}
.frameSharp .tl
{
	top: 0;
	left: 0;
	width: 7px;
	height: 7px;
	background-image: url(/images/imageFrame/frame_sharp_tl.png);
}
.frameSharp .t
{
	top: 0;
	left: 7px;
	height: 3px;
}
.frameSharp .t span
{
	top: 0;
	left: -13px;
	height: 3px;
	background-image: url(/images/imageFrame/frame_sharp_t.png);
}
.frameSharp .tr
{
	top: 0;
	right: 0;
	width: 6px;
	height: 7px;
	background-image: url(/images/imageFrame/frame_sharp_tr.png);
}
.frameSharp .r
{
	top: 7px;
	right: 0;
	width: 5px;
}
.frameSharp .r span
{
	top: -14px;
	width: 5px;
	background-image: url(/images/imageFrame/frame_sharp_r.png);
}
.frameSharp .br
{
	bottom: 0;
	right: 0;
	width: 6px;
	height: 7px;
	background-image: url(/images/imageFrame/frame_sharp_br.png);
}
.frameSharp .b
{
	bottom: 0;
	left: 7px;
	height: 7px;
	width: 100%;
}
.frameSharp .b span
{
	left: -13px;
	top: 0;
	height: 7px;
	width: 100%;
	background-image: url(/images/imageFrame/frame_sharp_b.png);
}
.frameSharp .bl
{
	bottom: 0;
	left: 0;
	width: 7px;
	height: 7px;
	background-image: url(/images/imageFrame/frame_sharp_bl.png);
}
.frameSharp .l
{
	top: 7px;
	left: 0;
	width: 3px;
}
.frameSharp .l span
{
	top: -14px;
	width: 3px;
	background-image: url(/images/imageFrame/frame_sharp_l.png);
}