/* ==================== 2018 AHGW Navigation ======================== */
#aquaahgw18prodnav {
	width: 100%; min-height: 50px; padding: 0; margin: 0;
}
#aquaahgw18nav {
	max-width: 940px; height: 50px; padding: 0 20px; margin: 0 auto; background: rgba(134, 38, 51, 0.95);
}
#aquaahgw18nav-name {
	float: left;
	margin: 0; padding: 7px 0 0 0;
  width: 350px;
  max-width: 100%;
}
#aquaahgw18nav-name h2 {
	padding: 8px 0 0 50px; margin: 0; color: #fff; font-weight: 100; font-size: 16px;
}

#aquaahgw18nav-links {
	float: right;
  width: 570px;
  max-width: 100%;
}
#aquaahgw18nav-links a:link, #aquaahgw18nav-links a:active, #aquaahgw18nav-links a:visited {
	color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition:    color 0.3s;
  -ms-transition:     color 0.3s;
  -o-transition:      color 0.3s;
  transition:         color 0.3s;
	font-size: 0.9em;
}
#aquaahgw18nav-links a:hover {
	color: #D7D3C7;
}
#aquaahgw18nav-links ul {
	list-style: none; padding: 15px 0 0 0; text-align: center; font-size: 13px; float: right;
}
#aquaahgw18nav-links ul li {
float: left; padding-left: 10px; padding-right: 10px; color: #fff; font-weight: 500; line-height: 13px; height: 26px; font-size: 90%;
}
#ahgw18hero {
	max-width: 980px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #5E8AB4;
	background: #5E8AB4;
  z-index: 100;
}
.ahgw18herotitle {
	position: relative; margin: 0; padding: 35px 0 0 70px; color: #fff; text-shadow: 2px 2px 3px #000;
}
.ahgw18herotitleline1 {
	font-size: 1.5em; font-style: italic; font-weight: 100;
}
.ahgw18herotitleline2 {
	font-size: 2.0em; font-weight: 300; line-height: 1.25em; padding-left: 30px;
}
.ahgw18herotitleline3 {
	font-size: 1.5em; font-style: italic; font-weight: 100; padding-left: 60px;
}

/* For screens smaller than 980 */
@media (max-width: 979px) {
#aquaahgw18nav {
  min-height: 100px;
}
#aquaahgw18nav-links {
  float: right;
  clear: left;
}
#aquaahgw18nav-links ul {
  padding: 10px 0 0 0;
  float: right;
}
#aquaahgw18nav-links ul li {
  padding-bottom: 10px;
}
.ahgw18herotitle {
  padding: 35px 0 0 30px;
}
.ahgw18herotitleline1 {
	font-size: 1.25em;
}
.ahgw18herotitleline2 {
	font-size: 1.75em;
}
.ahgw18herotitleline3 {
	font-size: 1.25em;
}
}

/* For screens smaller than 620 */
@media (max-width: 619px) {
  #aquaahgw18nav {
  min-height: 150px;
  }
}




/* HydroGeoSphere Hero Image */
#hgshero {
	background-image: url("/images/hgs/hgs-banner1300.JPG");
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
	max-width: 1300px;
	height: 270px;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #8cc63e;
  	z-index: 100;
}


/* ==================== 2018 GMS Navigation ======================== */
#aquagms18prodnav {
	width: 100%; min-height: 50px; padding: 0; margin: 0;
}
#aquagms18nav {
	max-width: 940px; height: 50px; padding: 0 20px; margin: 0 auto; background: rgba(186, 12, 47, 0.95);
}
#aquagms18nav-name {
	float: left;
	margin: 0; padding: 7px 0 0 0;
  width: 350px;
  max-width: 100%;
}
#aquagms18nav-name h2 {
	padding: 8px 0 0 50px; margin: 0; color: #fff; font-weight: 100; font-size: 16px;
}

#aquagms18nav-links {
	float: right;
  width: 570px;
  max-width: 100%;
  display: block;
}
#aquagms18nav-links a:link, #aquagms18nav-links a:active, #aquagms18nav-links a:visited {
	color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition:    color 0.3s;
  -ms-transition:     color 0.3s;
  -o-transition:      color 0.3s;
  transition:         color 0.3s;
	font-size: 0.9em;
}
#aquagms18nav-links a:hover {
	color: #D7D3C7;
}
#aquagms18nav-links ul {
	list-style: none; padding: 15px 0 0 0; text-align: center; font-size: 13px; float: right;
}
#aquagms18nav-links ul li {
float: left; padding-left: 10px; padding-right: 10px; color: #fff; font-weight: 500; line-height: 13px; height: 26px; font-size: 90%;
}
#gms18hero {
	max-width: 980px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #5E8AB4;
	background: #5E8AB4;
  z-index: 100;
}
.gms18herotitle {
	position: relative; margin: 0; padding: 35px 0 0 70px; color: #fff; text-shadow: 2px 2px 3px #000;
}
.gms18herotitleline1 {
	font-size: 1.5em; font-style: italic; font-weight: 100;
}
.gms18herotitleline2 {
	font-size: 2.0em; font-weight: 300; line-height: 1.25em; padding-left: 30px;
}
.gms18herotitleline3 {
	font-size: 1.5em; font-style: italic; font-weight: 100; padding-left: 60px;
}


/* For screens smaller than 1024 */
@media (max-width: 1023px) {
  
}

/* For screens smaller than 980 */
@media (max-width: 979px) {
#aquagms18nav {
  min-height: 100px;
}
#aquagms18nav-links {
  float: right;
  clear: left;
}
#aquagms18nav-links ul {
  padding: 10px 0 0 0;
  float: right;
}
#aquagms18nav-links ul li {
  padding-bottom: 10px;
}
.gms18herotitle {
  padding: 35px 0 0 30px;
}
.gms18herotitleline1 {
	font-size: 1.25em;
}
.gms18herotitleline2 {
	font-size: 1.75em;
}
.gms18herotitleline3 {
	font-size: 1.25em;
}
}

/* For screens smaller than 620 */
@media (max-width: 619px) {
  #aquagms18nav {
  min-height: 150px;
  }
}




/* ==================== 2018 SMS Navigation ======================== */
#aquasms18prodnav {
	width: 100%; min-height: 50px; padding: 0; margin: 0;
}
#aquasms18nav {
	max-width: 940px; height: 50px; padding: 0 20px; margin: 0 auto; background: rgba(0, 76, 151, 0.95);
}
#aquasms18nav-name {
	float: left;
	margin: 0; padding: 7px 0 0 0;
  width: 350px;
  max-width: 100%;
}
#aquasms18nav-name h2 {
	padding: 8px 0 0 50px; margin: 0; color: #fff; font-weight: 100; font-size: 16px;
}

#aquasms18nav-links {
	float: right;
  width: 570px;
  max-width: 100%;
}
#aquasms18nav-links a:link, #aquasms18nav-links a:active, #aquasms18nav-links a:visited {
	color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition:    color 0.3s;
  -ms-transition:     color 0.3s;
  -o-transition:      color 0.3s;
  transition:         color 0.3s;
	font-size: 0.9em;
}
#aquasms18nav-links a:hover {
	color: #D7D3C7;
}
#aquasms18nav-links ul {
	list-style: none; padding: 15px 0 0 0; text-align: center; font-size: 13px; float: right;
}
#aquasms18nav-links ul li {
float: left; padding-left: 10px; padding-right: 10px; color: #fff; font-weight: 500; line-height: 13px; height: 26px; font-size: 90%;
}
#sms18hero {
	max-width: 980px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #5E8AB4;
	background: #5E8AB4;
  z-index: 100;
}
.sms18herotitle {
	position: relative; margin: 0; padding: 35px 0 0 70px; color: #fff; text-shadow: 2px 2px 3px #000;
}
.sms18herotitleline1 {
	font-size: 1.5em; font-style: italic; font-weight: 100;
}
.sms18herotitleline2 {
	font-size: 2.0em; font-weight: 300; line-height: 1.25em; padding-left: 30px;
}
.sms18herotitleline3 {
	font-size: 1.5em; font-style: italic; font-weight: 100; padding-left: 60px;
}

/* For screens smaller than 980 */
@media (max-width: 979px) {
#aquasms18nav {
  min-height: 100px;
}
#aquasms18nav-links {
  float: right;
  clear: left;
}
#aquasms18nav-links ul {
  padding: 10px 0 0 0;
  float: right;
}
#aquasms18nav-links ul li {
  padding-bottom: 10px;
}
.sms18herotitle {
  padding: 35px 0 0 30px;
}
.sms18herotitleline1 {
	font-size: 1.25em;
}
.sms18herotitleline2 {
	font-size: 1.75em;
}
.sms18herotitleline3 {
	font-size: 1.25em;
}
}

/* For screens smaller than 620 */
@media (max-width: 619px) {
  #aquasms18nav {
  min-height: 150px;
  }
}





/* ==================== 2018 WMS Navigation ======================== */
#aquawms18prodnav {
	width: 100%; min-height: 50px; padding: 0; margin: 0;
}
#aquawms18nav {
	max-width: 940px; height: 50px; padding: 0 20px; margin: 0 auto; background: rgba(0, 119, 73, 0.95);
}
#aquawms18nav-name {
	float: left;
	margin: 0; padding: 7px 0 0 0;
  width: 350px;
  max-width: 100%;
}
#aquawms18nav-name h2 {
	padding: 8px 0 0 50px; margin: 0; color: #fff; font-weight: 100; font-size: 16px;
}

#aquawms18nav-links {
	float: right;
  width: 570px;
  max-width: 100%;
}
#aquawms18nav-links a:link, #aquawms18nav-links a:active, #aquawms18nav-links a:visited {
	color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition:    color 0.3s;
  -ms-transition:     color 0.3s;
  -o-transition:      color 0.3s;
  transition:         color 0.3s;
	font-size: 0.9em;
}
#aquawms18nav-links a:hover {
	color: #D7D3C7;
}
#aquawms18nav-links ul {
	list-style: none; padding: 15px 0 0 0; text-align: center; font-size: 13px; float: right;
}
#aquawms18nav-links ul li {
float: left; padding-left: 10px; padding-right: 10px; color: #fff; font-weight: 500; line-height: 13px; height: 26px; font-size: 90%;
}
#wms18hero {
	max-width: 980px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #5E8AB4;
	background: #5E8AB4;
  z-index: 100;
}
.wms18herotitle {
	position: relative; margin: 0; padding: 35px 0 0 70px; color: #fff; text-shadow: 2px 2px 3px #000;
}
.wms18herotitleline1 {
	font-size: 1.5em; font-style: italic; font-weight: 100;
}
.wms18herotitleline2 {
	font-size: 2.0em; font-weight: 300; line-height: 1.25em; padding-left: 30px;
}
.wms18herotitleline3 {
	font-size: 1.5em; font-style: italic; font-weight: 100; padding-left: 60px;
}

/* For screens smaller than 980 */
@media (max-width: 979px) {
#aquawms18nav {
  min-height: 100px;
}
#aquawms18nav-links {
  float: right;
  clear: left;
}
#aquawms18nav-links ul {
  padding: 10px 0 0 0;
  float: right;
}
#aquawms18nav-links ul li {
  padding-bottom: 10px;
}
.wms18herotitle {
  padding: 35px 0 0 30px;
}
.wms18herotitleline1 {
	font-size: 1.25em;
}
.wms18herotitleline2 {
	font-size: 1.75em;
}
.wms18herotitleline3 {
	font-size: 1.25em;
}
}

/* For screens smaller than 620 */
@media (max-width: 619px) {
  #aquawms18nav {
  min-height: 150px;
  }
}





/* ==================== 2018 CityWater Navigation ======================== */
#aquacw18prodnav {
	width: 100%; min-height: 50px; padding: 0; margin: 0;
}
#aquacw18nav {
	max-width: 1260px; height: 50px; padding: 0 20px; margin: 0 auto; background: rgba(0, 95, 97, 0.95);
}
#aquacw18nav-name {
	float: left;
	margin: 0; padding: 7px 0 0 0;
  width: 350px;
  max-width: 100%;
}
#aquacw18nav-name h2 {
	padding: 8px 0 0 50px; margin: 0; color: #fff; font-weight: 100; font-size: 16px;
}

#aquacw18nav-links {
	float: right;
  width: 570px;
  max-width: 100%;
}
#aquacw18nav-links a:link, #aquacw18nav-links a:active, #aquacw18nav-links a:visited {
	color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition:    color 0.3s;
  -ms-transition:     color 0.3s;
  -o-transition:      color 0.3s;
  transition:         color 0.3s;
	font-size: 0.9em;
}
#aquacw18nav-links a:hover {
	color: #D7D3C7;
}
#aquacw18nav-links ul {
	list-style: none; padding: 15px 0 0 0; text-align: center; font-size: 13px; float: right;
}
#aquacw18nav-links ul li {
float: left; padding-left: 10px; padding-right: 10px; color: #fff; font-weight: 500; line-height: 13px; height: 26px; font-size: 90%;
}
#cw18hero {
	max-width: 1300px;
	height: 225px;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #5E8AB4;
	background: #5E8AB4;
  z-index: 100;
}
.cw18herotitle {
	position: relative; margin: 0; padding: 35px 0 0 70px; color: #fff; text-shadow: 2px 2px 3px #000;
}
.cw18herotitleline1 {
	font-size: 1.5em; font-style: italic; font-weight: 100;
}
.cw18herotitleline2 {
	font-size: 2.0em; font-weight: 300; line-height: 1.25em; padding-left: 30px;
}
.cw18herotitleline3 {
	font-size: 1.5em; font-style: italic; font-weight: 100; padding-left: 60px;
}

/* For screens smaller than 980 */
@media (max-width: 979px) {
#aquacw18nav {
  min-height: 100px;
}
#aquacw18nav-links {
  float: right;
  clear: left;
}
#aquacw18nav-links ul {
  padding: 10px 0 0 0;
  float: right;
}
#aquacw18nav-links ul li {
  padding-bottom: 10px;
}
.cw18herotitle {
  padding: 35px 0 0 30px;
}
.cw18herotitleline1 {
	font-size: 1.25em;
}
.cw18herotitleline2 {
	font-size: 1.75em;
}
.cw18herotitleline3 {
	font-size: 1.25em;
}
}

/* For screens smaller than 620 */
@media (max-width: 619px) {
  #aquacw18nav {
  min-height: 150px;
  }
}






/* ==================== 2019 AGWA Navigation ======================== */
#aquaagwa19prodnav {
	width: 100%; min-height: 50px; padding: 0; margin: 0;
}
#aquaagwa19nav {
	max-width: 1260px; height: 50px; padding: 0 20px; margin: 0 auto; background: rgba(80, 127, 112, 0.95);
}
#aquaagwa19nav-name {
	float: left;
	margin: 0; padding: 7px 0 0 0;
  width: 350px;
  max-width: 100%;
}
#aquaagwa19nav-name h2 {
	padding: 8px 0 0 50px; margin: 0; color: #fff; font-weight: 100; font-size: 16px;
}

#aquaagwa19nav-links {
	float: right;
  width: 570px;
  max-width: 100%;
}
#aquaagwa19nav-links a:link, #aquaagwa19nav-links a:active, #aquaagwa19nav-links a:visited {
	color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition:    color 0.3s;
  -ms-transition:     color 0.3s;
  -o-transition:      color 0.3s;
  transition:         color 0.3s;
	font-size: 0.9em;
}
#aquaagwa19nav-links a:hover {
	color: #D7D3C7;
}
#aquaagwa19nav-links ul {
	list-style: none; padding: 15px 0 0 0; text-align: center; font-size: 13px; float: right;
}
#aquaagwa19nav-links ul li {
float: left; padding-left: 10px; padding-right: 10px; color: #fff; font-weight: 500; line-height: 13px; height: 26px; font-size: 90%;
}
#agwa19hero {
	max-width: 1300px;
	height: 225px;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #5E8AB4;
	background: #5E8AB4;
  z-index: 100;
}
.agwa19herotitle {
	position: relative; margin: 0; padding: 35px 0 0 70px; color: #fff; text-shadow: 2px 2px 3px #000;
}
.agwa19herotitleline1 {
	font-size: 1.5em; font-style: italic; font-weight: 100;
}
.agwa19herotitleline2 {
	font-size: 2.0em; font-weight: 300; line-height: 1.25em; padding-left: 30px;
}
.agwa19herotitleline3 {
	font-size: 1.5em; font-style: italic; font-weight: 100; padding-left: 60px;
}

/* For screens smaller than 980 */
@media (max-width: 979px) {
#aquaagwa19nav {
  min-height: 100px;
}
#aquaagwa19nav-links {
  float: right;
  clear: left;
}
#aquaagwa19nav-links ul {
  padding: 10px 0 0 0;
  float: right;
}
#aquaagwa19nav-links ul li {
  padding-bottom: 10px;
}
.agwa19herotitle {
  padding: 35px 0 0 30px;
}
.agwa19herotitleline1 {
	font-size: 1.25em;
}
.agwa19herotitleline2 {
	font-size: 1.75em;
}
.agwa19herotitleline3 {
	font-size: 1.25em;
}
}

/* For screens smaller than 620 */
@media (max-width: 619px) {
  #aquaagwa19nav {
  min-height: 150px;
  }
}







/* ==================== 2018 AUC Navigation ======================== */
#aquaauc18prodnav {
	width: 100%; min-height: 50px; padding: 0; margin: 0;
  background: rgba(35, 97, 146, 0.95);
}
#aquaauc18nav {
	max-width: 1260px; height: 50px; padding: 0 20px; margin: 0 auto;
}
#aquaauc18nav-name {
	float: left;
	margin: 0; padding: 7px 0 0 0;
  width: 350px;
  max-width: 100%;
}
#aquaauc18nav-name h2 {
	padding: 8px 0 0 0; margin: 0; color: #fff; font-weight: 300; font-size: 16px;
}

#aquaauc18nav-links {
	float: right;
  width: 570px;
  max-width: 100%;
}
#aquaauc18nav-links a:link, #aquaauc18nav-links a:active, #aquaauc18nav-links a:visited {
	color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition:    color 0.3s;
  -ms-transition:     color 0.3s;
  -o-transition:      color 0.3s;
  transition:         color 0.3s;
	font-size: 0.9em;
}
#aquaauc18nav-links a:hover {
	color: #D7D3C7;
}
#aquaauc18nav-links ul {
	list-style: none; padding: 20px 0 0 0; text-align: center; font-size: 15px; float: right;
}
#aquaauc18nav-links ul li {
float: left; padding-left: 10px; padding-right: 10px; color: #fff; font-weight: 500; line-height: 13px; height: 26px; font-size: 90%;
}
#auc18hero {
	max-width: 980px;
	height: 225px;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #5E8AB4;
	background: #5E8AB4;
  z-index: 100;
}
.auc18herotitle {
	position: relative; margin: 0; padding: 35px 0 0 70px; color: #fff; text-shadow: 2px 2px 3px #000; font-family: Source Sans Pro;
}
.auc18herotitleline1 {
	font-size: 1.5em; font-style: italic; font-weight: 100; font-family: Source Sans Pro;
}
.auc18herotitleline2 {
	font-size: 2.0em; font-weight: 300; line-height: 1.25em; padding-left: 30px; font-family: Source Sans Pro;
}
.auc18herotitleline3 {
	font-size: 1.5em; font-style: italic; font-weight: 100; padding-left: 60px; font-family: Source Sans Pro;
}

/* For screens smaller than 980 */
@media (max-width: 979px) {
#aquaauc18nav {
  min-height: 100px;
}
#aquaauc18nav-links {
  float: right;
  clear: left;
}
#aquaauc18nav-links ul {
  padding: 10px 0 0 0;
  float: right;
}
#aquaauc18nav-links ul li {
  padding-bottom: 0px;
}
.auc18herotitle {
  padding: 35px 0 0 30px;
}
.auc18herotitleline1 {
	font-size: 1.25em;
}
.auc18herotitleline2 {
	font-size: 1.75em;
}
.auc18herotitleline3 {
	font-size: 1.25em;
}
}

/* For screens smaller than 620 */
@media (max-width: 619px) {
  #aquaauc18nav {
  min-height: 100px;
  }
}





/*-==============================================
Navigation Buttons
==============================================-*/

.btnAquaveo {
  background: #7498c0;
  padding: 2px 10px;
  margin: -2px 0px;
  font-size: .9em;
  font-weight: 400;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff !important;
  border: 1px solid #5781ae;
  display: inline-block;
  vertical-align: middle;
}
.btnAquaveo:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#97b1d0), to(#7498c0));
  background: -webkit-linear-gradient(top, #97b1d0, #7498c0);
  background: -moz-linear-gradient(top, #97b1d0, #7498c0);
  background: -ms-linear-gradient(top, #97b1d0, #7498c0);
  background: -o-linear-gradient(top, #97b1d0, #7498c0);
}


.btnOrangeAquaveo {
  background: #cb853f;
  padding: 5px 20px;
  margin: -5px 0px;
  font-size: .9em;
  font-weight: 400;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff !important;
  border: 1px solid #5781ae;
  display: inline-block;
  vertical-align: middle;
}
.btnOrangeAquaveo:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffc58a), to(#cb853f));
  background: -webkit-linear-gradient(top, #ffc58a, #cb853f);
  background: -moz-linear-gradient(top, #ffc58a, #cb853f);
  background: -ms-linear-gradient(top, #ffc58a, #cb853f);
  background: -o-linear-gradient(top, #ffc58a, #cb853f);
}