@charset "UTF-8";
/* CSS Document */

html, body {height: 100%;}

/*#wrap {min-height: 100%;}*/

#main {
	overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
.navbar { 
  width: 50%;
  float: right;
}
/*
.navbar-toggle collapsed{
	margin: 0;
	background-color: #FFBC00;
}
*/
.nav > li > a:hover { background-color:  black; /*#752201; */}                      /* NJM Active Button Hover Background */
/*.nav-justified > li > a { color: white;	background: #FFBC00; }           /* NJM Inactive Button Text and Background */
.nav-justified > li > a {color: grey; background-color: white; text-align: center;}
.navbar-toggle { background-color: #FFBC00;/*#B10021; */border-radius: 0; }          /* NJM Collapsed Menu Button Color */
.icon-bar { background-color: #fff; /*#fff;*/ }                                    /* NJM Collapsed Menu Button Bar Color */

/* NJM Current Page Active Button Parameters */

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
/*  color: white;
  background: #B68600;*/
	color: grey;
	background: white;
}

.about {
	width: 32%;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	color:  grey;
/*	border: 1px solid red;*/
}
.about_img {
	width: 25%;
	margin: 0 10px;
	float: left;
/*	border: 1px solid red;*/
}
.sig {
	width: 55%;
}
.testimonial {
	margin-left: 10px;
	width: 39%;
	float: left;
/*	border: 1px solid red;*/
}

/* Remove Carousel grey side gradients */
.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
 }
.carousel .carousel-control {
  visibility: hidden;
}
.carousel:hover .carousel-control {
  visibility: visible;
}


/* mobile styles */

@media only screen and (max-width: 480px) {
	h2 { margin-bottom: 5px; }
	.navbar { width: 25%; }
	.templatemo-nav { position: fixed; top: 25px; right: 3px; z-index: 1000; }
	.nav-justified > li > a { padding-left: 40px; padding-right: 40px; }
	.about {width: 66%;}
	.testimonial {width: 90%;}
}



/* tablet styles */

@media only screen and (min-width: 481px) and (max-width: 767px) {
	h2 { margin-bottom: 5px; }
	.navbar { width: 25%; }
	.templatemo-nav { position: fixed; top: 25px; right: 3px; z-index: 1000; }
	.nav-justified > li > a { padding-left: 40px; padding-right: 40px; }
	.about {width: 66%;}
	.testimonial {width: 90%;}
}



/* desktop styles */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-header h2{ margin: 0px; margin-top: 34px; }
	.about {width: 66%;}
	.testimonial {width: 90%;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
/*	.header{ margin-left: 0px; } */
	.navbar-header h2{ margin: 0px; margin-top: 34px; }
}