/* Floating Menu */
		#fl_menu{position:absolute; top:50px; left:0px; z-index:9999; width:150px; height:50px;}
		#fl_menu .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#0085ad; color:#fff; letter-spacing:7px;}
		#fl_menu .menu{display:none;}
		#fl_menu .menu .menu_item{display:block; background:#09b; color:#fff; border-top:1px solid #6e6259; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
/* 		#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;} */
		#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}
/* 		#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;} */
/* END */

body
{
	margin:0;
	padding:0;
	
/*
	border-width: 1px;
	border-style: dashed;

	position: absolute;
	top: 162px;
	left: 480px;

	background-image: url("../assets/website_snap.jpg");
*/

	width: 930px;
	height: 682px;
}

#test {
	background-image: none;
}

#microsite {
	width: 100%;
	height: 100%;
	background-color: white;
	zzzbackground-image: url("cover_pic-lo.jpg");
}


.fullsize {
	height:100%;
}


a span {
	font-size: 32;
	color: white;
}

h1 {
	font-size: 10pt;
	color: #3399cc;
}

p {
	font-size: 10pt;
}

td {
	padding: 10px;
	font-size: 10pt;
}

td b {
	color: #3399cc;
}

td p {
	font-size: 9pt;
}

.chartelt {
	padding: 0px;
}


ul {
	margin:0px;
	padding:0px;
	font-size: 10pt;
}

.wide {
	color: #3399cc;
}

.wide h1 {
	color: #3399cc;
	font-size: 10pt;
}

.thin h1 {
	color: #3399cc;
	font-size: 10pt;
}

.thin li {
	font-size: 10pt;
	position: relative;
	left: -25px;
	padding-bottom: 5px;
}

.thin p {
	margin-right: 15px;
}

.thin3 h1 {
	margin-bottom:-10px;
	color: #3399cc;
	font-size: 10pt;
}

.signature-name {
	font-weight: bold;
	color: #3399cc;
	font-size: 10pt;
}
	
.signature-title {
	font-size: 10pt;
}
	
.ceo-header {
	color: #3399cc;
	font-size: 16pt;
}

.ceo-section {
	color: #3399cc;
	font-size: 10pt;
}

.ceo-section h1 {
	font-weight: bold;
}

.ceo-section p {
	position: relative;
	top: -1em;
	font-style: italic;
}

#leftsection {
	background-color: #6e6259;
	width: 50px;
	height: 100%; /* 600px; */
	float: left;
	text-shadow: 0px 0px;
}

#centersectionbg {
	zzzbackground-image: url("../images/ocean_waves1.jpeg");
	width: 469px;
	height: 600px;
	float: left;
	text-shadow: 0px 0px;

	font-size: 12pt;	
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#centersection {
	width: 760px; /* 469px; */
	height: 100%;
	float: left;
	text-shadow: 0px 0px;

	font-size: 12pt;	
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#rightsection {
	height: 600px;
	float: left;
	text-shadow: 0px 0px;
}

.zzzleftscrollbar {
	max-width: 10%;
	height: 32px;
	width: 64px;
	
	color: black;
	background-color: red;
}


#pagename {
	max-width: 100%;
	width: 100%;
	font-family: "Arial Black";
	font-size: 8pt;
	text-align: justify;
	border:none;
}


.zzzrightscrollbar {
	max-width: 10%;
	height: 32px;
	width: 64px;
	
	color: black;
	background-color: green;
}


#contents {
	height: 100%;
	width: 100%;
}

/* PAGES */
#logopage {
	height: 100%;
}


#letspage {
	zzzbackground-image: url("../images/bg_lets2-lo.jpg");
	height: 100%;
}

#homepage {
	zzzbackground-image: url("../images/bg_cover_txt-rtjust-lo.jpg");
	height: 100%;
}

#waterpage {
	zzzbackground-image: url("../images/bg_water_txt-lo.jpg");
	height: 100%;
}

#waterpage2 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#waterpage3 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#boardpage {
	margin-left: 0px; /* edging */
	height: 100%;
}

#boardpage2 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#financialpage {
	margin-left: 0px; /* edging */
	height: 100%;
}

#financialpage2 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#letspage2 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#letspage3 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#solvepage {
	zzzbackground-image: url("../images/bg_solve4-lo.jpg");
	height: 100%; width: 100%;
}

#solvepage2 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#solvepage3 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#ceopage {
	margin-left: 0px; /* edging */
	height: 100%; 
}

#ceopage2 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#ceopage3 {
	margin-left: 0px; /* edging */
	height: 100%;
}

#shareownerpage  {
	margin-left: 0px; /* edging */
	height: 100%;
}

#tenkpage {
	margin-left: 0px; /* edging */
	height: 100%;
}

.wrapper {
	height: 100%;
	margin-left:10px; 
	margin-right:10px;
 }

/* END-OF-PAGES */


.showBorder {
	border-width: 1px; border-style: dashed;
}

.noBorder {
	border-width: 1px;
	border-style: none;
}

#sectionTitle {
	margin-top: 10px;
	font-size: 12px;
	margin-right: 20px;
	font-weight: bold;
	text-align: right;
	color: #09b;
}

.landingText {
	position: relative;
	top: 75px;
	right: -120px;
	width: 540px;
	height: 280px;
	
	font-size: 12pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: white;
}

.summaryText {
	position: relative;
	top: 75px;
	right: -400px;
	width: 160px;
	height: 100px;
	
	font-size: 12pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: white;
}

#letsLogoText {
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	position: relative;
	right: 45px;
}

.letsPageText {
	font-weight: bold;
	position: relative;
	top: 80px;
	right: -292px;
	width: 320px;
	height: 100px;
	
	font-size: 11pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: white; /*white;*/
}

.waterPageText {
	font-weight: bold;
	position: relative;
	top: 110px;
	right: -180px;
	width: 420px;
	height: 100px;
	
	font-size: 11pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: white; /*white;*/
}

.letsSolveText {
	font-weight: bold;
	position: relative;
	top: -320px;
	right: -20px;
	width: 400px;
	height: 100px;
	
	font-size: 11pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	/* color: white; */
	color: #aaaaaa
}

.covertop {	height: 10%; }
.covermiddle {	height: 55%; }
.coverbottom {	height: 35%;	bottom: 5px; }
.nextpagearrow { 
	color: white;
	font-size: 60pt; 
}

.headerfootertext {
	padding: 30px;

	font-size: 9pt;	
}

#boardimg {
	border-width: 1px;
	border-style: dashed;
	padding: 5px;
}

.xylemtag {
	padding: 30px;

	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.logoText {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12pt;
}

.logoSubText {
	padding-left: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 6pt;
}

.sloganMedium {
	text-align: right;
	color: white;
	font-size: 72pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.sloganLarge {
	text-align: right;
	color: white;
	font-size: 104pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.sloganLarge2 {
	text-align: right;
	color: #999999;
	font-size: 104pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}