/* SITE SELECTORS
---------------------------------*/

/* PAGE */
html { background:#000; }
html.landing { background:#fff; }
body { color: #000; }
a:link,a:visited,a:hover,a strong { color: #000; }
#home,#internal,#landing { position:relative; }
#landing > .t { left:0; top:160px; background:url(../img/site-x.png) 0 -411px; height:394px; }
#landing > .b { left:0;height:56px;background:#074d83; }
#landing > .b .t{ left:0;top:0;height:2px;background:url(../img/site-x.png) 0 -812px; }
.site { width: 1000px; text-align:left; margin: 0 auto 30px auto; position:relative; }
#landing .site { width:925px; padding: 48px 0 0; }

/* BRANDING */
#branding { position:relative; background:url(../img/site-x.png) 0 0 #f2f5fc; height: 159px;}
#landing #branding { height:112px; background:none;}
#logo { position:absolute; top: 30px; left:25px; background: url(../img/site.png) 0 -702px; width: 372px; height: 88px; text-indent:-6000px }
#landing #logo { background-position: -393px -702px;width:417px;height:98px;top:0;left:0;}

#link-eco-safe{ position:absolute; top:32px; right:115px; background:url(../img/site.png) 0 -608px; width: 74px; height: 74px; }
#link-nsf-certificate{ position:absolute; top:32px; right:22px; background:url(../img/site.png) 0 -1519px; width: 64px; height: 74px; }
#landing #link-eco-safe{ position:absolute; top:0; right:94px; background-position:-74px -608px; width:78px; height:78px; }
#landing #link-nsf-certificate{ position:absolute; top:0; right:0; background-position:-64px -1519px; width:65px; height:73px; }

#branding .l{bottom:0; background:url(../img/site.png) 0 0; width: 12px; height: 12px; }
#branding .r{bottom:0; background:url(../img/site.png) 0 -32px; width: 12px; height: 12px; }
#themed #branding .b{left:0; background:url(../img/site.jpg); width: 1000px; height: 44px; }

/*NAV*/
#nav { position:relative; z-index: 100; height: 41px; }
#nav > ul > li { float:left; display:block; width: auto; position:relative; }
#nav > ul > li.first { border:0;margin: 0 0 0 13px; }
#nav > ul > li.last { border:0; }
#nav > ul > li > a { font-size: 1.1em; text-transform:uppercase; color:#fff; display:block; height:41px; padding: 0 14px; text-decoration:none; font-weight:bold; line-height:41px; }
#nav > ul > li.first a{ padding-left:0; }
#nav > ul > li.last a{ padding-right:0; }
#nav > ul > li > a:hover {color:#0066b2; }

/*MAIN*/
#main { overflow:hidden; width: 100%; margin: 0; padding:25px 0 0; border-bottom:1px solid #fff; position:relative; background:#cbd7f1; min-height: 300px; }
#landing #main { color:#0068b3; background:#fff; border-bottom:0; padding: 106px 0 40px; font-size: 14px; }

#main > .x { top:0; left:0; background: url(../img/site-x.png) 0 -247px; height: 84px; }
#main > .l { top:0; background: url(../img/site.png) 0 -1333px; width: 74px; height: 67px; }
#main > .t { right:0; background: url(../img/site.png) 0 -1420px; width: 63px; height: 79px; }
#main > .r { bottom:0; background: url(../img/site.png) 0 -1151px; width: 118px; height: 162px; }
#main > .b { left:0; background: url(../img/site.png) 0 -810px; width: 100px; height: 321px; }
#themed #main > .t { right:0; background: url(../img/site.jpg); width: 1000px; height: 502px; }
#landing #main > .t { right:0; background: url(../img/site.jpg) 0 -2551px; width: 100%; height: 394px; }
#themed #main{ padding-bottom:0; }

#landing #main .buttons { overflow:hidden; margin: 0 auto 40px auto; width: 588px; z-index:10; position:relative;}
#landing #main .buttons p { width: 244px; height:244px;float:left; margin: 0 100px 0 0; }
#landing #main .buttons p.last { margin-right: 0;}
#landing #main .buttons p a{ display:block; width: 100%; height:100%;background-image: url(../img/site.jpg); text-indent:-6000px;}
#landing #link-pool-filtration a{ background-position: 0 -214px; }
#landing #link-pool-filtration a:hover{ background-position:-244px -214px; }
#landing #link-industrial-filtration a{ background-position: -488px -214px; }
#landing #link-industrial-filtration a:hover{ background-position:-732px -214px; }
#landing #main > .c { z-index:10; position:relative;}
/* CONTENT */
#content { overflow:hidden; width:732px; position:relative;margin:0 0 0 138px; padding:0 0 0; }
#themed #content { width: 554px; padding:5px 0 0; margin:0 22px 0 auto; background:#fff;	 }
#content > h1,#themed #main > h1{ display:inline;height:69px; letter-spacing:.3em; border:6px solid #fff; padding: 2px 15px 8px 25px; font-size:3em; font-weight:normal; line-height:2em; position:relative; z-index:10;}

#themed #main > h1 .two {display:inline;height:69px; letter-spacing:.3em; border:6px solid #fff; padding: 2px 15px 8px 25px; font-size:1em; font-weight:normal; z-index:10;position:absolute; left:53px; top:80px; line-height:1.8em;}

#themed #main > h1{position:absolute; left:23px; top:26px; line-height:1.8em; }
#themed #content .t {left:0; background:url(../img/site-x.png) 0 -179px; height: 48px; }
#themed #content .l {top:0; background:url(../img/site.png); width: 11px; height: 48px; }
#themed #content .r {top:0; background:url(../img/site.png); width: 11px; height: 48px; }

#beverage #nav > ul > li > a:hover {color:#fdf16b; }
#beverage #branding .b{ background-position:0 -1px; }
#beverage #main > .t { background-position: 0 -502px; }
#beverage #main > h1{ background:#fdf16b; }
#beverage #main {background:#fdf16b;}
#beverage #content .l {background-position: 0 -64px; }
#beverage #content .r {background-position: 0 -132px; }

#metalworking #nav > ul > li > a:hover {color:#d43029; }
#metalworking #branding .b{ background-position:0 -45px; }
#metalworking #main > .t { background-position: 0 -2008px; }
#metalworking #main > h1{ background:#d43029; }
#metalworking #main {background:#d43029;}
#metalworking #content .l {background-position: 0 -472px; }
#metalworking #content .r {background-position: 0 -540px; }

#food-industry #nav > ul > li > a:hover {color:#f6c521; }
#food-industry #branding .b{ background-position:0 -89px; }
#food-industry #main > .t { background-position: 0 -1506px; }
#food-industry #main > h1,#food-industry #main > h1 .two{ background:#f6c521; }
#food-industry #main {background:#f6c521;}
#food-industry #content .l {background-position: 0 -336px; }
#food-industry #content .r {background-position: 0 -404px; }

#chemical-production #nav > ul > li > a:hover {color:#89da43; }
#chemical-production #branding .b{ background-position:0 -133px; }
#chemical-production #main > .t { background-position: 0 -1004px; }
#chemical-production #main > h1,#chemical-production #main > h1 .two{ background:#89da43; }
#chemical-production #main {background:#89da43;}
#chemical-production #content .l {background-position: 0 -200px; }
#chemical-production #content .r {background-position: 0 -268px; }

#content > .c{ min-height:300px; position:relative; z-index:10; margin: 0 10px 30px 18px; }
#content > .tagline { background:url(../img/site.png) 0 -1603px; width: 165px; height: 27px; padding:10px 0 0; text-indent:-6000px; margin:0 0 20px; }

/* SITE INFO */
#site-info { line-height:1.4em;background: url(../img/site-x.png) repeat-x 0 -351px; height: 32px; text-align:center; border-top:1px solid #cdcdcd; padding: 15px 0 0; position:relative; }
#landing #site-info { background:none;border:0; text-align:left; height: 36px; padding-top: 20px; }

#landing #site-info #copyright{ color:#fff; border-right:1px solid #fff; padding: 0 8px 0 0; display:inline }
#landing #site-info #link-site-map { display:inline; margin: 0 0 0 5px;}
#landing #site-info #link-site-map a{ color:#fff; }