/* Start of CMSMS style sheet 'Main Style' */
* { padding:0;
	margin:0; }
body, html {width:100%;}
img { border: 0; }

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#content {padding-bottom: 81px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -81px; /* negative value of footer height */
	height: 80px;
	clear:both;} 

#main .padding {padding:2em;}
#footer .padding {padding:1em 0;}

body {
font-size: 100.01%;
font-family: 'Lucida Grande', Lucida, Calibri, Tahoma, 'Franklin Gothic Book', 'Franklin Gothic Medium', 'Franklin Gothic', Franklin, Verdana,'Trebuchet MS', Helvetica, sans-serif;
background: #fff url(images/bg.jpg) no-repeat bottom left fixed;
text-align:center;
line-height: 1.3em;
}
body.faucet {background: #05609f url(images/faucet_bg.jpg) no-repeat bottom left fixed;}
body.gallery {background: #05609f url(images/gallery_bg.jpg) no-repeat bottom left fixed;}
body.testimonials {background: #05609f url(images/testimonial_bg.jpg) no-repeat bottom left fixed;}
body.about {background: #05609f url(images/about_bg.jpg) no-repeat bottom left fixed;}
body.contact {background: #05609f url(images/contact_bg2.jpg) no-repeat bottom left fixed;}

body.bathman {background: #05609f url(images/bathman_bg.jpg) no-repeat bottom left fixed;}
body.blog {background: #05609f url(images/blog_bg.jpg) no-repeat bottom left fixed;}
body.meet {background: #05609f url(images/meet_bg.jpg) no-repeat bottom left fixed;}
body.newsletter {background: #05609f url(images/newsletter_bg.jpg) no-repeat bottom left fixed;}
body.droplets {background: #05609f url(images/droplets_bg.jpg) no-repeat bottom left fixed;}

hr { color:#6dcff6; background: #6dcff6; height:1px; border:0; margin-bottom: 10px; }
strong {font-weight:bold;}
p { margin:0 0 1em 0; letter-spacing:0.02em; font-size:0.9em;}
* html p { font-weight:bold;}

.testimonial {background-color:#055c98; padding:0.75em; border:1px solid white; overflow:hidden}
.testimonial em {color: #3cf;}
.testimonial img {border:1px solid white;}

.clear {clear:both;}
.left {float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}

ul {list-style: none;}
em {font-style:italic;}
body.bathman td {padding:5px;}

h1 { margin:0 0 0.25em 0; background:url(images/header.png) no-repeat; border-bottom:1px solid #01a0e1; padding-left:52px; padding-bottom:6px; text-transform:uppercase; font-size:28px; padding-top:30px; font-family:impact,Haettenschweiler,'arial narrow', calibri, verdana, sans-serif; font-weight:normal; letter-spacing:0.025em;text-shadow:1px 1px 1px #033;}
#gallery h1 { margin:1em auto 0 auto; color:white; width:686px; text-align:left;}
h2 { margin: 0.75em 0; font-weight:bold; font-size:1.25em; line-height:1.3em;text-shadow:1px 1px 1px #033;}
h3 { margin: 0.5em 0; font-weight:bold; font-size:1.15em; color:#5cdeff; text-shadow:1px 1px 1px #033;}
h4 { margin: 0.5em 0; font-weight:bold; font-size:1.15em; text-align:center;}

.bathman h2, .bathman h3 {text-align:center;}
textarea {width:400px; height:75px;}
.big input {width:400px; height:30px;}

input#button {margin:0 auto;}
input#button:hover {width:385px; height:50px; padding:1px 7px;}
.downloadButton img:hover {width:250px; height:50px; padding:1px 5px;}

a:link, a:visited, a:active { color: #003a6a; text-decoration: none;}
a:hover { color: #3cf; text-decoration: none;}

#main a:link, #main a:visited,#main a:active { color: #3cf; text-decoration: none;}
#main a:hover { color: #003a6a; text-decoration: none;}

#footer a:link { color: #fff; }
#footer a:visited { color: #fff; }
#footer a:hover { color: #1ca7ed; }
#footer a:active { color: #fff; }

#top {margin:0; padding:0; height:60px; border-bottom:1px solid #fff; width:100%; background: url(images/top.png); background-repeat:repeat; text-align:left;}
* html #top { background:url(images/top.gif);}

#logo a {
	height: 60px;
	width: 270px;
	display: block;
        float:left;
	margin:0 20px 0 10px;
}

	#flashcontent {
		height: 100%;
	}

#main {margin:0 auto; padding:0; width:750px; border:1px solid #fff; border-top:0px; background: url(images/cont_bg.png); background-repeat:repeat; text-align:left; color:white;
  min-height:600px;
  height:auto !important;
  height:600px; }
* html #main { background:url(images/cont_bg.gif);}

body.sales #main {background-image:none; background-color:#fff; color:#003; border:0;}

body.sales h1, body.sales h2, body.sales h3 {text-shadow:0px 0px 0px #fff;}
body.sales h3 {color:#3cf;}

#links {color:#003a6a; font-family:impact,Haettenschweiler,'arial narrow', calibri, verdana, sans-serif; font-size:20px; padding:0; height:60px; min-width:950px; overflow:hidden; letter-spacing:0.025em; }


#footer  { font-size:0.8em; background:#006893 url(images/footer_bg.jpg) repeat-x top left; border-top:1px solid #09f; color:white;}

#educo span {display:none;}
#educo:hover { background-position: 0 -39px;}
#educo {float: right;width: 30px;height: 39px;margin-right: 10px; margin-top:10px; background-color: transparent;background-image: url(images/educo.gif);}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******Menu*******/
ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 10px;

}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	line-height: 40px;
	text-decoration: none;
	margin-left: 1px;

}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #003a6a;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #0a77ae;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}

.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #003a6a;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 165px;
	margin: 5px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	background-color: #dbecf2;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #dbecf2;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(uploads/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/

/*****************
slider
*****************/
a:focus {
	outline: none;
}
#panel {
	background: #666 url(images/panel_bg.jpg) repeat-x;
        color:white;
	height: 200px;
        border-bottom:1px solid #828282;
	display: none;
}


.slide {
	margin: 0;
	padding: 0;
	border-top: 0;
        text-align:left;
       height:40px;
}
.btn-slide {
	padding: 0; float:right;
	margin: 0 20px 0 20px;
        background-image: url(images/slide.gif);
        background-position: 0 0;
        height:40px; width:40px;

}

.btn-slide:hover {
       background-position:0 -40px;
}
.active {
       background-position:0 -80px;
}
.active:hover {
       background-position:0 -80px;
}

#twitter_update_list {margin:10px 5px 0 0; padding:0; }
#twitter_update_list li { list-style-type:none; margin-left:20px; }
#twitter_update_list li span {display:block;}

#panel a,
#panel a:link,
#panel a:active,
#panel a:visited {
   text-decoration: none;
   color: #f9c736;
   background-color: transparent;
}
#panel a:hover { color:#002a54; background-color: transparent; }
/* End of 'Main Style' */