/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#FFFFFF; border-top:solid 5px #b9b9b9; text-align:center;}
#main{ padding:0 23px 0 22px;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family: Verdana; font-size:12px; line-height:22px; color:#4a4949;}
input, select { vertical-align:middle; font-weight:normal;}

a { color:#37a2d5;}
a:hover{text-decoration:none;}
p {text-align: justify;}
.strong1{ text-transform:uppercase; padding:7px 0 0 0; display:block; text-align: justify;}
.strong1 span{ display:block; text-transform:none; color:#7f7e7e; font-weight:normal; padding-bottom:12px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 23px 0 0; float:left;}
.imgindent2 {margin:0 15px 0 0; float:left;}
.phone{ float:right; padding-right:180px;}
.phone2{ float:right; padding-right:10px;}
.space1{ margin-left:50px;}
.space2{ margin-left:38px;}
.space3{ margin-left:6px;}
.space4{ margin-left:28px;}
.margin0{ margin:0 !important;}
.margin1{ margin-top:6px;}
.margin2{ margin:26px 0 0 0 !important;}
.padding0{ padding-bottom:0px !important;}
.padding1{ padding-top:20px;}
.padding2{ padding-left:8px;}
.padding3{ padding-right:15px !important;}
.padding4{ padding-top:15px;}
.padding5{ padding-top:10px;}
.padding6{ padding-top:30px;}

/* ============================= header ====================== */
#header{ background:url(../images/header-bg.jpg) bottom no-repeat;}
#header .top{ width:100%; overflow:hidden; height:93px;}
#header .small-menu{ float:right; padding:39px 27px 0 0;}
#header .small-menu li{ float:left; color:#3d4f59; padding-left:15px;}
#header .small-menu a{ color:#7f7f7f; text-decoration:none; display:inline-block; margin-right:15px;}
#header .small-menu a:hover{ color:#000; text-decoration:underline;}
#header .logo{ padding:8px 0 0 29px;   /*padding:24px 0 0 29px;*/}

#header .menu{ background:url(../images/menu-tail.gif) top repeat-x; width:100%; overflow:hidden;}
#header .menu .left-bg{ background:url(../images/menu-left-bg.gif) left top no-repeat;}
#header .menu .right-bg{ background:url(../images/menu-right-bg.gif) right top no-repeat; height:73px;}

#header .menu ul{ padding:33px 0 0 3px; font-size:14px;}
#header .menu li{ float:left; font-size:0.917em; text-transform:uppercase; padding-left:30px; background:url(../images/menu-border.gif) no-repeat 0 3px;}
#header .menu .first{ background:none;}
#header .menu a{ font-weight:bold; text-decoration:none; color:#414141; display:inline-block; margin-right:30px;}
#header .menu a:hover{ color:#055b50;}
#header .menu a:active{ color:#055b50; padding-top:1px;}

/* ============================= content ====================== */
#content{ padding:4px 0 13px 20px;}
.title{ padding-bottom:10px; font-size:25px; text-transform: uppercase; font-family:Calibri; font-weight: bold;color:#055b50;}
.indent{ padding:20px 9px 0 0;}
.indent1{ padding:20px 21px 20px 0;}
.indent2{ padding:20px 9px 20px 0;}
.unline{ /*border-bottom:solid 1px #dce0e5; margin-bottom:25px;*/ padding-bottom:20px;}

.link1{ background:url(../images/link-bg.gif) right top no-repeat; padding-right:10px; color:#00a9ff; display:inline-block; margin-left:3px;}

.box-menu{ width:100%; overflow:hidden; height:27px;}
.box-menu li{ float:left; margin-right:4px; background:#ffffff;}
.box-menu a{ display:inline-block; background:url(../images/box-menu-tail.gif) top repeat-x; color:#646464; font-size:0.917em; text-transform:uppercase; text-decoration:none; font-weight:bold; cursor:pointer; width:111px; position:relative;}
.box-menu a span{ display:block; background:url(../images/box-menu-left-bg.gif) left top no-repeat; width:100%; position:relative;}
.box-menu a span span{ background:url(../images/box-menu-right-bg.gif) right top no-repeat; padding:7px 0 3px 0; text-align:center; border-bottom:solid 1px #d5d5d5;}
.box-menu a:hover span span, .box-menu .active span span{ border-bottom:solid 1px #ffffff;}

.box{ background:url(../images/box-top-tail.gif) top repeat-x #f7f7f7; width:100%; margin-top:-1px; margin-bottom: 20px;}
.box .left-border{ background:url(../images/box-left-tail.gif) left repeat-y;}
.box .right-border{ background:url(../images/box-right-tail.gif) right repeat-y;}
.box .bot-border{ background:url(../images/box-bot-tail.gif) bottom repeat-x;}
.box .left-top{ background:url(../images/box-corner-left-top.gif) left top no-repeat;}
.box .left-top2{ background:url(../images/box-corner-left-top2.gif) left top no-repeat;}
.box .right-top{ background:url(../images/box-corner-right-top.gif) right top no-repeat;}
.box .left-bot{ background:url(../images/box-corner-left-bot.gif) left bottom no-repeat;}
.box .right-bot{ background:url(../images/box-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box .indent{ padding:27px 5px 26px 32px;}

.box1{ background:url(../images/box1-border.gif) top repeat-x #ffffff; width:100%;}
.box1 .left-border{ background:url(../images/box1-border.gif) left repeat-y;}
.box1 .right-border{ background:url(../images/box1-border.gif) right repeat-y;}
.box1 .bot-border{ background:url(../images/box1-border.gif) bottom repeat-x;}
.box1 .left-top{ background:url(../images/box1-corner-left-top.gif) left top no-repeat;}
.box1 .right-top{ background:url(../images/box1-corner-right-top.gif) right top no-repeat;}
.box1 .left-bot{ background:url(../images/box1-corner-left-bot.gif) left bottom no-repeat;}
.box1 .right-bot{ background:url(../images/box1-corner-right-bot.gif) right bottom no-repeat; width:100%; min-height:200px; height:auto !important; height:200px;}
.box1 .indent{ padding:15px 16px 20px 16px;}
.box1 .indent1{ padding:25px 16px 20px 30px;}

.box2{ background:url(../images/box2-top-tail.gif) top repeat-x #ffffff; width:100%; line-height:1.5em; margin-top: 35px;}
.box2 .left-border{ background:url(../images/box2-left-tail.gif) left repeat-y;}
.box2 .right-border{ background:url(../images/box2-right-tail.gif) right repeat-y;}
.box2 .bot-border{ background:url(../images/box2-top-tail.gif) bottom repeat-x;}
.box2 .left-top{ background:url(../images/box2-corner-left-top.gif) left top no-repeat;}
.box2 .right-top{ background:url(../images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(../images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(../images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2 .indent{ padding:21px 16px 20px 20px;}
.box2 .title{ padding-bottom:14px;}
.box2 .indent{ padding:21px 20px 35px 7px;}
.box2 .indent1{ padding:0 0 0 2px;}
.box2 strong{ color:#00a9ff; padding-bottom:19px; display:block;}
.box2 .unline{ padding-bottom:25px; margin-bottom:25px;}
.box2 .unline2{/* background:url(../images/unline.gif) bottom repeat-x;*/ padding-bottom:20px; margin-bottom:14px; border:none;}
.box2 .text{ line-height:1.333em; padding-right:5px;}
.box2 .text strong{ color:#4a4949; padding:15px 0 12px 0;}

.link{ display:inline-block; float:right; background:url(../images/form-link-tail.gif) top repeat-x; color:#000000; text-decoration:none; margin-top:15px;}
.link span{ display:block; background:url(../images/form-link-left-bg.gif) left top no-repeat;}
.link span span{ background:url(../images/form-link-right-bg.gif) right top no-repeat; padding:3px 12px 5px 11px;}
.link:hover{ background:url(../images/form-link-tail-act.gif) top repeat-x;}
.link:hover span{ background:url(../images/form-link-left-bg-act.gif) left top no-repeat;}
.link:hover span span{ background:url(../images/form-link-right-bg-act.gif) right top no-repeat;}

.list{ margin:-6px 0 -5px 0; position:relative;}
.list li{ line-height: 30px; background:url(../images/list-marker.gif) no-repeat 0 14px; padding-left:12px;}
.list a{ color:#055b50;}
.block{ padding:20px 0 7px 35px;}

/* ============================= footer ====================== */
#footer{ border-top:solid 3px #dcdcdc; text-align:right; font-size:0.917em; font-weight:bold; color:#656565; text-transform:uppercase; font-family: Verdana; font-size:13px;}
#footer a{ color:#656565; text-transform:none;}
#footer .indent{ padding:25px 5px 0 0;}

/* ============================= forms ============================= */
#SubscribeForm{ padding:5px 5px 0 5px;}
#SubscribeForm input{ border:solid 1px #d2d2d2; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:4px 0 4px 3px; width:223px; cursor:text;}
#SubscribeForm .link1{ margin:25px 0 0 0;}

#ContactForm{ font-weight:bold; padding:0 0 0 5px;}
#ContactForm label{ display:block; height:61px;}
#ContactForm input{ border:solid 1px #d2d2d2; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#4a4949; padding:4px 0 4px 3px; width:290px; margin-top:3px;}
#ContactForm textarea{ border:solid 1px #d2d2d2; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#4a4949; padding:4px 0 4px 3px; width:290px; height:290px; overflow:auto; margin-top:3px;}
#ContactForm .link{ font-weight:normal; margin:13px 3px 0 10px;}

h1
{
    font-size:20px; font-family: Verdana; font-weight: bold; margin-bottom: 10px;color:#055b50;
}

.img
{
    border: solid 2px #000000;
    padding: 2px;
}

.imglt
{
    border: solid 2px #000000;
    padding: 2px;
    float: left;
    margin-right: 10px;
}

.imgrt
{
    border: solid 2px #000000;
    padding: 2px;
    float: right;
    margin-left: 10px;
}

.fleft
{
    float:left;
}

.fright
{
    float:right;
}
/***********************/
 .pg1-sec1 .column-2 img {
    width: 300px;
    height: 225px;
  }
 .abt-img img {
    width: 300px;
    height: 225px;
  }
.imglt {
    width: 300px;
    height: 171px;
  }
.unline .imgrt {
    width: 300px;
    height: 225px;
    margin: 0 auto 15px auto;
    display: block;
  }
.btn-sec input
{
 cursor: pointer;
}
.map-sec iframe
{
 width: 525px;
 height: 300px;
}






/*** Media Queries ***/

@media (max-width: 1023px)
{
#main {
  width: 100% !important;
  max-width: 738px !important;
  margin: 0 auto;
  text-align: left;
  padding: 0 15px 0 15px;
}
.top .logo img
{
 width: 100% !important;
 height: auto !important;
}
#header {
  height: 457px;
  width: 100% !important;
  max-width: 738px !important;
}
#footer {
  height: 66px;
  width: 100% !important;
  max-width: 738px !important;
}
#content {
  padding: 0;
  width: 100% !important;
}
#header .logo {
  padding: 10px 30px;
}
#header .menu li {
  padding: 0 15px;
}
#header .menu a {
  margin-right: 0;
}
.pg1-sec1 .column-1
{
 width: 100%;
}
.pg1-sec1 .column-2
{
 width: 100%;
}
.pg1-sec1 .column-2 img
{
  margin: 0 auto;
  display: block;
}
#page2 .col-1 {
  width: 100% !important;
}
.box .indent {
  padding: 20px;
}
.abt-img img
{
 margin: 0 auto 20px auto !important;
  display: block;
  width: 300px;
  height: 225px;
}
.product-page .indent {
  padding: 15px;
}
.contact-page .column-1 {
  width: 100%;
}
.contact-page .column-2 {
  width: 75%;
}
#ContactForm input
{
 width: 100%;
}
#ContactForm textarea
{
 width: 100%;
 height: 160px;
 margin-bottom: 25px;
}
.contact-page .column-1 .col-1 {
  width: 100%;
}
.contact-page .column-1 .col-1 iframe {
  width: 100%;
}
.btn-sec input
{
 margin-bottom: 10px;
}
.indent {
  padding: 20px 0 0 0;
}

}

@media (max-width: 767px)
{
#main {
  width: 100% !important;
  max-width: 610px !important;
  margin: 0 auto;
  text-align: left;
  padding: 0 15px 0 15px;
}
.top .logo img
{
 width: 100% !important;
 height: auto !important;
}
#header {
  height: 457px;
  width: 100% !important;
  max-width: 610px !important;
}
#footer {
  height: 66px;
  width: 100% !important;
  max-width: 610px !important;
}
#header .menu li {
    padding: 0 10px;
    font-size: 11px;
  }
.imglt {
  width: 200px;
  height: 120px;
}
.contact-page .column-2 {
    width: 100%;
  }

}


@media (max-width: 639px)
{
#main {
  width: 100% !important;
  max-width: 450px !important;
  margin: 0 auto;
  text-align: left;
  padding: 0 15px 0 15px;
}
.top .logo img
{
 width: 100% !important;
 height: auto !important;
}
#header {
  height: 360px;
  width: 100% !important;
  max-width: 450px !important;
}
#footer {
  height: 66px;
  width: 100% !important;
  max-width: 450px !important;
}
#header .top {
  width: 100%;
  overflow: hidden;
  height: 60px;
}
#header .menu ul {
  padding: 18px 0 0 3px;
}
 #header .menu li {
    padding: 0 15px;
    font-size: 12px;
    line-height: 2;
    float: left;
  }
#footer .indent {
  padding: 25px 5px 0 0;
  font-size: 12px !important;
}
.imglt {
    width: 150px;
    height: 90px;
  }
.unline
{
 display: grid;
} 
.unline .imgrt {
    width: 180px;
    height: 142px;
    margin: 0 auto 15px auto;
    display: block;
  }

}

@media (max-width: 479px)
{
#main {
  width: 100% !important;
  max-width: 330px !important;
  margin: 0 auto;
  text-align: left;
  padding: 0 15px 0 15px;
}
.top .logo img
{
 width: 100% !important;
 height: auto !important;
}
#header {
  height: 280px;
  width: 100% !important;
  max-width: 330px !important;
}
#footer {
  height: 66px;
  width: 100% !important;
  max-width: 330px !important;
}
#header .menu .right-bg {
  background: none;
  height: auto;
}
#header .menu .left-bg {
  background: none;
  height: auto;
}
#header .menu {
  background: none;
  height: auto;
}
#header .menu li {
    padding: 0;
    font-size: 13px;
    line-height: 2.4;
    float: none;
  }
#header {
  height: 545px !important;
}
#header .menu li {
  background: none;
}
 #header .menu ul {
    padding: 0;
    text-align: center;
  }
.pg1-sec1 .column-2 img {
    margin: 0 auto;
    display: block;
    width: 240px;
    height: 180px;
  }
#footer .indent {
    padding: 10px 0 0 0;
    font-size: 10px !important;
    text-align: center;
  }
.abt-img img {
    margin: 0 auto 20px auto !important;
    display: block;
    width: 240px;
    height: 180px;
  }
 #page2 .col-1 {
    width: 100% !important;
    display: grid;
  }
 .imglt {
    width: 150px;
    height: 90px;
    margin: 0 auto 15px auto;
  }  
h1 {
  font-size: 17px;
  line-height: 1.5;
}  
.unline
{
 display: grid;
} 
.unline .imgrt {
    width: 180px;
    height: 142px;
    margin: 0 auto 15px auto;
    display: block;
  }

}


@media (max-width: 359px)
{
#main {
  width: 100% !important;
  max-width: 290px !important;
  margin: 0 auto;
  text-align: left;
  padding: 0 15px 0 15px;
}
.top .logo img
{
 width: 100% !important;
 height: auto !important;
}
#header {
  height: 280px;
  width: 100% !important;
  max-width: 290px !important;
}
#footer {
  height: 66px;
  width: 100% !important;
  max-width: 290px !important;
}








}
#reload{
  padding: 8px;
}