/* @override 
	http://66.17.51.121/~ds_001/Firestone/firestone_styles.css
	http://208.85.204.114/~ds_001/Firestone%202.0/firestone_styles.css
	http://www.lawless.local/www.firestonebeer.local/firestone_styles.css
	http://firestonebeer.com/firestone_styles.css
*/

@import url("reset-min.css");

/* @group global */
body {
	background-color: #222957;
	font-family: "verdana", sans-serif;
	font-size: 10px;
	line-height: 1.8;
	color: #503921;
}

/* For IE6 PNG transparency */
/* img, div, hr { behavior: url(iepngfix.htc) } 
 *		this code has been moved to each individual class that specifies a png background image.
 *		All other png images on the site are converted for i.e. using pngfix.js
 */

p {
	margin-bottom: 10px;
}

h1 {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.4;
	color: #770411;
	font-weight: bold;
}
h2 {
	font-size: 10px;
	line-height: 1.8;
	color: #770411;
	text-transform: uppercase;
}

a {
	color: #DB8603;
	text-decoration: none;
}
div#doc {
	width:  980px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div#hd {
	width: 984px;
	height: 104px;
	background-image: url(images/bg_headerLogo.png);
	behavior: url(iepngfix.htc);
}
div#mainMenu {
	background: url(images/header_mainMenu.jpg) no-repeat;
	height: 55px;
	position: relative;
	top: 45px;
	float: right;
}
div#hd i, div.paleAleLinks i { display: none; }

div.paleAleLinks {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1000;
	float: left;
}

/* @end */

/* @group mainNav */
a#homeLink {
	float: left;
	position: relative;
	width: 330px;
	height: 100px;
	z-index: 1;
}

a#a_ourPaleAles {
	float: left;
	position: relative;
	width: 123px;
	height: 55px;
}
a#a_ourPaleAles:hover, a#a_ourPaleAles.active {
	background: url(images/header_mainMenu.jpg) no-repeat 0 -55px;
}
a#a_houseOfPale {
	float: left;
	position: relative;
	width: 148px;
	height: 55px;
}
a#a_houseOfPale:hover, a#a_houseOfPale.active {
	background: url(images/header_mainMenu.jpg) no-repeat -123px -55px;
}
a#a_paleTales {
	float: left;
	position: relative;
	width: 193px;
	height: 55px;
}
a#a_paleTales:hover, a#a_paleTales.active {
	background: url(images/header_mainMenu.jpg) no-repeat -271px -55px;
}
a#a_inSearchOfPale {
	float: left;
	position: relative;
	width: 177px;
	height: 55px;
}
a#a_inSearchOfPale:hover, a#a_inSearchOfPale.active {
	background: url(images/header_mainMenu.jpg) no-repeat -464px -55px;
}

/* @end */

/* @group nav - House of Pale  */

div#houseOfPale {
	background: url(images/header_house.jpg) no-repeat;
	height: 32px;
	position: relative;
	top: 15px;
	float: right;
	z-index: 100;
	width: 641px;
}

a#insideTheBrewery {
	float: left;
	position: relative;
	width: 188px;
	height: 32px;
}
a#insideTheBrewery:hover, a#insideTheBrewery.active {
	background: url(images/header_house.jpg) no-repeat 0 -32px;
}
a#brewmastersCorner {
	float: left;
	position: relative;
	width: 171px;
	height: 32px;
}
a#brewmastersCorner:hover, a#brewmastersCorner.active {
	background: url(images/header_house.jpg) no-repeat -188px -32px;
}
a#brewingProcess {
	float: left;
	position: relative;
	width: 141px;
	height: 32px;
}
a#brewingProcess:hover, a#brewingProcess.active {
	background: url(images/header_house.jpg) no-repeat -359px -32px;
}
a#players {
	float: left;
	position: relative;
	width: 130px;
	height: 32px;
}
a#players:hover, a#players.active {
	background: url(images/header_house.jpg) no-repeat -500px -32px;
}

/* @end */

/* @group nav - Pale Tales */
div#paleTales {
	background: url(images/header_tales.jpg) no-repeat;
	height: 32px;
	position: relative;
	top: 15px;
	float: right;
	z-index: 100;
	width: 641px;
}

a#history {
	float: left;
	position: relative;
	width: 140px;
	height: 32px;
}
a#history:hover, a#history.active {
	background: url(images/header_tales.jpg) no-repeat 0 -32px;
}
a#announcements {
	float: left;
	position: relative;
	width: 176px;
	height: 32px;
}
a#announcements:hover, a#announcements.active {
	background: url(images/header_tales.jpg) no-repeat -140px -32px;
}
a#awards {
	float: left;
	position: relative;
	width: 151px;
	height: 32px;
}
a#awards:hover, a#awards.active {
	background: url(images/header_tales.jpg) no-repeat -316px -32px;
}

/* @end */

/* @group nav - In Search of Pale */
div#searchPale {
	background: url(images/header_searchPale.jpg) no-repeat;
	height: 32px;
	position: relative;
	top: 15px;
	float: right;
	z-index: 100;
	width: 641px;
}

a#taproomRestaurant {
	float: left;
	position: relative;
	width: 180px;
	height: 32px;
}
a#taproomRestaurant:hover, a#taproomRestaurant.active {
	background: url(images/header_searchPale.jpg) no-repeat 0px -32px;
}

a#tastingRoom {
	float: left;
	position: relative;
	width: 140px;
	height: 32px;
}
a#tastingRoom:hover, a#tastingRoom.active {
	background: url(images/header_searchPale.jpg) no-repeat -180px -32px;
}

a#findFirestone {
	float: left;
	position: relative;
	width: 178px;
	height: 32px;
}
a#findFirestone:hover, a#findFirestone.active {
	background: url(images/header_searchPale.jpg) no-repeat -320px -32px;
}

/* @end */

/* @group content */

div#bd {
	height: 421px;
	width: 100%;
	border: 4px solid #14104f;
	margin-bottom: 5px;
	background-color: #14104f;
	overflow: hidden;
	background-image: url(images/bg_bodyFame.jpg);
}
div#bd.home {
	font-size: 10px;
	line-height: 1.4;
}
div#bd_siteMap {
	height: 421px;
	width: 100%;
	border: 4px solid #14104f;
	margin-bottom: 5px;
	background-color: #14104f;
	overflow: hidden;
	background-image: url(images/bg_bodySiteMap.jpg);
}
div#bd_distributors {
	height: 421px;
	width: 100%;
	border: 4px solid #14104f;
	margin-bottom: 5px;
	background-color: #14104f;
	overflow: hidden;
	background-image: url(images/bg_bodyFameandFlash.jpg);
}
div#bd_contactUs {
	height: 421px;
	width: 100%;
	border: 4px solid #14104f;
	margin-bottom: 5px;
	background-color: #14104f;
	overflow: hidden;
	background-image: url(images/bg_bodyFameandFlash.jpg);
}
div#bd_promo2009 {
	height: 421px;
	width: 100%;
	border: 4px solid #14104f;
	margin-bottom: 5px;
	background-color: #14104f;
	overflow: hidden;
	background-image: url(images/bg_bodyFameandFlash.jpg);
}
div#bd.ourPaleAles {
	height: 421px;
	width: 100%;
	border: 4px solid #14104f;
	margin-bottom: 5px;
	background-image: url(images/bg_bodyFameandFlash.jpg);
	background-color: #14104f;
}

div#content.main {
	width: 599px;
	height: 426px;
	position: relative;
	float: right;
	padding-right: 30px;
	z-index: 1;
}
div#content.home {
	margin-left: 5px;
	color: #fff;
}
div#content_siteMap {
	overflow-x: hidden;
	overflow-y: auto;
	height: 380px;
	position: relative;
	left: 40px;
	top: 25px;
	width: 930px;
}

div#ourPaleAlesText {
	width: 145px;
	margin-top: 30px;
	overflow-y: auto;
	z-index: 2;
	position: absolute;
	left: 30px;
}
a#DBA {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 150px;
	top: 180px;
	z-index: 3;
}
a#Pale31 {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 290px;
	top: 180px;
	z-index: 3;
}
a#UnionJack {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 435px;
	top: 180px;
	z-index: 3;
}
a#DBA img, a#Pale31 img, a#UnionJack img {
	z-index: 10000;
	width: 40px;
	height: 40px;
}
div#DBAContent, div#Pale31Content, div#UnionJackContent {
	display: none;
}
div.homeColumns {
	float: left;
	width: 24%;
}

img.sectionTitle {
	padding-bottom: 5px;	
}
div#fame {
	position: absolute;
	top: 418px;
	width: 320px;
	height: 100px;
	margin-left: 20px;
	overflow-y: hidden;
	overflow-x: hidden;
	font-size: 90%;
	cursor: pointer;
}
div#bd_promo2009 div#fame { padding-left: 10px; }
div#fame img.sideTitle {
	margin-top: 5px;
	
}
div#fame img.sidePic {
	float: left;
	padding:5px;
	clear: left;
	width: 75px;
}
div#fame div {
	clear: left;
}
div#fame h1 {
	padding-top: 5px;
}
div#fame h1.noJava {
	margin-top: -5px;
}
div#moviePlayer {
	width: 335px;
	height: 290px;
	top: 17px;
	left: 13px;
	position: relative;
	background: url(images/flash_noJava.jpg) no-repeat 3px 2px;
}

div#moviePlayerPromo2009 { 
	width: 335px;
	height: 290px;
	top: 13px;
	left: 13px;
	position: relative;
	background: url(images/flash_swag.jpg) no-repeat 3px 2px; }

div#moviePlayer_bottomN {
	width: 325px;
	height: 275px;
	top: 20px;
	left: 25px;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}
div#moviePlayer_bottomN ul ul { margin-left: 2em; }
div#directions {
	padding-top: 120px;
	padding-right: 170px;
	height: 155px;
	background: url(images/flash_contactUs.gif) no-repeat;
	overflow-y: auto;
	overflow-x: hidden;
}

div#topContentButtons {
	text-align: right;
	text-transform: uppercase;
	margin-right: 20px;
	z-index: 1010;
	margin-top: 5px;
}
div#topContentButtons a {
	color: #503921;
}
div#topContentButtons.players a {
	margin-left: 20px;
}

div#content div#fg {
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
div.thinColumn {
	margin-top: 10px;
	width: 350px;
}
div#unpaleButton {
	height: 115px;
	width: 158px;
	background: url(images/button_unPale.jpg) no-repeat;
	top: 290px;
	left: 6px;
	position: relative;
}
a#unpaleButton {
	height: 115px;
	width: 158px;
	background: url(images/button_unPale.jpg) no-repeat;
	top: 290px;
	left: 6px;
	position: absolute;
}
a#unpaleButton:hover {
	background: url(images/button_unPale.jpg) no-repeat 0 -115px;
}
a#unpaleButton i {
	display: none;
}
/* @end */

/* @group Page Specific Backgrounds */

div#content div#bg {
	background: url(images/contentBG_main.png) no-repeat scroll center;
	behavior: url(iepngfix.htc);
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

div#content div#bg_contUs {
	background: url(images/contentBG_contactUs.png) no-repeat scroll center;
	behavior: url(iepngfix.htc);
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

div#content div#bg_dist {
	background: url(images/contentBG_distributor.png) no-repeat scroll center;
	behavior: url(iepngfix.htc);
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

div#content div#bg.main {
	width: 615px;
	left: 0px;
	height: 421px;
}

/* @group Find Beer */

div#content div#bgFind {
	background: url(images/contentBG_find.png) no-repeat scroll center;
	behavior: url(iepngfix.htc);
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}



/* @end */

/* @group The Players */

/* @group background div */

div#content div#bgP {
	background: url(images/contentBG_players.png) no-repeat -10px;
	behavior: url(iepngfix.htc);
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
div#content div#bgP.thePlayers {
	behavior: url(iepngfix.htc);
	width: 620px;
	height: 421px;
	z-index: 0;
}

/* @end */

/* @end */

div#content #ourPaleAles {
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

div#content #ourPaleAles_bg {
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/contentBG_ourPaleAles.png) no-repeat;
	behavior: url(iepngfix.htc);
	z-index: 0;
}
div#text {
	width: 580px;
	top: 20px;
	left: 30px;
	height: 374px;
	position: absolute;
	padding-left: 10px;
	padding-top: 10px;
	overflow-y: auto;
	overflow-x:hidden;
}

/* @end */

/* @group The Players */
div#bd.thePlayers {
	height: 421px;
	width: 100%;
	border: 4px solid #14104f;
	margin-bottom: 5px;
	background-image: url(images/bg_bodyAlone.jpg);
	background-color: #14104f;
}
div#brewTeam {
	padding-left: 20px;
	clear: left;
	position: relative;
	height: 160px;
}
div#packagingTeam {
	clear: left;
	position: relative;
	padding-left: 20px;
	height: 140px;
}
div#labTeam {
	padding-left: 20px;
	clear: left;
	position: relative;
	height: 160px;
}

/* @group foreground div */

div#content div#fgP {
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
div#content div#fgP.main {
	width: 615px;
	left: 0px;
	height: 421px;
}
div#content div#fgP.thePlayers {
	width: 620px;
	height: 421px;
	z-index: 1000;
}

div#fgP.thePlayers img.sidePic {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

/* @end */

/* @end */

/* @group home */
div#bd.home {
	color: #fff;
	background-image: none;
}
div#bd.home h1 {
	color: #fff;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	margin-top: 5px;
}
div.column strong {
	text-transform: uppercase;
	color: #fff;
}
div#swfPlace {
	height: 200px;
	background-color: #14104f;
	margin-top: 5px;
}
div#swfPlace embed {
	margin-left: auto;
	margin-right: auto;
	background-color: #14104f;
}
div#columnWrapper {
	width: 975px;
	height: 225px;
}
/**
 *	@history Modified January 9 2008
 * 		changed width to 22% for ie 6 
 *		changed padding-left to 5px for better
 *		scroll-bar formatting
 */
div.column {
	margin-top: 10px;
	width: 22%;
	height: 205px;
	float: left;
	overflow-y: auto;
	padding-right: 24px;
	padding-left: 5px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: 8px;
}
div.column img {
	margin-bottom: 5px;
}
div.column.first {
	padding-left: 0px;
	padding-right: 24px;
}
div.column.last {
	padding-right: 0px;
	margin-right: 0px;
	padding-left: 9px;
	overflow-y: auto;
	overflow-x: hidden;
}
div.column.last p {
	margin-right: 8px;
}

/* @end */

/* @group footer */

div#ft {
	padding-top: 5px;
}
#ft img {
	float: right;
}

ul#footerNav {
	padding-top: 18px;
	position: relative;
} 
ul#footerNav li {
	display: inline;
	padding-right: 15px;
	text-transform: uppercase;
}
ul#footerNav li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #ffb201;
	font-size: 10px;
}
ul#footerNav li a:hover {
	color:  #fff;
}

/* @end */

/* @group frontbox edits */
body#frontboxContent {
	background-color: #fff;
	padding: 10px;
}
#frontboxContent .yui-u {
	width: 50%;
	float: left;
	display: block;
}
#frontboxContent img {
	margin-bottom: 10px;
}
#frontboxContent strong {
	font-weight: bold;
}
#frontboxContent.DBA {
	background: url(images/lightbox_bgExpose.jpg) no-repeat fixed;
}
#frontboxContent.Pale31 {
	background: url(images/lightbox_bgLeg.jpg) no-repeat;
}
#frontboxContent.unionJack {
	background: url(images/lightbox_bgShave.jpg) no-repeat fixed;
}
table#fbox_bar{
	z-index: 100;
}
/* @end */

/* @group RSS Content */
div.item {
	clear: both;

}
div.leftImage {
	width: 220px;
	float: left;
	padding-bottom: 20px;
}
div.rightPost {
	width: 310px;
	float: left;
	padding-bottom: 20px;
}
/* @end */

/* @group sitemap */
div#content_siteMap ul li {
	margin-left: 20px;
}
div#content_siteMap ul ul li {
	margin-left: 40px;
}

/* @end */

/* @group form */

div#content div#fgFind {
	height: 426px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

div#findBeer {
	width: 370px;
}
div.formRow {
	clear: both;
}
div.formRow div {
	margin-bottom: 15px;
}
div.formHalf {
	width: 49%;
	float: left;
}
div.form3_4ths {
	width: 74%;
	float: left;
}
div.form1_4th {
	width: 24%;
	float: left;
}
div.formRow input, div.formRow textarea {
	width: 90%;
	height: 20px;
}
input#firstName {
	background: url(images/form_inputBG.jpg) 200px -300px;
}
input#firstName_error {
	background: url(images/form_inputBG_error.jpg) 200px -300px;
	border: 2px solid #db5e62;
}
input#lastName {
	background: url(images/form_inputBG.jpg) 300px -300px;
}
input#lastName_error {
	background: url(images/form_inputBG_error.jpg) 300px -300px;
	border: 2px solid #db5e62;
}
input#address {
	background: url(images/form_inputBG.jpg) 200px -340px;
}
input#address_error {
	background: url(images/form_inputBG_error.jpg) 200px -340px;
	border: 2px solid #db5e62;
}

input#address2 {
	background: url(images/form_inputBG.jpg) 200px -360px;
}
input#address2_error {
	background: url(images/form_inputBG_error.jpg) 200px -360px;
	border: 2px solid #db5e62;
}

input#city {
	background: url(images/form_inputBG.jpg) 200px -400px;
}
input#city_error {
	background: url(images/form_inputBG_error.jpg) 200px -400px;
	border: 2px solid #db5e62;
}
input#state {
	background: url(images/form_inputBG.jpg) 300px -400px;
}
input#state_error {
	background: url(images/form_inputBG_error.jpg) 300px -400px;
	border: 2px solid #db5e62;
}

input#zip {
	background: url(images/form_inputBG.jpg) 300px -160px;
}
input#zip_error {
	background: url(images/form_inputBG_error.jpg) 300px -160px;
	border: 2px solid #db5e62;
}

input#email {
	background: url(images/form_inputBG.jpg) 200px -350px;
}
input#email_error {
	background: url(images/form_inputBG_error.jpg) 200px -350px;
	border: 2px solid #db5e62;
}
input#age {
	width: 35px;
	background: url(images/form_inputBG.jpg) 300px -350px;
}
input#age_error {
	width: 35px;
	background: url(images/form_inputBG_error.jpg) 300px -350px;
	border: 2px solid #db5e62;
}
input#email2 {
	background: url(images/form_inputBG.jpg) 200px -375px;
}
input#email2_error {
	background: url(images/form_inputBG_error.jpg) 200px -375px;
	border: 2px solid #db5e62;
}
textarea#message {
	background: url(images/form_inputBG.jpg) 200px -30px;
	height: 70px;
}
textarea#message_error {
	background: url(images/form_inputBG_error.jpg) 200px -30px;
	height: 70px;
	border: 2px solid #db5e62;
}
input#checkbox {
	width: 20px;
}
button#submit {
	margin-top: 20px;
	height: 30px;
}
form#FirestoneDistForm {
	width: 310px;
	clear: left;
	height: 170px;
	overflow: hidden;
}
input#login {
	background: url(images/form_inputBG.jpg) 20px -50px;
}
input#password {
		background: url(images/form_inputBG.jpg) 20px -67px;
}
img#beerBottles { /*Had a crazy problem with IE. Fixed it by explicitly declaring the style in the html as well as the css. Fixed in IE7, not in IE6.*/
	z-index: 100;
	position: absolute;
	right: 15px;
	bottom: 0px;
	display: inline;
	float: left;
}
div#findBeer div#error {
	font-weight: bold;
	color: #f80b1a;
	margin-bottom: 10px;
	text-align: center;
}

/* @end */

.yui-skin-sam #yui-gen0 { 
font-size:10px;
}