/* color styles for red version */

a {
	color: #9c3022;
	text-decoration: underline;
}

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

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

#business {
	color: #fff;
}

#business a {
	color: #fff;
}

#tagline {
	color: #fff;
}

.main-background {
	background-color: #fff;
}

.main-background .col-sm-3 {
	/*color: #000;*/
	background-color: transparent;
}

.copyright {
	color: #000;
}

.sidebar-nav .navbar-header {
	background-color: transparent;
}

.navbar-default {
	background-color: #fff;
	/*color: #000;*/
}

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

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

.navbar-nav>li>a.activenav,
.navbar-default .navbar-nav a.activenav {
	color: #9c3022;
}

.navbar-default .navbar-nav a {
	border-bottom: 1px dotted #333;
}

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

.copyright {
	color: #000;
}

@media (min-width: 320px) {
	body {
		background: url(../img/page-background-red.jpg);
		background-repeat: repeat-x;
		background-color: #fff;
		background-position: top;
		background-size: contain;
	}

	.main-background {
		background-color: #f4ecea;
	}

	.central-content {
		background-color: #fff;
	}

	.row.footer {
		background-color: #f4ecea;
	}

}

@media (min-width: 600px) {
	body {
		background: none; /* reset the background for this size and larger */
		background: url(../img/page-background-red.jpg), url(../img/page-background-bottom-red.jpg);
		background-repeat: repeat-x;
		background-color: #f4ecea;
		background-position: top, bottom;
	}

	.main-background {
		background-color: #fff;
	}
}