* {
    font-family: Corbel, Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", sans-serif;
    webkit-font-smoothing: antialiased;
}

html {
	webkit-font-smoothing: antialiased;
}

body {
    margin:0;
    padding:0;
}

a {
    text-decoration:none;
    color:#dbdbdb;
}
a:hover {
    text-decoration:none;
    color:#fff;
}
a:visited {
    color:#dbdbdb;    
}

/* backgrounds */
#home-body {
    background: url('../img/backgrounds/craft-bg.jpg') no-repeat center bottom fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#events-body {
    background: url('../img/backgrounds/events-bg.jpg') no-repeat center bottom fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#events-body .jPanelMenu-panel {
    background: url('../img/backgrounds/events-bg.jpg') no-repeat center bottom fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#craft-body {
    background: url('../img/backgrounds/craft-bg2.jpg') no-repeat center bottom fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#craft-body .jPanelMenu-panel {
    background: url('../img/backgrounds/craft-bg2.jpg') no-repeat center bottom fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#bistro-body {
	background: url('../img/backgrounds/bistro-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#bistro-body .jPanelMenu-panel {
	background: url('../img/backgrounds/bistro-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#cellars-body {
	background: url('../img/backgrounds/cellars-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#cellars-body .jPanelMenu-panel {
	background: url('../img/backgrounds/cellars-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#fwb-body {
	background: url('../img/backgrounds/craft-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#fwb-body .jPanelMenu-panel {
	background: url('../img/backgrounds/craft-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#ufc-body {
	background: url('../img/backgrounds/ufc-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#ufc-body .jPanelMenu-panel {
	background: url('../img/backgrounds/ufc-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#sport-body {
	background: url('../img/backgrounds/sport-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#sport-body .jPanelMenu-panel {
	background: url('../img/backgrounds/sport-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#league-body {
	background: url('../img/backgrounds/league-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#league-body .jPanelMenu-panel {
	background: url('../img/backgrounds/league-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#afl-body {
	background: url('../img/backgrounds/afl-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#afl-body .jPanelMenu-panel {
	background: url('../img/backgrounds/afl-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#football-body {
	background: url('../img/backgrounds/football-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#football-body .jPanelMenu-panel{
	background: url('../img/backgrounds/football-bg.jpg') no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*fonts*/
.geometric {
	font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
}
.corbel {
	font-family: Corbel, Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", sans-serif;
}

/* HEADER STYLES */
header {
	width: 100%;
	margin:0 auto;
	height:150px;
	padding: 10px 0;
	clear:both;
}
/* purple pattern behind gradient mask */
header:before{
	content: " ";
	width: 100%;
	height:170px;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: url(../img/header-background.jpg);
	background-repeat: repeat-x;
	background-size: auto 170px;
}
#ab-logo {
	z-index:1000;
	float: left;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}
/* header boxes sizing and margins */
.header-box {
	height:150px;
}
.small-box {
	width:150px;
	margin:0 auto;
}
.med-box {
	width:300px;
	margin:0 auto;
}
.hb-small-wrap {
    width:17%;   
    display:block;
    float:left;
}

.hb-medium-wrap {
    width:33%;
    display:block;
    float:left;
}
/* header social box */
#social-text {
	font-size: 1.7em;
	
	text-align: center;
	height:70px;
	padding: 10px;
	border-radius: 2px;
	border-bottom:5px solid #d27800;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4);
}
.social-list {
	float:right;
}
.social-list li {
    display: inline-block;
    width:60px;
    height:50px;
}
/* header social icons hover */
.social-list img {
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */
}
#header-fb {
	background:url('../img/icons/facebook-H.png');
}
#header-fb img:hover{
	opacity: 0;
}
#header-yt {
	background:url('../img/icons/youtube-H.png');
}
#header-yt img:hover{
	opacity: 0;
}
#header-tw {
	background:url('../img/icons/twitter-H.png');
}
#header-tw img:hover{
	opacity: 0;
}
/* header contact box */

.contact-list {
	list-style-type:none;
	display: inline-block;
	margin:0;
	padding: 0;
	color:#fff;
	font-size: 19px;
}
.directions-form {
	display: inline-block;
}
#directions-form-submit {
	float:right;
}
#directions-input {
	float:left;
	width:55%;
}
#header-map {
	float:right;
}
/* end header styles */

/* NAV STYLES */
#nav-list a {
    margin:5px;
	color:#555;
}
#nav-list a:hover {
	color:#222;
}
#nav-list a:active {
    position:relative;
    top:0px;
}
#nav-list a {
    text-decoration:none;
}
/* logo in navbar */
#ab-home-logo {
    height:45px;
    float:left;
    margin-bottom:-20px;
    margin-right:10px;
    position:relative;    
    top:-12px;
    opacity:0;
    z-index:1000;
}
#nav-wrapper {
    width:100%;
    clear:both;
    float: left;
    background:rgb(221, 221, 221);
    border-top:1px solid #333;
    border-bottom:1px solid #000;
    z-index:999;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5); 
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5); 
}
/* javascript calculates nav-list width on load to center it */
#nav-list{
    margin:0 auto;
}
#nav-list li{
    display:inline;
    float:left;
    margin:5px 10px;

}
#nav-list li:first-child{/*ul*/
    border-left:none;
}
#nav-list li:last-child{/*ul*/
    border-right:none;
}
/* icons */
.nav-icon {
    position:relative;
    top:3px;
    font-size:1.5em;
    margin:0 10px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
    color:#555 !important;
}
.nav-icon:hover {
    cursor:pointer;
    color:#222 !important;
}
#desktop-icons {
	display:block;
	position:absolute;
	right:0;
}
#mobile-icons-container {
    width:100%;
    text-align:center;
}
#mobile-icons {
	display:none;
	margin-bottom:6px;
}
.dropdown-menu {
	position: fixed;
	top: 32px;
	right: 0;
	z-index: 1 !important;
	display: none;
	float: left;
	width: 241px;
	padding: 15px 15px;
	margin: 5px 10px;
	list-style: none;
	background:#FBEA31;
	text-shadow:none;
	border-top: 7px solid rgb(221, 221, 221);

}
.dropdown-menu h3 {
	font-size:24px;
	text-align:right;
}
.dropdown-menu p {
	font-size:12px;
	text-align:right;
}
.dropdown-menu p.textfield {
    text-align:left;
}
.dropdown-menu a {
	display: inline !important;
	margin: 0 !important;
}
.nav-icon:hover .dropdown-menu {
	display:block;
}
.share-icons {
	display:inline;
	float:left;
}
#send-form {
    display:block;
    clear:both;
}
#pp-link {
	font-size: 15px;
	font-weight: bold;
	color: #111 !important;
}
#pp-link:hover {
	color:#fff !important;
}

.dropdown-menu ::-webkit-input-placeholder {
   font-size:14px;
   font-style:italic;
}

.dropdown-menu :-moz-placeholder { /* Firefox 18- */
   font-size:14px;
   font-style:italic;
}

.dropdown-menu ::-moz-placeholder {  /* Firefox 19+ */
   font-size:14px;
   font-style:italic;
}

.dropdown-menu :-ms-input-placeholder {  
   font-size:14px;
   font-style:italic;
}

/*from http://woork.blogspot.com.au/2009/09/how-to-implement-perfect-multi-level.html */

#nav-wrapper ul li a:link,
#nav-wrapper ul li a:visited{
    display:block;
}
#nav-wrapper ul li ul li{
    float:none;
    display:block;
}
.submenu {
    background:rgb(221, 221, 221);
    position: absolute;
    width: auto;
    border-bottom:1px solid #000;
    display: none;
    padding-top:6px;    
    margin-top: 0px;
    -webkit-box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.5); 
    box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.5);
    z-index: 900;

}

/* MOBILE NAV */
.selectnav {
    margin:10px auto;
    width: 100%;
}
/* end nav styles */

/* google search box */
#cse {
	float:right;
	width:100% !important;
	background:none !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
	background:none !important;
	border:none !important;
	padding: 0 !important;
}

/* CONTENT STYLES */
#main-heading {
    text-align: center;
}
#side-heading {
    text-align: center;
}
/* normal styling */
#content {
/* margin allows space for navbar */
    margin:40px auto;
}
#main-content {
width:61%;
margin:10px 1% 0 5%;
float:left;
}
#side-content {
width:27%;
margin:10px 5% 0 1%;
float:right;
}

.js	#nav-list { display: block; }
.js .selectnav { display: none;}

/* end content styles */

/* TOOLS */
.inline {
    display:inline;
}

.center {
    text-align:center;
    margin:0 auto;
}

.clear {
    clear:both;
}

/* sticky footer */
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto 30px; /* the bottom margin is the negative value of the footer's height */
    overflow:hidden;
}
.footer, .push {
    height: auto; /* .push must be the same height as .footer */
    padding-bottom:30px;	
}

/* footer styles */
footer {
    clear:both;
    background:rgba(22, 22, 22,0.8);
}

footer p {
	padding:20px 0;
	color:#fff;
	width:50%;
	min-width:300px;
}
.site-map-child {
    margin:10px;
}
#work-button {
	border:1px solid #000;
	padding:10px;
	background:#999;
	color:#000;
}
#work-button:hover {
	background:#333;
	color:#fff;
}
/* FOOTER */
#footer-list {
float:left;
width:100%;
clear:both;
}

#footer-list li {
float:left;
display:inline;
margin:2px 10px;
}

#footer-hidden {
 padding:10px;   
}

.hide-tab {
    float:right;   
}

/* footer images */
#ab-footer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
} 
/* scale images down a bit */
#ab-footer ul li img{ max-height:200px;}
#ab-footer ul li img{ max-width:200px;}
/* set viewport dimensions */ 
#ab-footer ul li { 
display: inline-block;
width:100px;
height:100px;
overflow:hidden;
}
/* center background image */
.center-crop {
    width: 100px;  
    height: 100px; 
    background-position: center center;
}​


/* tools */

/* figure slide in figcaptions */
figure { 
  display: block; 
  position: relative; 
  overflow: hidden; 
}

figcaption { 
position: absolute; 

font-size:18px;
font-weight:bold;

color: white; 
padding: 10px 20px; 
opacity: 0;
bottom: 0; 
left: -30%;
-webkit-transition: all 0.6s ease;
-moz-transition:    all 0.6s ease;
-o-transition:      all 0.6s ease;

width:100%;
}

figure:hover figcaption {
  opacity: 1;
  left: 0;
}

.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }



.curved
{
  	position:relative;
}

/*==================================================
 * Drop shadow effect with radial gradient http://www.prowebdesign.ro/tutorials/css3_shadows/
 * ===============================================*/
.curved:after{
	content:"";
    position:absolute;
    z-index:1;
    top:100%;
    bottom:0;
	width:120%;
	height:15px;
	left:-10%;
	right:-10%;
background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
background:		   radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
}

.mask {   
    
     -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 3%, rgba(0,0,0,1) 97%, rgba(0,0,0,0) 100%);

    display:block;
    width:100%;
    overflow:hidden;
}

.black-grd-bottom {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.black-grd-top {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.orange-grd-static {
	background: #dc8100; /* Old browsers */
	background: -moz-linear-gradient(top,  #dc8100 0%, #ed9400 50%, #f7a91c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc8100), color-stop(50%,#ed9400), color-stop(100%,#f7a91c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dc8100 0%,#ed9400 50%,#f7a91c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dc8100 0%,#ed9400 50%,#f7a91c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dc8100 0%,#ed9400 50%,#f7a91c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dc8100 0%,#ed9400 50%,#f7a91c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8100', endColorstr='#f7a91c',GradientType=0 ); /* IE6-9 */
}




.one-column-content {
    width:98%;
    margin:0 auto;
}



.menu-trigger {
    display:none;
}
.normal-wrapper {
    display:block;
}
/* MOBILES */
@media only screen and (max-width: 960px) {
.menu-trigger {
    display:block;
padding:5px;
    background:rgb(221, 221, 221);
    color:#555;
     margin:0 0 5px 0;
}
.menu-trigger:hover  {
    color:#000;
}
.menu-trigger:visited {
        color:#555;
}
.normal-wrapper {
    display:none;
}
#ab-home-logo {
    opacity:1;
}

#jPanelMenu-menu {
    background:#000;
    overflow-y:visible !important;
}
#nav-list {
    width:auto;
}
#nav-list li {
    clear:both;
}


	.js	#nav-list { display: none; }
	.js .selectnav { display: block; }

	#main-content {
	    width: 98%;
	    margin: 10px 0% 0 1%;
	    float:left;
	}
	#side-content {
	    width: 98%;
	    margin: 10px 1% 0 1%;
	    float:left;
	    background:none;
	}

	.contact-list {
		font-size:16px;
	}
	.hb-small-wrap {
  	 width:130px;
  	}
	.directions-form {
		display:none;
	}	
	#hb-contact img {
		display:none;   
	}
	#hb-social {
		display:none;
	}
	#hb-download {
		display:none;
	}
	.header-box {
		margin:0;
		width:auto;
	}
	#desktop-icons {
		display:none !important;
	}

	figcaption { 

		opacity: 1;
		bottom: 0; 
		left: 0;
	}

	.cap-left figcaption { bottom: 0; left: 0; }
	.cap-right figcaption { bottom: 0; right: 0; }
	.cap-top figcaption { left: 0; top: 0; }
	.cap-bot figcaption { left: 0; bottom: 0;}

}

/* END MEDIA QUERIES   */

.jPanelMenu, body {
	overflow-x:visible !important;

}