body{
	padding: 0px;
	margin: 0px;
	background: url(../images/page-bg.jpg) no-repeat center top #000;
	padding-bottom: 60px;
}

/*=================  HEADER STYLES  ================*/
#header{
	height: 166px;
	/*background: url(../images/header-bg.gif) no-repeat;*/
}

#header h1{
	padding-top: 35px;
	float: left;
}
#header h1 a{
	display: block;
	width: 269px;
	height: 126px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -5000px;
}
#header h1 a:hover{
	background: url(../images/logo1.png) no-repeat;
}

#header-right-container{
	float: right;
}

/*=================  TERTIARY NAV STYLES  ================*/
#tnav{
	float: right;
	margin-top: 5px;
	margin-right: 9px;
	list-style: none;
}

#tnav li{
	float: left;
}

#tnav li a{
	color: #fff;
	font-weight: bold;
}

/*=================  MAIN NAV STYLES  ================*/
#main-nav{
	float: left;
	height: 38px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 24px;
}

#main-nav li{
	float: left;
	margin: 0px;
	padding: 0px;
}

#main-nav li a{
	height: 76px;
	width: 80px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
}

#main-nav li.about, #main-nav li a.about{
	background: url(../images/nav-about0.jpg);
}
#main-nav li.brew, #main-nav li a.brew{
	background: url(../images/nav-brew0.jpg);
}
#main-nav li.food, #main-nav li a.food{
	background: url(../images/nav-food0.jpg);
}
#main-nav li.locations, #main-nav li a.locations{
	background: url(../images/nav-locations0.jpg);
}
#main-nav li.regulars, #main-nav li a.regulars{
	background: url(../images/nav-regulars0.jpg);
}
#main-nav li.groups, #main-nav li a.groups{
	background: url(../images/nav-groups0.jpg);
}
#main-nav li.blog, #main-nav li a.blog{
	background: url(../images/nav-blog0.jpg);
}
#main-nav li.shop, #main-nav li a.shop{
	background: url(../images/nav-shop0.jpg);
}

body.about #main-nav li a.about, #main-nav li.about, #main-nav li a.about:hover{
	background: url(../images/nav-about1.jpg);
}
body.brew #main-nav li a.brew, #main-nav li.brew, #main-nav li a.brew:hover{
	background: url(../images/nav-brew1.jpg);
}
body.food #main-nav li a.food, #main-nav li.food, #main-nav li a.food:hover{
	background: url(../images/nav-food1.jpg);
}
body.locations #main-nav li a.locations, #main-nav li.locations, #main-nav li a.locations:hover{
	background: url(../images/nav-locations1.jpg);
}
body.regulars #main-nav li a.regulars, #main-nav li.regulars, #main-nav li a.regulars:hover{
	background: url(../images/nav-regulars1.jpg);
}
body.groups #main-nav li a.groups, #main-nav li.groups, #main-nav li a.groups:hover{
	background: url(../images/nav-groups1.jpg);
}
body.blog #main-nav li a.blog, #main-nav li.blog, #main-nav li a.blog:hover{
	background: url(../images/nav-blog1.jpg);
}
body.our-story #main-nav li a.shop, #main-nav li.shop, #main-nav li a.shop:hover{
	background: url(../images/nav-shop1.jpg);
}


/*=================  CONTAINER STYLES  ================*/
#outer-container{
	margin: 0px auto;
	width: 961px;
}

#inner-container{
	width: 917px;
	padding: 22px;
}

#left-container{
	float: left;
	width: 170px;
	min-height: 293px;
	background: url(../images/left-nav-bg.jpg) no-repeat top;
}

#content-container{
	width: 731px;
	float: right;
	background: url(../images/main-container-top.gif) repeat-y top;
}

#content-container-bottom{
	height: 58px;
	background: url(../images/main-container-bottom.gif) no-repeat bottom;
}

#main-content-container{
	width: 438px;
	float: left;
	min-height: 200px;
}
#main-content-container #content, #main-content-container .content{
	min-height: 200px;
	padding: 25px 10px 25px 25px;
}

#secondary-content-container{
	float: right;
	width: 292px;
}

#footer-container{
	text-align: center;
}
#footer-container, #footer-container a{
	text-transform: uppercase;
	font: 8px arial;
	color: #fff;
	letter-spacing: 1px;
}
#footer-container a{
	text-decoration: underline;
}

h3.header{
	width: 406px;
	height: 188px;
	text-indent: -5000px;
}


/*=================  PRIVACY STYLES  ================*/
body.privacy #left-container{
	display: none;
}

body.privacy #content-container{
	padding: 0px;
	width: 914px;
	background: url(../images/main-container-top-wide2.gif) repeat-y top;
}


body.privacy .content{
	width: 800px;
}

body.privacy #content-container-bottom{
	height: 58px;
	background: url(../images/main-container-bottom-wide.gif) no-repeat bottom;
}

/*=================  LEFT NAV STYLES  ================*/
#left-container h2{
	width: 170px;
	height: 44px;
	text-indent: -5000px;
	padding: 0px;
	margin: 0px;
}

#leftNav, #leftNav li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#leftNav, #leftNav li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#leftNav, #leftNav li a{
	display: block;
	width: 170px;
	text-indent: -5000px;
}