a {
	outline: 0px;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;
}
a:link {
	color:#990000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #990000;
}
a:hover {
	text-decoration: none;
	color: #000099;
}
a:active {
	text-decoration: none;
	color: #666666;
}

	.banner  { background-image:url(../images/bannerback.jpg); background-position:top center; background-repeat:no-repeat; height: 95px;  }
	.bannercontainer {margin: 0 auto; position: relative; width:820px; }
	.logo { width:250px; float:left;display:block;  margin-top:5px }
	.number {
	width:230px;
	float:left;
	display:block;
	text-align:center;
	margin-top:26px;
	font-size:18px;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold
}
.tel {
	
	font-size:18px;
	color:#000099;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold
}
	.center {margin: 40px 12em 0 12em; width:80px;}
	.flash   {float:left;margin-left:5px;}

	.callback a {
		float:right;display:block; margin-right:20px; margin-top:4px; background: url(../images/callback.gif);
		width: 94px;
	 height:90px; margin-right:20px;
		font: bold 13px sans-serif;
		color:#333;
		text-decoration: none;
		}
	.callback a:hover {	
		background-position: -94px;
		color: #049;
		}
	.callback a:active {
		background-position: -94px;
		color:#fff;
		}
	
	.paddy {padding-left:70px; clear:both;}
	
	.bodycontainer {width:715px; display:block; margin: 0 auto; clear:both }

	#container {
	position: relative;
	text-align: left;
	width: 715px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
	
/** BOXES **/

	.boxleft {height:107px; width:265px; background-image:url(../images/moneybox.png); background-position:left; background-repeat:no-repeat; float:left;}
	
	.boxcenter {height:107px;width:265px; background-image:url(../images/boxcenter.png); background-position:center;background-repeat:no-repeat; float:left; margin-left:7px}
	
	.boxright {height:107px; width:265px;background-image:url(../images/boxright.png); background-position:right;background-repeat:no-repeat; float:right;}
	
	.boxes { margin:0 auto; position: relative; width:710px; clear:both}
	
	.boxhead1 {
	font-size: 16px;
	font-weight: bold; color:#9F9A13; line-height:22px;
}
.boxhead2 {
	font-size: 16px;
	font-weight: bold; color: #1b325c; line-height:22px;
}
.boxhead3 {
	font-size: 20px;
	font-weight: bold; color:#009933;	 line-height:22px;
}
.boxhead7 {
	font-size: 16px;
	font-weight: bold; color:#009933;	 line-height:22px;
}
.boxhead11 {
	font-size: 20px;
	font-weight: bold; color:#990000;	 line-height:22px;
}
.boxhead12 {
	font-size: 20px;
	font-weight: bold; color:#CA9A98;	 line-height:22px;
}
.boxhead4 {
	font-size: 16px;
	font-weight: bold; color:#990000;	 line-height:22px;
}

.ten {font-size: 10px;line-height:14px;}
.red {font-size: 12px;line-height:14px; color:#990000}

.boxesspace {margin-left:65px; margin-top:15px; width:190px; }

	
/** NAVIGATION **/
	
	#navigation {
	background: url(../images/nav-bg.gif) no-repeat top left;
	position: relative;
	width:815px; margin: 0 auto; clear:both ;
	height: 40px;
}
	#navigation li, #site-nav { float: left; }
	#navigation a { display: block; font-size: 12px; line-height: 30px; text-decoration: none; font-weight:bold }
	#site-nav li { background: url(../images/nav-li-bg.gif) no-repeat top right; }
	#site-nav a { color: #666; padding: 0px 16px 5px 16px; }
	#site-nav a:hover { color: #1b325c; }
	#site-nav a.on, #date-nav a { color: #fff; }
	#site-nav a#nav-home.on { background: url(../images/nav-home-on.gif) no-repeat; }
	#site-nav a#nav-aboutus.on { background: url(../images/nav-about-on.gif) no-repeat; }
	#site-nav a#nav-products.on { background: url(../images/nav-services-on.gif) no-repeat; }
	#site-nav a#nav-testimonials.on { background: url(../images/nav-download-on.gif) no-repeat; }
	#site-nav a#nav-special-offers.on { background: url(../images/nav-offers-on.gif) no-repeat; }
	#site-nav a#nav-cost-savings.on { background: url(../images/nav-saving-on.gif) no-repeat; }
	#site-nav a#nav-contact.on { background: url(../images/nav-contact-on.gif) no-repeat; }


.date {color: #333; padding: 0 10px 5px 40px;line-height: 30px; color:#CCCCCC}

/** SLIDER **/

	#solutions {
	width: 714px;
	height: 280px;
	overflow: hidden;
	position: relative;
	z-index: 50;
}
	#solutions li.panel { width: 714px; height: 267px; overflow: hidden; }
	#slide-one { background: url(../images/slides/one.jpg) no-repeat    }
	#slide-two { background: url(../images/slides/two.jpg) no-repeat    }
	#slide-three { background: url(../images/slides/three.jpg) no-repeat    }
	#slide-four { background: url(../images/slides/four.jpg) no-repeat    }
	
	span#left { position: absolute; top: -200px; display: block; width: 30px; height: 40px; margin: 0 0 -106px -32px; background: url(../images/slides/left.gif);top:140px; top:165px!important; left:35px }
	span#right { position: absolute; top: -147px; display: block; width: 30px; height: 40px; margin-left: 833px; background: url(../images/slides/right.gif);top:140px; top:165px!important; left:32px }
	span#left a, span#right a { display: block; width: 30px; height: 40px; outline: none; }
	#left:hover, #right:hover { background-position: -30px; }
	
	.panel .calls {  overflow: hidden;   }
	.title {font-size:24px; font-weight:bold; margin-bottom:10px}
		
		
/** OTHER PANLES **/

#container2 { margin:0 auto; position: relative; text-align: left; padding: 36px 0px 0 43px; width: 800px; }

/** CALCULATOR **/	

.calc {background-image:url(../images/calc.png); position:absolute; width:260px; height:348px;}
.calcspace {  margin-top:80px; line-height:25px; text-align:center; }

/** ABOUT US **/

.aboutus-text {
	width:720px;
	float:left;
	position: absolute;
	left: 0px;
	background-image:url(../images/pagesbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:67px
}
.aboutus-img {
	width:280px;
	float:right;
	height:355px;
	background-image: url(../images/waterglasses.png);
	background-repeat:no-repeat;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.special-img {
	width:280px;
	float:right;
	height:355px;
	background-image: url(../images/special-offers.png);
	background-repeat:no-repeat;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.quote {
	font-size: 16px;
	 font-style:italic; color:#009933; margin-left:15px; line-height:22px;
}

.quotetesti {
	font-size: 15px;
	 font-style:italic; color:#009933; margin-left:0px; line-height:22px;
}


.bullets {
	margin-left:15px; line-height:20px;
}
.level2 {
	margin-left:7px; line-height:20px;
}

/** DOWNLOADS **/

.downloads-text {
	width:372px;
	float:left;
}
.downloads-text-r {
	width:372px;
	float:right;
}
.downloads-img {
	width:auto;
	float:right;
	height:450px;
	vertical-align:bottom;
	margin-top: 38px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:250px;
}

.download-box1 {
	background-image:url(../images/downloadboxthin.png);
	width:182px;
	height:50px;
	margin-bottom: 10px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 13px; float:left; background-repeat:no-repeat
}
.download-box2 {
	background-image:url(../images/downloadboxthin.png);
width:182px;
	height:50px;
	margin-bottom: 10px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 13px; float:right; background-repeat:no-repeat
}
.download-box3 {
	background-image:url(../images/downloadboxmov.png);
	width:182px;
	height:60px;
	margin-bottom: 10px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 13px; float:right; background-repeat:no-repeat
}

.kdownload { font-size:10px; color:#990000; padding-right:10px;  float:right; margin-top:5px}
.kdownloadlink { font-size:10px; color:#990000;  float:left;}
.downloadrow { display:block;}
.dlwrap { display:block; clear:both}

/** CONTACT **/






.contact-iframe {
	width:auto;
	float:right;
	height:auto;
	width:300px;
	text-align:center;
	margin: 0px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contactusbox {
	height:107px;
	width:315px;
margin-top:40px;
margin-right:5px;
	background-image:url(../images/boxsplash.png);
	background-position:left;
	background-repeat:no-repeat;
	float:right;
	
}

.contact-form {
	width:333px;
	float:left;
	position: relative;
	left: 0px;
	background-image:url(../images/pagesbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:67px;

}


.contact-form3 {
	width:400px;
	float:left;
	position: relative;
	left: 0px;
	background-image:url(../images/pagesbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:67px;

}


.product-form {
	float:left;
	position: relative;
	left: 0px;
	background-image:url(../images/pagesbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:67px;

}


.cboxesspace {
	margin-left:38px;
	margin-top:12px;
	width:200px
}

/** FOOTER **/

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}
.hydrate-footer, .push {
	height: 70px; /* .push must be the same height as .footer */
}

	

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

	.hydrate-footer  { background-image:url(../images/footer.jpg); background-position:bottom; z-index:100; background-repeat:no-repeat; }
	.footersize {margin: 0 auto; width:825px;}
	.footspace {height:30px;}
	.footertext1 { font-size:10px; float:left; margin-top:0px}
	.footertext2 { font-size:10px; float:right;margin-top:0px}

.testbox {height:300px; width:714px; float:left;}


.testspace  {margin-left:285px; margin-top:170px; width:450px; font-size:14px}

.six {height:284px; width:714px; background-image:url(../images/slides/six.jpg); background-position:left; background-repeat:no-repeat; float:left;}


.sixspace  {
	margin-left:295px;
	margin-top:140px;
	width:480px;
	font-size:14px
}

.three {height:284px; width:714px; background-image:url(../images/slides/three.jpg); background-position:left; background-repeat:no-repeat; float:left;}


.threespace  {
	margin-left:310px;
	margin-top:155px;
	width:480px;
	font-size:18px;
	line-height:21px;
}

.three {height:284px; width:714px; background-image:url(../images/slides/three.jpg); background-position:left; background-repeat:no-repeat; float:left;}


.threespace  {
	margin-left:310px;
	margin-top:155px;
	width:480px;
	font-size:18px;
	line-height:21px;
}

.two {height:284px; width:714px; background-image:url(../images/slides/two.jpg); background-position:left; background-repeat:no-repeat; float:left;}
.twopointtwo {height:300px; width:714px; float:left;}


.twospace  {
	margin-left:320px;
	margin-top:175px;
	width:480px;
	font-size:18px;
	line-height:21px;
	color:#FFFFFF;
}

.four {height:284px; width:714px; background-image:url(../images/slides/four.jpg); background-position:left; background-repeat:no-repeat; float:left;}


.fourspace  {
	margin-left:245px;
	margin-top:145px;
	width:480px;
	font-size:18px;
	line-height:21px;
	color:#333;
}


.green { color:#006600}

.blockhead { display:block; clear:both;}
.blockheadtesti { display:block; clear:both; height:615px}

a.footer2:link {
font-size: 10px; text-decoration: none; color:#666666; 
}
a.footer2:visited {
font-size: 10px; text-decoration: none; color:#666666}
a.footer2:active {
	font-size: 10px; text-decoration: none; color:#999999
}
a.footer2:hover {
	font-size: 10px; text-decoration: none; color:#000}