body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	width:  100%;
	overflow-x:  hidden;
	background:  #ffffff; 
	color:  #555555;
	font-size:  18px;
	line-height:  150%; }

body { margin:0; padding:0; 	font-family: arial, tahoma, verdana;  overflow: hidden; overflow-y: scroll;}


html  { 
	width:  100%;
	margin:  0px; 
	font-size:  100%;  }

#wrapper {
	width: 100%;  	
	margin-left: auto; 	
	margin-right: auto;  }


/****************   hdr stuff  ********************/


#top  { 
	width:100%; 
	background: #277790; 
	border-bottom:  2px solid #891719; }
/*	height:  20px; }  */

#hdr  { 
	width:100%; 
	background: #ffffff;   }

.hdr-container  { 
	width:  90%; 
	margin:  25px auto; 
	display:  table; }

.hdr-left  {
	float:  left;
	width:  490px;  }

.hdr-right  {

	float:  right;
	width:  520px;  }	

.covid  {
	text-align: center; 
	padding:  10px; 
	color:  #ffffff;  }

.covid a:link {
	color:  #ffffff;					
	text-decoration:none;  }
				
.covid a:visited {
	color:  #ffffff;					
	text-decoration:none;  }
				   
.covid  a:hover {
	color: #ffffff;		
	text-decoration: underline;  }

.call  {
	text-align:  right;
	padding-top:  0;
	font-size:  17px; 
	color: #303030; 
	margin:  5px 0 10px 0; }

.phone  {
	text-align:  right;
	padding-top:  10px;
	color: #277790;
	font-family:  arial, serif; 
	font-weight:  bold;
	font-style:  italic;
	font-size:  35px;  }

.slogan  {
	text-align:  right;
	margin: 15px;
	color:  #000000;
	font-family: 'Marck Script', cursive;
	font-size:  30px;  
	font-weight:  400;  }	

/****************   nav stuff  ********************/

#nav {
	width:  100%;
	position:  relative;
	z-index:  999;  
	background:  #277790;  
	border-top:  3px solid #891719; 
	border-bottom:  3px solid #891719;  }

.nav-container  {
	width:  90%;
	margin: 0 auto;  }

#nav ul ul {
	display: none;  }

	#nav ul li:hover > ul {
		display: block;  }

#nav ul {
	background: #277790; 
	padding: 0;
	margin:  0 auto;
	list-style: none;
	position: relative;
	display: inline-table;  }

#nav ul:after {
	content: ""; clear: both; display: block;  }

#nav ul li {
	float: left; }

#nav ul li:hover {
	background: #7e221f;  }

#nav ul li:hover a {
	color: #fff;  }
		
#nav ul li a {
	display: block; 
	padding: 10px 30px;
	color: #ffffff; 
	margin:  0;
	text-decoration: none;
	line-height:  25px;   }
			
#nav ul ul {
	background: #7e221f; 
	border-radius: 0px; 
	padding: 0;
	position: absolute; 
	top: 100%;  }

#nav ul ul li {
	float: none; 
	border-top: 1px solid #545454;
	border-bottom: 1px solid #891719; 
	position: relative;  }

#nav ul ul li a {
	padding: 10px 25px;
	color: #fff;  }	
				
#nav ul ul li a:hover { 
	background: #277790;  }
		
#nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;  	}

.quote {
	float:  right; 
	padding-top:  0; }

.quote a.getQuote {
/*	background:none repeat scroll 0 0 #ffff66;	*/
	background:none repeat scroll 0 0 #891719;

	border-radius:3px;
	color: #ffffff;
	cursor:pointer;
	float:right;                
	font-size:20px;
	line-height:  32px;
	margin:6px 0 6px 6px;
	padding:2px 15px;
	text-align:center;
	text-decoration: none;  }

.quote a.getQuote:hover{
	background:#ffffff; 
	color:  #277790; }

/**** end nav stuff    ******/


#banner img  {
	width: 100%; 
	height:  auto; }  

.cycle-slideshow  img  {
	width: 100%; 
	height:  auto; }  

/****   body *****/

#body-container {
   	width: 85%; 
	line-height:  150%;
	margin: 75px auto;
	display:  table;  }

.body-1  {
	width:  100%; 
	background:  #ffffff;   }

.body-1-container  {
	width:  85%;
	margin:  50px auto 75px auto;
	display: table;  }

.body-1-container  h1  {	
	line-height:  135%;  }

ul {
 	padding-left:  50px;  }

.svcs  {
	width:  95%; 
	margin:  20px auto; 
	line-height:  200%; }


.body-title  {
	text-align:  center;
	text-transform:  uppercase;
	letter-spacing:  3px;
	font-size:  35px;
	color:  #484848; 
	padding-bottom:  50px; }

.body-links  {
	/*background:  #277790;  */
	font-size:  26px;
 	font-family: "Marcellus SC", candara, dotum; 
	font-weight:  bold;
	padding:  30px 0 7px 20px; }

.body-links a:link {
	color:  #277790;					
	text-decoration:none;  }
				
.body-links a:visited {
	color:  #277790	;					
	text-decoration:none;  }
				   
.body-links a:hover {
	color: #93c8c8;					
	text-decoration:none;  }

#container {
	margin-top:  50px;
  	width: 100%;  }

.body-col1 {
	border:  1px solid #93c8c8; 
	height:  485px;
	width:  290px;
	float:  left;
	position:  relative;
	margin-right:  45px;  }

	.body-col2  {
	border:  1px solid #93c8c8;
	height:  475px;
	width:  300px;
	position:  relative;
}

.body-col3  {
	border:  1px solid #93c8c8;
	height:  475px;
	width:  300px;
	position:  relative;  }
	
.col-txt2  {
	line-height:  135%; 
	padding:  15px;  }

.read-btn  {
	color:  #ffffff;	
	margin-left:  15px; 
	position: absolute;
  	bottom: 15px; 	
	-moz-border-radius_topleft: 3px;
 	border-top-left-radius: 3px;
	-moz-border-radius_topright: 3px;
 	border-top-right-radius: 3px; 
	-moz-border-radius_bottomleft: 3px;
 	border-bottom-left-radius: 3px;
	-moz-border-radius_bottomright: 3px;
 	border-bottom-right-radius: 3px;   }


.read-btn a:link {
	background: #277790;  
	color:  #ffffff;	
	text-decoration: none;   
	padding: 4px 10px 4px 10px; 
	-moz-border-radius_topleft: 3px;
 	border-top-left-radius: 3px;
	-moz-border-radius_topright: 3px;
 	border-top-right-radius: 3px; 
	-moz-border-radius_bottomleft: 3px;
 	border-bottom-left-radius: 3px;
	-moz-border-radius_bottomright: 3px;
 	border-bottom-right-radius: 3px;   }
				
.read-btn a:visited  {
	color:  #ffffff;	
	text-decoration:none;  }
				   
.read-btn a:hover {
	background: #93c8c8;
       	color: #153333;  
	text-decoration: none; 
	-moz-border-radius_topleft: 3px;
 	border-top-left-radius: 3px;
	-moz-border-radius_topright: 3px;
 	border-top-right-radius: 3px; 
	-moz-border-radius_bottomleft: 3px;
 	border-bottom-left-radius: 3px;
	-moz-border-radius_bottomright: 3px;
 	border-bottom-right-radius: 3px;   }


 .quote-bar  { 
	width:  100%; 
	background:  #b1e8e5;  }

.quote-bar-txt  {
	width:  55%; 
	margin:  0 auto; 
	display:  table;  }

.quote-bar-left  {
	float:  left;  
	color:  #193a3a; 
	font-size:  24px; 
	line-height:  30px;
	font-style:  italic;
	padding: 15px 0;  }

.quote-bar a.getQuote {
	background:none repeat scroll 0 0 #891719;
	border-radius:3px;
	color:#ffffff;
	cursor:pointer;
	float:right;
	font-size:22px;
	line-height:  35px;
	margin:10px 0 10px 12px;
	padding:5px 20px;
	text-align:center;
	text-decoration: none;  }

.quote-bar a.getQuote:hover{
	color:#277790;
	background:  #ffffff; }



.body-2  {
	width:  100%; 
	background:  #277790; 
	border-top:  2px solid #891719;  
	border-bottom:  2px solid #891719;   }

.body-2-container  {
	color:  #ffffff; 
	width:  85%;
	margin:  0 auto;
	padding-bottom:  50px;
	display: table;  }

.body-2-title  {
	letter-spacing:  3px;
	font-size:  32px;
	color:  #98c9cd; 
	padding: 50px 0 35px 0;
 	font-family: "Marcellus SC", candara, dotum;   }

.body-3  {
	width:  100%; 
	background:  #ffffff;  }

.body-3-container  {
	color:  #484848; 
	width:  90%;
	margin:  0 auto;
	padding-bottom:  50px;
	display: table;  }

.body-3-title  {
	letter-spacing:  3px;
	font-size:  32px;
	padding: 50px 0 35px 0; 
 	font-family: "Marcellus SC", candara, dotum;  }

.clients  {
	width:  100%;  }

.clients img  {
	padding: 0 4% 2% 0;  }

#body-left  {
	width:  730px; 
	margin: 10px 20px 0 0;  }

#body-right  {
	width:  300px;
	margin-bottom:  50px;  }

#body-right h2   {
	padding: 0 0 0px 0;
	margin: 0; 
	font-family: "Marcellus SC", candara, dotum;   }

#body-right ul  {
	list-style-type: none;  
	margin:  5px 0 0 2px; 
	padding:  0 ;  
	line-height:  150%; }

#body-right ul  li { 
 	border-bottom: 1px solid #eeeeee;
	padding: 7px 0; }

#body-right ul li img  {
	padding-right:  6px; 
	vertical-align: middle;  }


.input {
	height:  25px;
	width:  350px;
	font-size:  15px;
	margin:  5px 0 20px 0;
	padding:  5px 0px 5px 10px;  }

textarea  {
	height:  75px;
	width:  350px;
	font-size:  15px;
	margin:  5px 0 10px 0;
	padding:  5px 0px 20px 10px;  }

#body-container .input {
	height:  25px;
	width:  300px;
	font-size:  15px;
	margin:  10px 0;
	padding:  5px 0px 5px 10px;  }

#body-container textarea  {
	height:  100px;
	width:  350px;
	font-size:  15px;
	margin:  5px 0 10px 0;
	padding:  5px 0px 20px 10px;  }

#body-container input  {
	margin:  10px 0;
	padding: 0;  }


.shadow { 
	border:  1px solid #aeaeae;
  	-webkit-box-shadow: 0 8px 16px -6px black;
    	-moz-box-shadow: 0 8px 16px -6px black;
         	box-shadow: 0 8px 16px -6px black;  }

.frame { 
	border:  1px solid #908E8E;
	background:  #277790; 
     	padding:  5px; 
  	-webkit-box-shadow: 0 8px 16px -6px black;
    	-moz-box-shadow: 0 8px 16px -6px black;
         	box-shadow: 0 8px 16px -6px black;  }

.float-l  {
	float:  left;
	margin:  0 25px 10px 0;  }

.float-r  {
	float:  right;
	margin:  0 0 20px 75px;  }

.horiz-line {
	margin:  50px 0;
	border-bottom: 1px solid #277790;
	width:  100%; }

.pad  {
	margin-top:  40px;  }


h1  { 
	color:  #277790;
	padding-bottom:  25px;
	margin:  0;  
 	font-family: "Marcellus SC", candara, dotum;  }

h2  { 
	color:  #277790;
	line-height:  125%;
	padding:  15px 0 5px 0;
	margin:  0; 
 	font-family: "Marcellus SC", candara, dotum;   }

h3  { 
	color:  #277790;
	padding:  5px 0 10px 0;
	margin:  0; 
 	font-family: "Marcellus SC", candara, dotum;   }

h4  { 
	color:  #277790;
	padding:  5px 0 10px 0;
	margin:  0; 
 	font-family: "Marcellus SC", candara, dotum;   }



/*  scroll to top logic  */

.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
             background-color: #fffff;
	color: #c4c4c4;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 65px;
	padding-top: 2px;
	border: 2px solid #c5c5c5;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

}
.scroll-top-wrapper:hover {
	background-color: #225d5b;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

#footer  {
	width: 100%; 
	padding:  35px 0; 
 	background: #277790;
	border-top:  2px solid #891719;   }

.footer-content  {
	color:  #ffffff;
	margin:  0 auto;
	width: 85%; 
	display:  table;  }

.footer-hdr  {
	color:  #ffffff;
	letter-spacing:  1px; 
	font-size:  17px; 
	padding-bottom:  5px; }

.footer-content a:link {
	padding:  0 2px 0 2px;
	color:  #ffffff;	
	text-decoration:none;  }
				
.footer-content a:visited  {
	color:  #ffffff;
	text-decoration:none;  }
				   
.footer-content a:hover {
	color: #93c8c8;  
	text-decoration: none;  }

.social {
	margin:  0 0 10px 0; }

.social a  {
    padding-left: 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;  }

.social a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);  }







/****   services *****/

#services-container {
	width: 85%; 
	padding:  35px 0  0;
	margin:  5px auto 0 auto;
	display: table; }  
	
.left-section  {
	width:  290px;
	float:  left;
	margin-right:  40px; }

.mid-section  {
	width:  290px;
	float:  left;
	margin-right:  40px; }

.right-section  {
	width:  290px;
	float:  left;  }

.service-hdr  {
	margin:  25px 0 10px 0;
	color:  #000000;  
	font-size: 22px;  }

.service-hdr-sml  {
	margin:  15px 0 10px 0;
	font-size: 20px;  }

.service-text  {
	padding:  0 10px 0 0; }


.desc-hdr  {
	margin:  10px 0 0 0;
	color:  #1982c4;  
	font-weight:  bold;  }

.desc-text  {
	padding:  0 0 10px 0; }

.alarm-hdr  {
	margin:  10px 0 0 0;
	color:  #e4701d;  
	font-weight:  bold;  }

.alarm-text  {
	padding:  0 0 10px 0; }


#equip-hdr  {
	font-size:  35px;
	padding:  50px 0;
	color:  #ffffff;  }

.equip-text  {
	line-height:  135%;
	font-size:  13px;
	padding:  0 0 10px 0; }

.alarm-hdr2  {
	margin:  10px 0 0 0;
	color:  #000000;  
	font-weight:  bold;  }


 
/****   bottom *****/
	
#bottom  {
	padding:   0;
	display: table;
	width:  100%; 
	height:  200px; }

.bottom-content  {	
	font-size:  14px;
	margin:  0px auto;
	color:  #ffffff;
	width:  85%;  }

.bottom-content  a:link {
	color:  #ffffff;	
	text-decoration:none;  }
				
.bottom-content  a:visited  {
	color:  #ffffff;
	text-decoration:none;  }
				   
.bottom-content  a:hover {
	color: #979797;
	text-decoration: none;  }

/****   bottom *****/
	

.hr  {
	margin:  75px 0;
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));  }


.imgframe { 
	border:  1px solid #6c6b6b;
	background:  #303030; 
     	padding:  7px;   }


.border  { 
	border:  1px solid #797979; }

.clearfloats  {
	clear:  both;  }


/*     old stuff  */

.intro  {
	width:  85%; 
	display:  table;
	margin-bottom:  30px;  }

.intro-text  {
	line-height:  135%;  }

.legal  {
	padding-top:  20px;
	font-size:  13px;
	font-style:  italic; }

.alarm  {
	margin:  10px 0 0 50px;  }

/** media query to handle size of nav text   **/

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

.hdr-nav-container  {
	width:  95%;  }

.hdr-nav  {
	font-size:  15px; }

.quote a.getQuote {
	font-size:18px;  }

 }