* {max-width: 100%;margin: 0 auto;border: 0;padding: 0;}
a[href^=tel]{color:inherit;text-decoration:none;}
.hide {display:none;}
.show {display:block;}
header {width:100%;background-image: url(/Assets/images/bg-horizontal-strip.gif);background-position: center;font: 15px/18px Arial, Helvetica, sans-serif;}
#user {display:none;padding-top: 5px;padding-left: 855px;font: 10px/18px Arial, Helvetica, sans-serif;color: #FFF;position: absolute;}
#user ul li {position:relative;list-style-type:none;display: inline-block;float: right;z-index: 106;top: 0px;right: 0px;}
#user a {padding: 10px;color: #fff;text-decoration: none;}
#clearfix {clear: both;}
#wrapper1 {margin: 0 auto;max-width: 100%;width: 100%;height:6px;}
header {height: 82px;width: 100%;top: 0px;z-index: 105;}

#headlogo-1 {display:block; position: absolute;width:100%}
#headlogo-1 a img {display:block; margin-left:auto;margin-right: auto;z-index:100;}
#headlogo-2 {display:none;}
#headlogo-3 {display:none;}
#headlogo-4 {display:none;}
#headerlogo {height: 98px;width: 100%;position: absolute;margin-left: 25%;top: 0px;background: url(/Assets/images/Nav/Landscape_Header2.gif) no-repeat;z-index:100;}
.nav2 ul {display: none;}
.nav {padding-top: 55px;padding-left: 214px;margin-left:25%; position:absolute;z-index:105;}
.nav ul, nav:active ul {list-style-type:none;display:inline-block;float: right;right:-40px;}
.nav li {float: left;width: 135px;text-align: center;position: relative;height:26px;line-height:24px;}
.nav ul li ul li {float: none;width: 135px;text-align:left;padding-left:5px;border-top:1px solid #384749;background: #dadbdb;}
.nav ul li:last-child  {border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.nav ul li:first-child  {border-top-right-radius: 5px;border-top-left-radius: 5px;}
.nav a {display:block;color: #d5d7d8;text-decoration: none;}
.nav ul li ul a {font: 11px/18px Arial, Helvetica, sans-serif;color: #0E7AB0;margin-left:5px;margin-top:5px;}
.nav li ul {position: absolute;top:26px;left: 15px;visibility: hidden;}
.nav ul li img {padding-left: 12px;}
.nav ul li:hover a {color: #4accd1;}
.nav li:hover ul {visibility: visible;z-index: 101;}
.nav ul li:hover p {color: #4accd1;background-image: url(/Assets/images/Nav/menubutton3.png);}
.nav ul li ul li:hover {background-color: #cdcdcd;}
.nav ul li:hover ul li:hover a{color: #379b9f;}
.nav ul li:hover ul li a {color: #2a5c7f;}
#menu_icon {display: none;}


.ViewWindow .span_10_of_12 {display:block;float:left;}

#main_image  img {
  height: 540px;
  width: 100%; 
  object-fit:cover;
}

#msg {
	background-color: #027592;
  	opacity: .6;
	height:540px;}

#msg ul {padding-top: 30px;}

#msg ul li {display: block;
	font: 40px/66px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
}






.body div {margin-top:-0px; margin-bottom: 20px;}



#callout {
	float:left;
	text-align: right;
	margin-top:86px;
	padding-top: 0px;
	padding-left: 38%;
	font: 20px/26px Arial, Helvetica, sans-serif;
	color: #044464;
	z-index:102;
}
#divider-top img {
	position:absolute;	
	margin-top:81px;
	width:100%;
	height:4px;
	z-index:105;
}

#divider-view img{
	position:absolute;	
	float:left;
	margin-top: 8px;
	width:100%;
	height:10px;
	z-index:100;		
}

#display_window  {
    margin-top:85px;
    float: left;
     margin-left:40px;
	margin-right: 40px
}

#video_menu {
	margin-left: 140px;
}

.NSF img {width: 50px;}

#footer {
	background-image: url(/Assets/images/bg-horizontal-strip.gif);background-position: center;
	clear:both;
	width:100%;
	text-align: center;
	font: 16px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
}
#footer-body {max-width: 960px;}
#footer ul  {padding-top: 15px;}
#footer img {padding-top: 20px;}
#footer ul li {display: inline-block; padding-left: .5%}

#footer p {
	margin-left:2%;
	padding-right:2%;
	font: 12px/12px Arial, Helvetica, sans-serif;	
}
#footer a {font: 12px/18px Arial, Helvetica, sans-serif; color: #FFF;text-decoration: none;}
#footer a img {height:50px;margin-left:15px} 
#divider-footer img {
	position:absolute;	
	width:100%;
	height:6px;
	z-index:105;
}
/*============================= Page Personlization Starts ===============================*/
.cssslider {
	max-width:100%;
	float:right;
	padding-top: 5%;
	margin-top: 4%;
	margin-right: 8%;
	width: 85%;
	margin-bottom: 50px;
}

#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;
}

.smaller { font-size:80%; }
#cutsheet {float: right; padding-right: 15px;cursor:pointer;font: 11px/15px Arial, Helvetica, sans-serif;}
#more-info ul{
	text-align: center;
	text-decoration-line: none;
}

design ul {
	height: 100px;
	text-decoration-line: none;
}
#bullets {display: block;}
#bullets img {margin-top:30px;}
#bullets p {padding-left: 60px; margin-top:-40px;}
/* Start of Column CSS */




.section {
	clear: both;
	padding: 0px;
	margin: 0 5px 0px 0px;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.2%;
}
.col1 {
	display: block;
	float:left;
	margin: 0% 0 0% 0%;
}
.col:first-child { margin-left: .5%; }


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48%;}
/*  GRID OF THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.1%;}
.span_1_of_3 {width: 32.2%;}
/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}

/*  GRID OF SIX  */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}

/*  GRID OF SEVEN  */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}

/*  GRID OF EIGHT  */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}

/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.67%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 16.33%;}
.span_1_of_12 {width: 6.866%;}

/*============================== Slide Show ===========================================*/

* {box-sizing:border-box}

/* Slideshow container */
.SS-container {
  position: relative;
}
.ViewWindow img{
 height: 540px;
  width: 100%; 
  object-fit:cover;
}
/* Hide the images by default */
.myS {
    display: none;
}

/* Next & previous buttons */
.pre, .nex {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.nex {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.pre:hover, .nex:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.Stext {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numtex {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}
.body div {margin-top:-10px}	
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
/*============================= Responsive Media 1366px ===============================*/

@media screen and (max-width: 1366px) {
.nav {padding-top: 55px;padding-left: 200px;margin-left:15%; position:absolute;z-index:105;}
.ViewWindow img{height: 440px;
  width: 100%; 
  object-fit:cover;
}
#msg {height:440px;}
}
/*============================= Responsive Media 1024px ===============================*/

@media screen and (max-width: 1024px) {
.nav {padding-top: 55px;padding-left: 100px;margin-left:15%; position:absolute;z-index:105;}
.ViewWindow img{height: 350px;
  width: 100%; 
  object-fit:cover;
}
#msg {height:350px;}
#msg ul {padding-top: 50px;}

#msg ul li {display: block;
	font: 35px/66px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
}
}
/*============================= Responsive Media 950px ===============================*/
@media screen and (max-width: 950px) {
headerlogoII {height: 98px;width: 100%;position: absolute;top: 0px;background: url(/Assets/images/Nav/GD_Respon_960-2.jpg) no-repeat;}
  .nav {padding-top: 55px;padding-left: 224px;margin-left:15%; position:absolute;z-index:105;}
#headlogo-1 {display:none;}
#headlogo-2 {display:block; position: absolute;width:100%}
#headlogo-2 a img {display:block; margin-left:auto;margin-right: auto;z-index:100;}
#headlogo-3 {display:none;}
#headlogo-4 {display:none;}
.nav {padding-left: 100px;}
.nav li {width: 95px;}
.nav2 ul {display: none;}
.ViewWindow img{height: 275px;
  width: 100%; 
  object-fit:cover;
}
#msg {height:275px;}
#msg ul {padding-top: 20px;}

#msg ul li {display: block;
	font: 35px/66px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
}  
	.span_2_of_12 {width: 0%;}
	.span_10_of_12 {width: 100%;}
	.span_3_of_12 {width: 99.26%;}
		.span_4_of_12 {width: 99.26%;}
}
/*============================= Responsive Media 850px ===============================*/
@media screen and (max-width: 850px) {
.ViewWindow img{height: 250px;
  width: 100%; 
  object-fit:cover;
}
#msg {height:250px;}
#msg ul {padding-top: 20px;}
#msg ul li {display: block;
	font: 25px/46px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
}
  .nav2 ul {display: none;}
header {height: 68px;width: 100%;top: 0px;z-index: 105;}
#divider-top img {margin-top:65px;}
  #callout {
	float:left;
	text-align: right;
	margin-top:70px;
	padding-top: 0px;
	padding-left: 38%;
	font: 20px/26px Arial, Helvetica, sans-serif;
	color: #d5d7d8;
	z-index:102;
}
.smaller {display: none;}
.nav {padding-left: 75px;margin-top:-12px;}
.nav li {width: 95px;}
.nav2 ul {display: none;}
}

@media screen and (max-width: 780px) {
#menu_icon {position:relative;display:inline-block;z-index:110;float: right;margin-right: 15px;top:15px;}
#headlogo-1 {display:none;}
#headlogo-2 {display:none;}
#headlogo-3 {display:block; position: absolute;width:100%;margin-top: -5px;}
#headlogo-3 a img {display:block;width:100%; margin-left:0;z-index:100;margin-top: -65px;}
#headlogo-4 {display:none;}
.nav ul, nav:active ul {display:none; font-size:0%;}
.nav img {display: none;}
header {height: 0px;width: 100%;top: -0px;z-index: 105;}
#wrapper2 {z-index:0;top:-5px;}
.ViewWindow img{height: 180px;margin-top:-10px;
  width: 100%; 
  object-fit:cover;
}
.dot {
  cursor:pointer;
  height: 0px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
#msg {height:180px;margin-top:-9%}
#msg ul li {display: block;
	font: 20px/46px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
}

	#divider-view img{
	position:absolute;	
	float:left;
	margin-top:-45px;
	width:100%;
	height:5px;
	z-index:100;		
}
.cssslider {
	padding-top: 0%;
	margin-top: -20px;
	margin-right: 8%;
	width: 85%;
	margin-bottom: 20px;
}

.span_10_of_12 {width:80%;}
.span_2_of_12 {width: 20%;}

.span_2_of_8 {width: 100%;}
.span_4_of_8 {width: 100%;}  

.span_1_of_2 {width: 100%;}  
.smaller { font-size:80%; }

.nav2 {position: relative;margin-top:30px; z-index:105;}
.nav2 img {margin-left: 15px;}

  #main-nav_responsive {display:block; margin: 0 auto; padding-top:20px; width: 95%;}   
  #main-nav_responsive li {list-style:none; margin: 0 auto; border-top: 2px solid #FFF;}
  #main-nav_responsive ul {padding: 0px; height: auto; z-index: 10000;}
  #main-nav_responsive ul li a {display: block; color:white; text-decoration:none; font: normal 18px Arial, Helvetica, sans-serif;color: #384749;
        text-align: left; margin: 0; background: #2CA7E1; padding: 9px 0px 11px 20px;}   
  #main-nav_responsive .sub-menu li a {background: #35342f;font: normal 18px Arial, Helvetica, sans-serif;color: #D7D5D5; padding-left:20%;}
	
  ul.sub-menu {display:none;}

.smaller {display: inline; font-size:90%; }
#divider-top img{top:0px;margin-top:8.5%}
#divider {display: inline; width: 100%; height: 0px; padding-left: .5%;z-index:100;
}
#callout {display:none;margin-top:-50px; margin-left: 0%;}
.cssslider {width: 70%;margin-right: 15%;}
  #bullets {display: block;margin-top:-65px;}
  #bullets p {margin-right:5%}
}
/*============================= Responsive Media 480px ===============================*/
@media screen and (max-width: 480px) {
headerlogoII {background: url(/Assets/images/Nav/GD_Respon_480-1.jpg) no-repeat;}
#headlogo-1 {display:none;}
#headlogo-2 {display:none;}
#headlogo-3 {display:none;}
#headlogo-4 {display:block; position: absolute;width:100%}
#headlogo-4 a img {display:block;margin-top:-55px; margin-left:auto;margin-right: auto;z-index:100;}
#divider-top img {margin-top:68px;}
#menu_icon {width: 40px;height: 25px;padding-right:3%;top:5px;}
#user {display:none;}
#help {display: none;}
#wrapper2 {margin-top: -25px;}
.ViewWindow img{height: 200px;margin-top:-6.5%;width: 100%;object-fit:cover;}	
.dot {display: none;}
#divider-top img {top:-35px;}
.cssslider {width: 80%;margin-right: 10%;margin-top:20px;}
#divider-view img{
	position:absolute;	
	float:left;
	margin-top:-30px;
	width:100%;
	height:5px;
	z-index:100;		
}
#msg {height:200px;margin-top:-22px;}
#msg ul li {display: block;
	font: 20px/46px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
}

}
/*============================= Responsive Media  320===============================*/
@media screen and (max-width: 320px) {
#menu_icon {right: 10px;margin-top:-1px;}
#user {display: none;}
#menu_icon {width: 30px;height: 25px;padding-right:3%;top:5px;}
#callout{ margin-top:-45px; margin-left: 5%;text-align:left;}
#divider-top img {top:-42px;}
.ViewWindow img{height: 120px;margin-top:-10%;width: 100%;object-fit:cover;}	
#divider-view img{
	position:absolute;	
	float:left;
	margin-top:-85px;
	width:100%;
	height:5px;
	z-index:100;		
}
.cssslider {width: 80%;margin-right: 10%;margin-top:20px;}
	.span_2_of_8 {width:100%;}	
		.span_4_of_8 {width:100%;}
	.span_10_of_12 {width:100%;}
.span_2_of_12 {width: 0%;}