@charset "utf-8";
/* Ardent Defense LLC stylesheet by IntegriTivity*/

/* Global properties ======================================================== */
* { margin:0; padding:0;}     /* turns off extra spacing around paragraphs*/

html{
	height:100%;				/* Force vertical scrollbars in VTz + Opera to prevent 'jumping' */
	margin-bottom:1px;
	overflow-y:scroll;			/* this line is for IE */
}

h1, h2, h3, h4 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.colorGreen {color: #2f705b }
.colorBlue {color: #07395d}
.colorBlackish {color: #211f20}
.colorGray {color: #bcbcbc}


a.ViewMore {color: #2f705b!important; font-size: 12px!important;}
a.ViewMore:hover {color:#07395d;}

#BannerR {float: right; display: inline-block; padding-top: 5px;}

body {	background-color: #fff; 
    line-height: 1.5em;
    font-family: 'Open Sans', Arial, Helvetica, serif;
	padding-top: 10px;}

a       {color: #07395d; font-weight: bold; text-decoration: none;}
a:hover {color: gray;}

a.green       {color: #07395d; font-weight: bold; text-decoration: none; }
a.green:hover {color: #2f705b;}

a.regular       {color: unset!important; font-weight: normal; text-decoration: none;}

table.Columns2 {float: left; display: inline-block; margin-right: 20px;}

h1{	
	text-align: left;
	vertical-align: top;
	color: #2f705b;		/* green */
	margin-top: 0px;
	margin-bottom:5px;
	margin-left: 0px;
}

h2 {	
	color: #07395d;		
	vertical-align: top;
	margin-bottom:5px;
}

h3 {	
	text-align: center;
	vertical-align: top;
	color: #07395d;		
}
h4 {	
	color: 211f20;		
	display: inline;
}

img {border:0px; padding:0px;}
img.framed {border:1px; padding:0px; border-color:#000;}

img.center {					/* This is to center an image for all browsers */
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.50percent {width: 50%; height: auto;}
	
.Centered {margin: auto; }
.CenterAloneMobileContainer {display: inline;}
.CenterAloneMobileL { float: left; margin-right: 20px;}
.CenterAloneMobileR { float: right; margin-left: 20px;}

.ContactBlock {display: inline;}

.ClearL {clear: left;}

.ContentsCentered {text-align: center;}
.ContentsCentered table {margin-left: auto; margin-right: auto;}

.ContentsLeft {text-align: left;}
.ContentsRight {text-align: right;}

.Copyright{ 
	background-color: #07395d;
	color: #ffffff; 
	font-family: Arial, Helvetica, "Gill Sans", "Gill Sans MT", "sans-serif" ;
	vertical-align:middle; 
	font-weight:normal;
    padding-top: 10px; padding-bottom: 10px;
}


.FloatR {float: right;margin-left: 20px;}
.FloatL {float: left; margin-right: 20px;}
.FloatTable {float: left; margin-right: 20px;}

.KeepTogether {display: inline-block; word-wrap:normal; word-break:keep-all;}

.Link_Copyright {
	color: #ffffff;
	font-family: Arial, Helvetica, "Gill Sans", "Gill Sans MT", "sans-serif" ;
	font-weight: normal;
}
.Link_Copyright:hover {	color:#d2232a;}

.mainmenu ul {
	list-style-type: none;	
}
.mainmenu li {
	display: inline;
	float: left;
	padding: 0px;
	padding-top: 4px; 
}

.MobileCenter {display: inline;}

.NavStripe { 
	background:url(images/SilverStripe.png) top repeat-x; 
	width: 100%;
	height: 30px;
		}

.PadTop5 { padding-top: 5px;}
.MarginB10 {margin-bottom: 10px;}


.TextBody {	color: #211f20;	font-family: Georgia, "Times New Roman", Times, serif;	text-align: left;}
.TextCaption {font-size: 14px; font-family: Arial, sans-serif; line-height: 14px; text-align: center; padding-top: 6px; padding-bottom: 2px;}

.VertBottom {vertical-align: bottom;}
.VertMid {vertical-align: middle;}
.VertTop {vertical-align: top;}


#menu-icon {display: none; width: 40px; height: 40px; background: url(images/menu40.jpg) right;}
nav ul {	list-style: none; margin: 0px;}
nav li {	display: block;	}


.Phone {	
	font-family: 'Open Sans', Arial, Helvetica, serif;
	font-weight: bold;
	text-align: right;
	margin-top: 0px;
	margin-bottom:5px;
	margin-left: 0px;
}
.Phone a:link, a:visited, a:active {
	color: #2f705b;		
	text-decoration: none;
}
.Phone a:hover {
	color: #07395d;		
	text-decoration: none;
}


.Certifications {	
	color: #2f705b;		/* gray */
	font-family: 'Open Sans', Arial, Helvetica, serif;
	font-weight: bold;
	text-align: right;
	margin-top: 0px;
	margin-bottom:5px;
	margin-left: 0px;
}
.MenuIntro {	
	color: #2f705b;		/* gray */
	font-family: 'Open Sans', Arial, Helvetica, serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom:5px;
	margin-left: 0px;
}

#Footer {background-color: #ccc; padding-top: 10px; padding-bottom: 10px;}
.FooterColumn {width: 50%; display: inline-block; float: left; text-align: center; 
	vertical-align: top; line-height: 1.2em}

.FooterColumn p { font-family: Arial, Helvetica, "Gill Sans", "Gill Sans MT", "sans-serif" ;}

.FooterColumn h4 {padding-bottom: 10px!important; display: block; }

/* MOBILE OPTIMIZATION *************************************** */
img { max-width: 100%; height: auto; }
.MobileOpt img {height: auto;}
	
/* FOR SPECIFIED VIEWPORT ============================================================================================= */ 

@media all and (min-width: 1000px) {				/* LARGE DEVICES */
	.MobileHide {display: inline-block;}
	.MobileShow {display: none;}
	h1 { font-size: 28px; line-height: 32px;}
	h2, h3 { font-size: 24px; line-height: 32px;}
	h4 { font-size: 18px;}
	.Copyright		{font-size: 14px; line-height: 30px;}
	.Link_Copyright {font-size: 14px; line-height: 30px;}
	.sidebar { font-size: 16px;}
	.TextBody {	font-size: 18px; line-height: 24px;}
	.table1000 {   width: 1000px; margin: auto; }
	.Certifications {font-size: 15px; }
}
@media all and (min-width: 980px) {
	.Phone {font-size: 150%;}
	.Certifications {font-size: 14px; }

}

@media (min-width: 769px) and (max-width: 999px) {	/* medium devices */ 
    #BannerR  {margin-right: 10px;}
    .MobileHide {display: inline-block;}
	.MobileShow {display: none;}
	.fb-like{	margin-left: 10px; margin-right: 10px;}
	h1 { font-size: 26px;}
	h2, h3 { font-size: 18px; line-height: 24px;}
	h4 { font-size: 12px;}
	.Copyright		{font-size: 14px; line-height: 30px;}
	.Link_Copyright {font-size: 14px; line-height: 30px;}
	.TextBody {	font-size: 16px; line-height: 24px; margin-left: 10px; margin-right: 10px;}
	.table1000 {   width: 100%;   }
	.Phone {font-size: 140%; }
    .Certifications {font-size: 12px; }	    
    .FooterColumn h4, .FooterColumn {font-size:22px;}	
}

/* small devices */ 
@media all and (max-width: 768px) {
	#BannerR { float: none; display: block; padding-top: 0; margin-left: auto; margin-right: auto; text-align: center;}
    .TopPhoneContainer {margin-left: auto; margin-right: auto; text-align: center; font-size: 90%; margin-top: 0px; margin-bottom: 0px;}
	.MobileHide {display: none;}
	.MobileShow {display: inline-block;}
	.fb-like {	margin-left: 20px;}
	h1 { font-size: 24px; line-height: 28px; text-align: center;}
	h2, h3 { font-size: 17px; line-height: 22px;}
	h4 { font-size: 10px;}
    .Copyright		{font-size: 14px; line-height: 20px;}
	.Link_Copyright {font-size: 14px; line-height: 20px;}
	.TextBody {	font-size: 14px; line-height: 20px; margin-left: 10px; margin-right: 10px;}
	.table1000 {   width: 100%; }
	.Phone {font-size: 110%; padding-top: 15px !important; font-weight: 600 !important; display: block; float: none; margin: 0; text-align: center; padding-bottom: 10px!important;}	
	.Certifications {font-size: 14px; text-align: center;}
    .CenterAloneMobileContainer {display: block; width: 100%; text-align: center; align-content: center; background-color: white; }
	.CenterAloneMobileL, .CenterAloneMobileR {display: block; float: none; margin-left: auto!important; margin-right: auto!important; }  
    .FooterColumn {width: 50%; height: 130px; float: unset; }
    .FooterColumn h4 {font-size: 15px;}
}

@media all and (max-width: 600px) {
   h2, h3 { font-size: 15px; line-height: 20px;} 
}
/* very small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media all and (max-width: 480px) {
	h1 {line-height: 30px;}
	.fb-like {	margin-left: 20px;}
	.TextBody {	margin-left: 12px; margin-right: 10px;}
	.MobileMarginBottom {margin-bottom: 10px;}
	.Phone {font-size: 22px; display: block; float: none; margin-left: auto; margin-right: auto; }	
    .FooterColumn {width: 100%; display: block; margin-left: auto; margin-right: auto;}
    .FooterColumn h4 {font-size: 16px;}
    .FooterColumn {height: auto; padding-bottom: 20px;}
}
/* VERY small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media all and (max-width: 320px) {
	.Phone {font-size: 22px; text-align: left; padding-left: 10px;}	
	.Certifications {font-size: 16px; }	

}

