﻿





/* Headings */



h1, h2, h3, h4, h5, h6 { font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif; 

						font-weight: bold; color: #000; font-size:100%; }



h1 {font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-size:1.75em; }

h2 {font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-size:1.5em; }

h3 {font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-size:1.25em; }

h4 {font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-size:.1em; }

h5 {font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-size:.75em; }

h6 {font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-size:.65em; }



/* Text Elements */



p           	{ color:#000; font-size:1em; line-height:160%; font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; }

p .left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }

p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }



a           	{   }

a:link		{ color: #00f;  }

a:visited		{ color: #660000;  }

a:active		{ color: #000;  }

a:focus		{ color: #666;  }

a:hover     	{ color: #f00;  }



blockquote  	{ color:#000; font-size:1em; }



strong      	{ font-weight: bold; }

em		     { font-style: italic; }



img {

	max-width:100%;

	height:auto;

	margin:0;

}



/* Lists */



ul          	{  }

ol          	{ list-style-type:decimal; }



ul li		    { color:#000; font-size:1em; }

ol li	     	{ color:#000; font-size:1em; }



#wrapper { max-width:95%; margin:10px auto 0 auto; background-color:#ecf7f9; height:auto;

 }



#company-header { max-width:95%; margin:0px auto 0 auto; background-color:#ecf7f9; height:160px;

					 }



#company	 		{ float:left;  padding: 1%; }

.logo				{ float:left; padding: 1%;	}

.company-name		{ margin:3% 0 0% 2%; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 

					font-size:2.3em; font-weight:bold; color:#000; text-align: center;	}
					
.sub-name			{ margin:0% 0 0% 2%; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 

					font-size:1.8em; color:#000; text-align: center;	}		

										

#social-media		{width:215px; margin:0px 0px 0px 0; float:right;	padding:1%;}

#social-media ul 	{	}

#social-media ul li	{ display:inline;	}

#social-media img	{ width:25px; height:25px; margin:0 0 17px 0; padding: 0;}



#social-media p	{ font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 

					font-size:.9em; font-weight:bold; color:#000; margin:0 0 12px 0; text-align:right; }



#banner	{ max-width:100%; margin:2% 1% 0% 3%; height:auto; background-color: #ecf7f9;}

#intro-banner {Width: 95%; display: inline-block;   }

.intro-banner-imagebox { background-color: #ecf7f9; width:100%; padding: 10px;}

.intro-banner-right		{ height:auto; width:100%; padding:0px 10 10 10; margin: 0px 10 0 0; }

#summary {Width: 95%; background-color: #ecf7f9; margin:2% 1% 0% 3%;}
.summary h2 {text-align: left; font-weight: bold; }
.summary p {Width: 95%; background-color: #ecf7f9; margin:2% 1% 0% 3%;}


 
#analysis-type {Width: 95%; background-color: #ecf7f9; margin:2% 1% 0% 3%;  }

.analysis-type h2 {text-align: left; font-weight: bold; }

.analysis-type p {}

.analysis-examples-list-container {margin:0% 3% 0% 3%;  width:93%;
  padding: 10px; gap:20px; }


.analysis-example {display:flex; flex-direction: row; /*border:2px #f75 solid;*/  gap: 20px; margin-bottom: 40px; height:290px;}

.analysis-example-image1-container { display: inline; height:250px; margin: 0px 10 0 0; flex: 1; }

.analysis-example-image1 {   }

.analysis-example-image2-container { display: inline; height:250px; margin: 0px 10 0 0; flex: 2; }

.analysis-example-image2 {   }

.analysis-example-text-container { display: inline; height:auto; margin: 0px 10 0 0; flex: 1; }

.analysis-examples-text h2		{  margin: 0px 10 0 0; gap:10px;}

.analysis-examples-text p {  margin: 0px 10 0 0; gap:10px;  }



.analysis-examples-image {background-color: #fff; /*height: 250px; */ width:40%; padding: 10px}



#info-end  { Width: 95%; background-color: #ecf7f9; margin:0% 1% 0% 3%;}
.info-end h2 {text-align: left; font-weight: bold; margin-left: 20px; }
.info-end p {Width: 95%; background-color: #ecf7f9; padding: 10px; margin-left: 10px;}






#tempbanner		{clear:both;  margin:0; width:100%; padding: 10 0; }

#tempvid {width:45%; height:300px;  padding:0;  position:inherit; margin:0% 0 0% 0%;}



#sliderbanner	{ width:67%; height:300px;  padding:0;  position:inherit; margin:0% 0 0% 0%;}


#sliderbanner2	{ width:100%; height:auto;  padding:0;  position:relative; margin:0% auto;}



#subbanner-right2		{ display:none;	}/* use to hide in homepage */

						
.subbanner-right p{ font-size:.9em; margin:-5px 10 0px 0; text-align:left	}
						

#subbanner-right h1		{ font-size:1.25em; color:#9F5000; padding:2% 0 0 0; margin-top:0 }




#endheader 		{ clear:both; margin:0 auto; width:1200px; height: 10PX;} /* use on pages without slider to fit into slider space */




#leftside {max-width:70%; background-color:#E3E5E6; background-image: url(../images/bckgd4.jpg); background-repeat:repeat; padding-top:2%; float:left; padding-right:1%; margin:1% 0 2% 1.5%; border-radius:35px; }
#leftside2 {max-width:58%; background-color:#A8D0D0;  background-image: url(../images/bckgd4.jpg); background-repeat:repeat;padding-top:2%; float:left; padding-right:0%; margin:1% 0 1% 1%; border-radius:25px; }

#rtsidecontent {max-width:39%; background-color:#fff; padding-top:2%; padding-right:1%; float:right; padding-left:1%; }



#acrossall {clear:both; width:1140px; float:left; padding-right:0%; background-color:#ecf7f9; margin:1% 1% 0% 1%; border-radius:35px; }



.leftside h1		{font-weight:bold; color:#9F5000;

					 font-size: 1.75em;	text-align:center; }

.leftside h2		{color:#9F5000; text-align:center; font-size:1.50em; padding-top:2%; }



.leftside h3		{color:#000000; text-align:center; font-size:1.25em; padding-left:0% }



.leftside p		{padding-left:3%; font-size:.95em; padding-right:1%;}

.leftside li		{ list-style-type:square; margin:0 0 12px 100px; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif;	}

.superscript   {font-size:xx-small; vertical-align:top;}






#subcontent2 {max-width:100%; background-color:#E3E5E6; padding-top:2%; float:left; padding-right:1%; margin:1% 0 2% 2.5%; }

.subheading2-h3 {color:#9F5000; padding-left:3%; font-size:1.25em; margin-left:15%; }





#box1 img, #box2 img, #box3 img, #box4 img, #box5 img, #box6 img, #box7 img, #box8 img {  border:4px #BF5000 solid;	margin-left:15%;}





#box1 { width:48%; float:left; margin:20px 1% 10px 1%; }





#box2 { width:48%; float:left; margin:20px 0 10px 0;    }



#box3 {width:48%; float:left; margin:20px 1% 10px 1%;  }



#box4 { width:48%; float:left; margin:20px 0 10px 0;   }



#box5 { width:32%; float:left; margin:20px 1% 10px 1%;  }



#box6 { width:32%; float:left; margin:20px 0 10px 0;   }



#box7 { width:32%; float:left; margin:1% 1% 5px 1%;  }



#box8 { width:32%; float:left; margin:20px 1% 10px 1%;  }



#gallery				{	margin: 0 0 0 2%;}

#gallery ul li			{ display:inline; padding: 1%;	}

#gallery img			{ padding:3px; margin:10px -10px; border:1px #aaa dotted;	}





#rightside {max-width:29%; background-color:#fff; padding-top:0%; padding-right:1%; float:right; padding-left:1%; }

#rightside2 {max-width:100%; background-color:#fff; padding-top:0%; padding-right:1%; float:none; padding-left:2%; }



#center { 

margin:auto;

text-align:left;

padding-top:10px;

width:65%;

}



.rightside h1		{font-weight:bold; color:#000;

					 font-size: 1.75em;	padding-left:2%; }

.rightside h2		{color:#000; padding-left:0%; font-size:1.50em; padding-top:2% }

.rightside h3		{color:#000; padding-left:0%; font-size:1.25em; padding-top:4% }





.rightside p		{padding-left:0%; font-size:.95em;}

.rightside li		{ list-style-type:square; margin:0 0 12px 30px; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif;	}

.regular li		{ list-style-type:square; margin:0 0 12px 50px; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 	}



.rightside a		{	}



.rightside a:link		{ color:#000;	}

.rightside a:visited	{ color:#000;	}

.rightside a:active		{ color:#000;	}

.rightside a:hover		{ color:#BF5000;	}

.rightside a:focus		{ color:#BF5000;	}



.float-left		{ float:left; margin:3px 15px 8px 20px; border: 1.5px #BF6000  solid;}









.clear			{ clear:both; }





.boxed {

  float:right;  width:98%; border: 3px #BF6000  solid ; margin: 10 12px 10 10px;  background-color:#E3E5E6; text-align:center;



}



.boxedimage { float:left;  width:30%;  margin: 0 10px 0 10px; 

}





.boxed-text1 { float:left;  width:30%; border: 3px #BF6000  solid ; margin: 0 10px 0 20px; padding:10px; background-color:#E3E5E6; font-size:1.25em; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; font-weight:bold;

}





.boxed-textLeft {clear:both; padding : 1% 2%; width:auto; border: 3px #BF6000  solid ; margin: 50px 0 10px 0; background-color:#E3E5E6; 

}





.boxed-text { float:right; width:40%; border: 3px #BF6000  solid ; margin: 0 10px; padding-bottom:20px; background-color:#E3E5E6; 

}



.boxed-text p		{ font-size:1.25em; margin-left:15px;    font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; font-weight:bold; }

.boxed-text li		{ list-style-type:square; margin:0px 0 12px 50px; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; font-weight:bold;	}







#footer 				{ clear:both; margin:0 auto; text-align:center;

						border-top:1px #333 dotted; width:95%; background-color:#fff; padding-bottom:20px; }





.footer-text		{ text-align:center; font-size:.9em; font-style:normal; }



						

.footer-h1			{

	font-size:1em; font-weight:bold; text-align:center; color:red; padding-top:10px;

}						

						

.footer-h2 {font-size:.8em; font-weight:bold; text-align:center; height:10px

	

}



.footer-p {font-size:.8em; font-weight:bold; text-align:left; margin-left:2%;

	

}



						

.footer a				{ font-size:.9em; font-weight:bold; text-align:center;  text-decoration: none;}

.footer a:link			{ color:#000;	}

.footer a:visited		{ color:#000;	}

.footer a:active		{ color:#000;	}

.footer a:hover		{ color:#BF6000;	}

.footer a:focus		{ color:#BF6000;	}



				

