/* defaults */
/***********/
body {
	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
	color: #49453a;
}

h1, h2, h3, h4 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 25px;
	color: #71201d;
	letter-spacing: -0.01825em;
	text-align: center;
}

h1 {
	font-size: 32px;
}

a, a:visited {
	color: #71201d;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* customs */
/***********/

.navbar-h1 {
	float: right;
	width: 820px;
	margin-top: 8px;
}

.navbar-header h1 {
	text-align: center;
	color: #000000;
	letter-spacing: -0.01825em;
}

.navbar {
	height: 160px;
	background: #ffffff url(../images/header-gradient.png) repeat-x;
	border-bottom: 4px solid #8f896a;
}
	.navbar-collapse.in {
		overflow: visible;
	}

	.navbar-header {
		position: relative;
		width: 100%;
	}
	.logo {
		position: absolute;
		top: 40px;
		left: 10px;
		z-index: 1000;
	}
	.main-navbar {
		font-size: 16px;
		margin-top: 103px;
	}
	.nav-tabs>li>a {
		text-decoration: none;
		margin-right: 0px;
		border-radius: 6px 6px 0 0;
		color: #fff;
		border: 1px solid #ddd;
		border-bottom-color: transparent;
		cursor: default;
	    background: #b8b080;
	    background: -webkit-gradient(linear, left top, left bottom, from(#b8b080), to(#736c4b));
	    background: -moz-linear-gradient(top, #b8b080, #736c4b);
	    background: linear-gradient(to bottom, #b8b080, #736c4b);
	}
	.nav-tabs>li>a:hover {
		color: #fff;
	    background: #ddd39a;
	    background: -webkit-gradient(linear, left top, left bottom, from(#ddd39a), to(#8a825a));
	    background: -moz-linear-gradient(top, #ddd39a, #8a825a);
	    background: linear-gradient(to bottom, #ddd39a, #8a825a);
	}
	.nav-tabs>li.active>a {
		color: #fff;
	    background: #6e6a4d;
	    background: -webkit-gradient(linear, left top, left bottom, from(#6e6a4d), to(#736c4b));
	    background: -moz-linear-gradient(top, #6e6a4d, #736c4b);
	    background: linear-gradient(to bottom, #6e6a4d, #736c4b);
	}
	.nav-tabs>li.active>a:hover {
		color: #cec299;
	}
	ul.nav li.dropdown:hover ul.dropdown-menu {
		display: block;
	}
	.dropdown-menu {
		background: #000000;
	}
		.dropdown-menu>li {
			border-bottom: 1px solid #cec299;
		}
		.dropdown-menu>li:last-child {
			border-bottom: none;
		}
		.dropdown-menu>li>a {
			text-decoration: none;
			font-size: 16px;
			color: #fff;
			padding: 12px 20px;
		}
		.dropdown-menu>li>a:hover {
			background: #716b4c;
			color: #fff;
		}

	@media screen and (min-width: 768px) {
		.dropdown:hover {
		    padding-bottom: -5px;
		}
		.dropdown-menu {
		}
		.dropdown:hover .dropdown-menu {
		    display: block;
		}
		.dropdown:hover .dropdown-menu>li>a {
		    display: block;
		}
		.dropdown-menu>li>a {
			display: none;
		}
	}

	@media screen and (max-width: 768px) {
		.main-navbar {
			margin-top: 0px;
		}
		.navbar {
			height: auto;
		}
		.nav-tabs > li {
			float: none;
		}
		.navbar-nav .open .dropdown-menu {
			background: #000000;
		}

		.logo {
			position: relative;
			top: 30px;
			left: 50%;
			margin-left: -60px; /* half img width */
		}

		.logo img {
			width: 120px;
		}
	}

.slider {
	background: #ffffff url(../images/home-background.jpg) top center no-repeat;
}
	.slider .container {
		padding: 0;
	}
		.carousel-caption {
			position: absolute;
			padding: 0;
			text-align: initial;
			width: 100%;
		}
			/* there are mobile versions of these.. don't forget */
			.carousel-caption-live {
				top: 60px;
				left: 0px !important;
			}
			.carousel-caption-work {
				top: 60px;
				left: 0px !important;
			}
			.carousel-caption-shop {
				top: 60px;
				left: 0px !important;
			}
			.carousel-caption-dine {
				top: 60px;
				left: 0px !important;
			}
			.carousel-caption-learn {
				top: 60px;
				left: 0px !important;
			}
			.carousel-caption-shops {
				top: 20px;
				left: 0px !important;
			}

		/* Animation delays */
		.carousel-caption h3:first-child {
			-webkit-animation-delay: 1s;
			animation-delay: 1s;
		}
		.carousel-caption h3:nth-child(2) {
			-webkit-animation-delay: 2s;
			animation-delay: 2s;
		}
		.carousel-caption button {
			-webkit-animation-delay: 3s;
			animation-delay: 3s;
		}

		.mobile-caption {
			height: 100%;
			width: auto;
		}

.subheader {
	background: #ffffff url(../images/sub-background.jpg) top center no-repeat;
}
	.subheader .container {
		padding: 0;
	}

.ron /* burgandy */ {
	background: #71201d;
}
	.ron h2 {
		color: #fff;
		margin-bottom: 30px;
	}

.insets {
	padding: 30px 0px 0px 0px;
}

	.inset-nav {
		padding: 0px 2px 0px 2px;
	}

	.inset-nav .shadowbox {
		background: #000000;
		position: relative;
		display: inline-block;
		border-radius: 8px;
	}
	.inset-nav .shadowbox img {
		border-radius: 8px;
	}
	.inset-nav:hover img {
		opacity: .3;
		-webkit-transition: opacity .25s ease-in-out;
		 -moz-transition: opacity .25s ease-in-out;
		 -ms-transition: opacity .25s ease-in-out;
		 -o-transition: opacity .25s ease-in-out;
		 transition: opacity .25s ease-in-out;
	}
	.inset-nav:hover .shadowbox h3 {
		opacity: 1;
		-webkit-transition: opacity .25s ease-in-out;
		 -moz-transition: opacity .25s ease-in-out;
		 -ms-transition: opacity .25s ease-in-out;
		 -o-transition: opacity .25s ease-in-out;
		 transition: opacity .25s ease-in-out;
	}
	.inset-nav .shadowbox h3 {
		position: absolute;
		top: 40px;
		width: 100%;
		opacity: 0;
		color: #ffffff;
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		line-height: 22px;
		padding: 0;
		margin: 0;
	}
	.inset-nav span, .inset-nav span img {
		background: #fff;
		opacity: 1 !important;
	}
	.inset-nav a:hover {
		text-decoration: none;
	}


.home p {
	margin: 20px 80px 10px 80px;
}

.disclaimer {
	margin-top: 30px;
}

.map-frame {
	position: relative;
}
.map-overlay {
	position: absolute;
	top: 0px;
	z-index: 1000;
	background: transparent;
	width:100%;
	height:800px; /* iframe height */
	top:800px;  /* iframe height */
	margin-top:-800px;  /* iframe height */
}
	.map-div {
		font-size: 16px;
	}

	.map-div img {
		padding: 3px; border: 1px solid #c0c0c0;
		width: 100%;
	}
	.map-div b {
	}


.subpage {
	margin-bottom: 0px;
}
	.subpage ul {
		list-style: none;
		text-align: center;
		padding: 0px;
	}
	.subpage li {
		display: inline;
		margin: 0px 10px 0px 10px;
	}
	.subpage li>a {
		color: #6f6a4d;
		text-decoration: underline;
	}
	.subpage li>a.active {
		border: 1px solid #cbc2aa;
		padding: 10px;
	}

.subhead h2 {
	padding-top: 20px;
}

.content p {
	padding: 8px 0px 8px 0px;
	margin: 0;
}
	.content h2 {
		text-align: left;
		margin-top: 0;
	}
	.content a {
		text-decoration: underline;
	}

.sidebar {
	padding-left: 30px;
}

.spacer img {
	margin-bottom: 30px;
}

.footer {
	background: #595238;
	color: #fff;
}
	.footer a {
		color: #fff;
		text-decoration: underline;
	}
	.footer a:hover {
		text-decoration: none;
	}

	.footer p {
		padding: 20px 0px 20px 40px;
	}

.wrap {
	width: 100%;
}

.outline-button {
	border: 1px solid #666666;
	padding: 10px 20px 10px 20px;
	text-decoration: none !important;
}
.outline-button:hover {
	background: #71201d;
	color: #ffffff !important;
}

/* contact form */
.g-recaptcha {
	margin: 20px 0px 20px 0px;
}

form {
	padding: 0px 20px 0px 40px;
}
.form-group {
	display: block;
	clear: both;
	padding: 4px 0px 4px 0px;
}
.form-field {
	float: left;
}
.form-field input {
	border-radius: 4px;
	font-size: 16px;
	width: 100%;
	padding: 4px;
}
.form-field input[type=checkbox] {
	border-radius: 4px;
	font-size: 16px;
	width: 20px;
	padding: 4px;
}
.form-field label {
	color: #333333;
	display: block;
}
.input-field {
}
.text-field {
	width: 100%;
	height: 100px;
}

.btn.sharp {
  border-radius:0;
}
.alert-danger {
	color: red;
}
.alert-success {
	color: green;
}
#emailAlert {
	display: block;
	padding: 0px 20px 0px 40px;
}

/* http://css3buttongenerator.com/ */
.btn {
  background: #71201d;
  background-image: -webkit-linear-gradient(top, #71201d, #71201d);
  background-image: -moz-linear-gradient(top, #71201d, #71201d);
  background-image: -ms-linear-gradient(top, #71201d, #71201d);
  background-image: -o-linear-gradient(top, #71201d, #71201d);
  background-image: linear-gradient(to bottom, #71201d, #71201d);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #ff0a0a;
  background-image: -webkit-linear-gradient(top, #ff0a0a, #71201d);
  background-image: -moz-linear-gradient(top, #ff0a0a, #71201d);
  background-image: -ms-linear-gradient(top, #ff0a0a, #71201d);
  background-image: -o-linear-gradient(top, #ff0a0a, #71201d);
  background-image: linear-gradient(to bottom, #ff0a0a, #71201d);
  text-decoration: none;
}
/* end of contact form */

/* interactive map */
	.panzoom {
		position: relative;
		text-align: center;
		background: green;
		-webkit-backface-visibility: initial !important;
		-webkit-transform-origin: 50% 50%;
		width: 2500px;
		height: 2222px;
	}

	#panzoom-parent {
		position: relative;
		text-align: center;
		width: 950px;
		height: 800px;
	}

	.buttons {
		width: 950px;
	}

	.reset {
		margin-left: 20px;
	}

	.legend {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 9998;
	}
	.map-pdf {
		position: absolute;
		top: 30px;
		right: 100px;
		z-index: 9998;
	}
	.relative {
		position: relative;
	}

	.toolTip {
		background: #fff;
		border-radius: 4px;
		padding: 4px 8px 20px 8px;
		width: 260px;
		border: 1px solid #000000;
		box-shadow: 0px 0px 0px 1px #c0c0c0;
		text-align: center;
		font-family: 'Oxygen', sans-serif;
		color: #49453a;
	}
		.toolTip h3 {
            margin: 10px 0px 6px 0px;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
		}
		.toolTip img {
			border: 1px solid #c0c0c0;
			padding: 2px;
			margin-bottom: 8px;
		}
		.toolTip p {
			text-align: left;
			margin: 4px 10px 4px 10px;
		}
		.toolTip a {
			font-size: 14px;
			font-style: italic;
			color: #71201d;
			float: right;
		}

	.item-area {
		position: absolute;
		z-index: 2000;
		background: url('/images/info-button.png') no-repeat;
		background-size: contain;
		width: 100px;
		height: 100px;
		display: none;
		cursor: pointer;
	}
		.item-area:hover {
			width: 100px;
			height: 100px;
		}
	.mappopup {
		position: absolute;
		z-index: 999999;
		display: none;
		width: 90%;
		height: auto;
		border: 1px solid #c0c0c0;
		background: #ffffff;
		box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
		padding: 2px;
		text-align: center;
		font-size: 14px;
	}
	.closebutton {
		text-decoration: none;
	}
	.map-data {
		display: none;
	}

/* end of interactive map */
.mobile-ron {
	background: #71201d;
}

.mobile-nav {
	padding-bottom: 20px;
}

.mobile-inset-nav {
	text-align: center;
	background: #71201d;
	margin-bottom: 5px;
}
	.mobile-inset-nav .btn {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		font-size: 16px;
		text-decoration: none;
		padding: 10px 0px 10px 0px;
		width: 35%;
		background: #b8b080;
		background: -webkit-gradient(linear, left top, left bottom, from(#b8b080), to(#736c4b));
		background: -moz-linear-gradient(top, #b8b080, #736c4b);
		background: linear-gradient(to bottom, #b8b080, #736c4b);
	}
	.mobile-inset-nav .inline-space {
		display: inline-block;
		width: 20px;
	}

	.mobile-inset-nav a {
		color: #fff;
	}

/* bootstrap overides */
/***********/
.navbar {
	margin-bottom: 0px;
}

.navbar-toggle {
	border-color: #333;
}
	.navbar-toggle .icon-bar {
		background-color: #333;
	}

.container {
}

.smallen {
	font-size: 12px;
}
.italic {
	font-style: italic;
}

.crunchify-top:hover {
	color: #fff !important;
	background-color: #ed702b;
}

.crunchify-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}


.special-snowflake {
	float: right;
	width: 300px;
	border: 1px solid #85805a;
	border-radius: 0 0 10px 10px;
	margin: 20px 40px 20px 10px;
	padding-bottom: 10px;
}
	.special-snowflake h3 {
		font-size: 22px;
		width: 100%;
		text-align: center;
		background: #85805a;
		color: white;
		margin: 0px;
		padding: 10px 0px 10px 0px;
	}
	.special-snowflake p {
		padding: 4px 10px 4px 10px;
		margin: 0px;
	}

@media (max-width: 768px) {
	.special-snowflake {
		float: none;
		display: block;
		width: 90%;
		margin: 20px auto 10px auto;
	}

	.subpage li {
		display: block;
		margin: 0px 10px 0px 10px;
	}

	h2 {
		margin: 0px 20px 10px 20px;
	}

	.home p {
		margin: 20px 20px 10px 20px;
	}

	.content p {
		margin: 10px 20px 10px 20px;
	}

	#panzoom-parent {
		position: relative;
		text-align: center;
		width: auto;
		height: 300px;
	}

	.panzoom img {
	}

	.buttons {
		width: auto;
	}
	.legend {
		display: none;
	}

	.carousel-caption-live {
		top: 60px;
		left: 0px !important;
	}
	.carousel-caption-work {
		top: 60px;
		left: 0px !important;
	}
	.carousel-caption-shop {
		top: 60px;
		left: 0px !important;
	}
	.carousel-caption-dine img {
		position: absolute;
		bottom: 0px;
		left: 0px !important;
	}
	.carousel-caption-learn {
		top: 60px;
		left: 0px !important;
	}

}

/* custom navigation breakpoint */
@media (max-width: 990px) {
}
