@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


img, object, embed, video {
	max-width: 100%;
}


.ie6 img {
	width:100%;
}

img { max-width:100% !important; height:auto !important;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/



body { font-size:80%; }

.fluid {
	clear: both;
	margin: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 767px and below. */
  
.gridContainer {
	width:100%; 
    margin:0 !important; 
    padding:0;
	text-align:center;
	clear: none;
	float: none;
}


/*   for skip to main content screen readers  */
.skip {
        position: absolute;
		clip: rect(0 0 0 0);
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
		display:block;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        clip:auto;
		left: 20px; 
        top: 20px;
        width: auto; 
        height: auto; 
        overflow: visible; 
	user-select: none;
   background-image: linear-gradient(to bottom, #d0d2b4, #b99c31);
    color: #000;
	font-size: 1.2em;
    font-weight: 600;
    text-decoration: none;
	margin: .7em auto 0 auto;
	padding: .6em .8em;
	line-height: 100%;
	text-align: center;
	width: auto;
	overflow: visible;
    border-radius: 0 20px 0 20px;
    border:1px solid #d0d2b4;
    z-index: 99010;
}




/*  HEADERS FOR ALL SECTIONS   */
.header-home  { width:100%; margin: 0; min-height: 400px; height:auto; overflow: visible; background: #43696a url(/wp-content/uploads/2025/12/Home-Back.jpg) no-repeat top center; padding-bottom: -5em; border-bottom: 15px solid #cfd2b4; }

.header-rates  { width:100%; margin: 0; min-height: 450px; height:auto; overflow: visible; background: #43696a url(/wp-content/uploads/2025/12/Rates-Back.jpg) no-repeat top center; border-bottom: 15px solid #cfd2b4; }

.header-about  { width:100%; margin: 0; min-height: 450px; height:auto; overflow: visible; background: #43696a url(/wp-content/uploads/Photo-About.jpg) no-repeat top center; border-bottom: 15px solid #cfd2b4; }

.header-services  { width:100%; margin: 0; min-height: 450px; height:auto; overflow: visible; background: #43696a url(/wp-content/uploads/Photo-Services.jpg) no-repeat top center; background-size: 1100px auto; border-bottom: 15px solid #cfd2b4; }

.header-web  { width:100%; margin: 0; min-height: 450px; height:auto; overflow: visible; background: #43696a url(/wp-content/uploads/Photo-Website.jpg) no-repeat top center; background-size: 1100px auto; border-bottom: 15px solid #cfd2b4; }

.header-contact  { width:100%; margin: 0; min-height: 450px; height:auto; overflow: visible; background: #43696a url(/wp-content/uploads/Photo-Contact.jpg) no-repeat top center; background-size: 1100px auto; border-bottom: 15px solid #cfd2b4; }

/*  HEADERS FOR ALL SECTIONS   */



.header-shadow {text-shadow: 0 0 5px #284543, 0 0 10px #284543; }


.wrapper { width:96%; clear:both; float: none; padding:0 2%; margin:0 auto; }

.wrapper-nomargin { width:100%; clear:both; padding:0; margin:0; position: relative; top: 0;}


.topbar   { width:50%; clear:none; float: right; padding:0; margin:0; position: relative; top: 12%; height: auto; overflow:visible; text-align: right;}


.logo { width: 40%; 
        height: auto;
		float: left; 
		text-align: left;
		clear:none;
		padding:0;
        margin: 0;
        position: relative;
        top: 10px;
}


/*
nav { width: 100%; float: none; clear:both; text-align: center; position: relative; top: .4em; background-image: linear-gradient(to bottom, #d0d2b4, #b99c31); border: 1px solid #d0d2b4; border-radius: 0 20px 0 20px; margin-bottom:1em; }
*/

nav { width: 100%; float: none; clear:both; text-align: center; position: relative; top: 0; margin-bottom:1em; }


.carousel-back { width:98%; overflow: hidden; margin-top:3.5em; height: auto; min-height: 425px; display: flex; align-items: center; margin-bottom: -3em; position:relative; float: none; clear: both; padding: 2em .5em 0 .5em; border: 1px solid #d0d2b4; background: #ffffff; border-radius: 0 25px 0 25px; }


.carousel-back .content-half {	position: relative; float: left; clear: none; text-align: center; width:98%; padding:.5em .5em .5em .8em; }  


.about-home-page  {  width: 100%; float: none; 100%; padding:5em 0 0 0; clear:both; text-align: center; min-height: 300px; position: relative; top: 0; background: #fff url(/wp-content/uploads/2025/12/About-Back.jpg) no-repeat top center; background-size: 960px auto;}



aside {width:98%; min-height:60px;
		float: none; 
		clear: both;
		margin: 1.5em 0;
		padding: 1%;
		text-align:center;
  		position:relative;
		z-index: 1000;
  		display: block;
  		line-height: 180%;
   		background-image: linear-gradient(#f6f6ed, #ffffff);
  		border-top: 1px solid #cfd2b4;
        font-size:95%;
}

aside h3 { color:#877841; }


.reveal {opacity:0; transition: all 1s ease; position: relative; transform: translateY(120px); }

.reveal.active {opacity:1; transform: translateY(0px);  }

  
footer  {  color: #ffffff; width: 100%; display: flex; float: none; 100%; clear:both; font-size: 95%; text-align: center; height: inherit; position: relative; top: .4em; padding-bottom: 2em; background: #43696a url(/wp-content/uploads/2025/12/Footer-Back.jpg) no-repeat top center; background-size: 2250px auto; margin-bottom:1em; overflow: visible;}


.text-links-back { background-image: linear-gradient(to bottom, #d0d2b4, #b99c31); border-bottom:1px solid #d0d2b4; text-align:center; display: flex; align-items: center; height:65px; justify-content: center; padding-top:.5em;}


.content-half {	position: relative; float: left; clear: none; text-align: center; width:100%; }  

.footer1 { position: relative; float: left; clear: both; text-align: center; width:100%; padding: 2em 0; border-bottom: solid 1px #738d83; }  
.footer2 { position: relative; float: left; clear: both; text-align: center; width:100%; padding: 2em 0; border-bottom: solid 1px #738d83; }  
.footer3 { position: relative; float: left; clear: both; text-align: center; width:100%; padding: 2em 0; }  


.hide-mobile { display:none; }
.show-mobile { display:inline-block; }













/* Tablet Layout: 768px to 1100px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 768px) {
  
body { font-size:90%; }
  
  
  
/*  HEADERS FOR ALL SECTIONS   */
.header-home  { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/2025/12/Home-Back.jpg) no-repeat top center;}

.header-rates  { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/2025/12/Rates-Back.jpg) no-repeat top center;}
  
.header-about { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/Photo-About.jpg) no-repeat top center;}
    
.header-services { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/Photo-Services.jpg) no-repeat top center; background-size: 1100px auto; }
      
.header-web { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/Photo-Website.jpg) no-repeat top center; background-size: 1100px auto; }
        
.header-contact { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/Photo-Contact.jpg) no-repeat top center; background-size: 1100px auto; }
/*  HEADERS FOR ALL SECTIONS   */
  
  
  
  
.wrapper { width:96%; clear:both; float: none; padding:0 2%; margin:0 auto; }

.wrapper-nomargin { width:100%; clear:both; padding:0; margin:0; position: relative; top: 0;}
  
.topbar   { width:100%; clear:both; float: none; padding:0; margin:0; position: relative; top: -1em; height: auto; overflow:visible; }
    
.logo { width: 30%; 
        height: auto;
		float: left; 
		text-align: left;
		clear:none;
		padding:0;
        margin: 0;
        position: relative;
        top: 3em;
}
  
  
nav { width: 30%; float: right; clear:none; text-align: right; position: relative; top: 4em; margin-bottom:1em; }
  

  
.carousel-back { width:98%; overflow: hidden; margin-top:3.5em; height: auto; min-height: 425px; display: flex; align-items: center; margin-bottom: -3em; position:relative; float: none; clear: both; padding: 2em .5em 0 .5em; border: 1px solid #d0d2b4; background: #ffffff; border-radius: 0 25px 0 25px; }


.carousel-back .content-half {	position: relative; float: left; clear: none; text-align: center; width:98%; padding:.5em .5em .5em .8em; }  
  
  
.about-home-page  {  width: 100%; float: none; 100%; padding:3em 0 0 0; clear:both; text-align: center; min-height: 300px; position: relative; top: .4em; background: #fff url(/wp-content/uploads/2025/12/About-Back.jpg) no-repeat top center; background-size: 1100px auto; margin-bottom:1em; }

 
  
  
aside {width:30%; min-height:60px;
		float: right; 
		clear: none;
		margin: 1.5em 0 1.5em 1.5em;
		padding: 1%;
		text-align:center;
  		position:relative;
		z-index: 1000;
  		display: block;
  		line-height: 180%;
}
  
  
  
  

.content-half {	position: relative; float: left; clear: none; text-align: center; width:100%; }  
    
.content-one-third {	position: relative; float: left; clear: none; text-align: center; width:30%; }  

.content-two-thirds {	position: relative; float: left; clear: none; text-align: center; width:68%; } 
  
  
  
footer  {  width: 100%; float: none; 100%; clear:both; text-align: center; height: inherit; position: relative; top: .4em; background: #43696a url(/wp-content/uploads/2025/12/Footer-Back.jpg) no-repeat top center; background-position: -3em auto; background-size: 2250px auto; margin-bottom:1em; overflow: visible;}

.footer1 { position: relative; float: left; clear: none; text-align: center; width:31%; padding: 2em 0; border-right: solid 1px #738d83; border-bottom: none; }  
.footer2 { position: relative; float: left; clear: none; text-align: center; width:31%; padding: 2em 0; border-right: solid 1px #738d83; border-bottom: none; }  
.footer3 { position: relative; float: left; clear: none; text-align: center; width:31%; padding: 2em 0; }  
  
  
  
.hide-mobile { display:block; }
.show-mobile { display:none; }

}






/* Menu at 1024 */

@media only screen and (min-width: 1024px) {
  

nav { width: 60%; float: right; clear:none; text-align: right; position: relative; top: 4.5em; margin-bottom:1em; }

  
.carousel-back { width:98%; overflow: hidden; margin-top:3.5em; height:auto;display: flex; align-items: center; position:relative; float: none; clear: both; padding: 1em .5em 0 .5em; border: 2px solid #d0d2b4; background: #ffffff; border-radius: 0 25px 0 25px;}

.carousel-back .content-half {	position: relative; float: left; clear: none; text-align: center; width:48%; padding:.5em .5em .5em .8em; }  
  
  
.header-services { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/Photo-Services.jpg) no-repeat top center; background-size: 2036px auto; }
    
.header-web { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/Photo-Website.jpg) no-repeat top center; background-size: 2036px auto; }
    
.header-contact { width:100%; margin: 0; height: auto; min-height: 400px; background: #43696a url(/wp-content/uploads/Photo-Contact.jpg) no-repeat top center; background-size: 2036px auto; }
    
  
  
  
.about-home-page   {  width: 100%; float: none; 100%; padding:3em 0 0 0; clear:both; text-align: center; min-height: 500px; position: relative; top: .4em; background: #fff url(/wp-content/uploads/2025/12/About-Back.jpg) no-repeat top center; background-position: -9em auto; margin-bottom:1em; }

  
  
  
.content-half {	position: relative; float: left; clear: none; text-align: center; width:45%; }  
  
.content-one-third {	position: relative; float: left; clear: none; text-align: center; width:33%; }  

.content-two-thirds {	position: relative; float: left; clear: none; text-align: center; width:60%; }
  
  
.footer1 { position: relative; float: left; clear: none; text-align: center; height: 200px; width:31%; padding: 2em 0; border-right: solid 1px #738d83; border-bottom: none; }  
.footer2 { position: relative; float: left; clear: none; text-align: center; height: 200px; width:31%; padding: 2em 0; border-right: solid 1px #738d83; border-bottom: none; }  
.footer3 { position: relative; float: left; clear: none; text-align: center; height: 200px; width:31%; padding: 2em 0; }  
  
  
}







/* Desktop Layout: 768px to 1100px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 1100px) {

body { font-size:100%; }
  
.wrapper { max-width:1100px; clear:both; padding:0 2%; float: none; padding:0 2%; margin:0 auto; }

.wrapper-nomargin { width:100%; clear:both; padding:0; margin:0; position: relative; top: 0;}
      
.topbar   { width:100%; clear:both; float: none; padding:0; margin:0; position: relative; top: -1em; height: auto; overflow:visible; }
    
.logo { width: 40%; 
        height: auto;
		float: left; 
		text-align: left;
		clear:none;
		padding:0;
        margin: 0;
        position: relative;
        top: 3em;
}
  
nav { width: 60%; float: right; clear:none; text-align: right; position: relative; top: 4.5em; padding:0; background: none;}
  
  
.carousel-back { width:98%; overflow: hidden; margin-top:3.5em; min-height: 320px; height:auto; display: flex; align-items: center; position:relative; float: none; clear: both; padding: 2.5em .5em 0 .5em; border: 2px solid #d0d2b4; background: #ffffff; border-radius: 0 25px 0 25px;}

  
.about-home-page  {  width: 100%; float: none; 100%; padding:3em 0 0 0; clear:both; text-align: center; min-height: 500px; position: relative; top: .4em; background: #fff url(/wp-content/uploads/2025/12/About-Back.jpg) no-repeat top center; margin-bottom:1em; }


  
  
.footer1 { position: relative; float: left; clear: none; text-align: center; width:31%; padding: 2em 0; border-right: solid 1px #738d83; border-bottom: none; }  
.footer2 { position: relative; float: left; clear: none; text-align: center; width:31%; padding: 2em 0; border-right: solid 1px #738d83; border-bottom: none; }  
.footer3 { position: relative; float: left; clear: none; text-align: center; width:31%; padding: 2em 0; }  
  
  
  
.hide-mobile { display:block; }
.show-mobile { display:none; }

}