* { font-size:100%; margin:0; padding:0;}
table { border:0; border-collapse: collapse; border-spacing: 0;}
img {border:0;}

body {
margin:0 0 0 0;  
font-size:100.01%;
font-family:Arial, Sans-Serif;
background:url(i/bg-blue.jpg) top center no-repeat #3679a1
}  
#all{
margin:0 auto;
width: 790px;
}
a{
	text-decoration:none;
	color: #009;
}
a:hover, a:focus{
	text-decoration:underline;
	color: #f00;
}
li, a, ul {
margin:0px;
padding:0px;
}
.container {
margin:0 auto;
width:780px;  
background:url(i/shadow.png) repeat-y 100% 0;
padding: 0 5px;
} 
#header{
background:url(i/header.jpg) top center no-repeat;
width:780px;
height:175px;
overflow: hidden;
}
#header.header-hand{
background:url(images/headers/hand1.jpg) top center no-repeat;
width:780px;
height:175px;
overflow: hidden;
}
#header.header-plant{
background:url(images/headers/plant1.jpg) top center no-repeat;
width:780px;
height:175px;
overflow: hidden;
}
#header.header-water{
background:url(images/headers/water1.jpg) top center no-repeat;
width:780px;
height:175px;
overflow: hidden;
}
#flashV1 {
	width: 130px;
	height: 130px;
	margin: 18px 0 0 636px;
}

#flashV2 {
	width: 624px;
	height: 123px;
margin: 0 0 0 156px;
}

#flashHeader {
	position: top center;
	width: 779px;
	height: 175px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#circle {
	background: url(i/circle.png);
	width: 130px;
	height: 134px;
margin: -105px 0 0 638px;
position: absolute;
}

#homelink {
display: block;
width:280px;
height: 150px;
position: relative;
z-index: 100;
}
#homelink span {
display: none;
visibility: hidden;
}

#nav{
width:780px;
height:35px;
margin:0 auto;
}

/* topnav drop down styles*/
ul.topnav {
list-style: none;	
margin: 0 auto;
width:703px;
background: #222;
font-size: 14px;
background: url(i/nav.png) no-repeat 0 0;
position:absolute;
z-index:400;
padding: 0 0 0 77px;
}
ul.topnav li {
float: left;
display:block;
display: inline-block;
height:34px;
padding:0 4px 0 0;
position: relative;
background:url(i/li.jpg) top left no-repeat;
}

ul.topnav li a {
padding:0 4px 0 15px;
display:block;
height:34px;
font-size:14px;
line-height: 35px;
color:#000;
text-decoration:none;
float:left;
white-space: nowrap;
}
ul.topnav li a:visited{
color:#000;
}
ul.topnav li a:hover,
ul.topnav li a:focus {
color: #f00;
text-decoration:underline;
}

  /* Second Level */
ul.topnav li ul {
display: none;
}
ul.topnav li ul a{
color:#009;
}
ul.topnav li ul a:visited{
color:#009;
}
ul.topnav li ul a:hover,
ul.topnav li a:focus {
color:#f00;
text-decoration:underline;
}
ul.topnav li:hover ul {
	display: block;
	width: auto;
	position:absolute;
	background-color:#9DB3D2;
	padding: 0px 0px 10px 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #666666;
}

ul.topnav li ul{
position:absolute;
top:34px;
left:3px;	
}

ul.topnav li ul li{
	width:auto;
	background-image:none;
	height:2px;
	display:block;
	font-size:12px;
	float:left;
	padding-bottom:22px;
}
ul.topnav li ul li a{
background-image:none;
height:14px;
display:block;
font-size:13px;
padding: 0 10px 0px 10px;
}
/* END TOP NAV */

/* left Column */

#left-column{
width:161px;
float:left;
height: 100%;
}
#outter-nav-left{
width:161px;
background:url(i/nav-left-repeat.png) top left repeat-y;
position: relative;
}
#nav-left{
width:161px;
background:url(i/nav-left.png) no-repeat 0 0;
padding:5px 0px 0px 0px;
}
#nav-left ul li.nav-left-title{
margin-left:0px;
font-size:15px;
font-weight: bold;
line-height: 130%
}
#nav-left ul{
margin-left:9px;
padding:8px 0px 0px 0px;
}
#nav-left ul li{
display:block;
list-style:none;
padding: 2px 5px 8px 0;
font-size:13px;
line-height: 14px;
font-weight: normal;
background:url(i/li-left.png) bottom left no-repeat;
}
#nav-left ul li#last {
background-image:none;
padding-bottom: 0;
}
#nav-left ul li a {
height: auto;
display:block;
color:#006;
text-decoration:none;
padding: 0 0 0 4px;
}
#nav-left ul li a.active {
color: #fdc;
}
#nav-left ul li a:hover,
#nav-left ul li a:focus,
#nav-left ul li a.active:hover,
#nav-left ul li a.active:focus {
color: #f00;
text-decoration:underline;
}

/* level 2 */

#nav-left ul li ul {
margin-left:14px;
padding: 2px 0 0 0;
}

#nav-left ul li ul li {
list-style: circle;
background: none;
padding: 2px 0 2px 0;
line-height: 130%;
}

#nav-left-bottom{
height:18px;
width:158px;
background:url(i/nav-left-btm.png) no-repeat  0 100%;
}

/*Blue square with advanced button under left nav*/

#under-left{
min-height:102px;
width:161px;
background:url(i/leftglobe-repeat.png) top left repeat-y;
background-color:#deeeff;
}
#under-left .inside {
width:161px;
background:url(i/leftglobe-btm.png) no-repeat 0 100%;
overflow: hidden;
height: 100%;
}

#under-left .inside p{
font-size:11px;
padding:0 18px 20px 18px;
}

a.advanced{
height:52px;
display:block;
background:url(i/advanced2.png) top center no-repeat;
margin: 10px auto;
}

a.advanced:hover  {
background-position: center -52px;
}

a.advanced span {
display: none;
visiblity: hidden;
}
#leftglobeterminus {
height: 12px;
width: 161px;
background:url(i/leftglobe-terminus-blue.gif) no-repeat 100% 0;
overflow: hidden;
}

/* end left column */

#contentwrap0{
width:785px;
margin: 0 0;
overflow: hidden;
padding: 0 0 0 5px;
}
#contentwrap1{
width:785px;
margin:0 auto;
background:url(i/shadow-nav.png) no-repeat 0 0;
overflow: hidden;
height: 100%;
}

#main-outer {
width: 624px;
overflow: hidden;
float: left;
}
#main-col0{
font-size:12px;
line-height:18px;
overflow: hidden;
background:url(i/shadow.png) repeat-y 100% 0;
width: 619px;
padding-right: 5px;
}

#main-col1{
background: #fff url(i/content_bg_top.jpg) no-repeat 0 0;
overflow: hidden;
}

#main-col1.home {
background: #0f4792 url(i/home-content-0f4792.jpg) no-repeat 100% 100%;
}

#minheightmain {
width: 1px;
float: right;
oveflow: hidden;
height: 280px;
}

.inner {
	padding: 20px 15px 0px 15px;
	overflos: hidden;
	font-size:13px;
}

.inner p {
	font-size:15px;
	margin: 0px 0px 8px 0px;
	line-height: 20px;
}

.inner ul {
	margin: 5px 0px 5px 8px;

}

#main-col1.home .inner {
background: url(i/shadow-nav.png) no-repeat 100% 0;
}

.message{
	width:480px;
	margin: 0px 10px 0px 2px;
}
.message p{
	font-size:16px;
	line-height: 24px;
	color: #FFF;
	text-shadow: #401 2px 2px 5px;
}
.message2{
	width:245px;
	margin: 0px 0px 0px 2px;
}
.message2 p{
	font-size:16px;
	line-height: 118%;
}

h1 {
	font-size:22px;
	font-weight:bold;
	line-height: 22px;
	margin-bottom: 6px;
	font-style: italic;
	color: #FFF;
	text-shadow: #401 2px 2px 5px;
}
h2 {
	font-size:24px;
	font-weight:bold;
	line-height: 28px;
	margin-bottom: 2px;
	color: #8B3232;
}
h3 {
	font-size:18px;
	line-height: 24px;
	margin-bottom: 5px;
	font-style: italic;
	color: #235;
}

/* bottom Curve */

#curve{
clear: both;
width:619px;
height:95px;
display:block;
background: url(i/content_bg_btm-blue.jpg) no-repeat 0 0;
}

#curve.home {
height: 160px;
background: url(i/home-curve-bg-blue-blank.jpg) no-repeat 0 0;
}

#curve.white {
height: 160px;
background: url(i/content_bg_btm-white.jpg) no-repeat 0 0;
}

#curve p{
font-size:11px;
margin-top:160px;
margin-left:95px;
}

#curve ul{
float:left;
}

#curve-logos{
float:left;
}
#curve-logos span{
display: none;
}

a.badger{
width:115px;
height:71px;
background:url(i/badger-meter.png) top center no-repeat;
margin: 22px 18px;
display:block;
}
a.badger:hover  {
background-position: center -73px;
}
a.badger span {
display: none;
visiblity: hidden;
}

a.municipal{
width:80px;
height:78px;
background:url(i/municipal-solutions.png) top center no-repeat;
margin: 18px 0 0 10px;
display:block;
}
a.municipal:hover  {
background-position: center -78px;
}
a.municipal span {
display: none;
visiblity: hidden;
}

a.fcs{
width:63px;
height:48px;
background:url(i/fcs.png) top center no-repeat;
margin: 40px 0 0 10px;
display:block;
}
a.fcs:hover  {
background-position: center -48px;
}
a.fcs span {
display: none;
visiblity: hidden;
}

a.avk{
width:70px;
height:36px;
background:url(i/avk.png) top center no-repeat;
margin: 55px 0 0 10px;
display:block;
}
a.avk:hover  {
background-position: center -38px;
}
a.avk span {
display: none;
visiblity: hidden;
}

a.itron{
width:74px;
height:33px;
background:url(i/itron.png) top center no-repeat;
margin: 70px 0 0 10px;
display:block;
}
a.itron:hover  {
background-position: center -33px;
}
a.itron span {
display: none;
visiblity: hidden;
}

a.mcgard{
width:121px;
height:33px;
background:url(i/McGard.png) top center no-repeat;
margin: 90px 0 0 10px;
display:block;
}
a.mcgard:hover  {
background-position: center -34px;
}
a.mcgard span {
display: none;
visiblity: hidden;
}



/* footer is copyright info */
#footer{
	padding:10px 32px 0 0;
	height:20px;
	font-size:11px;
	color: #cde;
	text-align:center;
	clear: both;
}
#footer-yellow{
font-size:14px;
color:#c96;
padding: 0 32px 0 0;
clear: both;
text-shadow: #401 1px 1px 2px;
text-align:center;
margin: -10px 0 0 0;
}
#footer-yellow a{
	text-decoration:none;
	color: #ec0;
}
#footer-yellow a:hover, a.footer-yellow:focus{
	color: #fff;
}



/* TABLES */

.inner table {
padding: 0px;
margin: 0 0 5px 0;
}
.inner th {
padding: 10px 0px 4px 0px;
}
.inner td {
border: 1px solid #578;
padding: 0px;
}
.inner table p {
margin: 3px 10px;
}


/* Assignable */

.clear {clear: both;}
.extralarge {font-size: 1.6em;}
.address-name {
	font-size: 18px;
	color: #235;
	font-weight: bold;

}
.address {
	font-size: 14px;
	background: #6cf url(i/content_bg_top.jpg) no-repeat 50% 50%;
	padding: 10px 0px 10px 10px;
	width: 245px;
	float: left;
	position: relative;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-left: 1px solid #999;
	border-bottom: 1px solid #333;
	margin: 0px 20px 10px 0px;

}
.img-lft {
	float: left;
	position: relative;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-left: 1px solid #999;
	border-bottom: 1px solid #333;
	margin: 0px 10px 10px 0px;
}
.img-rt {
	float: right;
	position: relative;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-left: 1px solid #999;
	border-bottom: 1px solid #333;
	margin: 0px 10px 10px 10px;
}

.flt-rt {
	float: right;
	padding-bottom: 10px;}
.flt-rt-2 {
	float: right;
	padding: 20px 0px 0px 0px;
}
.flt-lft {
	float: left;
	padding-bottom: 10px;}