/* color styles for green version */

html {
	border-top: 3px solid #584732;
}

body {
	color: #362f2d;
}

a {
	color: #738b45;
}

a:visited {
	color: #333;
}

h1, h2, h3, h4 {
	color: #5d664c;
}

h1 {
	color:#5d664c;
	border-bottom: 1px solid #5d664c;
}

#default-logo {
	background: url(../img/default-logo-green.png) no-repeat;
	width: 101px;
	height: 95px;
}

#business a {
	color: #6d4061;
}

#tagline {
	color: #999;
}

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

.specials-box,
.specials-box-mobile {
	background-color: #c7c8b7;
	color: #333;
}

.main-background div.col-sm-9 {
	background-color: #fff;
	background: url(../img/main-image.jpg) top right no-repeat;
	color: #333;
	background-size: contain;
}

.central-container {
	background: #fff url(../img/main-image-green.jpg) top right no-repeat;
	background-size: 100%;
}
	
.sidebar-nav .navbar li,
.sidebar-nav .navbar li a  {
	color: #000;
}

.sidebar-nav .navbar-header {
	background-color: #94bc4c;
}

.navbar {
	border-bottom: 1px solid #94bc4c;
}

.navbar-default a {
	color: #000;
}

.navbar-default {
	background: url(../img/nav-background-green.jpg) no-repeat;
	background-size: 100%;
	background-color: #94bc4c;
}
	
.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: #333;
	background-color: #c7c8b7;
}

.navbar-nav li a:hover,
.sidebar-nav .navbar li a:hover {
	background-color:#c0c1ad;
}

.navbar-toggle {
	background-color: #d2d3c5;
}

.main-background-inner {
	border-bottom: 2px solid #fff;
}

div.row.footer {
	background-color: #94bc4c;
	border-top: 2px solid #fff;
	color: #000;
}

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

footer li {
	background: url(../img/footer-bullet-green.gif) no-repeat;
}

.copyright {
	color: #000;
}

@media (min-width: 320px) { 

	.main-background {
		background: none;
	}
	
	.main-background-inner {
		background-color: none;
	}
	
	div.col-sm-9.central-container {
		background: url(../img/main-image-mobi.jpg) top left no-repeat;
		background-size: contain;
	}
	
	.central-content {
		background: none;
	}
	
}

@media (min-width: 768px) { 
	.main-background {
		max-width: 100%;
	}
	
	.main-background div.col-sm-9 {
		background-color: #fff;
		background: url(../img/main-image.jpg) top right no-repeat;
		color: #333;
		background-size: contain;
	}
	
	.main-background-inner {
		background-color: #fff;
	}
	
}