/* color styles for gray version */

body {
	background-color: #666;
}

a {
	color: #333;
	text-decoration: underline;
}

a:visited {
	color: #666;
	text-decoration: underline;
}

h1, h2, h3, h4 {
	color: #000;
}

.main-header {
	border: 3px solid #000;
	border-bottom: none;
	background-color: #fff;
}

#business {
	color: #000;
}

#business a {
	color: #000;
}

#tagline {
	color: #000;
}

.main-background {
	background-color: #fff;
	border: 3px solid #000;
}

/*.title-bar {
	border-bottom: 3px solid #000;
}*/

.copyright {
	color: #000;
}

.navbar-default  .navbar-header {
	background-color: #666;
	border-bottom: 3px solid #333;
}

.navbar-default {
	background-color: #fff;
	border: none;
}

.navbar-default .navbar-toggle {
	border-color: #fff; 
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-brand {
	color: #fff;
}

.navbar-nav>li>a,
.navbar-default .navbar-nav>li>a,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:visited {
	background: transparent;
	color: #333;
}

.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  { 
	background: url(../img/active-nav-gray.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #666;
}

.specials-box,
.specials-box-mobi {
	color: #333;
}

footer a, 
footer a:visited {
	color: #000;
}

.copyright {
	color: #fff;
}

@media (min-width: 320px) {
	.main-header {
		border-left: none;
		border-right: none;
	}
	
	.main-background {
		border-left: none;
		border-right: none;
	}
	
	.specials-box-mobile {
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
	}
	
	.footer {
		background-color: #fff;
		border-bottom: 3px solid #000;
}

}

@media (min-width: 640px) {
}

@media (min-width: 768px) {
	.main-header {
		background: url(../img/header-image.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 30%;
		background-color: #fff;
	}
	
	.main-background .col-sm-9 {
		border-right: 3px solid #000;
	}
	
	.navbar-default .navbar-collapse {
		background-color: #fff;
	}
	
	.navbar-default {
		background-color: #fff;
		border: none;
	}
	
	.specials-box {
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
	}
	
}

@media (min-width: 990px) {
	
	.main-header {
		background-color: #fff;
		background-size: 33.3%;
		border-left: 3px solid #000;
		border-right: 3px solid #000;
		
	}
	
	.main-background {
		border: 3px solid #000;
	}
	
	.specials-box {
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
	}
	
	.footer {
		border: 3px solid #000;
		border-top: none;
		background-color: #fff;
	}
}