@charset "UTF-8";
/* CSS Document */


*	{
	margin: 0px;
	padding: 0px;
	}




body	{
	text-align:center;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #014069;
	font-size: 12px;
	line-height: 2em;
	margin-top: 50px;
	background-color: #6ab731;
	background-image: url(../images/background-green.jpg); background-repeat: repeat-x; background-position: center top;
	
	}
	
#home 	{background-image: url(../images/background-green-2.jpg); background-repeat: repeat-x; background-position: center top;}

	
	
#wrapper	{
	width: 970px;
	margin:0px auto;
	background-color: white;
	}
	
	

#container	{
	margin:10px;
	text-align: left;
	background-image: url(../images/container_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
#home #header	{padding: 0px 35px; height: 308px; background-image: url(../images/header_bg2.jpg); background-repeat: no-repeat; background-position: bottom; background-color: #fff; }

#header	{padding: 0px 35px; height: 185px; background-image: url(../images/header_content_bg.jpg); background-repeat: no-repeat; background-color: #fff; background-position: bottom; }


#mainnav {float: right; width: 465px;}


#header img {float: left; margin-bottom: 30px;}

#header img.logo {padding-top: 20px; margin-bottom: 0px;}
	
#features, #pagetitle	{margin-top: 10px; }

#pagetitle {background-image: url(../images/title_bg.jpg); background-repeat: no-repeat; margin-bottom: 10px;}

#features .feature1 {float: left; display: block; background-repeat: no-repeat; background-image: url(../images/feature-1.jpg); height: 120px; width: 470px;}

#features .feature2 {float: right; display: block; background-repeat: no-repeat; background-image: url(../images/feature-2.jpg); height: 120px; width: 470px;}


#contentouter {
    width: 950px;
}

#contentouterin {padding: 15px 15px;}

#home #contentouterin {padding-top: 0px;}

#left {
    float: left;
    width: 220px;
}

#content {
    padding: 0px 240px 40px 240px;
	margin-bottom: 200px;
	
}

.calcpage #content, #video #content {padding: 0 40px;}

#product #content, #contact #content {
    padding: 0px;
	margin-bottom: 0px;
	min-height: 600px;
}

#home #content {
	margin-bottom: 100px;
}



#right {
    float: right;
    width: 220px;
}

.contactpage #left {width: 550px;}
.contactpage #right {width: 350px;}


.clear {
    clear: both;
}

#ourproducts, #contactus {background-color: #e0f5fb; margin: 0px; }


#footer {padding: 12px 0px; margin: 15px auto; color: #fff; text-align: center; font-size: 11px;}

#footer a {color: #014069; text-decoration: none;}
#footer a:hover {color: #7AC142;}

/* products on home page */

.productitem {display: block; clear: both; border-bottom: 1px dotted #3eb8dc; margin-top: 0px; padding: 10px 8px 8px 8px;}

.productitem img {float: left; margin-right: 5px; border: 1px solid #014069;}

.productitemtext {float: right; width: 120px; font-size: 11px; line-height: 1.5em; }

.productitemsummary {font-weight: normal; clear: both; font-size: 11px; line-height: 1.7em; padding-top: 10px;}

.productfooter {background-image: url(../images/productfooter.gif); background-position: bottom; background-repeat: no-repeat; padding: 10px;}

.downloadbrochure {width: 220px; margin-top: 15px; height: 200px; background-image:url(../images/download-rainreturn-brochure-bg.jpg); background-repeat: no-repeat;}

.downloadbrochurewm {width: 220px; margin-top: 15px; height: 200px; background-image:url(../images/download-rainreturn-brochure-bg.jpg); background-repeat: no-repeat;}

.downloadbrochure P, .downloadbrochurewm P {padding: 60px 100px 0px 12px; line-height: 1.5em;}

.downloadbrochure P a, .downloadbrochurewm P a {color: #014069;}

.downloadbrochure .download, .downloadbrochurewm .download {margin-top: 10px;} 

/* text styles */

h1 {font-size: 18px; font-weight: normal; padding: 10px; color: white; }

#home h1 {padding: 0px 420px 0px 0px; color: #fff; font-size: 30px; line-height: 32px; font-family: 'PT Sans', arial, serif;}

#features h2 {color: white; margin: 5px 30px 0px 30px;font-weight: normal;}

h2 {font-size: 18px; line-height: 1.5em; font-weight: normal; padding: 0px; margin-bottom: 20px; color: #6ccfec;}

h3 {color: #7ac142; font-size: 13px; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; }


h4 {color: #3eb8dc; font-size: 14px; font-weight: normal; }

#features P {color: white; margin: 0px 130px 30px 30px; line-height: 1.5em;}

ul.arrows {list-style-image: url(../images/arrow.gif); margin-left: 2.5em; margin-top: 20px;}

P {margin-bottom: 1em;}
#contactus P {padding: 8px; font-size: 11px; line-height: 1.5em;}
#contactus  strong.lge {font-size: 16px; font-weight: normal;}

A {color: #319bc0; text-decoration: none;}
A:hover {color: #014069;}
A:visited {color: #2b8eb3;}
#features a {color: #ffffff;}
#features a:hover {color: #014069;}
.more {text-decoration: none; color: #319bc0; font-size: 10px; text-transform:uppercase; font-weight: normal;} 

.sml {font-size: 10px; color: #319BC0;}



/* Product page */

.enlargeimage {display: block;  color: #ffffff;  background-image: url(../images/productimgfooter.gif);  background-position: bottom;}
.viewvideo {display: block;  color: #ffffff;  background-image: url(../images/productimgfooter-video.gif);  background-position: bottom;}
.enlargeimage a, .viewvideo  a  {color: #319BC0; padding:  6px 10px 10px 10px; display: block;}
.largerproductimage {text-align: right; padding: 5px;}
div.float {
  float: left;
  width: 240px;
  text-align: center;
  height: 300px;
  font-weight: bold;
  background-image: url(../images/product_bg.jpg);
  background-repeat: no-repeat;
  margin: 5px 5px 200px 5px;
  
  }
div.float img {border: 1px solid grey; margin: 10px;}  
  
div.float p {
   text-align: left;
   margin: 0px;
   padding: 0px 15px;
   }

div.float h2 {text-align: center; margin: 0px; padding: 0px 15px; line-height: 1em;}

div.float h3 {color: #014069; font-size: 12px; font-weight: bold; text-transform: none; margin: 5px 15px 5px 15px; line-height: 16px;}

.productimage img {}

.productimage {display: block; margin-left: 20px; width: 300px; float:right; }


/* forms */
 
.employmentform {padding:0px 0px; color: #014069;}


 
.employmentform td {padding: 0px 4px 6px 0px; vertical-align: top;}

.employmentform input.textbox, .employmentform textarea {background-color: white; border: 1px solid #014069; padding: 3px; font-size: 11px; color: #014069;} 

.employmentform textarea {width: 200px; color: #014069;}
 
.submit {padding: 3px; font-size: 10px; color: #014069; background-color: #6ccfec; border: 1px solid #014069; }