/*
 * Author: Stephanie Harte - Spacetacular Design
 * Contact: www.spacetacular.com
 * File: basestyles.css
 * 
 * Description:
 * Layout rules.
 *
 */



#pageBounds {	
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #ece9e4 url(../images/bg_mainColumn.gif) left top repeat-x;
}

#mastHead {
	height: 167px;
	width: 960px;
	margin: 0 auto;
	}
	
#mastHead h2#logo {
	float: left;
	width: 175px;
	margin: 4.5em 0 0 2.25em;
	padding: 0;
	background: #transparent url(../images/logo.png) left top no-repeat;
	border: none;
}

#mastHead h2#logo a {
	display: block;
	background: transparent url(../images/logo.png) left top no-repeat;
	width: 175px;
	height: 79px;
	text-indent: -999em;
	overflow: hidden;
}	

#contentBounds {
	width: 960px;
	margin: 0 auto;
	background: transparent url(../images/bg_sideColumn.jpg) left top no-repeat;
	}
	
#contentBounds #content {
	background: transparent url(../images/bg_wheat.gif) 150px bottom no-repeat;
	}

#mainColumn {
	float: right;
	margin: 0 25px 0 0;
	width: 660px;
	}	
	
#sideColumn {
	float: left;
	width: 246px;
	min-height: 600px;
}

#homeLegal {
	margin:40px 0 0 0;
}

#homeLegal p {
	text-align:center;
	color:#cccccc;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}

/* footer */
	
#footer {
	font-size: 75%;
	color: #61493d;
	font-weight: normal;
	margin: 1em 0 .5em;
	padding: .25em 0 0;
	border-top: 1px solid #d7bb78;
	}
	
#footer a {
	color: #61493d;
	text-decoration: underline;
	font-weight: normal
	}
#footer a:hover {
	text-decoration: none;
	}

/* mnav styles */

#mnav {
		
	}

#mnav ul {
	list-style: none;
	font-size: 100%;
	margin: 1em 0 0;
	text-align: right;
}	

#mnav li {

	}
	
#mnav li a {
	font-size: 120%;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	padding: 7px 35px 5px 0;
	line-height: 1em;	
	display: block;
	}		
	
#mnav li a:hover, #employment #mnav li.employment a, #home #mnav li.home a, #brews #mnav li.brews a, #wines #mnav li.wines a, #responsibility #mnav li.responsibility, #about #mnav li.about, #contact #mnav li.contact  {
	background: transparent url(../images/bg_mnav.png) right 5px no-repeat;
	font-weight: bold;
	color: #61493d;
	}		
	

	
/* snav styles */

#snav {
	background: transparent url(../images/bg_snav.gif) left 21px repeat-x;
	margin: 1em 0 0;
	padding-bottom: .5em;
	}

#snav ul {
	list-style: none;
	padding-bottom: 1em;
}	

#snav ul li {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	background: #transparent url(../images/snav/opportunities.jpg) left top no-repeat;
	border: none;		
}			

#snav li a {
	display: block;
	background: transparent url(../images/snav/opportunities_over.jpg) left top no-repeat;
	height: 22px;
	text-indent: -999em;
	overflow: hidden;
	}	


#snav li.opportunities a {	
	background: transparent url(../images/snav/opportunities.jpg) left top no-repeat;
	width: 96px;
	}
	
#snav li.opportunities a:hover, .opportunities #snav li.opportunities a {	
	background: transparent url(../images/snav/opportunities_over.jpg) left top no-repeat;
	width: 96px;	
	}

#snav li.apply a {	
	background: transparent url(../images/snav/application.jpg) left top no-repeat;
	width: 146px;	
	}

#snav li.apply a:hover, .apply #snav li.apply a {
	background: transparent url(../images/snav/application_over.jpg) left top no-repeat;
	width: 146px;
	}
	
#snav li.info a {
	background: transparent url(../images/snav/info.jpg) left top no-repeat;
	width: 136px;	
	}

#snav li.info a:hover, .info #snav li.info a {
	background: transparent url(../images/snav/info_over.jpg) left top no-repeat;
	width: 136px;		
	}

#snav li.brews a {
	background: transparent url(../images/snav/brews.jpg) left top no-repeat;
	width: 96px;	
	}

#snav li.brews a:hover, #snav li.brews a.active {
	background: transparent url(../images/snav/brews_over.jpg) left top no-repeat;
	width: 96px;		
	}
	
#snav li.import a {
	background: transparent url(../images/snav/import.jpg) left top no-repeat;
	width: 96px;	
	}

#snav li.import a:hover, #snav li.import a.active {
	background: transparent url(../images/snav/import_over.jpg) left top no-repeat;
	width: 96px;		
	}
	
#snav li.domestic a {
	background: transparent url(../images/snav/domestic.jpg) left top no-repeat;
	width: 96px;	
	}

#snav li.domestic a:hover, #snav li.domestic a.active {
	background: transparent url(../images/snav/domestic_over.jpg) left top no-repeat;
	width: 96px;		
	}
	
#snav li.craft_beer_and_cider a {
	background: transparent url(../images/snav/craft.jpg) left top no-repeat;
	width: 146px;	
	}

#snav li.craft_beer_and_cider a:hover, #snav li.craft_beer_and_cider a.active {
	background: transparent url(../images/snav/craft_over.jpg) left top no-repeat;
	width: 146px;		
	}

/* mainColumn */

#mainColumn #col1 {
	width: 442px;
	float: left;
}

#mainColumn #col2 {
	width: 197px;
	float: right;
}

#mainColumn #col2 h2 {
	border-bottom: 1px solid #61493d;
	margin: 1em 0 .25em 0;
	padding: 0 0 .5em;
	font-weight: normal;
	font-size: 135%;
}

#mainColumn .introParagraph {
	color: #61493d;
	font-size: 100%;
	line-height: 1.5em;
	margin-bottom: 1em;
}

/* Quick Contact Form */

#mainColumn #col2 #frmContact {
	}

#mainColumn #col2 #frmContact fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#mainColumn #col2 #frmContact input, #mainColumn #col2 #frmContact textarea {
	border: 1px solid  #d7bb78;
	color:  #333;
	width: 195px;
}

#mainColumn #col2 #frmContact label, #mainColumn #col2 #frmContact legend {
	display: none;
}

#mainColumn #col2 #frmContact p.required {
	font-size: 85%;
	text-align: right;
	color: #61493d;
}

#mainColumn #col2 #frmContact input#btnSubmit {
	background: #61493d;
	color: #fff;
	width: 100px;
	font-weight: bold;
	text-transform: uppercase;
	font: Arial, Helvetica, sans-serif;
	font-size: 110%;
}

#mainColumn #col2 #frmContact input#btnSubmit:hover {
	background: #a0611e;
	cursor: pointer;
}

#mainColumn table img.brewImage {
	float: left;
	margin-right: 10px;
	border: 1px solid #61493d;
}

/* sideColumn Contents */

#sideColumn .content {
	margin: 0 1em 0 0;
	padding-bottom: 0;
	background: none;
}

#sideColumn h2 {
	border-bottom: none;
	margin: 1em 0 0 0;
}

#sideColumn img {
	border: 3px solid #3d2007;
	margin: 1.5em;
}


/* Home Styles */

#home .callouts {
	margin: 0 0 1em;
}

#home .callouts h2 {
	border: 0;
	color: #d7bb78;
}

#home .callouts h3 {
	font-size: 90%;
	color: #333;
}

#home .pod {
	margin: 0 5px;
	border-right: 1px solid #d7bb78;
	float: left;
	width: 209px;
}

#home .pod .content {
	background: #f3eddd url(../images/bg_pods.gif) left top repeat-x;
	margin: 0 10px 0 0;
	padding: .5em;
}

#home .pod .content img {
	float: right;
	margin: 0 2px 0 5px;
}

#home .pod.two {
	margin-right: 0;
	width: 212px;
}

#home .pod.three {
	border-right: none;
	margin: 0;
	float: right;
}

#home #col1 {
	margin-top: 1em;
}

/* Employment Application Styles */

.apply #mainColumn #col1 {
	width: 639px;
}

.apply #mainColumn #col2 {
	display:none;
}

#formApplication legend {
	display: none;
}

#frmApplication fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#frmApplication legend {
	display: none;
}

#frmApplication label {
	float: left;
	width: 200px;
}

#frmApplication input, #frmApplication textarea {
	border: 1px solid #d7bb78;
	color:  #333;
	width: 195px;
}

#frmApplication input#btnSubmit {
	background: #61493d;
	color: #fff;
	width: 100px;
	font-weight: bold;
	text-transform: uppercase;
	font: Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin: 10px 0 0;
}

#frmApplication input#btnSubmit:hover {
	background: #a0611e;
	cursor: pointer;
}

div.beer_entry {

	overflow: hidden;
	height: 60px !important;
}