/* color styles for brown version */

a {
	color: #910223;
	text-decoration: underline;
}

a:visited {
	color: #333;
	text-decoration: underline;
}

h1, h2, h3, h4 {
	color: #34342c;
}

#business {
	color: #fff;
}

#business a {
	color: #fff;
}

#tagline {
	color: #e6e389;
}

.main-background {
	background-color: #fff;
}

.main-background .col-sm-3 {
	color: #000;
}

.copyright {
	color: #000;
}

.navbar-default {
	background-color: transparent;
	color: #000;
}

.navbar-default .navbar-toggle {
	border-color: #000;
}

.navbar-default .navbar-nav>li>a {
	color: #000;
}

.navbar-nav li a.activenav,
.navbar-default .navbar-nav>.activenav>a,
.navbar-default .navbar-nav>.activenav>a:active,
.navbar-default .navbar-nav>.activenav>a:hover,
.navbar-default .navbar-nav>.activenav>a:visited  { 
	color: #000;
	border: 1px solid #60134c;
}

.specials-box,
.specials-box-mobile {
	background-color: #fef8fa;
	color: #333;
	border: 1px solid #a80329;
}

footer,
footer a,
footer a:visited {
	color: #fff;
}

footer hr {
	background-color: #d4d580;
}

@media (min-width: 320px) {
	body {
		background-image: url(../img/panel-top.png);
		background-repeat: no-repeat;
		background-position: top;
		background-size: contain;
	}
	
	#business,
	#business a,
	#tagline {
		color: #000;
	}
	
	.navbar-header {
		background-color: #a80329;
		color: #fef8fa;
	}
	
	.navbar-toggle,
	.navbar-toggle a,
	.navbar-toggle a:hover,
	.navbar-toggle a:visited,
	.navbar-default	{
		background-color: #fef8fa;
	}
	
	.navbar-default .navbar-brand,
	.navbar-brand a,
	.navbar-brand a:active,
	.navbar-brand a:hover,
	.navbar-brand a:visited {
		color: #fef8fa;
	}
	
	footer,
	.footer,
	footer a {
		color: #000;
	}
	
}

@media (min-width: 768px) {

	body {
		background: -webkit-linear-gradient(#aa0428, #3f030d); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#aa0428, #3f030d); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#aa0428, #3f030d); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#aa0428, #3f030d); /* Standard syntax (must be last) */
	}

	.background-container {
		background-color: transparent;
	}
	
	#business,
	#business a,
	#tagline,
	footer,
	.footer,
	footer a,
	.copyright {
		color: #fff;
	}
	
	.main-background {
		background-color: transparent;
	}
	
	.main-background .col-sm-9 {
		background: url(../img/panel-top.png) top left no-repeat;
		background-color: #fff;
		background-size: contain;
	}
	
	.navbar-default {
		background-color: #fff;
	}
}

@media (min-width: 990px) {
	
	.background-container {
		background: url(../img/page-background-top.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-color: transparent;
	}
	
	.main-background .col-sm-3 {
		background-color: transparent;
	}
	
	.sidebar-nav {
		background-color: #fff;
		background: url(../img/page-background-bottom.png);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	.navbar-default { 
		background-color: #fff;
	}
	
}
