html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 230px; /* Margin bottom by footer height */
	font-face: arial, sans-serif;
}

a, a:hover, a:visited, a:active {
	color: #597635;
}

.mainheader, .sectionhead {
	border-bottom: 2px solid #e2e2e2;
}

.portrait img {
  float: right;
}

.navbar-default {
  /*margin: 0;*/
}

.navbar-collapse {
	margin-top: -20px;
}

.vlogo {
  display: inline; 
}
.hlogo {
  display: none;
  margin-top: 20px;  
}

.sitenav {
	text-align: right;
	display: none;
	text-transform: uppercase;
}

.sitenav ul { 
  padding: 0;
  margin: 50px 0 0;
  list-style-type: none;
}
.sitenav li {
	margin: 3px 0;
}
.sitenav li a {
	color: #597635;
	text-decoration: underline;
}
.sitenav ul > li:first-child {
	display: none;
}

.active a {
	color: #332f28 !important;
}

.introtext, .headingtext {
	text-align: justify;
	font-size: 10pt; 
}

.introtext {
  width: 200%; 
  margin-top: 20px;
}

.servicetext, .hometext {
  font-size: 8pt;
}

.catbuttons {
	text-align: center;
	text-transform: uppercase;
	font-size: 9pt;
	margin: 40px 0;
	padding: 0;
}

.catbuttons > div, .pricebuttons > div {
	display: inline-block;
	text-align: center;
	width: 100%
}

.catbuttons > div > a > img, .pricebuttons > div > img {
  margin: 0 auto;
}

.pricebuttons > div > img {
	margin-bottom: 15px;
}

.catbuttons > div > a {
	color: #000;
}

.pricebuttons {
  text-align: center;	
  margin: 0;
  padding: 0;
}

.heading {
	position: relative;
}

.heading p {
  position: relative;
}

.tag {
	color: #597635;
}

h1, h2, h3 {
	color: #597635;
	text-transform: uppercase;
}

h1 {
	display: none;
}

h2 {
	font-size: 14pt;
}

.tns > div {
	margin-top: 15px;
	margin-bottom: 15px;
}

.tns {
  margin-top: 15px;
  margin-bottom: 15px;
}

.tns img {
	margin: 0 auto;
}

@media (min-width: 768px) {

  .mainnav {
    display: none;
  }
  .sitenav {
    display: block;
    font-size: 9pt;
    margin: 10px 0 0;
  }
  .introtext, .headingtext {
    font-size: 10pt; 
  }
  .introtext {
    width: 100%;
    margin-top: 20px;
  }
  .servicetext, .hometext {
	  font-size: 8pt;
	}
  .heading p {
    position: absolute;
    right: 0;
    top: 0;  
    margin-bottom: 0;
  }
  
  .contactlogo {
    margin-top: 20px;
  }
  
  .navbar-default {
    display: none;
  }

  .vlogo {
    display: none;  
  }
  .hlogo {
    display: inline; 
  }
  
  .catbuttons > div {
    width: 186px;
  }
  
  .pricebuttons > div {
    width: 190px;
  }

	#message {
	  height: 148px;
	}

}

@media (min-width: 992px) {
	
	.sitenav {
    font-size: 11pt;
  }
  
  .sitenav ul {
    margin: 35px 0 0;
  }
  
  .introtext, .headingtext {
    font-size: 12pt;
  } 
  
	.introtext {
	  text-align: justify;
	  margin-top: 35px;
	}	
	
	.servicetext, .hometext {
    font-size: 10pt;
  }
  
	.catbuttons > div {
	  width: 170px;
	}
	
  .pricebuttons > div {
    width: 170px;
  }

	.pricebuttongroup-2 {
	  width: 350px;
	}
	
	.pricebuttongroup-3 {
	  width: 525px;
	}
	
	.pricebuttongroup-right {
	  float: right !important;
	}
}

/* Footer */

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 230px; /* Set the fixed height of the footer here */
}

.footer {
  width: 100%;
  height: 230px;
  border-top: 10px solid #597635;
  color: #fff;
  background-color: #332f28;
  background: -webkit-linear-gradient(#332f28, #48443e); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#332f28, #48443e); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#332f28, #48443e); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#332f28, #48443e); /* Standard syntax */
}

#footer p {
  margin: 0;
}

#footer a, #footer a:visited, #footer a:hover, #footer a:active {
  color: #fff;
}

.footerconatiner {
  margin: 25px auto 0;
}

#footer .row > div {
  text-align: left;
  margin-bottom: 15px;
}

.footerright img {
  float: left;
  margin: 0 10px 0 10px;
  border: 0;
}

.footerright img a {
  border: 0;
}

@media (min-width: 768px) {

  body {
    margin-bottom: 130px; /* Margin bottom by footer height */
  }
  
  #footer, .footer {
    height: 130px; /* Set the fixed height of the footer here */
  }
  
  .footerleft {
    text-align: left;
  }
  
  .footermid {
    text-align: center !important;
  }
  
  .footerright {
    text-align: right;
  }
  
  .footerright img {
    float: right;
  }

}