﻿/*=================  OUR BREW STYLES  ================*/
body.brew #left-container{
	display: none;
}

body.brew #content-container{
	padding: 0px;
	width: 914px;
	background: url(../images/brews-bg.gif) no-repeat top;
}

body.brew #main-content-container{
	width: 914px;
}

body.brew #content-container-bottom{
	height: 58px;
	background: transparent;
}


body.year-round #beer-info{
	background: url(../images/brew-left-yearround.jpg) no-repeat;
}
body.seasonal #beer-info{
	background: url(../images/brew-left-seasonal.jpg) no-repeat;
}
body.limited-release #beer-info{
	background: url(../images/brew-left-limited.jpg) no-repeat;
}

#beer-list{
	margin-top: 1px;
	float: left;
	width: 726px;
	height: 464px;
}

body.year-round #beer-list, body.seasonal #beer-list{
	background: url(../images/brew-yearround-bg.jpg) no-repeat;
}
body.limited-release #beer-list{
	background: url(../images/brew-limited-bg.jpg) no-repeat;
}

/*=================  YEAR ROUND STYLES  ================*/
#beer-info{
	float: left;
	color: #fff;
	font-size: 12px;
	margin: 1px 0px 0px 1px;
	padding: 115px 35px 0px 25px;
	width: 125px;
	height: 438px;
}
#beer-info *{
	color: #fff;
	font-size: 12px;
}
#beer-info b{
	font: bold 12px arial;
}

#beer-list img{
	float: left;
	cursor: pointer;
}

#beer-list #top{
	padding-left: 47px;
}

.info-box{
	display: none;	
}


body.limited-release #beer-list #top{
	padding-top:40px;
	padding-left: 25px;
}

/*=================  OUR BREW STYLES  ================*/
body.our-brew #content-container{
	padding: 0px;
	width: 914px;
	background: url(../images/main-container-top-wide.gif) repeat-y top;
}

body.our-brew #content-container-bottom{
	height: 58px;
	background: url(../images/main-container-bottom-wide.gif) no-repeat bottom;
}

body.our-brew h3.header{
	width: 424px;
	height: 189px;
	background: url(../images/header-brewmasters.jpg);
}

body.our-brew #main-content-container{
	width: 445px;
}

body.our-brew #secondary-content-container{
	float: right;
	width: 465px;
}

/*=================  BREW NAV STYLES  ================*/
#brew-nav{
	background: url(../images/brew-nav-bg.jpg) no-repeat;
	width: 916px;
	height: 52px;
}

#brew-nav ul, #brew-nav ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#brew-nav ul li{
	float: left;
}

#brew-nav ul li a{
	height: 52px;
	display: block;
	text-indent: -5000px;
}

#brew-nav ul li a.our-brew, #brew-nav ul li.our-brew{
	width: 148px;
	background: url(../images/brewNav-brew0.gif);
}
#brew-nav ul li a.year-round, #brew-nav ul li.year-round{
	width: 163px;
	background: url(../images/brewNav-year0.gif);
}
#brew-nav ul li a.seasonal, #brew-nav ul li.seasonal{
	width: 135px;
	background: url(../images/brewNav-seasonal0.gif);
}
#brew-nav ul li a.limited-release, #brew-nav ul li.limited-release{
	width: 226px;
	background: url(../images/brewNav-release0.gif);
}

body.our-brew #brew-nav ul li a.our-brew, #brew-nav ul li a.our-brew:hover{
	background: url(../images/brewNav-brew1.gif);
}
body.year-round #brew-nav ul li a.year-round, #brew-nav ul li a.year-round:hover{
	background: url(../images/brewNav-year1.gif);
}
body.seasonal #brew-nav ul li a.seasonal, #brew-nav ul li a.seasonal:hover{
	background: url(../images/brewNav-seasonal1.gif);
}
body.limited-release #brew-nav ul li a.limited-release, #brew-nav ul li a.limited-release:hover{
	background: url(../images/brewNav-release1.gif);
}