/* -------------------------- */
/* GLOBAL RESET
/* -------------------------- */
*	{
	outline: 0;
	outline-style: none;
	outline-width: 0;
}
a, a img	{
	border: 0;
	text-decoration: none;
}

/* -------------------------- */
/* LAYOUT
/* -------------------------- */

body	{
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
    background: #fff url(../img/bg-tile.png) repeat-x top left;
}

/* -------------------------- */
/* WEBSITE STRUCTURE
/* -------------------------- */

#frame	{
  width: 772px;
}
.popup #frame {
  width: auto;
  padding: 10px 10px;
  margin: 10px 10px;
  text-align:justify;
}

/* -------------------------- */
/* TOP MENU LAYOUT
/* -------------------------- */
#menutop    {
	height: 25px;
	overflow: hidden;
	padding-top: 10px;
    background: url(../img/bg-menutop.png) no-repeat top right;
    text-align: right;
    text-transform: uppercase;
}
#menutop ul	{
	list-style: none;
	margin: 0 25px 0 0;
	padding: 0;
}
#menutop ul li	{
	display: inline;
	padding: 0 7px;
    border-left: 1px solid #C0DB8A;
}
#menutop a:link, #menutop a:visited	{
	color: #fff;
}
#menutop a:hover, #menutop a:focus, #menutop a:active	{
	color: #EEF8D6;
}

/* -------------------------- */
/* HEADER LAYOUT
/* -------------------------- */
#header	{
  height: 267px;
  overflow: hidden;
  position: relative;
  background: url(../img/bg-slideshow.png) no-repeat bottom center;
}
#logo	{
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 50;
  width: 600px;
}
#logo h1 {
  color: #58c1d2;
  margin: 0;
  font-size:26px;
}
#logo h1 strong, #logo h2 strong {
  color: #35d3e4;
  margin: 0;
}
#logo h2 {
  color: #35d3e4;
  margin: 0;
  font-size:14px;
}
#logo .alignleft {
  margin: 0 5px 0 0;
}


/* -------------------------- */
/* MENU LAYOUT
/* -------------------------- */
#menu	{
	height: 46px;
	overflow: hidden;
	padding-top: 5px;
    background: url(../img/bg-menu.png) no-repeat top center;
}
#menu ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li	{
	display: inline;
	padding: 0 10px;
}
#menu a:link, #menu a:visited	{
	color: #FFF;
    text-transform: uppercase;
}
#menu a:hover, #menu a:focus, #menu a:active	{
	color: #91E7F0;
}


/* -------------------------- */
/* CONTENT AREA LAYOUT
/* -------------------------- */
#container	{
  width: 720px;
}
#content	{
  float: left;
  width: 480px;
  text-align: justify;
}
#sidebar	{
  float: right;
  width: 220px;
}
#sidebar .box   {
  padding: 10px 10px 20px 10px;
  margin: 10px 0px;
  background: url(../img/bg-shadow.png) no-repeat bottom center;
  text-align: justify;
}
#sidebar .box h6  {
  font-size: 20px;
  line-height: 1;
}
.box a:hover h6, .box a:active h6, .box a:focus h6 {
  color: #2bc2d8;
}
.box a:hover #purewater h6, .box a:active #purewater h6, .box a:focus #purewater h6 {
  color: #448EAE;
}
#callback {
  background:  url(../img/callback-request.png) no-repeat top right;
  padding: 20px 0px;
}
#purewater {
  background: url(../img/sidebar-faucet.png) no-repeat top right;
  padding-right: 60px;
}
#purewater h6 {
  color: #2bc2d8;
}
#testimonials {
  background: url(../img/sidebar-test.png) no-repeat top right;
}
#testimonials h6 {
  padding-top: 10px;
}
.tablelist {
  border: 2px solid #eee;
  margin: 0;
  padding: 0;
  empty-cells: show;
}
.tablelist td, .tablelist th {
  text-align: left;
  vertical-align: top;
  padding: 3px 3px;
  border-right: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}
.tablelist th {
  background: #fafafa;
}
/* -------------------------- */
/* FOOTER LAYOUT
/* -------------------------- */
#footer	{
  background: url(../img/bg-footer-tile.png) repeat-x bottom left;
  color: #A1C7D7;
}
#footer a:link, #footer a:visited	{
	color: #A1C7D7;
}
#footer a:hover, #footer a:focus, #footer a:active	{
	color: #fff;
}
#footer p {
  margin: 8px 0 0 0;
  padding: 0;
}
#copyright {
  background: url(../img/bg-copyright.png) no-repeat bottom center;
  height: 151px;
  overflow: hidden;
  width: 772px;
}
/* -------------------------- */
/* FOOTER DUPLICATE MENU LAYOUT
/* -------------------------- */
#dubmenu	{
	height: 25px;
	overflow: hidden;
	padding-top: 10px;
    margin-top: 70px;
}
#dubmenu ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}
#dubmenu ul li	{
	display: inline;
	padding: 0 10px;
}
#dubmenu a:link, #dubmenu a:visited	{
	color: #fff;
}
#dubmenu a:hover, #dubmenu a:focus, #dubmenu a:active	{
	color: #EDF4F8;
}

/* -------------------------- */
/* CLEAR FIX
/* -------------------------- */
.clear	{
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}

/* -------------------------- */
/* IF WE HAVE ACCORDION, ITS HEADER
/* -------------------------- */
.accordion li h5	{
	cursor: pointer;
}

/* -------------------------- */
/* GLOBAL LINKS
/* -------------------------- */
a:link, a:visited	{
	color: #448EAE;
}
a:hover, a:focus, a:active	{
	color: #92BF21;
}


/* -------------------------- */
/* HEADINGS
/* -------------------------- */
h1,h2,h3,h4,h5,h6	{
	font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
	margin: 5px 0px;
	padding: 0;
	text-align: left;
    color: #448EAE;
}
h1	{
	font-size: 28px;
}
h2	{
	font-size: 24px;
}
h3	{
	font-size: 22px;
    color: #92BF21;
}
h4	{
	font-size: 18px;
}
h5	{
	font-size: 16px;
    color: #92BF21;
}
h6	{
	font-size: 14px;
}

/* -------------------------- */
/* IMAGES HANDLING
/* -------------------------- */
.photo	{
	background: #fff;
	border: 2px solid #ddd;
	padding: 2px 2px;
}
.alignleft	{
	float: left;
	margin: 10px 10px 10px 0px;
}
.alignright	{
	float: right;
	margin: 10px 0px 10px 10px;
}

/* -------------------------- */
/* FORM ELEMENTS
/* -------------------------- */
form	{
	margin: 0;
	padding: 0;
}
fieldset	{
	border: 1px solid #e3e3e3;
	padding: 5px 5px;
	text-align: left;
}
legend, label	{
	font-weight: bold;
}
label	{
	cursor: pointer;
}
legend	{
}
.forms, textarea, select	{
	border: 1px solid #CDE0E9;
	display: block;
	line-height: 100%;
	padding: 2px 2px;
}
.button	{
	background: #92BF21;
	border: 1px solid #81A71D;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px;
}
.required	{
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}

/* -------------------------- */
/* ERROR, NOTICE, SUCCESS MESSAGES
/* -------------------------- */
.error	{
	background: #FFF2F5;
	border: 1px solid #FFD2DE;
	color: #9B0027;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}
.success, .ok, .okay	{
	background: #F3F8F1;
	border: 1px solid #C9DDC1;
	color: #89B47A;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}
.notice, .caption	{
	background: #F9F8E8;
	border: 1px solid #D6C27E;
	color: #B59A79;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}

/* -------------------------- */
/* SHADOWBOX LAYOUT
/* -------------------------- */
#sb-container,#sb-wrapper	{
	text-align: left;
}
#sb-container,#sb-overlay	{
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#sb-container	{
	display: none;
	height: 100%;
	visibility: hidden;
	z-index: 9999;
}
body>#sb-container	{
	position: fixed;
}
#sb-overlay	{
	height: expression(document.documentElement.clientHeight+'px');
}
#sb-container>#sb-overlay	{
	height: 100%;
}
#sb-wrapper	{
	position: relative;
}
#sb-wrapper img	{
	border: none;
}
#sb-body	{
	border: 5px solid #FFFFFF;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
#sb-body-inner	{
	height: 100%;
	position: relative;
}
#sb-content.html	{
	height: 100%;
	overflow: auto;
}
#sb-loading	{
	height: 100%;
	padding-top: 10px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
#sb-body,#sb-loading	{
	background: #EDF4F8;
}
#sb-title,#sb-info	{
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
#sb-title-inner,#sb-info-inner	{
	line-height: 16px;
	position: relative;
}
#sb-title,#sb-title-inner	{
	height: 26px;
}
#sb-title-inner	{
	color: #fff;
	font-size: 16px;
	padding: 5px 0;
}
#sb-info,#sb-info-inner	{
	height: 20px;
}
#sb-info-inner	{
	color: #fff;
	font-size: 12px;
}
#sb-nav	{
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}
#sb-nav a	{
	cursor: pointer;
	display: block;
	float: right;
	height: 16px;
	margin-left: 3px;
	width: 16px;
}
#sb-nav-close	{
	background-image: url(../js/shadowbox/resources/close.png);
	background-repeat: no-repeat;
}
#sb-nav-next	{
	background-image: url(../js/shadowbox/resources/next.png);
	background-repeat: no-repeat;
}
#sb-nav-previous	{
	background-image: url(../js/shadowbox/resources/previous.png);
	background-repeat: no-repeat;
}
#sb-nav-play	{
	background-image: url(../js/shadowbox/resources/play.png);
	background-repeat: no-repeat;
}
#sb-nav-pause	{
	background-image: url(../js/shadowbox/resources/pause.png);
	background-repeat: no-repeat;
}
#sb-counter	{
	display: none;
	float: left;
	padding: 0;
	width: 0;
}
#sb-counter a	{
	color: #fff;
	cursor: pointer;
	display: none;
	padding: 0;
	text-decoration: none;
}
#sb-counter a.sb-counter-current	{
	display: none;
	text-decoration: underline;
}
div.sb-message	{
	font-size: 12px;
	padding: 10px;
	text-align: center;
}
div.sb-message a:link,div.sb-message a:visited	{
	color: #000;
	text-decoration: underline;
}


/* -------------------------- */
/* SLIDESHOW LAYOUT
/* -------------------------- */
#slideshow	{
	height: 270px;
	position: relative;
    overflow: hidden;
}
#slideshow div	{
	height: 245px;
	left: 0;
	opacity: 0.0;
	position: absolute;
	top: 25px;
	z-index: 8;
}
#slideshow div.active	{
	opacity: 1.0;
	z-index: 10;
}
#slideshow div.last-active	{
	z-index: 9;
}
#slideshow div img	{
	border: 0;
	display: block;
	height: 245px;
	margin-bottom: 0px;
}

/* -------------------------- */
/* SOCIAL ICONS CODE
/* -------------------------- */
.addthis_toolbox	{
	border-top: 1px dotted #ccc;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}