@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	margin: 0;
	padding: 0;
	background-color: #f7f7f7;
	font-family: 'Open Sans', sans-serif;
	color: #333;
}
ul {
	list-style: none;
}
a {
	color: inherit;
	text-decoration: none;
}
a:visited {
	color: inherit;
}
#header {
}
#topMenu {
	text-align: right;
	margin: 0 auto;
	width: 1000px;
	font-size: 12px;
	font-weight: 300;
	color: #4d4d4d;
	vertical-align: central;
}
#topMenu ul {
	list-style-type: none;
	margin: 8px 0;
}
#topMenu li {
	display: inline;
}
#topMenu li + li::before {
	content: " | ";
	padding: 0 10px;
}
#topMenu a:hover {
	color: #3f85e8;
}
#mainNav {
	color: #fff;
	height: 51px;
	z-index: 100;
	background-color: #295798;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
}
/*==== M A I N   N A V ====*/
.mainNavContent {
	margin: 0 auto;
	width: 1000px;
}
.mainNavContent li:hover {
	color: #ccc;
}
.mainNavContent ul {
	float: left;
	/*list-style-type: none;
	margin: 16px 50px;*/
	margin: 0 0 0 10px;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}
.mainNavContent li {
	position: relative;
	display: inline-block;
	height: 51px;
	line-height: 51px;
	padding: 0 20px;
}
/*#mainNavContent li + li::before {
color: #d19939;
	content: " | ";
	padding: 0 10px;
}
nav > ul {
	height: 51px;
}
nav > ul > li {
	height: 51px;
	line-height: 51px;
	vertical-align: middle;
	padding: 0 20px;
}
nav ul ul {
	display: none;
}
nav ul li:hover > ul {
	display: block;
}
nav ul {
	background: #efefef;
	padding: 0 10px;
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
	content: "";
	clear: both;
	display: block;
}
nav ul li {
	float: left;
}
nav ul li:hover {
background:rgba(0,0,0,0.5);
	background: #0099ff;
	background:rgba(0,0,0,0.2);
}
nav > ul > li:hover > a {
	color: #eee;
}
nav ul li a {
	display: block;
	padding: 0 20px;
	color: #757575;
	color: inherit;
	text-decoration: none;
}
nav ul ul {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: #fff;
	border-radius: 0px;
	padding: 10px 0;
	position: absolute;
	top: 100%;
	left: 8px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.64);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.64);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.64);
}
nav ul ul li {
	color: #666;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin: 0 10px;
	padding: 0 10px;
	float: none;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
#lastSolution {
	border: none;
}
nav > ul > ul > li > a {
	color: #f00;
}
nav ul ul li:hover {
	color: #fff;
	background: #444;
}*/
#twLogo {
	float: left;
	padding-top: 10px;
}
#footer {
	background-color: #333;
	padding: 33px 0 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	transition: all 0.5s ease 0s;
}
#footer h2 {
	font-size: 11px;
	font-weight: 400;
	color: #d0d0d0;
}
#footer ul {
	list-style: none;
	font-weight: 300;
	color: #9d9d9d;
	margin-top: 4px;
}
#footer li {
	margin-bottom: 4px;
}
#footer a {
	color: inherit;
}
#footer a:hover {
	color: #ccc;
}
#footer h2> a:hover {
	color: #fff;
}
#footerContent {
	margin: 0 auto;
	width: 1000px;
}
.footerH2margin {
	margin-top: 15px;
}
#slider {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1280px;
	background-color: #ffffff;
}
#socialMediaIcons {
	float: right;
}
#socialMediaIcons ul {
	list-style: none;
}
#socialMediaIcons li {
	display: inline;
}
#socialMediaIcons img {
	margin-right: 10px;
}
#closingFooter {
	text-align: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #fff;
}
.royalSlider {
	width: 100%;
	height: 475px;
}
.slideText {
	position: absolute;
	z-index: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.slideNewsH2a {
	font-size: 36px;
	top: 70px;
	left: 140px;
	font-weight: 300;
}
.slideNewsH2b {
	font-size: 16px;
	top: 173px;
	left: 140px;
}
.slideNewsLink1 {
	top: 240px;
	left: 140px;
}
.slideConnectH1 {
	font-size: 37px;
	top: 103px;
	left: 167px;
	font-weight: 300;
}
.slideConnectH2 {
	font-size: 21px;
	top: 150px;
	left: 167px;
}
.slideConnectLink {
	top: 220px;
	left: 167px;
}
.slideeRespondH1 {
	font-size: 37px;
	top: 90px;
	left: 215px;
	font-weight: 300;
}
.slideeRepsondH2 {
	font-size: 21px;
	top: 135px;
	left: 215px;
	font-weight: 300;
}
.slideeRespondLink1 {
	top: 185px;
	left: 215px;
}
.slide1H1 {
	font-size: 36px;
	top: 328px;
	left: 140px;
}
.slide2H1 {
	font-size: 37px;
	top: 120px;
	left: 215px;
	font-weight: 300;
}
.slide2H2 {
	font-size: 21px;
	top: 90px;
	left: 215px;
}
.slide3H1 {
	font-size: 37px;
	top: 73px;
	left: 167px;
	font-weight: 300;
}
.slide3H2 {
	font-size: 21px;
	top: 120px;
	left: 167px;
}
.slideLink {
	position: absolute;
	z-index: 15px;
	font-weight: 500;
	font-size: 12px;
	padding: 3px 6px;
	border: 1px solid #fff;
	border-radius: 3px;
}
.slideLinkLarge {
	color: #014e86;
	position: absolute;
	z-index: 15px;
	font-weight: 500;
	font-size: 16px;
	padding: 6px 9px;
	border-radius: 3px;
	background-color: #fff;
}
.slide1Link1 {
	top: 385px;
	left: 140px;
}
.slide2Link1 {
	top: 180px;
	left: 215px;
}
.slide3Link1 {
	top: 170px;
	left: 167px;
}
#content {
	z-index: 1;
	padding-bottom: 130px;
}
.sections {
	margin: 50px auto 0;
	width: 1000px;
}
.sections ul {
	list-style-type: none;
}
.sections li {
	width: 226px;
	display: inline-block;
	margin-left: 27px;
}
.sections img {
	display: block;
}
.sections h1 {
	color: #2b86e1;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 5px;
}
.sections p {
	color: #4d4d4d;
	font-size: 11px;
	line-height: 13px;
}
#eventTitle {
	font-weight: 600;
	color: #2b86e1;
}
#eventDate {
	color: #808080;
}
#firstSection {
	margin-left: 0;
}
.sectionContent {
	border: 1px solid #d0d0d0;
	border-top: none;
	background-color: #fff;
	height: 100px;
	padding: 15px 13px 9px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	-webkit-box-shadow: 0px 6px 6px -5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 6px 6px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 6px 6px -5px rgba(0, 0, 0, 0.4);
}
.dividerGray {
	margin-top: 70px;
	height: 1px;
	background: -moz-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(214,214,214,0)), color-stop(25%, rgba(214,214,214,1)), color-stop(75%, rgba(214,214,214,1)), color-stop(100%, rgba(214,214,214,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d6d6', endColorstr='#00d6d6d6', GradientType=1 ); /* IE6-9 */
}
.dividerWhite {
	margin-bottom: 60px;
	height: 1px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 */
}
.grayDiv {
	height: 1px;
	background: -moz-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(214,214,214,0)), color-stop(25%, rgba(214,214,214,1)), color-stop(75%, rgba(214,214,214,1)), color-stop(100%, rgba(214,214,214,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 25%, rgba(214,214,214,1) 75%, rgba(214,214,214,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d6d6', endColorstr='#00d6d6d6', GradientType=1 ); /* IE6-9 */
}
.whiteDiv {
	height: 1px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 */
}
.stdWidth {
	margin: 0 auto;
	width: 1000px;
}
.highlightWhiteBG {
	color: #333;
}
.highlight h1 {
	margin-bottom: 14px;
}
.highlight h2 {
	margin-bottom: 13px;
}
.highlight h3 {
	margin-bottom: 13px;
}
.highlight p {
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	font-size: 15px;
	margin-bottom: 15px;
}
.highlight ul {
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	font-size: 19px;
}
.highlight li {
	margin-bottom: 12px;
}
.centerContent {
	text-align: center;
}
.centerContent p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 23px;
	margin-bottom: 12px;
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 48px;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 18px;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	font-size: 15px;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #2b86e1;
}
.highlightGrayBG {
	margin: 70px 0 160px;
	padding: 100px 0 190px;
	background-color: #333;
	color: #fff;
	-webkit-box-shadow: inset 0px 8px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 8px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 8px 5px 0px rgba(0,0,0,0.3);
}
.twoColumnHighlight {
	margin: 0 auto;
	width: 1000px;
}
.leftColumn {
	float: left;
	width: 400px;
}
.rightColumnn {
	vertical-align: top;
	float: right;
}
.oneColumn {
	margin: 0 auto;
	width: 1000px;
}
.imageShadow {
	-webkit-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3);
}
#junoImage {
	padding-left: 112px;
	width: auto;
}
#junoDetails {
	float: left;
	margin-top: 40px;
	margin-left: 112px;
}
#junoLink {
	margin-top: 26px;
}
.column {
	float: left;
	margin-right: 60px;
}
/*=========================
Content Page
=========================*/
.contentPage {
	padding-top: 65px;
	text-align: left;
}
.pageIntro {
	margin: 0 auto;
	width: 1000px;
}
.pageNav {
	width: 1000px;
	margin-top: 45px;
	font-size: 13px;
	border-bottom: 1px solid #b6b6b6;
	height: 37px;
}
.pageNav ul {
	float: left;
	padding: 6px 0;
	list-style: none;
}
.pageNav li {
	display: inline;
	margin-right: 30px;
}
.pageNav a {
	color: #333;
	text-decoration: none;
}
.pageNav a:hover {
	color: #2b86e1;trainingHeader
}
.blueButton {
	display: inline-block;
	padding: 6px 5px;
	color: #fff;
	background-color: #2b86e1;
	border-radius: 3px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s; /* ...and now for the proper property */
	transition: .5s;
}
.blueButton > a {
	color: #fff !important;
}
.blueButton > a:hover {
	color: #fff !important;
}
.blueButton:hover {
	background-color: #2a78b8;
}
.smallBtn {
	font-size: 12px;
	font-weight: normal;
}
.floatRight {
	float: right;
}
.sectionWhiteBG {
	color: #333;
}
.section {
	overflow: hidden;
	padding: 70px 0 60px;
}
.section h1 {
	font-size: 35px;
	margin-bottom: 14px;
}
.section h2 {
	margin-bottom: 13px;
}
.section h3 {
	margin-bottom: 13px;
}
.section p {
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	font-size: 15px;
	margin-bottom: 15px;
	margin-bottom: 18px;
}
.section ul {
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	font-size: 13px;
	line-height: 21px;
}
.section li {
	margin-bottom: 12px;
}
.section a {
	color: #2b86e1;
	font-weight: normal;
}
.section a:hover {
	color: #1f5fa1;
}
.twoColumnSection {
	overflow: hidden;
	margin: 0 auto;
	width: 1000px;
}
.sectionLeftColumn {
	float: left;
}
.sectionRightColumnn {
	vertical-align: top;
	float: left;
}
.rightCol {
	padding: 0 0 0 40px;
	width: 450px;
}
.blackSection {
	background-color: #000000;
	color: #ffffff;
}
.graySection {
	background-color: #424242;
	color: #ffffff;
}
.grayBlackGradient {
	background: rgb(31,28,29); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(31,28,29,1) 21%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 80%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(21%, rgba(31,28,29,1)), color-stop(80%, rgba(0,0,0,1)), color-stop(80%, rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(31,28,29,1) 21%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 80%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(31,28,29,1) 21%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 80%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(31,28,29,1) 21%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 80%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(31,28,29,1) 21%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 80%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1c1d', endColorstr='#000000', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*=========================
C O N N E C T
=========================*/
#connectOverviewLC {
	width: 660px;
}
#connectOverviewRC {
	float: left;
}
.connectP {
	width: 400px;
}
#connectAvail {
	margin-top: 20px;
}
#connectSpecRC {
	margin-left: 100px;
	width: 400px;
}
.connectImage01 {
	margin: 0 0 0 100px;
}
.connectImage02 {
	margin: 0 0 0 100px;
}
/*=========================
C O N N E C T
=========================*/
.detailedList h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 30px;
	margin: 50px 0 5px;
}
.detailedList p {
	font-size: 14px;
	line-height: 24px;
}
.detailedList a {
	text-decoration: none;
	color: #2b86e1;
}
.largeList h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 20px;
	margin: 60px 0 4px;
}
.pageHeader {
	margin: 0 auto;
	width: 1280px;
	height: 420px;
}
.headerText {
	width: 1000px;
	margin: 0 auto;
}
.headerText h2 {
	font-weight: 300;
}
.partnersHeader {
	color: #333;
	padding: 160px 0 0;
}
.newsHeader {
	color: #fff;
	padding: 160px 0 0;
}
.partnersRow1 {
	margin: 0 50px 0 0;
}
.partnersRow2 {
	margin: 12px 50px 0 0;
}
.hydrantHead {
	padding: 160px 0 0;
	color: #fff;
}
.netIncHeader {
	padding: 130px 0 0;
	color: #fff;
}
.servicesHead {
	padding: 180px 0 0;
	color: #fff;
}
.mappingHead {
	padding: 160px 0 0 100px;
	color: #fff;
}
.solutionsHead {
	padding: 120px 0 0 100px;
	color: #fff;
}
.hardwareHead {
	padding: 120px 0 0 550px;
	color: #fff;
}
.manholeHead {
	padding: 112px 0 0;
	color: #fff;
}
.valveHead {
	padding: 130px 0 0;
	color: #fff;
}
.eRespondOverview {
	margin: 0 130px 0 0;
}
.aboutUsHeader {
	color: #fff;
	padding: 150px 0 0;
}
.contactUsHeader {
	margin: 0 auto;
	width: 1280px;
	height: 300px;
	position: relative;
}
.wwNetIncHeader {
	color: #fff;
	padding: 80px 0 0;
}
.connectFeaturesBackground {
	background-image: url(../img/connectBackground.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #0e1a22;
	color: #fff;
}
.customerSpot {
	background-image: url(../img/manchestor.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.UUopening {
	background-image: url(../img/ManchestorUU.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
}
.LAopening {
	background-image: url(../img/LADWP.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
}
.OCopening {
	background-image: url(../img/newportBeach.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
}
/*.wwNetIncHeader h1{
	line-height: 50px;
}
.wwNetIncHeader h2{
	line-height: 50px;
}*/
.address {
	margin: 0 0 50px;
}
.address ul {
	margin: 0 0 20px;
}
.address li {
	padding: 0;
	margin: 0;
}
.address h2 {
	margin-bottom: 0;
}
.stdP_width {
	width: 475px;
}
.smallP_width {
	width: 400px;
}
.medP_width {
	width: 550px;
}
.largeP_width {
	width: 600px;
}
.mediumP {
}
.mediumP p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 23px;
	margin-bottom: 12px;
}
.largeP {
	width: 620px;
}
.largeP p {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: lighter;
	line-height: 26px;
	margin-bottom: 12px;
}
.leftCol {
	float: left;
}
.rightCol {
	float: left;
}
.threeCols {
	margin: 50px auto 0;
}
.threeCols h2 {
	font-weight: 300;
	margin: 0 0 5px;
}
.threeCols p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #777;
}
.threeCols div {
	vertical-align: central;
	height: 60px;
}
.threeCols img {
	margin: auto 0;
}
.threeCols li {
	vertical-align: top;
	display: inline-block;
	width: 250px;
	margin: 0 25px;
}
.twoCols {
	margin: 50px auto 0;
}
.twoCols h2 {
	font-weight: 300;
	margin: 0 0 5px;
}
.twoCols p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #777;
}
.twoCols div {
	vertical-align: central;
	height: 60px;
}
.twoCols li {
	vertical-align: top;
	display: inline-block;
	width: 250px;
	margin: 0 25px;
}
.imgTopMar {
	margin: 50px 0 0;
}
.imgLeftMar {
	margin: 0 0 0 50px;
}
.fourCols {
	margin: 50px auto 0;
}
.fourCols h2 {
	font-weight: 300;
	margin: 0 0 5px;
}
.fourCols p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #888;
}
.fourCols div {
	height: 60px;
}
.fourCols li {
	vertical-align: top;
	display: inline-block;
	width: 200px;
	margin: 0 20px;
}
.hardwareList {
	margin: 0;
}
.hardwareList h2 {
	text-align: center;
	font-weight: 300;
	margin: 10px 0 5px;
}
.hardwareList p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #888;
}
.hardwareList li {
	text-align: center;
	border: none;
	vertical-align: top;
	display: inline-block;
	width: 200px;
	margin: 0 47px 40px 0;
}
#supportHWList li {
	margin-bottom: 50px;
}
.imgShadow {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.49);
}
.segment {
	overflow: hidden;
	padding: 70px 0 60px;
}
.segment h1 {
	font-size: 35px;
	margin-bottom: 40px;
}
.segment h2 {
}
.segment h3 {
	margin-bottom: 13px;
}
.segment p {
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	font-size: 15px;
	margin-bottom: 15px;
	margin-bottom: 18px;
}
.segment ul {
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 23px;
	margin-bottom: 12px;
}
.segment li {
	margin-bottom: 12px;
}
.segment a {
	color: #2b86e1;
	font-weight: normal;
}
.wwIncManImage1 {
	margin-left: 50px;
}
.eRespondImg01 {
	margin: 15px 0 0;
}
.eRespondImg02 {
	margin: 100px 0 0;
}
.twoColTextColWidth {
	width: 450px;
}
.eRespondFeatBk {
	background-image: url(../img/city.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #152732;
	color: #fff;
}
.geoImg01 {
	margin: 0 0 0 70px;
}
.specList {
	margin: 40px 0 60px;
}
.specList h2 {
	padding: 0 0 5px;
	margin: 30px 0 10px 0;
	border-bottom: 1px solid #ccc;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.specList li {
	color: #666;
	font-size: 12px;
	margin: 4px 0;
	font-weight: normal;
}
.HydrantImg01 {
	margin: 8px 0 0 5px;
}
.HydrantImg02 {
	margin: 80px 0 0;
}
.incidentImg01 {
	margin: 30px 0 0 120px;
}
#spotLight {
	text-align: center;
	margin: 0 auto 40px;
	width: 800px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 32px;
	line-height: 42px;
}
.spotLightSection {
	color: #fff;
	text-align: center;
	width: 800px;
}
.spotLightSection > p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 32px;
	line-height: 42px;
}
.UUcasestudy {
	background-image: url(../img/manchestor.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.LAcasestudy {
	background-image: url(../img/LADWP.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.junoOverview {
	margin: 0 0 0 100px;
}
.junoOverviewImg {
	margin: 0 0 0 50px;
}
.junoFeaturesImg {
	margin: 50px 0 0 0;
}
.leakImg01 {
	margin: 0 0 0 100px;
}
.meterImg01 {
	margin: 0 0 0 55px;
}
.featuresList li {
	font-size: 12px;
	line-height: 18px;
}
.featuresList h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}
.featuresList ul:nth-child(odd) {
	float: left;
	width: 400px;
	margin-right: 100px
}
.featuresList ul:nth-child(even) {
	float: left;
	width: 400px;
}
.manholeImg01 {
	margin: 0 0 0 90px;
}
.centerErsiInDiv {
	background: url(../img/icons/Esri.png) no-repeat center center;
	width: 250px;
	height: 60px;
}
.smallList {
	width: 350px;
	margin-left: 100px;
}
.smallList h2 {
	font-size: 18px;
	font-weight: 300;
	line-height: 16px;
	margin: 0 0 5px;
}
.smallList h3 {
	color: #888;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin: 0 0 10px;
}
.smallList li {
	margin-bottom: 3px;
	font-size: 12px;
	font-weight: normal;
}
.addUnderline {
	padding-bottom: 5px;
	border-bottom: 1px solid #b6b6b6;
}
.addUnderlineB {
	padding-bottom: 10px;
	border-bottom: 1px solid #b6b6b6;
}
.formStyle {
	margin: 30px auto 40px;
	width: 293px;
	padding: 20px;
}
.formStyle INPUT {
	border: 1px solid #cccccc;
	border-radius: 3px;
	font-size: 12px;
	height: 18px;
	margin: 14px 0 0;
	padding: 6px 8px;
	transition: all 0.5s ease 0s;
	width: 264px;
}
.formStyle INPUT:hover {
	border: 1px solid #009df5;
}
.formStyle INPUT:focus {
	border: 1px solid #009df5;
}
.formStyle Label {
	font-size: 12px;
	color: #666;
	width: 70px;
	display: inline-block;
}
.formStyle a {
	font-weight: 300;
	font-size: 12px;
	color: #666;
}
.formStyle h3 {
	margin: 0 0 10px;
}
#formBtn {
	margin: 30px 0 15px;
	border: none;
	padding: 0;
	height: 30px;
	width: 280px;
}
.mediumBtn {
	background-color: #008fc5;
	-moz-appearance: none;
	-moz-transition: background-color 0.5s ease 0s;
	background-color: #009DF5;
	border: none;
	border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: 40px;
	padding: 0rem 0rem 0rem 0.1rem;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s; /* ...and now for the proper property */
	transition: .5s;
}
.mediumBtn:hover {
	background-color: #2a78b8;
}
#bulletList {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 15px;
}
#bulletList li {
	padding: 0 5px;
}
.yumaImg01 {
	margin: 0 0 0 40px;
}
.smallerH1 H1 {
	margin: 0 0 10px;
	font-size: 24px;
}
/*===========================
 M E N U
===========================*/
.productsMenu {
	width: 480px;
	display: none;
}
.productsLink:hover .productsMenu {
	display: block;
}
.solutionMenu {
	width: 720px;
	display: none;
}
.solutionLink:hover .solutionMenu {
	display: block;
}
.productsMenu {
	display: none;
}
.popinMenu {
	font-family: 'Roboto', sans-serif;
	position: absolute;
	left: 0;
	padding: 10px 10px 15px;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.64);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.64);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.64);
}
.popinMenu > ul {
	display: inline-block;
	margin-right: 30px;
	width: 200px;
}
.popinMenu > ul > li {
	margin: 0 0 8px;
	padding: 0;
	display: block;
	line-height: normal;
	height: auto;
	color: #333;
	font-size: 13px;
	font-weight: 300;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.popinMenu > ul > li > a:hover {
	color: #2b86e1;
}
.popinMenu > ul > li > h2 > a:hover {
	color: #2b86e1;
}
.popinMenu > ul > li > h2 {
	color: #888;
	font-size: 14px;
	font-weight: 300;
	padding: 0 0 5px;
	margin: 5px 0 15px;
	line-height: normal;
	border-bottom: 1px solid #d8d8d8;
}
.lastList {
	margin-right: 0;
}
/*=============================
   N E W S  & E V E N T S
=============================*/
#newsCol {
	width: 650px;
	margin-right: 50px;
}
#newsCol ul {
	margin: 30px 0 0;
}
#newsCol li {
	margin-bottom: 40px;
}
#newsCol h2 {
	font-size: 20px;
	font-weight: 300;
}
#newsCol h3 {
	font-weight: normal;
	font-size: 12px;
	color: #666;
	margin: 5px 0;
}
#newsCol h4 {
	font-weight: normal;
	font-size: 12px;
	margin: 5px 0 0;
}
#newsCol p {
	font-size: 12px;
}
#eventsCol {
	width: 300px;
}
#eventsCol h3 {
	font-weight: normal;
	font-size: 12px;
	color: #666;
	margin: 5px 0;
}
#eventsCol ul {
	margin: 30px 0 0;
}
#eventsCol li {
	border-radius: 3px;
	background: #e5e5e5;
	padding: 10px 10px 15px;
	margin-bottom: 10px;
}
#eventsCol h2 {
	font-size: 16px;
	font-weight: 300;
}
#eventsCol p {
	color: #666;
	font-size: 12px;
}
#eventsCol h4 {
	font-size: 12px;
}
#OCSD_list li {
	margin-bottom: 5px;
}
#solutionsList div {
	height: 110px;
}
#agenda {
	color: #666;
}
#agenda ul {
	margin: 5px 0;
}
#agenda li {
	padding: 0;
	margin: 0;
	font-size: 10px;
}
#agenda h3 {
	margin-top: 20px;
	padding: 0 0 5px;
}
#agenda strong {
	color: #333;
}
.listHighlight {
	list-style-type: none;
	margin: 20px 0;
}
.listHighlight li {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	display: inline;
}
.listHighlight li + li::before {
	content: " | ";
	padding: 0 10px;
}
#smIcons .at15t {
	background: url("../img/SM_BW.gif)") no-repeat scroll left center rgba(0, 0, 0, 0);
	display: block;
	height: 20px !important;
	line-height: 20px !important;
	overflow: hidden;
	width: 20px !important;
}
.smBtns {
	padding: 10px 0;
}
.mapBtn {
	color: #666 !important;
	background-color: #eee;
	border: 1px solid #ccc;
	display: inline-block;
	margin: 0 10px;
	padding: 3px 5px;
	font-size: 10px;
	line-height: 14px;
	cursor: pointer;
	border-radius: 2px;
}
.mapBtn:hover {
	border: 1px solid #999;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.5);
}
.slideEsriH2a {
	font-size: 21px;
	top: 129px;
	left: 215px;
	font-weight: 300;
}
.slideEsriH1 {
	font-size: 37px;
	top: 149px;
	left: 215px;
	font-weight: 300;
}
.slideEsriH2b {
	font-size: 16px;
	top: 205px;
	left: 215px;
}
.slideEsriLink1 {
	top: 265px;
	left: 215px;
}
.mediumTopMargin {
	margin-top: 40px;
}
#newportPopup {
	visibility: hidden;
}
#corkPopup {
	visibility: hidden;
}
#glasgowPopup {
	visibility: hidden;
}
#bangkokPopup {
	visibility: hidden;
}
.addressPopup {
	color: #666;
	background-color: #fff;
	position: absolute;
	top: 180px;
	left: 920px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	font-size: 12px;
	transition: all 0.5s ease 0s;
}
.addressPopup strong {
	color: #333;
}
.trainingHeader {
	background-image: url(../img/NY.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	height: 100px;
}
#trainingList {
}
#trainingList li {
	text-align: center;
	display: inline-block;
	width: 292px;
	margin: 0 15px;
	overflow: hidden;
}
#trainingList h2 {
	font-size: 16px;
}
#trainingList p {
	font-size: 12px;
	line-height: normal;
}
#trainingList a {
	color: inherit;
}
#trainingList a:hover {
	color: #777;
}
.trainingContent {
	height: 300px;
}