#banner { visibility: visible; margin: 0; padding: 0; top: 0; right: auto; left: auto; width: 100%; height: 300px; min-width: 243px; max-width: 1600px; clear: none; }
.logo { background-color: white; background-image: url(../images/banner/banner-withlogo.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.whaletail1 { background-color: white; background-image: url(../images/banner/banner-whaletail1.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.whaletail2 { background-color: white; background-image: url(../images/banner/banner-whaletail2.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.whaletail3 { background-color: white; background-image: url(../images/banner/banner-whaletail3.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.ucluelet { background-color: white; background-image: url(../images/banner/banner-ucluelet.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.sealion4 { background-color: white; background-image: url(../images/banner/banner-sealion4.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.sealion3 { background-color: white; background-image: url(../images/banner/banner-sealion3.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.sealion2 { background-color: white; background-image: url(../images/banner/banner-sealion2.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.sealion1 { background-color: white; background-image: url(../images/banner/banner-sealion1.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.rocks-kelp { background-color: white; background-image: url(../images/banner/banner-rocks-kelp.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.oystercatcher { background-color: white; background-image: url(../images/banner/banner-oystercatchers.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.kwhales { background-color: white; background-image: url(../images/banner/banner-kwhales.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.jellyfish { background-color: white; background-image: url(../images/banner/banner-jellyfish.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.islands { background-color: white; background-image: url(../images/banner/banner-islands.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.eagle { background-color: white; background-image: url(../images/banner/banner-eagle.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.boat { background-color: white; background-image: url(../images/banner/banner-boat.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.boat-sealions { background-color: white; background-image: url(../images/banner/banner-boat-sealions.jpg); background-repeat: no-repeat; background-position: 100% 100%; }