@charset "utf-8";
/*Den Anker CSS Document */
@font-face {
	font-family: 'Alberta';
  src:  url('font/AlbertaLight_Regular.ttf') format('truetype');

}
.side a img {border:#58595b solid 3px}
.side small {text-align:center; display:block; margin-top:15px; margin-right:35px}
body	{	font-family: 'Lato', sans-serif; size:14px; color:#58595b; margin: 0; padding: 0;}
html    {padding: 0; margin: 0;}
a:link, a:visited {	text-decoration:none; color:#03C;}
a:hover	{	text-decoration:underline; color:#03C;}
* {
	padding: 0;
	margin: 0;
}
.site-wrap {
	margin: 10px auto 0 auto;
	width: 1120px;
}

#header {
	position: relative;
	z-index: 777;
	margin:1% auto 0 auto;
	padding:0;
}



p { line-height:30px;}

div#content-sec2 a:link, a:visited {	text-decoration:none; color:#9d9d9d;}
div#content-sec2 a:hover { text-decoration:underline;}

div#content-sec a:link, a:visited {	text-decoration:none; color:#9d9d9d;}
div#content-sec a:hover { text-decoration:underline;}
.row-nobot	{	margin-bottom:0;}
#logo	{	display:block; float:left; margin:0; padding:0;	}
#logo img	{	max-width:100%; height:auto;}
#nav-social	{	margin:4% 0 0 0; display:block;}
#social	{	margin:2% 0 0 7%; display:block; /*float:left;*/ width:17%;}
.facebook-icon {	float:right; display:block !important;}
/*-----Content section--*/
#content-sec {	padding:0 0% 0 0%; display:block; margin:0.01% auto 0 auto; text-align:justify; }

#content-sec2 {	padding:0 0% 0 0%; display:block; margin:4% auto 0 auto; text-align:justify; }
#content {	margin:3% auto 0 auto;}
#reservation-btn	{display:block; margin:2% 0 0 0; width: 83%; text-align: right}
#reservation-btn img	{	max-width:200%; height:auto;}
#intro	{	padding:0 0 0 0%; margin:2% 0 0 0;}
.intro-large	{font-style: italic; font-weight: 200; font-size:40px; letter-spacing:2px; text-align: left;}
.into-text	{	margin:2% 0 0 0; font-weight:bold 100; clear:both; font-size:25px; text-align: center;}
.into-text2	{	margin:2% 0 0 0; font-weight:bold 100; clear:both; font-size:18px;}
/*p	{	clear:both; margin:2% 0 0 0;}*/
.beers-home {	display:block; margin:16% 0 0 0;}
.beers-home {	max-width:100%; height:auto;}
#quote-bg {	background:url(../images/quotebg.gif) no-repeat; width:350px; height:266px; padding:4% 3% 3% 3%}
#quote-bg img	{	max-width:100%; height:auto;}
blockquote {	font-style:italic; font-size:120%; color:#848484; text-align:center;}
.bordered-imgs	{	border:1px solid #999; padding:0.6%; display:block}
.bordered-imgs img	{	max-width:100%; height:auto; vertical-align:middle }
.bordered-imgs-right	{	border:1px solid #999; padding:1%; display:block; }
.bordered-imgs-right img	{	max-width:100%; height:auto; float:right}
.guest-pics { border:1px solid #999; padding:1%; display:block; margin:1%}
.guest-pics img	{ max-width:100%; height:auto; vertical-align:middle}
/*----bottom home page blurb---*/
#blurb-hold	{	padding:0; margin:2% 0 0 0; font-size:14px;}
.location-blurb	{	margin:0 4.7% 0 0; }
.blurb-heading	{	background:#58595b; color:#fff; padding:2% 2% 2% 4%; width:100%; margin:0 0 4% 0; font-weight:500; font-size:18px;}
.blurb-heading a { color:#fff !important;}

.blurb-heading a:hover { color:#999 !important;}
/*---Footer--*/
#footer {	clear:both; margin:3.89% auto 0 auto; color:#fff; background: url(../images/footer-bg.png) repeat-x; height: 54px;}
.footer { text-align:center; padding:1.2% 0 2% 0;
}
::selection {
    background: #58595b;
    color: #fff;
}
/* Gecko/Mozilla */
::-moz-selection {
    background: #58595b;
    color: #fff;
}
.pdf-icon	{vertical-align:middle; margin:8% 5px 0 0;}

/*
	====contact form============================
													*/
#contact-form	{	width:98%; }
.contact-bold	{	font-weight:bold; color:#58595b; padding:0.7% 1% 0.6% 0.5%; clear:both; }
<!--#contact-form .text-form {	border:1px solid #d8d8d8; width:100%; padding:1%; margin:1% 0 1% 0;}-->
#contact-form #verif_box {	border:1px solid #d8d8d8; width:30%; margin:1% 0 1% 0;}
#contact-form .form-button {	border:1px solid #d8d8d8; width:15%; margin:0 0 0.5% 1%; clear:both;}
#contact-form .form-reset {	border:1px solid #d8d8d8; width:15%; margin:0 0 0.5% 0; clear:both;}
#map {	margin:2% 0 0 0;}
.map-spacer	{	clear:both; margin:2% 0 0 0;}
/*
	=======================gallery lightbox
														*/
.gallery {
      list-style: none;
      overflow: hidden;
      padding: 0;
      margin: 0;
    }
    .gallery li {
      float: left;
      padding: 4px;
    }


/*
		==========Fonts and Text=========================
														*/
h1	{	font-size:47px; font-weight:300; font-style:italic;}
h2	{	font-size:30px; font-weight:300; font-style:italic;}
h3	{	font-size:25px; font-weight:300 bold; font-style:italic; margin:2% 0 0 0;}
.bold	{	font-weight:bold;}
/*
		==========Navigation=============================*/

#nav-holder	{	margin:2% 0 0 7%; display:block; float:left;}
#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

#nav li {
  width: 100%;
  display: block;
}


.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}
#nav,
#nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#nav,
#nav ul {
  list-style: none;
  width: 100%;
  float: left;
}

#nav li {
  float: left;
  width: 100%;
}
#nav a {
  color: #9b9b9d;
  text-decoration: none;
  width: 100%;
  float: left;
}
#nav a:link, a:visited { color: #9b9b9d; text-decoration: none; float: left; }
#nav a:hover { color: #58595b; text-decoration: none; float: left;  }
#nav ul ul a {
  background: #ca3716;
  padding-left: 0em;
}

#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  clear:both;
  background: url(../images/den-anker-toggle.gif) no-repeat 50% 33%;
  padding:5%;
}
#pano-view	{	height:auto; display:block !important; margin:0 0 0 1%}
#pano-view embed	{	width:79%; display:block !important;}
#side-content {	display:block !important}
.powered {	width:70.5%;}
.iframe {margin:2% 0 0 23% !important; width: 550px !important; text-align: center;}
.word1 { text-align:center; font-size:14px; font-weight:bold;}
.word2 { text-align:center; font-size:12px; font-weight:bold; margin-left:35px;}
.word3 { text-align:center; font-size:12px; font-weight:bold; margin-left:30px;}

.word4 { text-align:center; font-size:12px; font-weight:bold; margin-left:10px;}
.word5 { text-align:center; font-size:12px; font-weight:bold; margin-left:0px;}
.word6 { text-align:center; font-weight:bold; margin-left:25px;}

.bold-text { font-weight:bold;}
.right-pics{ padding-top:800px;}
.text-bold { font-weight:bolder; color:#383737; font-size:20px;}

.clear { clear:both; visibility:hidden; height:0; width:0; overflow:hidden;}

#denanker { margin-left:0px;}
.food-menus { font-size:14px;}


#img-cnt { padding-left:20%;}

.cont-text {margin-top: 0;width: 100% !important;float: right;text-align: left;}

.events { margin-top:-10px;}



@media screen and (min-width: 40em) {
  .js #nav {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
  #nav li {
    width: auto;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
   #nav a {
    margin: 0;
    float: left;
    text-align: left;
	padding:0 1em 0 0;
  }
  #nav ul ul a {
    display: none;
  }

}
@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
    background-image: url("hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}

/*
	======================End Navigation styles====================*/

#rotator {
	position: relative;
	z-index: -10000;
	margin: -7.3% 0 0 0;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0 0 0 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}



.specials						{  float: none;
  margin: 0 auto;
  width: 75%;
  border: rgba(88, 89, 91, 0.52) solid 1px;
  padding: 10px;
  -webkit-box-shadow: -1px 3px 18px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 3px 18px -1px rgba(0,0,0,0.75);
  box-shadow: -1px 3px 18px -1px rgba(0,0,0,0.75);
	color:#231f20
}
.specials	p         {margin:30px 0; font-family:'Alberta';	font-size:22px}
hr 									{  width: 65%; float: none; margin: 0 auto; border-bottom: 1px #000 solid; }
.textbold						{font-weight:bold !important;}


/**
	=================Media Queriezz-----------------------
															*/
@media only screen and (min-width: 768px) and (max-width: 1160px) {
#logo {	text-align:center;}
	#nav-social	{	margin:1% auto 0 auto; width:75%; display:inline-block; float:right; text-align:right; padding:0 1% 0 0;}
	#social	{	text-align:right; padding:0; display: inline-block; width:100%; float:right; padding:0; margin:0}
	.facebook-icon {	float:right; display:block; padding:0; margin:0;}
.twitter-icon {	float:right; display:block; padding:0; margin:0;}
#nav-holder {	text-align:center; padding:0; margin:0; float:right;}
#nav-toggle {	float:right; display:none}
#reservation-btn	{	display:block; padding:0;}
#reservation-btn img	{	max-width:80%; height:auto; margin:-9% 0 0 30%;}
#intro	{	padding:0 0 0 1%; margin:0% 0 0 0;}
.intro-large	{	font-style:italic; font-weight:300; font-size:25px; letter-spacing:1px; padding:0; text-align:center;}
.into-text	{margin:0 0 0 0; font-weight:bold 100; font-size:16px; text-align:center; width:90%;}
#denanker {	text-align:center;}
#nav a	{	font-size:12px; padding:0 3% 0 4.5%; margin:0% 0 0 0;}
#nav	{	width:100%; padding:0 0 0 0%; margin:0 0 0 -2%; }
#nav ul	{	margin:0 0 0 0.0%; width:110%;}
.guest-pics	{	width:100%; float:left}
}



@media only screen and (min-width: 481px) and (max-width: 767px) {
	#logo {	text-align:center;}
	#nav-social	{	margin:1% auto 0 auto; width:100; display:inline-block;}
	#social	{	margin:0% auto 0 33%; padding:0; display:block; width:50%; }
	.facebook-icon {	float:left; display:block; padding:0; margin:0;}
.twitter-icon {	float:left; display:block; padding:0; margin:0;}
#nav-holder {	text-align:center; padding:0; margin:0; float:right;}
#nav-toggle {	float:right; display:block !important}
#reservation-btn	{	display:block; padding:0;}
#reservation-btn img	{	max-width:80%; height:auto; margin:-9% 0 0 30%;}
#intro	{	padding:0 0 0 1%; margin:0% 0 0 0;}
.intro-large	{	font-style:italic; font-weight:300; font-size:25px; letter-spacing:1px; padding:0; text-align:center;}
.into-text	{	margin:0% 0 0 0; font-weight:bold 100; clear:both; font-size:16px; text-align:center; width:90%;}
#denanker {	text-align:center;}
#nav li {
    width: 100%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
	text-align:center;
  }
  #nav	a	{	text-align:center;}
  .guest-pics	{	width:80%; padding:0; margin:0;}
  .guest-pics	img{	max-width:50%;}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
	#logo {	text-align:center;}
	#nav-social	{	margin:1% auto 0 auto; width:100; display:inline-block;}
	#social	{	margin:0% auto 0 33%; padding:0; display:block; width:50%; }
	.facebook-icon {	float:left; display:block; padding:0; margin:0;}
.twitter-icon {	float:left; display:block; padding:0; margin:0;}
#nav-holder {	text-align:center; padding:0; margin:0; float:right;}
#nav-toggle {	float:right}
#reservation-btn	{	display:block; padding:0;}
#reservation-btn img	{	max-width:80%; height:auto; margin:-9% 0 0 30%;}
#intro	{	padding:0 0 0 1%; margin:0% 0 0 0;}
.intro-large	{	font-style:italic; font-weight:300; font-size:25px; letter-spacing:1px; padding:0; text-align:center;}
.into-text	{	margin:0% 0 0 0; font-weight:bold 100; clear:both; font-size:16px; text-align:center; width:90%;}
#denanker {	text-align:center;}
}




/*-----Small screen max-width 320px--*/

@media only screen and (max-width: 320px) {
#logo	{	display:block !important; float:left; margin:0 0 0 5%; padding:0;	}
#logo img	{	max-width:100%; height:auto;}
#nav-social	{	margin:1% auto 0 auto; width:100; display:inline-block;}
#social	{	margin:0% auto 0 24%; padding:0; display:block; width:50%; }
.facebook-icon {	float:left; display:block; padding:0; margin:0;}
.twitter-icon {	float:left; display:block; padding:0; margin:0;}
#reservation-btn	{	display:block; padding:0;}
#reservation-btn img	{	max-width:80%; height:auto; margin:-2% 0 0 30%;}
#intro	{	padding:0 0 0 1%; margin:0% 0 0 0;}
.intro-large	{	font-style:italic; font-weight:300; font-size:18px; letter-spacing:1px; padding:0; text-align:center;}
.into-text	{	margin:0% 0 0 0; font-weight:bold 100; clear:both; font-size:16px; text-align:center; width:90%;}
.blurb-heading	{	background:#58595b; color:#fff; padding:2% 1% 2% 1%; width:90%; margin:0 0 4% 0; font-weight:500; font-size:18px;}
.location-blurb	{	margin:0 0% 0 0; }
#footer	{	width:99%;}
#blurb-hold {	width:99%; padding:0; margin:0;}
#nav-holder	{	width:80%; padding:0; margin:0;}
}