/* UNIVERSAL ELEMENTS */

html {

}
body
    {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	font-style: normal;
	margin-top:20px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	}
	
a:link {
color: #1A2CCC;
text-decoration:none;
}
a:visited {
	color: #1A2CCC;
	text-decoration:none;
} 
a:hover {
color: #CC0000; 
text-decoration:underline;
}

/* NAVBAR  */

.cover-navbar-container

{
	position: absolute;
	top: 100px;
	height:20px;
	width: 929px;
	left: 0px;
	padding-top:2px;
	padding-left: 70px;
	background-color: #0033CC;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}


.navbar-container

{
	position: absolute;
	top: 100px;
	height:20px;
	width: 930px;
	left: 0px;
	padding-top:2px;
	padding-left: 70px;
	background-color: #0033CC;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}

ul.nav
{
list-style-type:none;
margin:0;
padding:0;
font-size: 18px;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	color: #FFF;
}
li.nav
{
display:inline;
margin-right:50px;

}



.navbar

{

	font-size: 18px;
	font-family: Times New Roman, Times, serif; 
	font-style: normal;
	color: #FFFFFF;
	font-weight:normal;
}

a.navbar:link 

{
	font-size: 18px;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	color: #FFF;
	font-weight:normal;
	text-decoration: none;
}


a.navbar:visited 

{
	font-size: 18px;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	color: #FFF;
	font-weight:normal;
	text-decoration: none;
}

a.navbar:hover 

{
	font-size: 18px;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	color: #FFF;
	font-weight:normal;
	text-decoration: underline;
}
    
/* CENTERING CONTAINER */
    

.wrapper

{
	position: relative;
	width: 1000px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* HEADER */


#header {
	position: absolute;
	height:100px;
	width:1000px;
	top:0px;
	left: 0px;
	border: solid 1px #000;
}

/* COVER ELEMENTS */

#cover-header {
	position: absolute;
	height:100px;
	width:1000px;
	top:0px;
	left: 0px;
}

.cover-container

{
	position: absolute;
	width: 1000px;
	top: 0px;
	height:800px;
	border: solid 1px #000;
	background-image: url("../art/cover/water-edge.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFFF;
}

.faucet

{
	position: absolute;
	width: 316px;
	top: 149px;
	height:355px;
	background-image: url("../art/cover/faucet.png");
	left: 685px;
	background-repeat: no-repeat;
}

.promo

{
	position: absolute;
	width: 635px;
	top: 181px;
	height:198px;
	left: 21px;
	font-size: 36px;
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	color: #999;
	font-weight:normal;
	line-height: 40px;
}

.box-1

{
	position: absolute;
	width: 198px;
	height:238px;
	top: 530px;
	left: 15px;
	background-position: bottom right;
	background-image: url(../art/cover/water-hand.jpg);
	background-repeat: no-repeat;
	padding-right: 105px;
	font-size: 14px;
}

.box-2

{
	position: absolute;
	width: 198px;
	height:239px;
	top: 530px;
	left: 348px;
	padding-right: 105px;
	background-position: bottom right;
	background-image: url(../art/cover/logos.png);
	background-repeat: no-repeat;
	font-size: 14px;
}

.fb-box

{
	position: absolute;
	width: 198px;
	height:233px;
	top: 530px;
	left: 681px;
	background-position: bottom right;
	background-image: url(../art/cover/fb-droplet.png);
	background-repeat: no-repeat;
	padding-right: 105px;
	font-size: 14px;
}

#copyright-container

{
	position: absolute;
	width: 256px;
	left: 5px;
	height:15px;
	text-align: left;
	line-height:11px;
	font-size: 12px;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	color: #FFFFFF;
	font-weight:bold;
	top: 10px;
	background-color: transparent;
	text-align:right;
}


#contact-container

{
	position: absolute;
	width: 210px;
	left: 785px;
	height:15px;
	text-align: left;
	line-height:11px;
	font-size: 12px;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	color: #FFFFFF;
	font-weight:bold;
	top: 10px;
	background-color: transparent;
	text-align:left;
}

div.callpic
  {
  
  margin-right:270px;
  height:200px;
  width:100px;
  float:left;
  }
  
div.callout
  {

  font-weight:normal;
  width:600px;
  padding-top:10px;
  height:200px;
  }
  
  div.callpic-test
  {

  height:110px;
  width:160px;
  float:left;
  }
  
div.callout-test
  {

  font-weight:normal;
  width:500px;
  height:120px;
  }
  
div.callpic-products
  {

  height:130px;
  width:135px;
  float:left;
  }
  
div.callout-products
  {

  font-weight:normal;
  width:650px;
  height:150px;
  padding-top:10px;
  }
  

  
.contact-form

{
	position: absolute;
	width: 671px;
	left: 47px;
	top: 344px;
}
  
/* PAGE TEMPLATES */

.inner-display

{
	position: absolute;
	width: 700px;
	top: 122px;
	height:790px;
	background-color:#FFF;
	background-image: url(../art/elements/inner-side.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 250px;
	background-position: bottom right;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

.services

{
	position: absolute;
	width: 700px;
	top: 122px;
	height:790px;
	padding-top: 10px;
	background-color:#FFF;
	background-image: url(../art/elements/services-side.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-right: 250px;
	background-position: bottom right;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

.products

{
	position: absolute;
	width: 700px;
	top: 122px;
	height:790px;
	padding-top: 10px;
	background-color:#FFF;
	background-image: url(../art/elements/products-side.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-right: 250px;
	background-position: bottom right;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

.contact
{
	position: absolute;
	width: 700px;
	top: 122px;
	height:790px;
	padding-top: 10px;
	background-color:#FFF;
	background-image: url(../art/elements/contact-side.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 250px;
	background-position: bottom right;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

.resources

{
	position: absolute;
	width: 700px;
	top: 122px;
	height:790px;
	padding-top: 10px;
	background-color:#FFF;
	background-image: url(../art/elements/resources-side.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-right: 250px;
	background-position: bottom right;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

.testimonials

{
	position: absolute;
	width: 700px;
	top: 122px;
	height:790px;
	padding-top: 10px;
	background-color:#FFF;
	background-repeat: no-repeat;
	padding-top:10px;
	padding-left: 50px;
	padding-right: 250px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	background-image: url(../art/elements/inner-side.jpg);
	background-position: bottom right;
}

.before-after

{
	position: absolute;
	width: 215px;
	left: 775px;
	top: 30px;
	height: 700px;
	border: solid 1px #69F;
	background-image: url(../art/elements/test-side.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
}

div.bubbles
  {
  
  margin-right:10px;
  height:80px;
  width:80px;
  float:left;
  }
  
div.desc
  {
  text-align:justify;
  font-weight:normal;
  width:700px;

  margin-bottom:30px;
  height:80px;
  }



/* FOOTER CONTAINER */


#copyright-container

{
	position: absolute;
	width: 306px;
	left: 0px;
	height:15px;
	text-align: left;
	line-height:11px;
	font-size: 12px;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	color: #000;
	font-weight:bold;
	top: 809px;
	background-color: transparent;
	padding-bottom:20px;
}


#contact-container

{
	position: absolute;
	width: 400px;
	left: 600px;
	height:15px;
	text-align: right;
	line-height:11px;
	font-size: 12px;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	color: #000;
	font-weight:bold;
	top: 809px;
	background-color: transparent;
	padding-bottom:20px;
}

.footer-container

{
	position: absolute;
	width: 1000px;
	left: 0px;
	height:30px;
	top: 800px;
	background-color: #1A2CCC;
	
}

.footer

{

	font-size: 12px;
	font-family: Times New Roman, Times, serif; 
	font-style: normal;
	color: #000;
	font-weight:bold;
}

a.footer:link 

{
	
	font-size: 12px;
	font-family: Times New Roman, Times, serif; 
	font-style: normal;
	color: #1A2CCC;
	font-weight:bold;
	text-decoration: none;
}


a.footer:visited 

{
	font-size: 12px;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	color: #CC0000;
	font-weight:bold;
	text-decoration: underline;
}

a.footer:hover 

{
	
	font-size: 12px;
	font-family: Times New Roman, Times, serif; 
	font-style: normal;
	color: #CC0000;
	font-weight:bold;
	text-decoration: underline;
}

div.img
  {
  margin:5px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:150px;
  height: 50px;
  margin:2px;
  font-size:14px;
  }