body {
  padding-top: 120px;
  margin-bottom: 320px;
  font-family: 'Georgia', serif;
  color: #333;
}

html {
  position: relative;
  min-height: 100%;
}
input {
	font-family: Arial;
}
.header-welcome{
	color: #E8FBD2;
	text-align: right;
}

.navbar {
	background-color: #426c03;
	font-family: 'Roboto Condensed';
	font-size: 16px;
}

.navbar-default .navbar-nav > li > a:hover{
	background-color: #426c03;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:focus{
	background-color: #3e5f15;
	color: #deed7b;
	border: none;
}

.navbar-default .navbar-nav > li > a {
    color: #ecf5e9;
    padding-top: 6px;
    padding-bottom: 6px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}
.navbar-default .navbar-nav > li > a.active {
  background-color: #426c03;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #5CB85C;
  color: #fff;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-radius-topleft: 3px;	
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;	
	-webkit-border-top-right-radius: 3px;
	-khtml-border-radius-topright: 3px;	
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}

#content {
	padding-top: 20px;
}

.main-content {
min-height: 360px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	height: 450px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	left: 30px;
	top: 5px;
	text-align: left;

}
.carousel-caption h1 {
	color: #ffffff;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);

}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 450px;

}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 450px;
	margin-bottom: 20px;	
}


h1 {
	color: #426c03;
	font-size: 2.2em;
	font-family: Arial;
}
p {
	font-size: 1.5em;
	line-height: 1.5em;
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 975px;
    text-align: center;
    margin: 0 auto;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
    width: 195px;
}
.showcase {
	margin-top: 20px;
	font-family:  'Roboto Condensed';
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 30px;
	/* Set the fixed height of the footer here */
	height: 320px;
	background-color: #426c03;
	color: #ddd;
	font-family: Arial, sans-serif;
}
#footer a{
	color: #D0DCAD;
}
#footer a:hover{
	text-decoration: underline;
}

/* ---------- FOOTER ---------- */

footer h5{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

footer h5 a{
	color: #fff;
}

footer h5 a:hover{
	color: #fff;
}

footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

footer ul li {
	list-style: none;
}

.footer-menu {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.footer-menu li a {
	color: #ECE0BB;
}

footer ul li a{
	color: #aaa;
	font-size: 12px;
}

footer ul li a:hover{
	color: #fff;
}

.footer-info-box a#footer-logo{
	margin-bottom: 5px;
	display: inline-block;
	margin-left: -30px;
}

.footer-info-box p{
	font-size: 13px;
	color: #d1edc3;
	margin-bottom: 0;
}
.footer-info-box p a{
	color: #d1edc3;
	text-decoration: none;
}

.footer-info-box p.address-details{
	font-size: 12px;
	margin-top: 10px;
}

p.copyright{
	font-size: 10px;
	color: #ccc;
	text-align: center;
	margin-top: 14px;
}

p.copyright a{
	color: #ccc;
}


.copyright{

}


.greenbg {
background: #39ca35;
}
.redbg {
background: #d70000;
}
.mar-bottom40 {
margin-bottom: 40px;
}
.mar20 {
margin: 20px;
}
.mar-top-10 {
margin-top: 10px;
}
.mar-left-20 {
	margin-left: 20px;
}
.pad-top-20 {
	padding-top: 20px;
}
.red {
color: #FF0000;
}
.green {
color: #00CA00;
}




@media (max-width: 1169px) {
	.carousel, .carousel .item, .carousel .item, .carousel-inner > .item > img  {
	  height: 400px;
	}
	.jcarousel {
	    width: 780px;
	}
}

@media (max-width: 979px) {
	body {
		padding-top: 180px;
		margin-bottom: 420px;
	}
	.carousel, .carousel .item, .carousel .item, .carousel-inner > .item > img  {
		height: 330px;
	}
	#content {

	}
	.jcarousel {
	    width: 585px;
	}

@media (max-width: 767px) {
	body {
		padding-top: 250px;
		margin-bottom: 420px;
	}
	.carousel, .carousel .item, .carousel .item, .carousel-inner > .item > img  {
	  height: 240px;
	}
	#content {

	}
	.jcarousel {
	    width: 390px;
	}


  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
	
	#footer {
	  height: 420px;
	}
}
@media (max-width: 479px) {

	.carousel, .carousel .item, .carousel .item, .carousel-inner > .item > img  {
	  height: 180px;
	}
	
	#content {

	}
	.jcarousel {
	    width: 195px;
	}

}