/*----------------------------------------
Site Name: Glacier Brewhouse
Developed by: Jeff Claeson - www.bydreamtime.com && www.sugarsled.com
Date Created: 05-2010 
Last Updated: 07-2010
----------------------------------------*/

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:10px;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
a img 		{border: none;}
a:link, a:visited {color: #f15a24;}

body,ul,ol,dl,dt,dd,td,th,caption,pre,p,blockquote,input,textarea {font-family: "apertura-1","apertura-2","Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 1.5;font-size: 14px;color: #FFF;}
.clear {clear: both;}

body {height:100%;color: #FFF;background: #73261D;}
/* #body-bg-container img {width:100%;height:100%;position: absolute;top: 0;left: 0;z-index: -1;overflow-y:hidden;} */
#body-bg-container {width:100%;height:100%;position: absolute;top: 0;left: 0;z-index: -1;overflow-y:hidden;} 
#body-bg {width: 100%;}

#wrap {position: relative;width: 960px;margin: 75px auto;}
#mainContent {height: 700px;position: relative;overflow: hidden;width: 749px;float: left;}

#slider {background:transparent url('/images/alpha.png');background: rgba(26,10,5,.8)!important;position:relative;height: 700px;width: 749px;}
#slider img {width: 749px;position:absolute;top:0px;left:0px;overflow: hidden;}

#subContent {clear: right;margin-right: 1px;float: left;width: 210px;position: relative;}
#branding {background:transparent url('/images/alpha.png');background: rgba(26,10,5,.8);padding: 20px 0;margin-bottom: 1px;height: 169px;}
#branding em {font-family: Georgia, sans-serif;font-size: 12px;color: #FFF;text-align: center;display: block;}
#branding h1 a {z-index: 1000;display: block;text-indent: -9999px;position: relative;left: -75px;background: url(/images/GBH-logo.png);width: 360px;height: 146px;}

#nav {height: 480px;background:transparent url('/images/alpha.png');background: rgba(26,10,5,.8);padding-bottom: 10px; }
#nav ul {padding: 20px 0;overflow: hidden;}
#nav ul li {line-height: 1;padding: 0;}
#nav ul li a {font-size: 13px;font-family: "Myriad Pro", Arial, sans-serif;font-weight: bold;text-shadow: 0 -1px 0 #000;display: block;color: #FFF;text-transform: uppercase;text-decoration: none;padding: 14px 20px 10px 20px; position:relative;}
#nav ul li a:hover, #nav ul li a.current {background:transparent url('/images/alpha.png');background: rgba(0,0,0, .2);color: #f15a24;text-shadow: 0 -1px 0 #000;}
#nav ul li a.special {background: rgba(100,30,19,.4);margin-bottom: 1px;letter-spacing: 1px;text-shadow: 0 0 2px #000;}

#nav ul li #twitter {background-image: url(/images/twitter_16.png);background-repeat: no-repeat;background-position: 20px 50%;padding-left: 45px;}
#nav ul li #facebook {background-image: url(/images/facebook_16.png);background-repeat: no-repeat;background-position: 20px 50%;padding-left: 45px;}


#nav div.menu {display: none;background:transparent url('/images/alpha.png');background: rgba(0,0,0,.8);height: 100%;position: absolute;top: 0;left: 211px!important;z-index: 100;width: 230px;}
#nav div.menu h3 {font-weight: bold;width: 90%;color: #f15a24;text-transform: uppercase;margin: 220px 30px 10px;font-size: 18px;font-weight: normal;text-shadow: 0 1px 0px #000;}
#nav div.menu ul {width: 100%;margin: 0 15px;padding: 0;list-style: none;overflow: hidden;}
#nav div.menu ul li  {position: relative;display: block;clear: both;padding: 0;margin: 0;width: 100%;}
#nav div.menu ul li a {text-decoration: none;color: #FFF;font-size: 12px;padding: 10px 15px 8px;margin: 5px 0;display: block;width: 160px;}
#nav div.menu ul li a:hover, #nav div.menu ul li a.current {-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;background:transparent url('/images/alpha.png');background: rgba(0,0,0, .6);}
#nav div.menu ul li a.current {color: #f15a24;}

/*content needs to be width: 458px;left: 231px; with javascript/ajax enabled */
#content {z-index: 1000; position: absolute;top: 0;width: 689px;height: 670px;padding: 0 30px 30px;background:transparent url('/images/alpha.png');background: rgba(0,0,0,.8);color: #FFF;overflow-y: auto;}
#content.narrow { width:458px; left:231px; }

.pdf-download {font-size: 12px;display: block;color: #FFF;float: right;display: block;float: right;padding: 5px 15px 3px 35px;margin-top: -3px;text-shadow: 0 1px 0 #000;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;text-decoration: none;background: #000 url(/images/pdf.png) no-repeat 10px 50%;background: rgba(0,0,0,.5) url(/images/pdf.png) no-repeat 10px 50%;}
.pdf-download:hover {color: #f15a24;}

#home #content {display: none;} /* necessary for graceful degradation */
#content ul {margin: 0 0 25px 10px;}
#content ul li {font-size: 11px;list-style: disc!important;}
#content ul li a {color: #FFF;font-size: 12px;padding: 5px 5px;margin: 5px 0;display: block;width: 160px;}
#content ul li a:hover {color: #f15a24;text-decoration: underline;}

/* ajax loader gif */
#loading {position: absolute; visibility:hidden; z-index: 10000; background:url('/images/ajax-loader-outside.gif') no-repeat; width:16px; height:16px; top:10px; right:-25px; }
#nav #loading { background:url('/images/ajax-loader.gif') no-repeat; right:10px; }
#nav .menu #loading { background:url('/images/ajax-loader-sub.gif') no-repeat; top:6px; }

#content .first {padding-top: 50px!important;}
#content .first + .first {padding-top: 0!important;}
#content h2, #content h1 {text-shadow: 0 1px 1px #000;margin-bottom: 20px;text-transform: uppercase;font-weight: normal;font-size: 24px;}
#content h2 {font-size: 18px;margin-bottom: 10px;}
#content h3 {text-shadow: 0 1px 1px #000;margin-bottom: 10px;border-bottom: 3px solid rgba(255,255,255,.2);text-transform: uppercase;font-weight: normal;font-size: 18px;}
#content p, #content div, #content font, #content span {font-size: 13px;margin-bottom: 20px;}

#content #content-nav {overflow: hidden;margin: 0;padding-bottom: 20px;}
#content #content-nav li {display: inline;}
#content #content-nav li a {margin-right: 20px;float: left;text-decoration: none;line-height: 1;font-family: "Myriad Pro", Arial, sans-serif;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;font-size: 10px;cursor: pointer;display: block;background:transparent url('/images/alpha.png');background: rgba(0,0,0,.6);padding: 8px 11px 7px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;width: auto;}
#content #content-nav li a:hover, #content #content-nav li a.current {background:transparent url('/images/alpha.png');background: rgba(0,0,0,.9);color: #f15a24;}

#nav div.menu a.close, #content a.close,#nav div.menu a.close:visited,#content a.close:visited,#nav div.menu a.close:active,#content a.close:active {line-height: 1;color:#fff;font-family: "Myriad Pro", Arial, sans-serif;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;font-size: 10px;cursor: pointer;position: absolute;display: block;margin: 0;top: 10px;right: 10px;background: rgba(0,0,0,.4);padding: 8px 11px 7px!important;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; text-decoration:none;}
#nav div.menu a.close:hover,#content a.close:hover {background: #000!important;color: #f15a24 !important;text-shadow: 0 -1px 0 #000;}

dl {padding: 0;margin: 0 0 40px 0;}
dt {clear: right;font-weight: bold;text-shadow: 0 1px 1px #000;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;margin-bottom: 3px;}
dt span {text-transform: none;font-size: 12px;color: #FCE1A8;font-style: italic;}
dt img {float: right;margin: 0 0 40px 20px;}
dd {text-shadow: 0 1px 1px #000;font-size: 13px;display: block;padding: 0;margin-bottom: 20px;}
dd p {font-size: 13px;margin: 0;}


/* =Forms
----------------------------------------------- */
form {margin-bottom: 100px;}
fieldset {background: rgba(0,0,0,.6);padding: 20px 10px;margin: 0 0 30px 0;clear: both;overflow: hidden;border-radius: 5px;-moz-border-radius: 10px;-webkit-border-radius: 5px;}
legend {padding: 2px 10px;}
div.row {float: left;clear: left;overflow: hidden;width: 100%;margin: 0;padding: 2px 3px;font-size: 12px;margin-bottom: 5px;}
div.row input, div.row select, div.row textarea {font-size: 12px;color: #000;padding: 4px;border: none;background:rgb(255,255,255);background: rgba(255,255,255,.9);width: 250px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
div.row input:focus, textarea:focus {background: #FFF;color: #000;}
div.row textarea {width: 250px;height: 150px;margin-top: 0;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
div.row select {width: 256px;border: none;margin-top: 0;font-size: 11px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
div.row label {float:left;padding: 1px 5px;text-align:right;width: 220px;font-size: 12px;}
#submit {clear: both;font-weight: bold;margin: 0 0 20px 0;padding: 5px;float: right;color: #000;}
#mce-error-response {background: #AF2B37;margin: 5px 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;cleaR: both;color: #FFF;font-size: 11px;line-height: 1.3;padding: 5px;}
#mce-success-response {background: #84b36b;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin: 5px 0;cleaR: both;color: #FFF;font-size: 11px;line-height: 1.3;padding: 5px;}


/* =Footer
----------------------------------------------- */
#footer {padding-top: 10px;clear: both;}
#footer ul {float: left; margin-right: 10px;}
#footer ul li {float: left;color: #FFF;font-size: 11px;}
#footer ul li a {fdisplay: block;color: #FFF;text-transform: uppercase;font-size: 11px;padding: 0 5px;text-decoration: none;}
#footer ul li a:hover {color: rgba(255,255,255,.7)}
#footer p {text-align: right;color: #FFF;font-size: 10px;}
#footer p strong {text-transform: uppercase;}


/* =Scroll Bar Master Styling Starts Here 
----------------------------------------------- */
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 12px; background:#282828; background-color:rgba(0,0,0,.2); }
.vscrollerbar { width: 10px; background:#dcd8d5; background-color:rgba(255,255,255,.6); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 1px; }
.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; }
.mcontentwrapper .close { right:-20px !important; }


/* =Gallery
----------------------------------------------- */
.gal-content {display: none;float: right;width: 465px;}
div.content a, div.navigation a {text-decoration: none;color: #777;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline;}
div.controls {margin-top: 5px;height: 23px;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.slideshow-container {position: relative;clear: both;height: 550px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.loader {position: absolute;top: 0;left: 0;background-image: url('loader.gif');background-repeat: no-repeat;background-position: center;width: 465px;height: 552px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.slideshow {}
div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;}
div.slideshow a.advance-link {display: block;width: 465px;height: 552px; /* This should be set to be at least the height of the largest image in the slideshow */line-height: 552px; /* This should be set to be at least the height of the largest image in the slideshow */text-align: center;text-decoration: none;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {border: 10px solid rgba(255,255,255,.2);width: 440px;}
div.navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}

#content #thumbs {float: left;width: 215px;overflow: hidden;}
#content ul.thumbs {clear: both;margin: 0;padding: 0;}
#content ul.thumbs li {float: left;padding: 0;margin: 5px 10px 5px 0;list-style: none!important;}
#content a.thumb {width: auto;padding: 0;margin: 0;display: block;border: 5px solid rgba(255,255,255,.2);}
ul.thumbs li.selected a.thumb {background: #000;}
a.thumb:focus {outline: none;}
ul.thumbs img {width: 50px;border: none;display: block;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {float: left;line-height: 1;color:#fff;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;margin-right: 3px;font-size: 9px;cursor: pointer;display: block;background: rgba(100,30,19,.6);background: rgb(100,30,19);padding: 5px 7px 4px!important;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; text-decoration:none;}
div.pagination a:hover {background-color: #000;text-decoration: none;}
div.pagination span.current {font-weight: bold;background-color: #000;font-size: 9px!important;background: rgb(255,97,11);background: rgba(255,97,11,.8);}
div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px;}

label.error { color:red; margin-top: 6px; right:10px; position:absolute; width:150px !important; text-align:left !important; }