/**
 * Arrow Navigation
 */
#our_water_arrow_navigation { margin-top: 1em; }

#our_water_arrow_navigation a {
  margin-left: -20px;
	display: inline-block;
	width: 121px;
  height: 47px;
  background-repeat: no-repeat;
  background-position: top left;
  text-indent: -9999px;
}

*+html #our_water_arrow_navigation a { line-height: 0; }

#our_water_arrow_navigation a:first-child { margin-left: 0; }

#our_water_arrow_navigation a.water_use_today { background-image: url(../images/nav_1.png); }
#our_water_arrow_navigation a.water_use_today:hover,
.water_use_nav #our_water_arrow_navigation a.water_use_today { background-image: url(../images/nav_1_blue.png); }

#our_water_arrow_navigation a.tomorrow_beyond { background-image: url(../images/nav_2.png); }
#our_water_arrow_navigation a.tomorrow_beyond:hover,
.tomorrow_nav #our_water_arrow_navigation a.tomorrow_beyond { background-image: url(../images/nav_2_blue.png); }

#our_water_arrow_navigation a.why_water_efficiency { background-image: url(../images/nav_3.png); }
#our_water_arrow_navigation a.why_water_efficiency:hover,
.why_water_nav #our_water_arrow_navigation a.why_water_efficiency { background-image: url(../images/nav_3_blue.png); }

#our_water_arrow_navigation a.what_you_can_do { background-image: url(../images/nav_4.png); }
#our_water_arrow_navigation a.what_you_can_do:hover,
.what_you_nav #our_water_arrow_navigation a.what_you_can_do { background-image: url(../images/nav_4_blue.png); }

#our_water_arrow_navigation a.spreading_the_word { background-image: url(../images/nav_5.png); }
#our_water_arrow_navigation a.spreading_the_word:hover,
.spreading_nav #our_water_arrow_navigation a.spreading_the_word { background-image: url(../images/nav_5_blue.png); }

#our_water_arrow_navigation a.learn_more { background-image: url(../images/nav_6.png); }
#our_water_arrow_navigation a.learn_more:hover,
.learn_nav #our_water_arrow_navigation a.learn_more { background-image: url(../images/nav_6_blue.png); }

/**
 * Miscellaneous
 */
.our_water_next {
  margin-top: 1em;
  width: 95px;
  height: 36px;
  float: right;
  background: transparent url(../images/next.png) no-repeat top left;
  clear: both;
}

.our_water_next:hover {
  background-image: url(../images/next_blue.png);
}