/* color styles for gray version */

a {
	color: #0e4f85;
	text-decoration: underline;
}

a:visited {
	color: #999;
	text-decoration: underline;
}

h1, h2, h3, h4 {
	color: #000;
}

#business {
	color: #34342c;
}

#business a {
	color: #34342c;
}

#tagline {
	color: #34342c;
}

.main-background .col-sm-3 {
	color: #000;
	background-color: transparent; 
	background: none;
}

.copyright {
	color: #000;
}

.sidebar-nav .navbar-header {
	background-color: #dfe4ea;
}

.navbar-default {
	color: #000;
	background-color: transparent;
	border: none;
}

.navbar-default .navbar-toggle {
	border-color: #bbb; 
}

.navbar-default .navbar-nav>li>a {
	color: #453a35;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:active {
	color: #453a35;
}

.navbar-default .navbar-nav>li>a:hover {
	border-bottom: 1px dashed #453a35;
}

.navbar-nav>li>a.activenav {
	border-bottom: 1px solid #453a35;
	color: #453a35;
}

.specials-box,
.specials-box-mobile {
	background-color: #e8dccf;
	color: #453a35;
}

footer a, 
footer a:visited {
	color: #000;
}

.copyright {
	color: #000;
}

@media (min-width: 320px) {
	body {
		background-color: #dfe4ea;
	}
	
	.main-background {
		background: url(../img/panel-top-gray-new.jpg);
		background-repeat: repeat-x;
		background-position: top left;
		background-size: contain;
	}
	
	.central-content {
		background-color: #fcf7f0;
	}
	
	.sidebar-nav-mobile {
		background-color: #e8dccf;
	}
	
	.navbar-header {
		border-bottom: 1px solid #dfe4ea;
		border-top: 1px solid #dfe4ea;
	}
	
	.social-menu-mobi {
		background-color: #fcf7f0;
	}
	
}

@media (min-width: 768px) {
	
	body {
		background: url(../img/page-background-top-gray.jpg), url(../img/page-background-bottom-gray.jpg);
		background-repeat: repeat-x, no-repeat;
		background-color: #dfe4ea;
		background-position: top left, bottom right;
	}
	
	.main-background {
		background: none; /* reset the background for this size and larger */
		background: url(../img/panel-top-gray-new.jpg),url(../img/panel-bottom-gray-new.png);
		background-repeat: no-repeat;
		background-position: top, bottom;
		background-color: #fcf7f0;
		background-size: contain;
	}
	
	.main-background .col-sm-9,
	.central-container,
	.central-content {
		background-color: transparent;
	}
	
}