@charset "UTF-8";
/* CSS Document */

a {color: #2074bb; text-decoration: underline; outline: none;}
a:hover {color: #5c605c; outline: 0; text-decoration: underline;}
a:active {outline: 0; color: #5c605c;}
/* a:focus {outline: 0; color: #5c605c;}
 a:visited {outline: 0; color: #5c605c;} */
p {color: #5c605c; font-size: 14px;}
h2 {color: #5c605c; font-size: 18px; text-transform: uppercase;}
h1 {font-family: Arial, Helvetica, sans-serif; color: #5c605c; font-weight: bold; font-size: 20px;}
 
ul.bullets { font-family: Arial, Helvetica, sans-serif; color: #5c605c; font-weight: bold; font-size: 15px;}
.nav {color: #FFFFFF; text-decoration:none;}
.nav:hover {color: #ebebeb; outline: 0;}
 
body { background-color: #7f907e;}

#locations-box.fadeThis {
		position:relative;
		display:block;
		height: 34px;
		width: 149px;
		margin-left: 135px;
		background: #fff url(../images/locations-box-title.jpg) 0 0 no-repeat;
}
	
#locationshov-box.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 34px;
		width: 149px;
		background: #fff url(../images/locations-box-title.jpg) 0 -34px no-repeat;
}
	
#menunav-box.fadeThis {
		position:relative;
		display:block;
		height: 34px;
		width: 149px;
			margin-left: 132px;
		background: #fff url(../images/menu-box-title.jpg) 0 0 no-repeat;
}
	
#menunavhov-box.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 34px;
		width: 149px;
		background: #fff url(../images/menu-box-title.jpg) 0 -34px no-repeat;
}


.topheader { background-image: url(../images/BBD_header.jpg); background-repeat: no-repeat; height: 185px; background-position: top; }
.ExtraHeader {
    background: url("../images/extra-head-bg.jpg") no-repeat scroll 0 0 #7F907E;
    float: right;
    height: 94px;
    padding: 10px 20px;
    width: 144px;
}
.ExtraHeader p {
    color: #3F2D1A;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.ExtraHeader h4 {
    font-family: georgia;
    font-size: 16px;
    font-weight: bold;
    margin: 3px 0 0;
}
.ExtraHeader a.KNBR:hover {
        width: 100%; 
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
	} 
.midheader {height: 314px; display: inline; }

.logobg {background-image: url(../images/BBD_logo_bg.jpg); height: 314px; width: 321px; background-repeat:no-repeat; margin: 0; }

.logo2 {margin: 20px 0px 0px 62px;}
#home-button.fadeThis {
		position:relative;
		display:block;
		height: 270px;
		width: 260px;
		background: #fff url(../images/black-bear-diner-hov.jpg) 0 -272px no-repeat;
	}
#home-buttonhov.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 270px;
		width: 260px;
		background: #fff url(../images/black-bear-diner-hov.jpg) 0 0 no-repeat;
	}

/* ---------------------- flash module -------------------------- */

.flashbg {background-image: url(../images/BBD_flash_bg.jpg); height: 314px; display: inline; width: 629px; background-repeat: no-repeat; margin: 0;}

#flash-module {background-image: url(../images/flash-module-bg.jpg); width: 589px; height: 314px; margin-top: 0px; margin-left: 0px;} 


/* ---------------------- Navigation -------------------------- */


.navbar {margin: 0px auto; width: 950px; height: 79px; background-image:url(../images/BBD_nav-bg.jpg); background-repeat: no-repeat; /*padding-left: 15px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 21px; font-weight: bold; text-decoration:none; text-align: center; */}
.navbar li {display: inline; /*padding-right: 8px; padding-left: 4px;*/} 
.navbar ul { padding: 0px; margin-bottom: 0px;} 
.navbar .last {border: 0 none;}



#aboutus.fadeThis {
		position:relative;
		float: left;
		display:block;
		height: 79px;
		width: 142px;
		background: #fff url(../images/about-us.jpg) 0 0 no-repeat;
	}
#aboutushov.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 79px;
		width: 142px;
		background: #fff url(../images/about-us.jpg) 0 -79px no-repeat;
	}
	
#menunav.fadeThis {
		position:relative;
		float: left;
		display:block;
		height: 79px;
		width: 85px;
		background: #fff url(../images/menu.jpg) 0 0 no-repeat;
	}
	
#menunavhov.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 79px;
		width: 85px;
		background: #fff url(../images/menu.jpg) 0 -79px no-repeat;
	}
	
#locations.fadeThis {
		position:relative;
		float: left;
		display:block;
		height: 79px;
		width: 125px;
		background: #fff url(../images/locations.jpg) 0 0 no-repeat;
	}
	
#locationshov.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 79px;
		width: 125px;
		background: #fff url(../images/locations.jpg) 0 -79px no-repeat;
	}
	
#franchise.fadeThis {
		position:relative;
		float: left;
		display:block;
		height: 79px;
		width: 174px;
		background: #fff url(../images/franchise-info.jpg) 0 0 no-repeat;
	}
	
#franchisehov.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 79px;
		width: 174px;
		background: #fff url(../images/franchise-info.jpg) 0 -79px no-repeat;
	}
	
#gift.fadeThis {
		position:relative;
		float: left;
		display:block;
		height: 79px;
		width: 132px;
		background: #fff url(../images/gift-cards.jpg) 0 0 no-repeat;
	}
	
#gifthov.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 79px;
		width: 132px;
		background: #fff url(../images/gift-cards.jpg) 0 -79px no-repeat;
	}
	
#contact.fadeThis {
		position:relative;
		float: left;
		display:block;
		height: 79px;
		width: 107px;
		background: #fff url(../images/contact.jpg) 0 0 no-repeat;
	}
	
#contacthov.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 79px;
		width: 107px;
		background: #fff url(../images/contact.jpg) 0 -79px no-repeat;
	}
	
#bear.fadeThis {
		position:relative;
		float: left;
		display:block;
		height: 79px;
		width: 153px;
		background: #fff url(../images/bear-clubs.jpg) 0 0 no-repeat;
	}
	
#bearhov.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 79px;
		width: 153px;
		background: #fff url(../images/bear-clubs.jpg) 0 -79px no-repeat;
	}
	


/* ---------------------- Main Canvas Below Header -------------------------- */

.main_content {
	background-image:url(../images/BBD_center_bg.jpg); 
	background-repeat: repeat-y; 
	padding-top: 30px;  
	padding-bottom: 30px;}

.main_contentbottom {
	background-image: url(../images/BBD_center_bg-bottom.jpg); 
	background-repeat: no-repeat; 
	background-position: bottom; 
	height: 11px;}

/* ---------------------- Menu Page ------------------------------- */
.largeritems *
{
font-size: 1.03em;
}
/* ---------------------- Content Canvas -------------------------- */
#dnn_ContentPane {}

.no-container {}
.no-container-sub {padding: 25px 30px 25px 30px;}

.content-top {
	background-image: url(../images/BBD_content-top.jpg); 
	background-repeat: no-repeat;
	background-position: center top; 
	height: 9px;}

.content-center {
	background-image: url(../images/BBD_content-center.jpg); 
	background-repeat: repeat-y; 
	background-position: center;
	margin-left: 33px;
	margin-top: 0px;
/*	padding-left: 9px;
	padding-right: 9px; */
	width: 884px;
	
	}

.content-center-text { 
	padding-top: 30px; 
	padding-right: 70px; 
	padding-left: 70px; 
	padding-bottom: 15px;} 

.content-bottom {
	background-image: url(../images/BBD_content-bottom.jpg); 
	background-repeat: no-repeat; 
	background-position: center bottom;  
	height: 8px; 
	}

.homecontent {
	position: relative;
	margin: 0px 30px 30px 30px;
	width: 885px; 
	height: 230px;
	
}
	
	
/* ---------------------- Homepage Side Columb Boxes -------------------------- */

.side-module-top {
	width: 422px;
	height: 36px;
	background-image:url(../images/side-content-top.jpg);
	background-position:top;
	background-repeat: no-repeat;
	padding-top: 7px;
	margin-bottom: -2px; /*for opera*/
}

.side1-module { 
	position: relative; 
	height: 230px; 
	float: left;
	width: 422px; 
	margin-left: 4px;
	
}
	
.side2-module {
	position: relative; 
	float: left;
	height: 230px; 
	width: 422px; 
	margin-left: 36px;
}

.side-module-content { 
	background-image: url(../images/side-content-center.jpg);
	width: 413px;
	padding-right: 0px;
	padding-left: 9px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.side-module-bottom {
	background-image: url(../images/side-content-bottom.jpg);
	background-repeat: no-repeat; 
	background-position: bottom;
	width: 422px;
	height: 9px;
}

.rounded-corner-image {
	border: 3px #5f4e32 solid;
	-moz-border-radius: 3px 3px 3px 3px;
	margin: 15px 15px 15px 15px;}

/* ---------------------- Home Page Box Base -------------------------- */

.content-box-base { 
	background-image:url(../images/BBD_BoxBase.jpg); 
	background-repeat: no-repeat;
	height: 259px;
	width: 867px;
	margin: 0 auto;}
	
h1.signage {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #682b26;
	font-weight: bold;
    width:100%;
    height:83px;
    overflow:hidden;
    background-color:transparent !important;
}
	
.sign {
	width: 145px; 
	height: 90px;
	margin-left: 285px;
	padding-top: 60px;
	padding-right: 10px;
	line-height: 1.2em;
	}
	
h1.welcome {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #515350;
	font-weight: bold;}
	
.welcome-text {
    position: relative;
	width: 370px;
/*	height: 240px; */
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #515350;
	margin-left: 470px;
	margin-top: -130px;}


/* ---------------------- footer -------------------------- */

.footer {
	text-align: center; 
	padding-top: 40px;}

	


