@charset "utf-8";
/* CSS Document */


		
		
/*************************************
Screen 001 - 439
*************************************/	
		/*****************************
		Header CSS - 001
		*****************************/
		header {
			z-index: 98;
		}
		
		footer {
			clear: both;
			position: 
		}
		
		#lowerBar {
			border-bottom: solid .2vw #e29718;	
		}
		
		.innerSec {
			display: block;
			float: left;
			padding: .5em 0 .5em 5%;
			color: #888;
		}
		
		.innerSec a {
			color: #fff; 
			text-decoration: none;
		}
		
		 .orangeUnder:hover {
			text-decoration: none;
			background: url(../images/underline.png);
			background-repeat: repeat-x; 
			background-position: 100% 100%;
			padding-bottom: .2em;
			white-space: no-wrap;
		}
		
		.orangeFix {
			background: url(../images/underline.png);
			background-repeat: repeat-x; 
			background-position: 100% 100%;
			padding-bottom: .2em;
			white-space: no-wrap;
		}
		
		#Logo {
			text-align:center;
			width: 40vw;
		/*	margin-bottom: -1vw;*/
		}
		
		#Logo img {
			margin-left: auto;
			margin-right: auto;
		/*	width: 100%;*/
		/*	max-height: 110px;*/
			width: 100%;
		}
		
		#slogan {
			font-size: .6em;
			font-weight: 700;
			text-align: center;
			font-style: italic;
			width: 100%;
		}
		
		#menu {
			text-align: center;
			color: #fff;
		}
		
		#menu > ul {
			width: 100%;
			background: #03C;
			margin-bottom: 0;
		}
		
		#menu #mainMenu > li {
			font-size: 1em;
			font-weight: 700;
			padding: .75em 0;
		}
		
		.min840 {
			display: none;
		}
		
		
		
		
		/*****************************
		Footer CSS - 001
		*****************************/
		footer {
		/*	height: 21vh;*/
			background: #333;
			color: #ccc;
			border-top: solid .2vw #c60;
			padding-left: 5%;
			padding-top: .5em;
			z-index: 99;
		}
		
		#footerLeft {
			padding-right: 5%;
		}
		
		#footLinks {
			margin-bottom: 1em;
			margin-top: .5em;
			font-size: 3vw;
			text-align: center;
		}
		
		#footLinks a {
			color: #fff;
			text-decoration: none;
		}
		
		#footLinks a:hover {
			text-decoration: none;
		}
		
		#copyInfo {
			font-size: .85em;
			padding-bottom: .5em;
		}
		
		#footerRight {
			width: 95%;
		}
		
		#footSoc {
			padding-bottom: .5em;
			text-align: center;
		}
		
		#footSoc img {
			display: inline-block;
			max-height: 2.5vw;
			max-height: 7vw;
			margin-top: 7px;
			margin-left: 0;
		}
		
		#footSoc img:nth-child(1) {
			margin-left: 0;
		}
		
		#footSoc img:hover {
			position: relative;
			margin-top: -5px;
		}
		
.search-res{ display: none;}


@media screen and (max-width:1024px) {
	#menu{width:50% !important; margin-right: 0px !important; right:0 !important;}
	#menu ul li { display: block !important; float: left !important;}
	
	#menu #mainMenu{ margin-right:0px !important;}
	
	#topBar{padding:0 2% !important; width: 96% !important;}
	#topBarS1{ width: 48% !important; float: left !important;}
	#topBarS3{ width:20% !important; float: right !important;}
	.sm{ width:210px !important;}
	
	#topBarS1 #insideS1{ width: 100% !important;}
	
	.socMediaDrop{ width:60px !important; text-align:center!important; }
	
	/* Mobile Version - 
		Keep the search bar visible */
	#mobileSearch-res {
		display: inline-block !important;
	}
	#mobileSearchWrap {
		display: block !important;
		float: left;
	}
	#mobileSearchWrap input#searchBar {
		width: 75vw;
		height: 1.15em;
	}
}




/*************************************
Screen 440 - 659
*************************************/
@media screen and (min-width: 440px) {
		/*****************************
		Header CSS - 440
		*****************************/
		
		
		
		
		/*****************************
		Footer CSS - 440
		*****************************/

	
}


	


/*************************************
Screen 660 - 839
*************************************/
@media screen and (min-width: 660px) {
		/*****************************
		Header CSS - 660
		*****************************/
		
		
		
		
		/*****************************
		Footer CSS - 660
		*****************************/
		
		


	
}



@media screen and (max-width: 840px) {
	.search-res{ 
		display: block !important; 
		width:90%!important; 
		padding:15px 5% !important; 
		background: #1e1e1e none repeat scroll 0 0;
		border-top: 1px solid #333;
	}

	.search-res #searchWrap{ width:95% !important; float:left;}
	.search-res #searchWrap input[type="search"]{ width: 98%; border: solid 1px #ccc; -webkit-appearance:none;
    border-radius:0; outline: none;}
	
	.serch-icon{ float: right !important; width:3% !important;}
	.serch-icon img{ max-width: 100%; text-align: right; float: right;}
	header{ overflow: hidden;}
}

@media screen and (max-width: 640px) {
.search-res #searchWrap{ width:90% !important; float:left;}
.serch-icon{ float: right !important; width:3% !important;}
}

@media screen and (max-width: 540px) {
.serch-icon{ float: right !important; width:4% !important;}
}

@media screen and (max-width: 360px) {
.serch-icon{ float: right !important; width:6% !important;}
}

/*************************************
Screen 840+
*************************************/
@media screen and (min-width: 840px) {

	
		/*****************************
		Header CSS - 840
		*****************************/
		.max839 {
			display: none;
		}
		
		.min840 {
			display: block;
		}
		
		header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
		}
		
		#topBar { 
			width: 100%;
			height: 2.2vw;
			background: #555;
		/*	overflow: hidden;*/
			text-align: left;
			font-size: .95vw;
			z-index: 99;
		}
		
		#insideS1 {
			width: 40%;
		}
		
		.innerSec {
			width: 20.2vw;
			text-align: right;
			margin-right: 1vw !important;
		}
		
		.innerSec a {
			color: #ccc;
		}
		
		.innerSec a:hover {
			color: #fff;
		}
		
		#magLight {
			height: 1.25vw;
		}
		
		.loginText {
			display: block;
			float: right;
		/*	margin-top: .25vw;*/
			margin-left: .25vw;
		}
		
		#searchWrap {
			display: block;
			float: left;
			margin-top: -.25vw;
			transform-origin: right;
		}
		
		#searchBar {
			background: #ccc;
			height: 1.45vw;
			border: none;
			width: 15vw;
			color: #c60;
			text-indent: .25vw;
		}
		
		#searchBar:focus {
			outline: none;
		}
		
		
		
		/*Social Media Drop Down Parameters*/		
			#topBarS2 {
				float: left;
				height: 2em;
				margin-top: 0;
				list-style-type: none; 
				top: 0;
				-webkit-margin-before: 0;
				-webkit-margin-after: 0;
				-webkit-padding-start: 0;
			}
			
			#topBarS2 img {
				height: 1.75vw;
				margin-top: .2vw;
			}
			#topBarS2 a:hover {
				color: #fff; 
			}	
			#topBarS2 ul { 
				-webkit-margin-before: 0;
				-webkit-margin-after: 0;
			}
			#topBarS2 li { 
				float: right; 
				position: relative; 
				bottom: 0;
			}
			.socLead {
				margin-left: .25vw;
			}
			#topBarS2 li:hover { 
				background-position: 0 -40px; 
			}
			#topBarS2 li a { 
				display: block; 
				color: #ccc; 
				text-decoration: none;
			/*	padding-bottom: .3955vw;  Add to drop down instead.   Remove after completed.*/
			}
			
			#topBarS2 li ul { 
				opacity: 0; 
				position: absolute; 
				left: 6vw;
				top: -.5vw; 
				width: 16vw; 
				height: auto;
				background: none; 
				list-style-type: none; 
				padding: 0 0 0 .5vw; 
				margin: 0; 
				z-index: 96;
			}
			#topBarS2 li:hover ul { 
				opacity: 1; 
			}
			#topBarS2 li ul li { 
				display: block;
				float: left; 
				position: static; 
				line-height: 0; 
				background: none; 
				margin-left: none;
			}
			/******************************************************************
			*******************************************************************
			******************************************************************/
			.borderIcon { 
				border-right: solid 1px #1e1e1e;
			}
			#topBarS2 li:hover ul li { 
				height: 30px; 
				line-height: 30px; 
			}
			
				@-moz-document url-prefix() { 
					#topBarS2 li a {
						padding-bottom: .3vw;
					}
					#topBarS2 li ul { 
						height: 2.3vw;
						margin: -0.05vw 0 0 .5vw;
					}
					#topBarS2 li ul li { 
						bottom: 0;
					}
				  
				}
/*ENABLE this if there are problems in IE*/
	/*		#topBarS2 li ul li a { 
				background: #63867f; 
			}
			#topBarS2 li ul li a:hover { 
				background: #5a8078; 
			}*/
	/*		#topBarS2 li ul { display: none; }
#topBarS2 li:hover ul, #topBarS2 li.over ul {display: block; }
#topBarS2 li ul li { height: 30px; line-height: 30px; }*/
		
		#topBarS3 {
			float: right;
			margin-right: 5%;
		}
		
		#lowerBar {
			width: 100%;
			height: 6.85vw;
			background: #fff; 
			z-index: 96;
		}
				
		#Logo {
			display: block;
			float: left;
			width: 35%;
			height: auto;
			text-align: left;
			padding-left: 5%;
			position: absolute;
			z-index: 95;
		}
		
		#Logo img {
			height: 7vw;
			width: auto;
			padding-top: .5vw;
			margin-left: -1.55vw;
		}
		
		#slogan {
			display: block;
			float: left;
			height: 3vh;
			font-size: 1.1vw;
			text-align: left;
		}
		
		#menu {
			display: block;
			float: right !important;
			-webkit-float: right;
			width: 95%;
  			height: auto;
			overflow-x: hidden;
			text-align: left;
			color: #777;
			margin-right: 5%;
			position: absolute;
		}
	/*MAIN Menu Only ("#mainMenu"not the Drop Menu ".mainDrop")*/
		#menu > ul {
	/*		width: 70%;*/
			float: right;
			background: none;
			margin: 0 0 0 0;
			text-align: right;
				display: -webkit-box;
				-webkit-box-pack: end;
				-webkit-box-direction: normal;
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				
		}
		
		#menu #mainMenu > li {
			display: block;
			float: left;
			width: 14.1vw;
			height: auto;
		/*	margin-top: 1.75vw;*/
		/*	margin: 0 0 0 5vw;*/
		/*	margin-left: 7vw;*/
			font-size: 1.6vw;
			font-weight: 400;
			text-align: center;
			padding: 0;
			margin-top: -.1em;
		/*	padding: 1em 0;*/
		/*	padding-top: .75em;
			transition: padding-top .3s .1s ease-in-out;
			background: none;
			transition: background .3s .2s ease-in-out;*/
		}
		
		#menu #mainMenu > li {
			  display: inline-block;
			  color: #777;
			  position: relative;
			  background-color: none;
			  background-image: none;
			  -webkit-backface-visibility: hidden;
			  z-index: 1;
			/*background: none;
			color: #777;
			transition-property: opacity;
			transition-duration: .5s;
			transition-delay: .05s;
			transition-timing-function: ease-in-out;
			z-index: 97;
			opacity: 1;*/
		}
		
		#menu #mainMenu > li:after {
			  position: absolute;
			  content: '';
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 100%; 
			  background: rgba(226,151,24,1); 
			  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,219,175,1)), color-stop(100%,rgba(226,151,24,1))); 
			  	
			  background: -ms-linear-gradient(top,  rgba(247,219,175,1) 0%,rgba(226,151,24,1) 100%); 
			  background: linear-gradient(to top, #e29718, #f7dbaf);
			  color: #fff;
			  transition: opacity 0.5s ease-out;
			  z-index: 2;
			  opacity: 0;
			  -webkit-opacity: 0 !important;
	/*		background: rgba(226,151,23,1);
			background: -moz-linear-gradient(top,  rgba(249,191,97,0.15) 0%, rgba(204,102,0,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,97,0.15)), color-stop(100%,rgba(204,102,0,1)));  Chrome,Safari4+ 
			background: -webkit-linear-gradient(top,  rgba(249,191,97,0.15) 0%,rgba(204,102,0,1) 100%);
			background: -o-linear-gradient(top,  rgba(249,191,97,0.15) 0%,rgba(204,102,0,1) 100%); 
			background: -ms-linear-gradient(top,  rgba(249,191,97,0.15) 0%,rgba(204,102,0,1) 100%); 
			background: linear-gradient(to bottom,  rgba(249,191,97,0.15) 0%,rgba(204,102,0,1) 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26f9bf61', endColorstr='#cc6600',GradientType=0 );
			color: #fff;
			transition-property: opacity;
			transition-duration: .25s;
			transition-delay: .05s;
			transition-timing-function: ease-in-out;
			z-index: 98;
			opacity: 0;*/
		}
		
		#menu #mainMenu > li:hover:after {
			opacity: 1;
			-webkit-opacity: 1 !important;
		}
		
		#menu #mainMenu > li a {
			position: relative;
			z-index: 99;
		}
		
		#menu #mainMenu > li a:hover {
			color: #fff;
			z-index: 99;
		}
		
		
	/*********Use this code if they want the orange Main Menu drop-downs again********
		#menu #mainMenu li:hover a {
			-webkit-animation:	MenuText .5s .1s forwards ease-in-out;
				-moz-animation: 	MenuText .5s .1s forwards ease-in-out;
				-o-animation: 		MenuText .5s .1s forwards ease-in-out;
				animation: 		MenuText .5s .1s forwards ease-in-out;
			position: relative;
			padding-top: 5vw;
			margin-top: -5vw;
			text-align:center;
		}
		
		#menu #mainMenu > li:hover {
			border-bottom: solid .12vw rgba(256,256,256,.75);
			transition: border-bottom .3s .4s;
			-webkit-animation: 	MenuDrop .5s .1s forwards ease-in-out,
								MenuColor .5s .1s forwards ease-in-out;
				-moz-animation: 	MenuDrop .5s .1s forwards ease-in-out,
								 	MenuColor .5s .1s forwards ease-in-out;
				-o-animation: 		MenuDrop .5s .1s forwards ease-in-out,
									MenuColor .5s .1s forwards ease-in-out;
				animation: 			MenuDrop .5s .1s forwards ease-in-out,
						 			MenuColor .5s .1s forwards ease-in-out;
			
		}
		
		@-webkit-keyframes MenuDrop {
			from { padding-top: .75em; }
			to   { padding-top: 5vw; }
		}
		@-webkit-keyframes MenuText {
			0% 	 { color: #777; }
			55%  { color: #777; }
			65%  { color: #fff; }
			100% { color: #fff; }
		}
		@-webkit-keyframes MenuColor {
			from { background: none; }
			to   { background: -moz-linear-gradient(top,  rgba(240,79,35,0) 0%, rgba(210,98,5,0.5) 55%, rgba(204,102,0,1) 65%, rgba(204,102,0,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,79,35,0)), color-stop(55%,rgba(210,98,5,0.5)), color-stop(65%,rgba(204,102,0,1)), color-stop(100%,rgba(204,102,0,1)));
background: -webkit-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
background: -o-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
background: -ms-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
background: linear-gradient(to bottom,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f04f23', endColorstr='#cc6600',GradientType=0 ); 
; }
		}
			@-moz-keyframes MenuDrop {
				from { padding-top: .75em; }
				to   { padding-top: 5vw; }
			}
			@-moz-keyframes MenuText {
				0% 	 { color: #777; }
				55%  { color: #777; }
				65%  { color: #fff; }
				100% { color: #fff; }
			}
			@-moz-keyframes MenuColor {
				from { background: none; }
				to   { background: rgba(204,102,0,.5);} 
			}
				@-o-keyframes MenuDrop {
					from { padding-top: .75em; }
					to   { padding-top: 5vw; }
				}
				@-o-keyframes MenuText {
					0% 	 { color: #777; }
					55%  { color: #777; }
					65%  { color: #fff; }
					100% { color: #fff; }
				}
				@-o-keyframes MenuColor {
					from { background: none; }
					to   { background: -moz-linear-gradient(top,  rgba(240,79,35,0) 0%, rgba(210,98,5,0.5) 55%, rgba(204,102,0,1) 65%, rgba(204,102,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,79,35,0)), color-stop(55%,rgba(210,98,5,0.5)), color-stop(65%,rgba(204,102,0,1)), color-stop(100%,rgba(204,102,0,1)));
background: -webkit-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%);
background: -o-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
background: -ms-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
background: linear-gradient(to bottom,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f04f23', endColorstr='#cc6600',GradientType=0 ); 
} 
				}
					@keyframes MenuDrop {
						0% 	 { padding-top: .75em; }
						100% { padding-top: 5vw;  
					}
					@keyframes MenuText {
						0% 	 { color: #777; }
						55%  { color: #777; }
						65%  { color: #fff; }
						100% { color: #fff; }
					}
					@keyframes MenuColor {
						from { background: none; }
						to   { background: -moz-linear-gradient(top,  rgba(240,79,35,0) 0%, rgba(210,98,5,0.5) 55%, rgba(204,102,0,1) 65%, rgba(204,102,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,79,35,0)), color-stop(55%,rgba(210,98,5,0.5)), color-stop(65%,rgba(204,102,0,1)), color-stop(100%,rgba(204,102,0,1))); 
background: -webkit-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
background: -o-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
background: -ms-linear-gradient(top,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%); 
background: linear-gradient(to bottom,  rgba(240,79,35,0) 0%,rgba(210,98,5,0.5) 55%,rgba(204,102,0,1) 65%,rgba(204,102,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f04f23', endColorstr='#cc6600',GradientType=0 );
} 
					}}*/
		
		
	/*DropDown Menu & SubMenus*/
		#mainMenu {
			list-style-type: none; /*height: 40px; padding: 0; margin: 0;*/
			position: relative;
			float: left;
			padding: 0; 
		}
		
		#mainMenu li {
		}
		
		#mainMenu > li a {
			display: block;
			padding: 0;
			color: #777;
			text-decoration: none;
			padding: 3.2vw 0 1.62vw;
			/*height: 100%;*/
		}		
		
		/*#mainMenu > li a:hover {
			color: #005aa9; Comment this out: RS Blue
		}*/
		
		#mainMenu li .mainDrop {
			position: absolute;
			background: #fff;
			width: 87vw;
			left: 4.9vw;
			margin-top: 1.4vw;
			padding: 1vw;
			border-top: solid .3vw #e29718;
			
			
			float: right;
			text-align: right;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;*/
		}								
			#jobMenu {
				height: 6vw;
			}
			#servMenu {
				height: 6vw;
			}
			#indMenu {
				height: 6vw;
			}
		
		#mainMenu li .mainDrop {
			opacity: 0;
		}
		
			#jobTitle:hover #jobMenu {
				opacity: 1;
			}
			#servTitle:hover #servMenu {
				opacity: 1;
			}
			#indTitle:hover #indMenu {
				opacity: 1;
			}
			
	/*Hold Menu Open*/
		/*	#jobTitle #jobMenu {
				opacity: 1;
			}*/
		
		.mainDrop {
			font-size: 1vw;
		}
		
		.mainDrop > li {	
			display: block;						
			width: 25%;
			margin: 0;
			padding: .5VW;
			font-weight: 700;
			font-style: normal;
			text-align: left;
			font-style: italic;
			clear: both;
			position: relative;
		}
		
		.mainDrop > li:nth-child(n+2) {
			border-left: solid .1vw rgba(0,0,0,.3); 
		}
		
		.subMenu {
			display: block;
			float: left;
			margin: 0;
			padding: 0 10% 0 0;
			position: absolute;
			left: 3vw;
			top: 3vw;
			list-style: initial;
			line-height: 1.4em;
		}
		
		.subMenu li {
			text-align: left;
			border: none;
			font-weight: 400;
		}
		
		.subMenu + li a {
			color: hotpink;
		}
		
		#mainMenu li .subMenu > li:hover {
			color: #005aa9; /*RS Blue*/
			text-decoration: underline;
		}
		.subMenu > li a:hover {
			color: #005aa9; /*RS Blue*/
		}
								
		
		
		
		
		.min840 {
			display: inline;
		}
		
		
		
		/*****************************
		Footer CSS - 840
		*****************************/
		footer { 
			height: 4vw;
		}
		
		#footerLeft {
			margin-top: 1.35vw;
		}
		
		#footerRight {
			float: right;
			width: 50%;
			margin-right: 5vw;
			margin-top: 1.8vw;
		}
		
		#footSoc {
			text-align: right;
			margin-top: -.9vw;
			pading: 0;
		}
		
		#footSoc img {
			max-height: 2vw;
			margin-top: 0;
		}
		
		#footLinks {
			display: block;
			float: left;
			width: 15%;
			margin-top: -.1vw;
			margin-bottom: 0;
			font-size: .9vw;
			text-align: left;
		}
		
		#footLinks a {
			color: #ccc;
		}
		
		#footLinks a:hover {
			text-decoration: none;
			color: #fff;
		}
		
		#footLinks .orangeUnder:hover {
			text-decoration: none;
			background: url(../images/underline2.png);
			background-repeat: repeat-x; 
			background-position: 100% 100%;
			padding-bottom: .2em;
			white-space: no-wrap;
		}
		
	/*	#copyInfo {
			margin-top: -1.5vw;
		}*/
		
		

	
}