@charset "UTF-8";
/* ---- CSS Reset ---- */

/*#EED163 = yellow*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*---- CSS is in Alphabetical Order - please keep it this way -----*/

a {
	text-decoration:none;
	color:#BBB;
}


a:hover {
	color:#168CA8;
}


/*
#about-bully-boy, #about-bully-boy a{
	background-image:url("images/about-bully-boy.png");
	background-repeat:no-repeat;
	display:block;
	width: 116px;
	height: 10px;
}

#about-bully-boy:hover a, #about-bully-boy a:focus, #about-bully-boy, #bully-boy-news a:hover, #bully-boy-news a:focus,  #bully-boy-news, #bully-boy-spirits a:hover, #bully-boy-spirits a:focus, #bully-boy-spirits, #bully-boy-vendors a:hover, #bully-boy-vendors a:focus, #bully-boy-vendors, #buy-bully-boy a:hover, #buy-bully-boy a:focus, #buy-bully-boy{
	background-position: 0px -20px;
}
*/

#age {
	background-color:#ffffff;
	background-image: none;
}


#age-text {
	position:relative;
	text-align: center;
	margin-top:10px;
	font-size:16px;
	width: 567px;
	z-index:100;
	color:#999;
}

#age-text a{
	color:#11b9e3;
	font-weight:bold;
	font-size:18px;
}

#age-text a:hover{
	color:#EED163;
}

#age-container{
	width: 568px;
	position:relative;
	margin: 40px auto;

}
#age-img{
	position:absolute;
	width:568px;
	height:568px;
	margin: 0px auto;
	z-index:1
}




body {
	width: 100%;
	height:768px;
	font-family:Georgia, Times New Roman, Serif;
	font-size: 13px;
	color:#fff;
	background:url("images/bully-boy-barn-background.jpg") repeat-x fixed;
	
}



#container{
	position: relative;
	width: 954px;
	height: auto;
	margin: 0 auto;
	background-image:url(images/transparentbg.png);
	/*if we wanted to have the image on top of the transparent black
	so it is not floating over the doors*/
}

#content{
	position:relative;
	width:894px;
	height:auto;
	padding:30px;
	overflow: hidden;
}


#content img{
	float:right;
	margin-top:40px;
	
}
#content-left{
	float:left;
	width:500px;
}

#content p {
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	color:#999;
}

#content h1 {
	font-size:24px;
}

#content h2 {
	color:#fff;
	font-size:20px;
	margin:34px 0 10px 0;
}

#content h3 {
	margin:10px 0 4px 0;
	color:#168CA8;
}

#content h4 {
	color:#000;
}

#content-left-contact{
	float:left;
	width:350px;
}


#content-left img{
 float:right;
 clear:both;
}

.donation-list {
	color: #999;
	margin-top:4px;
}

#footer {
	position:relative;
	width:954px;
	height:auto;
	background-color:#000;
	font-size:12px;
	margin:0 auto;
	padding:15px 0 20px 0;
	border-top:solid thin #555;
	margin-bottom:0px;
	text-align:center;
}

#footer a:visited, #footer a {
	margin:0 5px 0 5px;
}

#footer a:hover {
}

#gallery{
	float:left;
	margin-left:32px;
}
#gallery img{
	float:left;
	margin:9px;
	border:1px solid #ffffff;
}

h1,h2,h3,h4 {
	font-weight:normal;
}

#header {
	position:relative;
	width:954px;
	height:160px;
	background:url(images/BullyHeaderBackground.jpg) no-repeat center center;
	padding-top:10px;
	padding-bottom:24px;

}

#home-content{
	position:relative;
	/*background-image:url("images/home-content-bg.jpg");*/
	width:924px;
	height:379px;
	margin: 0 auto;
	padding-top:18px;
}

#home-content img{
	width:100%;
}

label, #submit{
	clear:left;
	float:left;
	margin-top:15px;
	margin-bottom: 4px;
}

input{
	float:left;
	clear:left;
}


.noclear input{
	clear:none;
	margin-left:6px;
}

#logo {
	positon:relative;
	width: 186px;
	height: 100px;
	margin:0 auto;
	padding-top:10px;
}

.module a {
	color:#EED163;
}


#module_wrapper {
	position:relative;
	width:954px;
	height:145px;
	margin-top:10px;
	padding-bottom:15px;
}
.module {
	float:left;
	background-image: url(images/transparentbg2.png);
	width:263px;
	height:106px;
	margin-left:14px;
	padding:16px;
	font-size:12px;
	border:solid 2px black;

}

.module img {
	float:right;
	/*border: 1px solid #555;*/
}

.module h1{
	font-size:16px;
	line-height:20px;
	letter-spacing:.6px;
}

.module h2{
	font-size:16px;
	line-height:18px;
}

.nav-item {
	float:left;
	margin-left:30px;
}

.product-left{
	float:left;
	margin-top:20px;
	border: 1px solid #ffffff;
}

.product-right{
	float:left;
	margin-left:30px;
	margin-top:20px;
	width:400px;
}

#rum-link a, #vodka-link a, #whiskey-link a {
	color:#999999;
}
 
#rum-link, {
	color:#222;
}


#social-media-right {
	float:right;
	margin-right:20px;
	height: auto;
	text-align:center;
}

#social-media-left {
	float:right;
	clear:right;
	margin-left: 20px;
	height: auto;
	text-align:center;
	margin-top:15px;
}

.social-icon {
	background-image: url("images/icons/social-icons-sprite.png");
	height:26px;
	width:26px;
	float: left;
	margin-right:4px;
}


#facebook:hover{
	background-position: 26px 0px;
}

#twitter {
	background-position: 0px -26px;
}


#twitter:hover{
	background-position: 26px -26px;
}

#instagram {
	background-position: 0px -52px;
}


#instagram:hover{
	background-position: 26px -52px;
}

#youtube{
	background-position: 0px -78px;
}


#youtube:hover{
	background-position: 26px -78px;
}




.social-icon a{
	height:32px;
	width:32px;
	float:left;
	text-indent: -1000em;
}


span.highlight {
	color:#168CA8/*#EED163 = yellow*/;
	text-decoration:none;
}

span.white {
	color:#fff;
}

span.lightgray {
	color:#BBB;
}

/*   ---handcrafted spirits---    */

#spirit-content{
	float:left;
	width:470px;
	height:auto;
	margin-left:40px;
}

	
#spirit-line{
	float:left;
	width:150px;
	height:445px;
}

#spirit-pic{
	float:right;
	width:250px;
	height:auto;
}

#spirit-pic img {
	margin:0 auto;
}

#store_wrapper {
	position:relative;
	width:954px;
	height:145px;
	margin-top:10px;
	padding-bottom:15px;
}
.store {
	float:left;
	background-image: url(images/transparentbg2.png);
	width:263px;
	height:106px;
	margin-left:14px;
	padding:16px;
	font-size:12px;
	border:solid 2px black;

}

.store img {
	float:right;
	/*border: 1px solid #555;*/
}

.store h1{
	font-size:16px;
	line-height:18px;
	letter-spacing:.6px;
}

.store h2{
	font-size:16px;
	line-height:18px;
}

textarea{
	float:left;
	clear:left;
}

ul#sub-nav{
	position:relative;
	list-style:none;
	height:50px;
	text-align:left;
}

ul#sub-nav li {
	display:inline-block;
}

ul#sub-nav a{
	font-size:17px;
	padding: 0 15px;
	border-right: 1px solid white;
}

ul#sub-nav li#first a {
	padding-left:0;
}


ul#sub-nav li#last a {
	border:none;
}


/*   ---Navigation---    */
ul#nav {
	position:relative;
	width:850px;
	height:auto;
	margin:0 auto;
	list-style:none;
	text-align:center;
	padding-top:40px;
}

ul#nav li {
	display: inline;
	font: normal 13px Georgia, serif;
    margin-left: 20px;
	height:10px;
}

ul#nav li a {
	color: #222;
	list-style: none;
	text-decoration: none;
}

ul#nav li a:hover {
	color: #168CA8;
}