/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }

ol, ul { list-style: none; }

blockquote { quotes: none; }

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

del { text-decoration: line-through; }

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

a img { border: none; }

.clearboth { clear: both; }

/*
 *  11-COLUMN GRID (BASED ON GRID 960)
 */
 
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_11 { margin-left: auto; margin-right: auto; width: 880px; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.g { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 11 Columns
----------------------------------------------------------------------------------------------------*/
.container_11 .c1 { width: 60px; }
.container_11 .c2 { width: 140px; }
.container_11 .c3 { width: 220px; }
.container_11 .c4 { width: 300px; }
.container_11 .c5 { width: 380px; }
.container_11 .c6 { width: 460px; }
.container_11 .c7 { width: 540px; }
.container_11 .c8 { width: 620px; }
.container_11 .c9 { width: 700px; }
.container_11 .c10 { width: 780px; }
.container_11 .c11 { width: 860px; }


/* Prefix Extra Space >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .prefix_1 { padding-left: 80px; }
.container_11 .prefix_2 { padding-left: 160px; }
.container_11 .prefix_3 { padding-left: 240px; }
.container_11 .prefix_4 { padding-left: 320px; }
.container_11 .prefix_5 { padding-left: 400px; }
.container_11 .prefix_6 { padding-left: 480px; }
.container_11 .prefix_7 { padding-left: 560px; }
.container_11 .prefix_8 { padding-left: 640px; }
.container_11 .prefix_9 { padding-left: 720px; }
.container_11 .prefix_10 { padding-left: 800px; }

/* Suffix Extra Space >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .suffix_1 { padding-right: 80px; }
.container_11 .suffix_2 { padding-right: 160px; }
.container_11 .suffix_3 { padding-right: 240px; }
.container_11 .suffix_4 { padding-right: 320px; }
.container_11 .suffix_5 { padding-right: 400px; }
.container_11 .suffix_6 { padding-right: 480px; }
.container_11 .suffix_7 { padding-right: 560px; }
.container_11 .suffix_8 { padding-right: 640px; }
.container_11 .suffix_9 { padding-right: 720px; }
.container_11 .suffix_10 { padding-right: 800px; }

/* Push Space >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .p1 { left: 80px; }
.container_11 .p2 { left: 160px; }
.container_11 .p3 { left: 240px; }
.container_11 .p4 { left: 320px; }
.container_11 .p5 { left: 400px; }
.container_11 .p6 { left: 480px; }
.container_11 .p7 { left: 560px; }
.container_11 .p8 { left: 640px; }
.container_11 .p9 { left: 720px; }
.container_11 .p10 { left: 800px; }

/* Pull Space >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .pull_1 { left: -80px; }
.container_11 .pull_2 { left: -160px; }
.container_11 .pull_3 { left: -240px; }
.container_11 .pull_4 { left: -320px; }
.container_11 .pull_5 { left: -400px; }
.container_11 .pull_6 { left: -480px; }
.container_11 .pull_7 { left: -560px; }
.container_11 .pull_8 { left: -640px; }
.container_11 .pull_9 { left: -720px; }
.container_11 .pull_10 { left: -800px; }


/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

.clearfix {	display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }


/*  Sticky footer, courtesy of http://ryanfait.com/  */
* { margin: 0; }
HTML, BODY { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -20px; }
#footer, .push { height: 14px; clear: both; margin-top: 6px; background: #111; }
.push { height: 20px; clear: both; }

/* ****************************************** */

HTML { background: #272622 url(../img/bfl_bodybg.png) top center repeat-y; }
BODY { font: 62.5% Georgia, 'Times New Roman', Times, serif; background: url(../img/bfl_headerbg_repeat.png) repeat-x; }

A { outline: none; }
H1, H2, H3, H4, H5, P, UL, OL, DL { color: #fff; }

H1, H2, H3, H4, H5 { font-family: adobe-garamond-pro, Georgia, 'Times New Roman', Times, serif; }

H1 { font-size: 38px; letter-spacing: -0.01em; font-weight: bold; line-height: 1.1em; margin-bottom: 0.75em; }
H2 { font-size: 26px; letter-spacing: -0.01em; font-weight: bold; line-height: 1.5em; margin-bottom: 0.75em; }
H3 { font-size: 18px; letter-spacing: -0.01em; font-weight: bold; line-height: 1.5em; margin-bottom: 0.75em; }
P, UL, OL { font-size: 13px; line-height: 1.6em; margin-bottom: 1.2em; }

STRONG, B { font-weight: bold; }
EM, I { font-style: italic; }

A:link, A:visited { color: #c49505; }
A:hover { color: #a47d05; }

/* Load the logo first */
#header H1 { text-align: center; position: relative; margin-top: 85px; margin-bottom: 0 !important; }
#header H1 A { display: block; width: 587px; height: 80px; background: url(../img/bfl_textlogo.png) no-repeat; margin: 0 auto; }
#header H1 B { display: none; }

#header { height: 360px; background: url(../img/bfl_headerbg.png) top center no-repeat; }
#header .container_11 { height: 100%; background: url(../img/bfl_watermark.png) center 22px no-repeat; }

#content #regular { background: url(../img/bfl_contentbg.png) repeat; position: relative; margin-top: -105px; padding-bottom: 5px; width: 920px; }
#content #regular .g.c11 { position: relative; background: #0f0f0f; padding: 20px 25px 10px; margin: 5px 5px 0 5px; }

#content #slideshow { background: url(../img/bfl_contentbg.png) repeat; position: relative; margin-top: -105px; padding-bottom: 5px; width: 900px; height: 598px; /* 10px wider and taller than image size */ }
#content #slideshow .g.c11 { position: relative; padding: 5px 10px; margin: 0 0 0 -5px; }

#content #regular { height: auto; }
#content #slideshow IMG { float: left; }

#nav, #nav LI A { display: block; text-align: center; height: 49px; }
#nav LI, #social LI { display: inline-block; }
#nav LI B, #social LI B { display: none; }
#nav LI A { background-image: url(../img/bfl_menu_sprites.png); background-repeat: no-repeat; padding: 3px 20px; border: 0px solid red; }
#nav LI#home A { width: 50px; background-position: 1px 3px; }
#nav LI#home A:hover, #nav.home-sel LI#home A { background-position: -249px 3px; }

#nav LI#shop A { width: 103px; background-position: 1px -67px; }
#nav LI#shop A:hover, #nav.shop-sel LI#shop A { background-position: -249px -67px; }

#nav LI#bess A { width: 208px; background-position: 1px -277px; }
#nav LI#bess A:hover, #nav.bess-sel LI#bess A { background-position: -249px -277px; }

#nav LI#store A { width: 136px; background-position: 1px -137px; }
#nav LI#store A:hover, #nav.store-sel LI#store A { background-position: -249px -137px; }

#nav LI#about A { width: 80px; background-position: 1px -207px; }
#nav LI#about A:hover, #nav.about-sel LI#about A { background-position: -249px -207px; }

#social { position: relative; padding-top: 18px; }
#social LI { float: left; display: inline-block; }
#social, #social LI A { display: block; height: 32px; }
#social LI A { background-image: url(../img/bfl_social_sprites.png); background-repeat: no-repeat; height: 32px; padding-right: 10px; }

#social LI#fb A { width: 134px; /* +14px */ background-position: -12px 0; }
#social LI#tw A { width: 124px; background-position: 0 -80px; }
#social LI#bl A { width: 113px; background-position: 0 -160px; }
#social LI#my A { width: 124px; background-position: 0 -240px; }


#colophon P { color: #555; font-size: 11px; line-height: 1.4em; }
#colophon P#copy { text-align: right; position: relative; margin-top: 16px; }

/* Homepage slide system */
.slide { position: absolute; }
.slide.back { z-index: 0; }
.slide.front { z-index: 9; }


/* Davone Bess */
#bess_content { background: url(../img/bess/db_bg.jpg) top center no-repeat; /* 10px wider and taller than image size */ position: relative; margin-top: -105px; min-height: 850px; border: 5px solid #858269; }

#bess_content H2 { width: 370px; height: 159px; margin: 45px 0 35px 35px; background: url(../img/bess/db_pagelogo.png) no-repeat; }
#bess_content B { display: none; }

#bess_content .overlay { background: rgba(255,255,255,0.15); padding: 20px 50px; margin-bottom: 2px; }
	#bess_content .overlay.footer { background: none; margin-bottom: 0; padding: 30px 50px 0; }

/* Product names */
#bess_content H3 { color: #fff; font-size: 16px; }
#bess_content H3 SPAN { background: #137078; padding: 7px 10px; }
#bess_content P { color: #fff; font-family: Arial, Helvetica, sans-serif; }

#bess_content .images { }
#bess_content .images LI { display: inline-block; margin-right: 10px; }
#bess_content .images IMG { border: 1px solid #515151; }

#bess_content .addtocart { background: rgba(255,255,255,0.6); padding: 6px 8px; display: inline-block; font: 12px Arial, Helvetica, sans-serif; }

#bess_content .addtocart BUTTON { background: #ffcf37; color: #000; border: 1px solid #e7b92a; padding: 5px; font-size: 14px; font-weight: bold; position: relative; margin-left: 5px; }

#gkd { position: relative; bottom: -5px; margin-left: 5px; }