.skip-link:focus {  top: 0;}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
}
* {max-width: 980px;margin: 0 auto;border: 0;padding: 0;}
a[href^=tel]{color:inherit;text-decoration:none;}
.hide {display:none}
.show {display:show}

body {width: 98%;background-image: url(/Assets/images/bg-horizontal-strip.gif);background-position: center;font: 15px/18px Arial, Helvetica, sans-serif;}
#user {padding-top: 5px;padding-right: 5px;font: 10px/18px Arial, Helvetica, sans-serif;color: #FFF;margin-top:10px}
#user ul li {position:relative;list-style-type:none;display: inline-block;float: right;z-index: 104;top: 0px;right: 0px;}
#user a {padding: 10px;color: #fff;text-decoration: none;}
#clearfix {clear: both;}
.clearfix {clear: both;}
#wrapper1 {margin: 0 auto;max-width: 980px;width: 100%;height:6px;}
header {height: 82px;width: 100%;top: 0px;position: none;z-index: 100;}

#headerlogo {height: 98px;width: 100%;position: fixed;top: 0px;background: url(/Assets/images/Nav/Landscape_Header2.jpg) no-repeat;}

.nav {padding-top: 28px;padding-right: 20px;}
.nav ul, nav:active ul {list-style-type:none;display:inline-block;float: right;right:-40px;}
.nav li {float: left;width: 120px;text-align: center;position: relative;height:26px;line-height:24px;}
.nav ul li ul li {float: none;width: 115px;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;position: absolute;top: 45px;right: 25px;width: 30px;height: 30px;cursor:pointer;}

#footer {
	
	clear:both;
	float:left;
	width:100%;
	text-align: center;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
}
#footer p {
	margin-left:2%;
	padding-right:2%;
	font: 9px/12px Arial, Helvetica, sans-serif;	
}
#footer ul li {display:inline-block;padding-left:15px;}
/*============================= Page Personlization Starts ===============================*/

#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;
}
#title-long {display:block;}
#title-short {display:none;}
#divider {display: none;}
.divider {display: none;}
.smaller { font-size:70%; }

#cutsheet1 ul li {padding-left: 18px;cursor:pointer;font: 14px/18px Arial, Helvetica, sans-serif;}
#cutsheet1 ul li b a{display: inline;cursor: pointer;margin-bottom: -2px;font: 12px/26px Arial, Helvetica, sans-serif;}
#video1 { margin-bottom: 19.5%;
width:100% !important;
height:auto !important;}
#cutsheet2 ul li {padding-left: 18px;cursor:pointer;font: 14px/18px Arial, Helvetica, sans-serif;}
#cutsheet2 ul li b a{display: inline;cursor: pointer;margin-bottom: -2px;font: 12px/26px Arial, Helvetica, sans-serif;}
#video2 { margin-bottom: 19.5%;margin-left:2px;}
#cutsheet3 ul li {padding-left: 18px;cursor:pointer;font: 14px/18px Arial, Helvetica, sans-serif;}
#cutsheet3 ul li b a{display: inline;cursor: pointer;margin-bottom: -2px;font: 12px/26px Arial, Helvetica, sans-serif;}
#video3 { margin-bottom: 19.5%;margin-left:2px;}
#cutsheet4 ul li {padding-left: 18px;cursor:pointer;font: 14px/18px Arial, Helvetica, sans-serif;}
#cutsheet4 ul li b a{display: inline;cursor: pointer;margin-bottom: -2px;font: 12px/26px Arial, Helvetica, sans-serif;}
#video4 { margin-bottom: 19.5%;margin-left:2px;}
#more-info ul{
	text-align: center;
	text-decoration-line: none;
}
.more-info ul{
	text-align: center;
	text-decoration-line: none;
}
design ul {
	height: 100px;
	text-decoration-line: none;
}
#wrapper2 {
	position:relative;
	border-radius: 6px;
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#FFF; 	
	}
#help ul li{
	float:right;
	display:block
	position:relative;
	margin-right:20px;
	padding-top:15px;
}
#help ul li a {font 12px/18px Arial, Helvetica, sans-serif;color: #0E7AB0;text-decoration:none;}
#wrapper3 {
	margin:.5%;
	clear:left;
	float:left;
	width:99%;
	overflow:hidden;
	background:#f3f1f1; 
	font: 12px/15px Arial, Helvetica, sans-serif;
	color:#384749;
	}
#wrapper3 h2{
	background-color: #d7d5d5;
	padding-left: 10px;
	padding-top:5px;
	height: 20px;
	margin: 3px 6px;	
}

#wrapper3 p{
	margin:10px;
}
#wrapper3 li {
	margin-left:5%;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}
#wrapper3 ul li {	
	position: relative;
	display: inline-block;
}
#wrapper3 ul li a {
	float: right;
	position: relative;
	padding-top:2px;;
	text-decoration: none;
	display: inline-block;
	font: 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#384749;
}
/* Start of Column CSS */
#container4 {
	border: 2px solid #373737;
	clear:left;
	float:left;
	width:99.5%;
	overflow:hidden;
	background:#fff; /* column 4 background colour */
}
#container4 h3{
	background-color: #E1E1E1;
	color: #686868;
	text-align: center;	
	padding-left: 6px;
	height: 22px;
	padding-top:5px;
	margin-left:2px;
	margin-rignt: 1px;
	border-right: 2px solid white;
	border-left: 2px solid white;
	border-bottom: 2px solid black;
	
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#fff; /* column 3 background colour */
	border-right: 2px solid #373737;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#fff; /* column 2 background colour */
	border-right: 2px solid #373737;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#fff; /* column 1 background colour */
	border-right: 2px solid #373737;
}
#col1 {
	float:left;
	width:25%;
	position:relative;
	left:75%;
	overflow:hidden;
}
#col1 img{width: 98%;padding-left:2px}
#col1 p {height: 150px;}
#col1 ul li a{color: #384749;text-decoration: none;}
#col1 h2 {
	color: #686868;
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 22px;
	padding-top: 10px;
	text-align: center;
	background-image: url("Assets/T-bar_gradBT2.gif");
	margin-bottom: 10px;
}
#col2 {
	float:left;
	width:25%;
	position:relative;
	left:75%;
	overflow:hidden;
}
#col2 img{width: 98%;padding-left:2px;}
#col2 p {height: 150px;}
#col2 ul li a{color: #384749;text-decoration: none;}
#col2 h2 {
	color: #686868;
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 22px;
	padding-top: 10px;
	text-align: center;
	background-image: url("Assets/T-bar_gradBT2.gif");
	margin-bottom: 10px;
}
#col3 {
	float:left;
	width:25%;
	position:relative;
	left:75%;
	overflow:hidden;
}
#col3 img{width: 98%;padding-left:2px;}
#col3 p {height: 150px;}
#col3 ul li a{color: #384749;text-decoration: none;}
#col3 h2 {
	color: #686868;
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 22px;
	padding-top: 10px;
	text-align: center;
	background-image: url("Assets/T-bar_gradBT2.gif");
	margin-bottom: 10px;
}
#col4 {
	float:left;
	width:25%;
	position:relative;
	left:75%;
	overflow:hidden;
}
#col4 img{width: 98%;padding-left:2px;}
#col4 p {height: 150px;}
#col4 ul li a{color: #384749;text-decoration: none;}
#col4 h2 {
	color: #686868;
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 22px;
	padding-top: 10px;
	text-align: center;
	background-image: url("Assets/T-bar_gradBT2.gif");
	margin-bottom: 10px;
}  
/*============================= Responsive Media 950px ===============================*/
@media screen and (max-width: 950px) {
#headerlogo {height: 98px;width: 100%;position: fixed;top: 0px;background: url(/Assets/images/Nav/GD_Respon_960-2.jpg) no-repeat;}
.nav li {width: 100px;}

}
/*============================= Responsive Media 850px ===============================*/
@media screen and (max-width: 850px) {
#headerlogo {background: url(/Assets/images/Nav/Landscape Banner960px_R1.jpg) no-repeat;}	


}
/*============================= Responsive Media 768px ===========4 to 2====================*/
@media screen and (max-width: 780px) {
#headerlogo {background: url(/Assets/images/Nav/GD_Respon_768-1.jpg) no-repeat;}
.nav ul, nav:active ul {display:none;}
#menu_icon {display:inline-block;top: 38px;}
#wrapper2 {margin-top: 52px;}
.nav li {font: 20px/12px Arial, Helvetica, sans-serif;border-bottom: 1px solid #FFF;height:40px;text-align: center;width: 100%;line-height:40px;padding: 0px;margin: 0px;background:#cbcbcb;}
.nav ul, nav:active ul {display:none;position: absolute;margin-left: 4%;margin-right: 4%;background: #b4b4b4;top: 80px;width: 40%;left: 0px;z-index: 106;}
.nav li:hover ul {width: 41%;margin-left: 90%;}
.nav ul li ul {display: block;top:15px;}
.nav ul li ul li {width: 220px;}
.nav ul li ul:hover li {display: block;}
.nav ul li ul a {font: 16px/18px Arial, Helvetica, sans-serif;color: #0E7AB0;margin-top:12px;}
.nav a {color: #0E7AB0;}

#divider {
	display: inline;
	width: 100%;
	height: 20px;

}
#col1 p {height: 100px;}
#col2 p {height: 100px;}
#col3 p {height: 100px;}
#col4 p {height: 100px;}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:0%;
	background:#fff; /* column 3 background colour */
	border-right: 2px solid #373737;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:0%;
	background:#fff; /* column 2 background colour */
	border-right: 2px solid #373737;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	background:#fff; /* column 1 background colour */
	border-right: 2px solid #373737;
}	
	
#col1 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}	

#col2 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}	

#col3 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}	

#col4 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}

}

/*============================= Responsive Media 480px ===============================*/
@media screen and (max-width: 478px) {
#headerlogo {background: url(/Assets/images/Nav/GD_Respon_480-1.jpg) no-repeat;}
#menu_icon {top: 10px;width: 25px;height: 25px;}
body {width: 98%;margin-top:-14px;}
#wrapper2 {margin-top: 24px;}
#title-long {display:none;}
#title-short {display:block;}



#cutsheet1 ul li b a {font: 13px/22px Arial, Helvetica, sans-serif;}
#cutsheet2 ul li b a {font: 13px/22px Arial, Helvetica, sans-serif;}
#cutsheet3 ul li b a {font: 13px/22px Arial, Helvetica, sans-serif;}
#cutsheet4 ul li b a {font: 13px/22px Arial, Helvetica, sans-serif;}


	
#container3 {
	clear:left;
	float:left;
	width:99.2%;
	position:relative;
	right:0%;
	background:#fff; /* column 3 background colour */
	border-right: 2px solid #373737;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:0%;
	background:#fff; /* column 2 background colour */
	border-right: 2px solid #373737;
}
#container1 {
	float:left;
	width:99.5%;
	position:relative;
	right:100%;
	background:#fff; /* column 1 background colour */
	border-right: 2px solid #373737;
}	
	
#col1 {
	float:left;
	width:100%;
	position:relative;
	left:100%;
	overflow:hidden;
}	
#col2 {
	float:left;
	width:100%;
	position:relative;
	left:100%;
	overflow:hidden;
}	
	
#col3 {
	float:left;
	width:100%;
	position:relative;
	left:100%;
	overflow:hidden;
}	
#col4 {
	float:left;
	width:100%;
	position:relative;
	left:100%;
	overflow:hidden;
}	


}
/*============================= Responsive Media  320===============================*/
@media screen and (max-width: 30px) {
#menu_icon {right: 10px;top:5px;}
#user {display: none;}
.nav li {font: 20px/12px Arial, Helvetica, sans-serif;border-bottom: 1px solid #FFF;height:40px;text-align: center;width: 100%;line-height:40px;padding: 0px;margin: 0px;}
.nav ul, nav:active ul {display:none;position: absolute;margin-left: 4%;margin-right: 2%;background: #405580;top: 50px;width: 95%;right: 0px;}
.nav li:hover ul {visibility: visible;width: 226px;margin-left: -10px;}
.nav ul li ul li {width: 220px;}

}