@charset "utf-8";

body { margin:0px; }

.clr{ clear:both}
img { max-width:100%}

.header {
	margin: 0px;
	padding: 0px;
	height:auto;
	width: 100%;
	background-image:url(images/header_water_effect.png); background-repeat:repeat-x; background-position:bottom;
	
}
.wrap {
	padding: 0px;
	height: auto;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.company_name {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 45%;
}

.company_name h1{ font-family:Cambria; font-size:33px; color:#00315e; width:100%; text-align:left; margin:0px;}
.company_name p{ font-family:Century Gothic; font-size:17px; color:#000; width:auto; float:left; text-align:left; margin:0px;}

.header_contact {
	padding: 0px;
	float: right;
	width: 30%;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.header_contact ul{ list-style:none;}
.header_contact li{ display:block-inline; font-family:Century Gothic; font-size:16px; color:#000; float:left; text-decoration:none; text-align:left; padding-left:20px; margin:0px; margin-left:15px;  }
 .header_inquiry {
	padding: 0px;
	float: right;
	height: auto;
	width:20%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.button_bg {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	background-color:#00315e;
}
.banner {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.welcome_note {
	background-color: #e3e3e3;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	 padding-bottom:40px;
}

.welcome_note h1 { font-family:Century Gothic; font-size:30px; text-align:center; width:100%; color:#00315e; margin:0px; padding-top:15px;}
.welcome_note h1 span{ color:#000;}

.welcome_note p{ font-family:Century Gothic; font-size:16px; color:#000; padding:5px; text-align:justify; margin:0px; padding-bottom:40px;}

.read_more a{
	font-family: "Century Gothic";
	font-size: 19px;
	color: #fff;
	text-decoration: none;
	background-color: #00315e;
	margin: 0px;
	height: auto;
	width: auto;
	padding-top: 15px;
	padding-right: 80px;
	padding-bottom: 15px;
	padding-left: 80px;
}
.read_more a:hover{ background-color:#000;}.main_div {
	margin: 0px;
	padding: 0px;
	height:auto;
	width: 100%;
}
.home_water_solution_image {
	padding: 0px;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.home_solution {
	padding: 0px;
	float: right;
	height: auto;
	width: 55%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
.home_solution h1{ font-family:Century Gothic; font-size:28px; color:#000; text-align:left; width:96%; background-color:#e6e4e4; border-left:#00315e 5px solid; padding:5px;}

.home_solution p{  font-family:Century Gothic; font-size:18px; color:#000; padding:5px; text-align:justify; margin:0px; line-height:28px; }.home_page_box {
	padding: 0px;
	float: left;
	height: 250px;
	width: 31%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.box_icon {
	padding: 0px;
	height: auto;
	width: 20%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.home_page_box h1{ font-family:Cambria; font-size:32px; color:#00315e; text-align:center; width:100%; margin:0px;}
.home_page_box p{  font-family:Century Gothic; font-size:16px; color:#000; padding:5px; text-align:justify; margin:0px; }.footer {
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+57,aed8fe+100 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #ddf1f9 57%, #aed8fe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #feffff 0%,#ddf1f9 57%,#aed8fe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #feffff 0%,#ddf1f9 57%,#aed8fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#aed8fe',GradientType=0 ); /* IE6-9 */


}
.social_media {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 55%;
}
.social_media h1{ font-family:Century Gothic; font-size:28px; color:#000; text-align:left; width:96%; padding:5px;}

.social_media ul{ list-style:none;}
.social_media ul li{ display:inline-block; margin-left:15px; float:left; width:30%; }

.visit_counter {
	padding: 0px;
	float: right;
	height: auto;
	width: 15%;
	margin-top:90px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.footer_bottom {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.shreya_infosoft a{
	font-family: "Century Gothic";
	font-size: 15px;
	color: #000;
	text-decoration: none;
	padding: 0px;
	float: left;
	height: auto;
	width: 20%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.shreya_infosoft a:hover{ color:#0070d7; text-decoration:underline;}

.copyright {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #000;
	text-decoration: none;
	padding: 0px;
	float: right;
	width: 20%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.map {
	margin: 0px;
	padding: 0px;
	height:auto;
	width: 100%;
}
.contact_div {
	padding: 0px;
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.contact_div h1{ font-family:Calibri; font-size:35px; color:#00315e; text-align:center; width:100%; border-bottom:#ccc dashed thin}

.contact_icon {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 30px;
}

.contact_div p{ width:90%; font-size:15px; color:#000; text-align:left; float:left;  font-family:Century Gothic; margin:0px; margin-left:10px; padding:5px;}
.contact_image {
	padding: 0px;
	float: right;
	height: auto;
	width: 40%;
	margin-top:110px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#text1 {
    border: 1px solid #47baef;
    height: 25px;
    width: 90%;
    box-shadow: 0 0 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

#text1:hover,
#text1:focus {
    width: 90%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}

.inquiry_div {
	margin: 0px;
	margin-top: 15px;
	padding: 0px;
	float: left;
	height:auto;
	width: 90%;
	/*border: thin solid #CCC;*/
}


.inquiry_div h1 { font-family:Century Gothic; font-size:30px; color:#00315e; width:100%; text-align:center;}
.inquiry_div h2{ font-family:Century Gothic; font-size:30px; color:#a7080c; width:100%; text-align:center;}
.inquiry_div h3 { font-family:Century Gothic; font-size:18px; color:#000; width:100%; margin:0px;}


.submit{ width:auto; height:auto; background-color:#1eacee; border:#FFF 3px solid; box-shadow:#000 0 0 2px; text-align:center; font-family:Century Gothic; font-size:18px; font-style:italic; color:#fff; padding:8px 30px 8px 30px; cursor:pointer;}

.submit:hover{ width:auto; height:auto; background-color:#0794d5; border:#FFF 3px solid; box-shadow:#000 0 0 2px; text-align:center; font-family:Century Gothic; font-size:18px; font-style:italic; color:#fff;}


.profile_div {
	margin: 0px;
	padding: 0px;
	height:auto;
	width: 100%;
}

.profile_div h1{ font-family:Cambria; font-size:25px; color:#fff; width:100%; text-align:left; padding:5px; background-color:#00315e;}
.profile_div ul{}
.profile_div li{font-family:Calibri; font-size:18px; color:#000; width:auto; margin:0px; text-align:justify;}
.profile_div p{ font-family:Calibri; font-size:18px; color:#000; width:auto; margin:0px; text-align:justify;}

.product_div {
	margin: 0px;
	padding: 0px;
	float:left;
	height:auto;
	width:100%;
	padding-bottom:25px;
}
.product_div h1{ font-family:Century Gothic; font-size:25px;  color:#0d3064; float:left; width:96%; background-color:#ebe7e5 }
.product_div h3{ font-family:Century Gothic; font-size:25px; color:#000; width:100%; float:left; text-align:center; background-color:#ebe7e5; padding:5px}
.product_div p{font-family:Calibri; font-size:17px; color:#000; float:left; width:auto; margin:0px; padding:5px; text-align:justify;}

.product_div ul {}
.product_div li {font-family:Calibri; font-size:17px; color:#000; float:left; width:100%; margin:0px; padding:5px; text-align:justify;}


.product_div_detail{margin: 0px;
	padding: 0px;
	float:right;
	height:auto;
	width:70%;}

.product_div_detail p{font-family:Calibri; font-size:17px; color:#000; line-height:24px; float:right; width:100%; padding:5px; text-align:justify;}



.product_div_detail ul {}
.product_div_detail li {font-family:Calibri; font-size:17px; color:#000; float:left; width:70%; margin:0px; padding:5px; text-align:justify;}

.product_category_image {
	padding: 0px;
	float: left;
	height: auto;
	width: 300px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:20px;
	border:#fff 5px solid;
	box-shadow:#000 0 2px 2px; 
	
}