html,body{margin:0;padding:0; color: black; background: #FFFFFF url('imgs/background.jpg') no-repeat top center}


H1     {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14pt; color: #CC6600; font-weight: bolder}
H3     {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #CC6600; font-weight: bold}
H2.gold       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11pt; color: #CC6633; font-weight: bolder;}

P       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: normal}

UL          {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; background: #FFFFFF; font-weight: normal}

OL          {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; background: #FFFFFF; font-weight: normal}

LABEL       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #006600; font-weight: bolder}

EM          {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; background: #FFFFFF; font-weight: normal; font-style: italic;}

TD       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: normal}

A.bluebr        {font-family: century gothic, century,Arial, Helvetica, sans-serif; font-size: 10pt; color: #000066; font-weight: bold}
A.bluebr:active {font-family: century gothic, century,Arial, Helvetica, sans-serif; font-size: 10pt; color: #006600; font-weight: bold}
A.bluebr:hover  {font-family: century gothic, century,Arial, Helvetica, sans-serif; font-size: 10pt; color: #006600; font-weight: bold}


.ttl        {font-family: Tahoma, Helvetica, sans-serif; font-size: 13pt; color: #336633; font-weight: bolder}

.strd       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; background: #FFFFFF; font-weight: normal;}

.strdcl     {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: normal;}

.regular     {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: normal;}

STRONG.hard  {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; background: #FFFFFF; font-weight: bold}

STRONG.extra {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11pt; color: #000000; background: #FFFFFF; font-weight: bold}

STRONG.extras {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11pt; color: #000000; background: #999999; font-weight: bold}

STRONG      {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11pt; color: #000; font-weight: bold}

A        {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #CC3300; font-weight: normal}
A:active {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000066; font-weight: normal}
A:hover  {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000066; font-weight: normal}

A.sml           {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 8pt; color: #CC3300; font-weight: normal}
A.sml:active    {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 8pt; color: #003300; font-weight: normal}
A.sml:hover     {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 8pt; color: #003300; font-weight: normal}

A.sm1           {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: normal; text-decoration: none}
A.sm1:active    {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #003300; font-weight: normal; text-decoration: none}
A.sm1:hover     {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #003300; font-weight: normal; text-decoration: none}

A.norm           {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: normal; text-decoration: none}
A.norm:active    {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #003300; font-weight: normal; text-decoration: none}
A.norm:hover     {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #003300; font-weight: normal; text-decoration: none}

A.greenb        {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11pt; color: #006600;  font-weight: bold}
A.greenb:active {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11pt; color: #000066; font-weight: bold}
A.greenb:hover  {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11pt; color: #000066; font-weight: bold}

A.orangeb        {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11pt; color: #CC3300;  font-weight: bold}
A.orangeb:active {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11pt; color: #003300; font-weight: bold}
A.orangeb:hover  {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11pt; color: #003300; font-weight: bold}

.sm         {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 8pt; color: #000000; font-weight: normal;}

.first      {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 15pt; color: #666666; font-weight: bold;}

.spec       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 8pt; color: #ff0000; font-weight: bolder;}

.thin       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: normal; font-style: italic;}

.qt         {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #666666; font-weight: bolder}

.qtsm       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold;}

.source     {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #CC3300; font-weight: normal;}

.redb       {font-family: Arial, Helvetica; font-size: 10pt; color: #660000; font-weight: bold;}

.green      {font-family: Arial, Helvetica; font-size: 10pt; color: #006600; font-weight: normal;}

.greenb     {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11pt; color: #006600; font-weight: bold;}

.greenbgrey     {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11pt; color: #006600; background: #CCCCCC; font-weight: bold;}

.orangelt   {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #CC3300; font-weight: normal;}

.orangelg   {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11pt; color: #CC3300; font-weight: bold;}

.orange     {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #CC3300; font-weight: normal;}

.orangeb    {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #CC3300; font-weight: bold;}

.gold       {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11pt; color: #CC6633; font-weight: bolder;}

.bluebg     {background: #0000CC}

.greybg     {background: #CCCCCC}

.orangebg   {background: #CC3300}
.orangebg1   {background: #CC6600; background-image: url(imgs/orangedec.gif); margin:0px;}
.orangebg2   {background: #FF9933}

.whitebg    {background: #FFFFFF}

.blackbg    {background: #000000}

.redbg      {background: #990000}

.blkgr   {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #000000; background: #99CC99; font-weight: bold;}
.whtgr   {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; background: #006600; font-weight: bold;}
.tabheader {font-family: Tahoma; font-size: 11px; color: #ffffff; font-weight: normal; background-color: #003399}
.td1       {font-family: Tahoma; font-size: 11px; color: #000000; font-weight: normal}



div#water {font-size: 46px; font-family: Tahoma, sans-serif; font-weight: bold; color: #ff9933}
div#water {position:absolute;; left:280px; top: 0px; z-index: 2}
div#filtration {font-size: 46px; font-family: Tahoma,  sans-serif; font-weight: bold; color: #cc6600}
div#filtration {position:absolute; left:340px; top:31px; z-index: 3}
div#solutions {position:absolute;; left:220px; top:64px; z-index: 2}
div#solutions {font-size: 46px; font-family: Tahoma,  sans-serif; font-weight: bold; color: #ff9933}
div#camping {position:absolute;; left:850px; top:1px; z-index: 2}
div#caravandeco {position:absolute; left:790px; top:10px; margin: 0px; z-index: 2}


div#container {width:1010px; margin:0 auto}
div#header    {position: relative; width:100%; margin-bottom: 10px; margin-top: 4px}
div#wrapper   {float:left; width:100%}
div#content   {float:left; width:700px}
div#nav       {float:left; width:100%; padding-top: 18px}
div#extra     {float:right; width:300px; padding-top: 10px}
div#footer    {clear:left; width:100%; text-align: center; background-color: #999999; padding-top: 4px; padding-bottom: 4px; margin-bottom: 0px}
div#footer1   {clear:left; width:100%; text-align: center; background-color: #FFF; padding-top: 3px; margin-bottom: 18px}