/* color styles for green version */

body {
	background: -webkit-linear-gradient(left, #76a55f, #eafabc, #76a55f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #76a55f, #eafabc, #76a55f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #76a55f, #eafabc, #76a55f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #76a55f, #eafabc, #76a55f); /* Standard syntax (must be last) */
}

a {
	color: #77a762;
}

a:visited {
	color: #666;
}

h1, h2, h3, h4 {
	color: #333;
}

#business,
#business a {
	color: #000;
}

#tagline {
	color: #000;
}

.main-background {
	background: url(../img/header-top-background-green.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100%;
}

.main-background div.col-sm-9 {
	background-color: transparent;
}

.specials-box,
.specials-box-mobile {
	background-color: #fbf5d7;
	color: #000;
}

.sidebar-nav .navbar-header {
	background-color: #f5e7b9;
}

.navbar-default .navbar-brand {
	color: #333;
}

.navbar-toggle,
.navbar-toggle:hover,
.navbar-toggle:visited {
	border: 2px solid #76a55f;
	background-color: #f5e7b9;
}

.navbar-default {
	background-color: #fbf5d7;
}

.navbar-nav li a.activenav,
.navbar-nav li a.activenav:visited,
.navbar-nav li a.activenav:focus,
.navbar-nav li a.activenav:hover,
.navbar-nav li a.activenav:active {
	background-color: #333;
	box-shadow: 0 5px 6px 0px #4A4949;
	-webkit-box-shadow: 0 5px 6px 0px #4A4949;
	-moz-box-shadow: 0 5px 6px 0px #4A4949;
	-o-box-shadow: 0 5px 6px 0px #4A4949;
	color: #fff;
}

div.row.footer {
	color: #333;
}

footer a,
footer a:visited {
	color: #333;
}

.copyright {
	color: #333;
}

@media (min-width: 320px) {

	.main-background {
		background: url(../img/panel-top-right-blue.png); /* blue image used here on all 3 colors */
		background-size: 50%;
		background-repeat: no-repeat;
		background-position: top right;
	}

	.main-background div.col-sm-9 {
		background-color: #fff;
	}

	.central-content {
		background: none;
	}

	.copyright {
		color: #333;
	}

}

@media (min-width: 360px) {
}

@media (min-width: 480px) {
	.main-background {
		background-size: 40%;
	}
}

@media (min-width: 640px) {
}

@media (min-width: 768px) {
	body {
		background: -webkit-linear-gradient(left, #76a55f, #eafabc, #76a55f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #76a55f, #eafabc, #76a55f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #76a55f, #eafabc, #76a55f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #76a55f, #eafabc, #76a55f); /* Standard syntax (must be last) */
	}

	#business {
		color: #000;
	}

	.main-background {
		background: url(../img/header-top-background-green.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.main-background-inner {
		background: url(../img/content-background-bottom.jpg);
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 30%;
		background-color: #fff;
	}

	.main-background div.col-sm-9 {
		background: transparent;
	}

	.main-background div.col-sm-3 {
		background-color: #f5e7b9;
	}

	.navbar-default {
		background-color: transparent;
	}

	.copyright {
		color: #333;
	}

}

@media (min-width: 990px) {
}
