@charset "utf-8";
/*
	Stylesheet for What is ReverseOsmosis
	Media: screen
	Author: saathivacreations.com
*/

/*** typography css */
@font-face {font-family: 'swis721_btroman';
    src: url('../fonts/tt0003m_-webfont.eot');
    src: url('../fonts/tt0003m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0003m_-webfont.woff') format('woff'),
         url('../fonts/tt0003m_-webfont.ttf') format('truetype'),
         url('../fonts/tt0003m_-webfont.svg#swis721_btroman') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'swis721_btbold';
    src: url('../fonts/tt0005m_-webfont.eot');
    src: url('../fonts/tt0005m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0005m_-webfont.woff') format('woff'),
         url('../fonts/tt0005m_-webfont.ttf') format('truetype'),
         url('../fonts/tt0005m_-webfont.svg#swis721_btbold') format('svg');
    font-weight: normal; font-style: normal;}
	
/* BASIC RESET */
body { font-family:Arial, Helvetica, sans-serif;  font-size:13px; color:#000000; margin:0px; padding:0px; background:#eaeff5 url(../images/main-bg.jpg) repeat-x top left; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; text-align:left; font-weight:normal; list-style:none;} 
img, form, input, select, textarea { border:0; margin:0px; padding:0px; outline:none; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
a { text-decoration:none; cursor:pointer; outline:none;}
.clear {clear:both;}
.hidden { display:none;}
.last { border:0px!important; margin:0px !important;}
.display-none { display:none;}

#container { width:960px; margin:0 auto;}
	
	#header { height:169px;}
	#header h1.logo { float:left; width:366px; margin:41px 0px 0px 10px;}
	#header h1.logo a { background:url(../images/logo.jpg) no-repeat; width:366px; height:48px; float:left; }
	#header h1.logo a span { display:none; }

	#header .callus { float:right; background:url(../images/icon-phone.png) right top no-repeat; height:46px; padding:0px 52px 0px 0px; margin:43px 10px 0px 0px; font-size:18px; color:#565656; line-height:23px; text-transform:uppercase;}
	#header .callus strong { font-size:25px; color:#0097a4; font-weight:bold;}

	#header .top-nav { height:53px; padding:0px 15px 0px 0px; width:944px; background: url(../images/top-nav-right-bg.png) right top no-repeat; float:left; margin:27px 0px 0px 0px;}
	#header .top-nav .left-bg { background:url(../images/top-nav-left-bg.png) left top no-repeat; width:15px; height:53px; float:left;}
	#header .top-nav .mid-bg { background:url(../images/top-nav-mid-bg.png) repeat-x; height:53px; float:left; width:929px;}
	#header .top-nav ul { margin:0px; padding:0px; list-style:none; }
	#header .top-nav ul li { list-style:none; float:left; text-transform:uppercase; color:#505050; margin:7px 0px 0px 0px; height:46px; border-right:1px solid #fff; }
	#header .top-nav ul li.lastlink { border:0px;}
	#header .top-nav ul li a { color:#505050; padding:0px 11px 0px 11px; float:left; font-size:13px; line-height:46px; }
	#header .top-nav ul li a:hover, #header .top-nav ul li a.active { color:#0056a2; }
	
	.banner { float:left; background:url(../images/banner-bg.png) no-repeat; width:960px; height:443px;}
	.banner h3 { font-size:43px; color:#ffffff; line-height:38px; margin:94px 0px 0px 45px; }
	.banner h2 { font-size:43px; color:#ffffff; line-height:38px; margin:0px 0px 0px 45px; }
	.banner p { font-size:17px; color:#ffffff; line-height:26px; font-family:'swis721_btroman'; margin:20px 0px 0px 45px; width:310px;}
	
	.welcome-text { background:#fff; width:563px; float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -moz-box-shadow:    1px 1px 2px rgba(0,0,0,0.3);  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);   box-shadow:1px 1px 2px rgba(0,0,0,0.3); padding:30px; margin:20px 0px 20px 7px; }
	.welcome-text h2 { font-size:30px; color:#0097a4; padding:0px 0px 10px 0px; border-bottom:2px solid #eaeaea; margin:0px 0px 15px 0px;}
	.welcome-text p { font-size:14px; line-height:22px; color:#3e3e3e; padding:0px 0px 15px 0px; font-family: 'swis721_btroman'; }

	.cont-form { width:246px; padding:27px; float:left;  background:#fafafa url(../images/right-form-bg.jpg) bottom repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -moz-box-shadow:    1px 1px 2px rgba(0,0,0,0.3);  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);   box-shadow:1px 1px 2px rgba(0,0,0,0.3); margin:20px 0px 0px 20px;}
	.cont-form h3 { font-size:23px; color:#3f3f3f; line-height:23px; text-align:center; margin:0px 0px 20px 0px;}
	.cont-form input { background:url(../images/input-bg.png) no-repeat; width:236px; height:30px; line-height:30px; font-size:13px; color:#515151; margin:0px 0px 10px 0px; float:left; padding:0px 0px 0px 10px;}
	.cont-form textarea { background:url(../images/textarea-bg.png); width:226px; height:46px; line-height:30px; font-size:13px; color:#515151;   margin:0px 0px 10px 0px; float:left; padding:10px;}
	.cont-form .btn { background:url(../images/btn-get-free-estimate.png) top no-repeat; width:246px; height:34px; clear:both; float:left;}
	.cont-form .btn:hover { background-position:bottom;}
	.cont-form a span { display:none;}
	
	#footer { clear:both; width:100%; background:url(../images/footer-bg.png) repeat-x; height:77px;}
	.copy-text { text-align: center; font-size:13px; color:#535353; font-family: 'swis721_btroman'; padding:35px 0px 0px 0px;}
	
/* sub pages */	
	.content {  background:#fff; width:563px; float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -moz-box-shadow:    1px 1px 2px rgba(0,0,0,0.3);  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);   box-shadow:1px 1px 2px rgba(0,0,0,0.3); padding:30px; margin:20px 0px 20px 7px;}
	.content h2 { font-size:30px; color:#1fa8b4; padding:0px 0px 15px 0px;}
	.content h3 { font-size:26px; color:#0a5291; padding:0px 0px 15px 0px;}
	.content h4 { font-size:20px; color:#3f3f3f; padding:0px 0px 15px 0px;}
	.content h5 { font-size:15px; color:#3e3e3e; font-family: 'swis721_btbold'; padding:0px 0px 15px 0px;}
	.content h6 { font-size:14px; color:#3e3e3e; font-family: 'swis721_btroman'; padding:0px 0px 15px 0px; font-weight:normal!important;}
	.content p { font-size:13px; line-height:22px; color:#3e3e3e; padding:0px 0px 15px 0px;  font-family: 'swis721_btroman'; }
	.content a {color:#0097a4; text-decoration:underline;}
	.content a:hover { text-decoration:none;}
	.content ul { margin:0px 0px 10px 10px; padding:0px;}
	.content ul li { font-size:13px; background:url(../images/bullet.jpg) left 7px no-repeat; line-height:20px; color:#3e3e3e; margin:0px; padding:0px 0px 10px 14px;}
	
	.subpage-ban { float:left; clear:both; width:959px; height:217px; margin:0px 0px 0px 0px; background:url(../images/banner-01.png) no-repeat;}
	.subpage-ban h1 { font-size:40px; color:#0b5493; padding:80px 0px 15px 40px;}
	
	.text-col { float:left; width:425px; padding:0px 20px 0px 0px; }
	.form-col { float:left;width:300px;}
	.form-col input { margin:0 0 10px 0; width:290px; padding:5px; float:left; border:1px solid #ccc; font-size:13px;  color:#ccc;  font-family:Arial, Helvetica, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px;   }	
	.text-area-col { width:290px; margin:0 0 10px 0; height:100px;  border:1px solid #d3cfc3; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px;  }
	.buttonSubmit { background:url(../images/btn-learn.png) top no-repeat; height:39px; width:138px; float:left; clear:both; font-size:13px; line-height:36px; text-align:center; 
	color:#fff!important; text-transform:uppercase; text-decoration:none!important; cursor:pointer; }
	.buttonSubmit:hover { background-position:bottom;  text-decoration:none;}
	
	#btnrefresh { background:url(../images/refreah.png) no-repeat; width:25px; border:none; margin-left:5px; margin-bottom:0 !important; cursor:pointer;}
	
	.black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 40%;
        width: 20%;
        height: 15%;
        padding: 16px;
        border: 16px solid #16A4B0;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }