html, body {
	height: 100%;
}

body {
	background-color: #f5f5f5;
	font-family: 'Noto Sans', sans-serif;
}

a {
	color: #003300;
}

a:hover {
	color: #2b8000
}

/** start HEADER **/
.navbar {
	background-color: #006600;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	min-height: 65px;
	margin-bottom: 0;
}

.navbar-default .navbar-collapse {
	border-color: #003300;
}

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

.navbar-brand {
	height: 116px;
	padding: 8px 20px;
}

.navbar-brand img {
	width: 100px;
	height: 100px;
}

@media (min-width: 768px) {
	.navbar-right {
		margin-top: 55px;
	}
}

.navbar-default .navbar-nav>li>a {
	color: #ffcc00;
}

.navbar-nav>li>a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 14px 5px;
	padding: 8px 7px;
}

.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
	background-color: #ffcc00;
	color: #006600;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
	background-color: #339900;
	color: #003300;
}

#wrapper {
	min-height: 100%;
}
/** end HEADER **/

#content {
	overflow: auto;
	padding-bottom: 200px;
}

.banner h1 {
	font-size: 42px;
}

.banner h1 .small {
	color: #333333;
	margin: 5px 0 20px 0;
}

.row-btn {
	margin-top: 15px;
}

.btn-primary,
.panel-default>.panel-heading {
	background-color: #339900;
	border-color: #2b8000;
	color: #fff;
	font-size: 16px;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #2b8000;
	border-color: #226600;
}

.btn-primary {
	margin: 10px 0 0 0;
}

.table-gss {
	background-color: #fff;
	border-color: #2b8000;
}

.table-gss>thead>tr>th  {
	background-color: #339900;
	border-color: #2b8000;
	color: #fff;
	font-size: 16px;
}

@media (min-width: 1200px) {
	#home .panel-default {
		min-height: 200px;
	}
}

@media (min-width: 992px) {
	#home .panel-default {
		min-height: 215px;
	}
}

.panel-body h2 {
	margin-top: 0;
}

.well {
	background-color: #fff;
}

.contact_info .glyphicon {
	margin-right: 5px;
}

.floatLeft {
	float: left;
}

.clearBoth {
	clear: both;
}

/** start GALLERY **/
ul.gallery {
	list-style: none;
	padding: 0;
}

ul.gallery li {
	margin: 0 0 5px 0;
}

ul.gallery .mainImage,
ul.gallery .thumbnailImage {
	border: 1px solid #444;
}

ul.gallery .mainImage {
	width: 100%;
}

ul.gallery .thumbnailImage {
	width: 33.3%;
}

ul.gallery .mainImage img,
ul.gallery .thumbnailImage img {
	margin: auto;
}
/** end GALLERY **/

/** start SHEDS and SHED_INFO **/
.shedImage {
	border: 1px solid #ddd;
}

#shed_info {
	padding: 20px 0;
}

.shed-info-actions {
	text-align: center;
	padding-bottom: 20px;
}
/** end SHED_INFO **/

/** start COLORS **/
#colorsPanel .thumbnail {
	border: none;
}

#colorsPanel .thumbnail>img {
	border: 1px solid #ddd;
}
/** end COLORS **/

/** start CONTACT **/
#contact strong {
	font-size: 130%;
}

.truckImage {
	border: 1px solid #ddd;
	margin: 0 auto;
}
/** end CONTACT **/

/** start FOOTER **/
footer {
	margin-top: -150px;
	position: relative;
}

footer .footer-bar {
	background-color: #006600;
	color: #ffcc00;
	height: 150px;
	padding: 15px 20px 20px 20px;
}

.footer-bar a {
	color: #ffcc00;
	text-decoration: underline;
}

.footer-bar a:hover,
.footer-bar a:focus {
	color: #003300;
}
/** end FOOTER **/