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

body
{
   margin:0 auto;
   background-image: url(../images/bg-line.jpg);
   background-repeat:repeat-x;
   }
   
.wraper
{
   width:1002px;
   height: auto;
   display:table-cell;
   margin:0 auto;
   background-color:#FFFFFF
   }
  
/*====================1st section===============================*/ 
 
.header
{
   width:1002px;
   height:157px;
   background-color:#FFFFFF;
   margin-top:50px
   }
   
DIV
    {
	 font-family:tahoma;
	 font-size:11px;
	 text-align:left;
	 color: #666666;
	 }
	 
.navigation
{
     width:966px;
	 height:46px;
	 margin-top:20px;
	 margin-left:18px
	 }
	 
.logo
{
     width:207px;
	 height:124px;
	 float:left;
	 margin-top:25px;
	 margin-left:25px
	 
	 }

.call
{ 
    width: auto;
	float:right;
	font-size:22px;
	color:#79cb55;
	margin-top:70px;
	margin-right:15px
	}
.homepic
{
     width:966px;
	 height:336px;
	 background-image:url(../images/crystal-clear_13.jpg);
	 margin-top:10px;
	 margin-left:18px
	 }
	 
.aboutpic
{
     width:966px;
	 height:336px;
	 background-image: url(../images/aboutpic.jpg);
	 margin-top:10px;
	 margin-left:18px
	 }

.servicespic
{
     width:966px;
	 height:336px;
	 background-image: url(../images/servicespic.jpg);
	 margin-top:10px;
	 margin-left:18px
	 }
	 

.pricepic
{
     width:966px;
	 height:336px;
	 background-image: url(../images/pricepic.jpg);
	 margin-top:10px;
	 margin-left:18px
	 }
/*====================2nd section===============================*/
.boxarea
{
     width:966px;
	 height:164px;
	 margin-top:10px;
	 margin-left:18px;
	 }
.bluebox
{
     width:316px;
	 height:164px;
	 background-image:url(../images/crystal-clear_15.jpg);
	 float:left;
	 }

.redbox
{
     width:316px;
	 height:164px;
	 background-image:url(../images/crystal-clear_17.jpg);
	 float:left;
	 margin-left:10px
	 }

.yellowbox
{
     width:315px;
	 height:164px;
	 background-image:url(../images/crystal-clear_19.jpg);
	 float:right;
	 }
.arrow
{list-style-position: outside; list-style-image: url(../images/white-errow.png);}

	 
.bluearrow
{list-style-position: outside; list-style-image: url(../images/blue-arrow.png);}
	 
	 
.heading1
{
     width:316px;
	 height:38px;
	 background-image:url(../images/heading-01.jpg);
	 
	 }

.heading2
{
     width:316px;
	 height:38px;
	 background-image:url(../images/heading-02.jpg);
	 
	 }

.heading3
{
     width:315px;
	 height:38px;
	 background-image:url(../images/heading-03.jpg);
	 
	 }

/*====================3rd section===============================*/
.leftbox
{
      width:316px;
	  margin-top:10px;
	  float:left;
	  margin-left:18px;
	  padding-left:5px
	  }
.midbox
{
      width:316px;
	  margin-top:10px;
	  float:left;
	  margin-left:18px;
	  padding-left:5px
	  }
	  
.rightbox
{
      width:270px;
	  margin-top:10px;
	  float:right;
	  margin-right:18px;
	  margin-bottom:18px;
	  padding-right:20px
	  }
	  
.heading
{
      font-size:22px;
	  color:#5ea052;
	  font-weight:bold
	  }

.subheading
{
      font-size:14px;
	  font-weight:bold;
	  color:#78cc55;
	  text-align:center;
	  border-bottom:#78cc55 dashed 1px
	  }

/*====================3rd section===============================*/

.footer
{
    width:966px;
	height:80px;
	text-align:center;
	padding-top:10px;
	color:#FFFFFF;
	}

	
a.nav:link {color: #FFFFFF; text-decoration: none; }
a.nav:visited {color: #FFFFFF; text-decoration: none; }
a.nav:hover {color: #78cc55; text-decoration: none; }
a.nav:active {color: #CCCCCC; }

a.nav1:link {color: #78cc55; text-decoration: none; }
a.nav1:visited {color: #78cc55; text-decoration: none; }
a.nav1:hover {color: #5ea052; text-decoration:none; }
a.nav1:active {color: #000000; }
h1,h2{color:#5ea052; font-size:19px; margin:0px; font-weight:bold;}