@charset "utf-8";

/*

	Stylesheet for Reverse Osmosis Equipment

	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:#0055a0 url(../images/main-bg.jpg) top left repeat-x; }

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;} 

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;}



/* center background */

#page-bg { background:url(../images/page-bg.jpg) top center no-repeat; width:100%; height:800px;}

#container { width:936px; margin:0 auto;}



	#header { height:103px;}

	#header h1.logo { float:left; width:400px; height:103px;}

	#header h1.logo a { color:#fff; font-size:27px; font-family: 'swis721_btroman'; float:left; margin:34px 0px 0px 4px;}

	#header h1.logo a strong { font-family: 'swis721_btbold';}

	#header .callus { float:right; background:url(../images/icon-call.jpg) right no-repeat; height:44px; padding:0px 50px 0px 0px; color:#a5c3e5; font-family: 'swis721_btbold'; font-size:23px; line-height:44px; margin:30px 0px 0px 0px; }

	

	#top-nav { height:41px; width:928px; float:left; background:url(../images/top-nav-right.png) right top no-repeat; padding:0px 8px 0px 0px; }

	#top-nav .left-bg { background:url(../images/top-nav-left.png) left top no-repeat; width:8px; height:41px; float:left;}

	#top-nav .mid-bg { background:url(../images/top-nav-mid-bg.png) repeat-x; float:left; width:920px; height:41px;  }

	#top-nav ul { margin:0px; padding:0px; list-style:none;}

	#top-nav ul li { height:37px; background:url(../images/top-nav-mid-line.jpg) right no-repeat; float:left; margin:1px 0px 0px 0px;}

	#top-nav ul li.lastlink { background:none;}

	#top-nav ul li a { padding:11px 37px 0px 37px; height:26px; color:#fff; text-transform:uppercase; font-size:12px; color:#fff; float:left ;font-family: 'swis721_btbold'; }

	#top-nav ul li a:hover, #top-nav ul li a.active { background:#1c214e;}

	

	#bannerbg { background: url(../images/banner-bg.png) no-repeat; height:408px; width:936px; float:left; margin:17px 0px 17px 0px;}

	.banner-text { float:left; width:300px; margin:160px 0px 0px 35px;}

	.banner-text h2 { font-size:30px; line-height:30px; color:#3d3a3a; font-family: 'swis721_btroman';}

	.banner-text a.btn { background:url(../images/btn-learn.png) top no-repeat; height:39px; width:138px; float:left; clear:both; margin:20px 0px 0px 0px; font-size:13px; line-height:36px; text-align:center; color:#fff; text-transform:uppercase; }

	.banner-text a.btn:hover { background-position:bottom;}

	

	.contact-form { float:right; width:208px; margin:70px 20px 0px 0px;}

	.contact-form h2 { color:#fff; font-size:24px; font-family: 'swis721_btbold'; margin:0px 0px 15px 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }

	.contact-form input { background:#fff; height:30px; width:186px; float:left; margin:0px 0px 10px 0px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.5);  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);   box-shadow:1px 1px 1px rgba(0,0,0,0.5); font-size:12px; color:#565656; line-height:30px; padding:0px 0px 0px 10px;}

	.contact-form textarea { background:#fff; height:64px; width:176px; float:left; margin:0px 0px 10px 0px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.5);  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);   box-shadow:1px 1px 1px rgba(0,0,0,0.5); font-size:12px; color:#565656; line-height:30px; padding:10px}

	.contact-form .btn { border-radius:0px; box-shadow:none; cursor:pointer; background:url(../images/btn-submit-now.png) top no-repeat; height:44px; width:202px; float:left; clear:both; margin:0px; font-size:16px; line-height:40px; text-align:center; color:#fff; text-transform:uppercase;  font-family: 'swis721_btbold';   }

	.contact-form .btn:hover { background-position:bottom;}

	.welcome-text { background:#cce0ff url(../images/welcome-bg.jpg) left bottom no-repeat; width:634px; float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.5);  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);   box-shadow:1px 1px 1px rgba(0,0,0,0.5); padding:20px 20px 5px 20px; }

	.welcome-text h2 { font-size:17px; color:#2a2a2a; font-family: 'swis721_btbold'; padding:0px 0px 12px 0px; margin:0px 0px 0px 00px;}

	.welcome-text p { font-size:13px; line-height:18px; color:#000000; padding:0px 0px 15px 0px;  margin:0px 0px 0px 00px; font-family: 'swis721_btroman'; }

.welcome-text p.space {  margin:0px 0px 0px 200px; }

	

	.ban-learnmore { float:right; background:url(../images/ban-learnmore.jpg) no-repeat; width:204px; height:159px; font-size:16px; color:#ffffff; line-height:17px; padding:20px; ;font-family: 'swis721_btbold'; }

	.ban-learnmore a {font-family: 'swis721_btroman'; color:#f6b148; font-size:11px;}

	.ban-learnmore a:hover { text-decoration:underline; }

	

	#footer { clear:both; width:936px; float:left; margin:18px 0px; font-size:11px; color:#ffffff; font-family: 'swis721_btroman';}

	#footer a { color:#fff; text-decoration:none;}

	#footer a:hover { text-decoration:none;}

	.fleft{ float:left;}

	.fright{ float:right;}

  

	

/* sub pages */

	.content {  background:#fff; width:890px; float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.5);  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);   box-shadow:1px 1px 1px rgba(0,0,0,0.5); padding:20px; margin:17px 3px 0px 3px;}

	.content h1 { font-size:26px; color:#ea8308; font-family: 'swis721_btbold'; padding:0px 0px 15px 0px;}

	.content h2 { font-size:20px; color:#2a2a2a; font-family: 'swis721_btbold'; padding:0px 0px 15px 0px;}

	.content h3 { font-size:16px; color:#293078; font-family: 'swis721_btbold'; padding:0px 0px 15px 0px;}

	.content h4 { font-size:14px; color:#000000; font-family: 'swis721_btbold'; padding:0px 0px 15px 0px;}

	.content h5 { font-size:14px; color:#000000; font-family: 'swis721_btroman'; padding:0px 0px 15px 0px;}

	.content h6 { font-size:13px; color:#000000; font-family: 'swis721_btroman'; padding:0px 0px 15px 0px; font-weight:normal!important;}

	.content p { font-size:13px; line-height:22px; color:#000000; padding:0px 0px 15px 0px;  font-family: 'swis721_btroman'; }

	.content a {color:#ea8308; text-decoration:underline;}

	.content a:hover { text-decoration:none;}

	.content ul { margin:0px 0px 20px 10px; padding:0px;}

	.content ul li { font-size:13px; line-height:22px; color:#000000; margin:0px 0px 0px 20px;}

	

	.subpage-ban { float:left; clear:both; width:890px; height:200px; margin:0px 0px 20px 0px;}

	

	.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:#565656;  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:#565656; 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 { border:none !important; background:url(../images/btn-learn.png) top no-repeat; height:39px; width:138px !important; 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:10px; 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 #0B4692;

        background-color: white;

        z-index:1002;

        overflow: auto;

    }