*{margin:0px; padding:0px; border:0px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
body{background:url(../images/bg.jpg) repeat-x;}
.wrapper{width:900px; margin:0px auto;}
.header{width:900px; background:url(../images/header_bg.jpg) no-repeat;}
.header h1 a{text-indent:-10000em; display:block;}
.logos{background:url(../images/logo.jpg) no-repeat; width:211px; height:47px; margin:69px 0px 21px 15px;}
.nav{width:436px; float:right; margin-top:80px;}
.hd-menu ul { margin: 0; padding: 0;}
.hd-menu li {float: right; text-transform: uppercase; list-style:none; padding: 0 0px 0 18px;}
.hd-menu li a{display: block; padding: 3px 6px 3px 5px; text-decoration:none; font: 10px Arial; color: #295f73;}
.hd-menu li a:hover{ background:url(../images/nav_bg.jpg) repeat-x; text-decoration:none; color: #ffffff;}
.hd-menu li.active a{ background:url(../images/nav_bg.jpg) repeat-x; color: #ffffff;}
.content{width:900px;}
.content h1{padding:19px 0px 23px 0px;}
.content p{ width:556px; font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-align:justify; line-height:19px; padding-bottom:40px;}
.content h2{padding:0px 31px 0px 0px;}
.content h3{padding:0px 0px 46px 0px;}
.footer-container{width:100%; background:url(../images/btm-rpt.jpg) repeat-x;}
.btm-mnu{width:900px; margin:0 auto; background:url(../images/btm-rpt2.jpg) #9cc554 no-repeat;}
.mnu_tex{width:180px; background:url(../images/line.jpg) right no-repeat; padding:20px 0px 21px 0px;}
.mnu_tex ul{margin:0px; padding:0px;}
.mnu_tex li {font:normal 12px Arial, Helvetica, sans-serif; color:#324215; list-style:none; line-height:21px;}
.mnu_tex li span{padding:0px 7px 0px 12px;}
.mnu_tex li a{color:#324215; text-decoration:none;}
.mnu_tex li a:hover{color:#fff; text-decoration:none;}
.mnu_tex1{width:200px; background:url(../images/line.jpg) right no-repeat; padding:20px 0px 21px 0px;}
.mnu_tex1 ul{margin:0px; padding:0px;}
.mnu_tex1 li {font:normal 12px Arial, Helvetica, sans-serif; color:#324215; list-style:none; line-height:21px;}
.mnu_tex1 li span{padding:0px 7px 0px 12px;}
.mnu_tex1 li a{color:#324215; text-decoration:none;}
.mnu_tex1 li a:hover{color:#fff; text-decoration:none;}
.mnu_tex2{width:160px; padding:20px 0px 21px 0px; }
.mnu_tex2 ul{margin:0px; padding:0px;}
.mnu_tex2 li {font:normal 12px Arial, Helvetica, sans-serif; color:#324215; list-style:none; line-height:21px;}
.mnu_tex2 li span{padding:0px 7px 0px 12px;}
.mnu_tex2 li a{color:#324215; text-decoration:none;} 
.mnu_tex2 li a:hover{color:#fff; text-decoration:none;}
.footer_main{width:100%; background:url(../images/footer_bg.jpg) repeat-x;}
.footer{width:900px; margin:0 auto;}
.footer p{font:normal 10px Arial, Helvetica, sans-serif; color:#374e0e; text-transform:uppercase; padding:15px 0px 8px 0px; text-align:center;}
.footer p a{color:#374e0e; text-decoration:none;}
.footer p a:hover{color:#FF6600; text-decoration:none;}
.footer span{ padding:0px 5px;}
.footer h6{font:normal 11px Arial, Helvetica, sans-serif; color:#374e0e; padding:0px 0px 15px 0px; text-align:center;}
.footer h6 a{color:#374e0e; text-decoration:none;}
.footer h6 a:hover{color:#FF6600; text-decoration:none;} 

.service{width:900px; background:url(../images/service_bg.jpg) repeat-y; padding:0px 0px 20px 0px;}
.ser_lef{width:234px;}
.ser_rig{width:666px;}

.ser_rig_row{width:646px; margin:0px 0px 0px 20px;}
.ser_rig_row h4{font:bold 16px Arial, Helvetica, sans-serif; color:#057598; text-transform:uppercase; padding:30px 0px 0px 0px;}
.ser_rig_row1{width:313px; padding:20px 0px 0px 0px;}
.ser_rig_row1 h4{font:bold 14px Arial, Helvetica, sans-serif; color:#545454; padding:0px 0px 10px 0px;}
.ser_rig_row1 p{font:normal 12px Arial, Helvetica, sans-serif; color:#545454; padding:0px 10px 10px 0px;}
.ser_rig_row1 p a{color:#545454; text-decoration:none;}
.ser_rig_row1 span{font:normal 12px Arial, Helvetica, sans-serif; color:#218bc5; padding:0px 10px 0px 0px;}
.ser_rig_row2{width:333px; padding:20px 0px 20px 0px;}
.ser_rig_row2 h4{font:bold 14px Arial, Helvetica, sans-serif; color:#545454; text-transform:uppercase; padding:0px 0px 10px 0px;}
.ser_rig_row2 p{font:normal 12px Arial, Helvetica, sans-serif; color:#545454; padding:0px 10px 10px 0px;}
.ser_rig_row2 p a{color:#545454; text-decoration:none;}
.ser_rig_row2 span{font:normal 12px Arial, Helvetica, sans-serif; color:#218bc5; padding:0px 10px 0px 0px;}
hr{display:block; height:1px; border-bottom:1px solid #e4e4e4; margin:10px 40px 20px 0px;}



.ser_bot_row{width:646px; margin:0px 0px 0px 20px;}
.ser_bot_row h4{font:bold 14px Arial, Helvetica, sans-serif; color:#545454; padding:0px 0px 0px 0px;}
.ser_bot_row ul{padding:0px; margin:0px;}
.ser_bot_row li{font:normal 12px Arial, Helvetica, sans-serif; color:#545454; list-style:none; float:left; line-height:55px; padding:0px 20px 0px 0px;}
.ser_bot_row li a{color:#545454; text-decoration:none;}
.ser_bot_row li span{margin:30px 0px 0px 0px; position:relative;}
.ser_bot_row1{width:313px; padding:20px 0px 20px 0px;}
.ser_bot_row1 h4{font:bold 14px Arial, Helvetica, sans-serif; color:#545454; text-transform:uppercase; padding:0px 0px 10px 0px;}
.ser_bot_row1 ul{padding:0px; margin:0px;}
.ser_bot_row1 li{font:normal 12px Arial, Helvetica, sans-serif; color:#545454; list-style:none; float:left; line-height:55px; padding:0px 10px 0px 0px;}
.ser_bot_row1 li a{color:#545454; text-decoration:none;}
.ser_bot_row1 li span{margin:30px 20px 0px 0px; position:relative;}
.ser_bot_row2{width:333px; padding:20px 0px 20px 0px;}
.ser_bot_row2 h4{font:bold 14px Arial, Helvetica, sans-serif; color:#057598; text-transform:uppercase; padding:0px 0px 10px 0px;}
.name{font:normal 12px Arial, Helvetica, sans-serif; color:#545454; padding:10px 20px 10px 0px;}
.box{width:162px; height:17px;}

.ser_rig p{ width:617px; font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-align:justify; line-height:19px; margin:10px 0px 0px 27px;}
.ser_rig h5{font:bold 12px Arial, Helvetica, sans-serif; color:#057598; padding:27px 0px 10px 32px;}
.ser_bg{width:641px; background:url(../images/ser_bg.jpg) no-repeat; padding:25px 0px 32px 25px;}
.ser_bg1{width:641px; background:url(../images/ser_bg1.jpg) no-repeat; padding:25px 0px 32px 25px;}
.ser_bg2{width:641px; background:url(../images/ser_bg2.jpg) no-repeat; padding:25px 0px 32px 25px;}
.portfolio_bg{width:641px; background:url(../images/profolio_headbg.jpg) no-repeat; padding:25px 0px 32px 25px;}
.web{width:641px;}
.web1{width:641px; margin-top:37px; margin-left:25px;}
.web_lef{width:195px; border-right:1px solid #c6c6c6;}
.web_tex ul{margin:0px; padding:0px;}
.web_tex li{list-style:none; padding:0px 0px 3px 0px; line-height:20px; }
.web_tex1 ul{margin:0px; padding:0px;}
.web_tex1 li{list-style:none; padding:0px 0px 3px 20px; line-height:20px; }
.web_tex2 ul{margin:0px; padding:0px;}
.web_tex2 li{list-style:none; padding:0px 0px 3px 13px; line-height:20px; }
.web_mid{width:233px; border-right:1px solid #c6c6c6;}
.web_rig{width:203px;}
.serv-list{width: 647px;}
.serv-list1{width: 191px; float: left;}
.serv-list2{width: 168px; float: left;}
.serv-list3{width: 137px; float: left;}
.serv-list ul{margin: 0px 0 0 0px;}
.serv-list li{margin: 3px 0 0 0; padding: 0px 0 0 15px; background: url(../images/serv-green-arw.jpg) left center no-repeat; list-style:none; font: 12px Arial; color: #324215; line-height:18px; margin-left:32px;}
.serv-list li a{font: 12px Arial;color: #324215;}
.servn-list1 {float:left; width: 222px; height: 70px; /*  border            : 1px solid red; */ }
.static{margin:10px 0px 25px 0px;}
.servn-list1 li{font: 12px arial; color: #ec2461; margin: 3px 0 0 30px; list-style:none; line-height:18px; padding: 0px 0 0 15px; background: url(../images/serv-list-star.gif) left center no-repeat;}
.webs_design{padding:25px 0px 0px 25px;}
.top span a{font: 12px Arial;color: #666666; float:right; clear:both; text-decoration : none; background:url(../images/top.gif) right top no-repeat; padding:20px 0px 5px 0px; display:block;}
.servn-list1{float: left;width: 220px; height: 70px; /*  border: 1px solid red; */ }
.servn-list1  li{font: 12px arial; color: #ec2461; margin: 3px 0 0 30px; padding: 0px 0 0 15px; background: url(../images/serv-list-star.gif) left center no-repeat; }
.serv-text p{ font: 12px Arial; color: #666666; line-height: 17px; text-align: left;margin: 0 0 0 30px;}
.serv-list-title{height: 46px; border: 1px solid white;}
.serv-list-title h1{font: bold 12px arial; color: #057598; margin: 30px 0 0 30px;}
.serv-seo-list1{ float: left; width: 320px; height: 100px; /*  border: 1px solid red; */ }
.serv-seo-list1 li{font: 12px arial; color: #ec2461; margin: 3px 0 0 30px; padding: 0px 0 0 15px; list-style:none; background: url(../images/serv-list-star.gif) left center no-repeat;}

.testi{width:609px; margin:0px 29px 20px 28px;}
.testi-row{width:609px; margin:20px 0px 0px 0px;}
.testi-row h6{font:bold 12px Arial, Helvetica, sans-serif; color:#9d9d9d; float:right; padding:5px 70px 0px 0px;}
.testi-top{background:url(../images/testi-top.jpg) no-repeat; width:609px; height:10px;}
.testi-mid{width:607px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.testi-mid-con{width:597px; background:url(../images/testi-mid.jpg) #fff repeat-x; margin:0px 5px 0px 5px;}
.testi-mid-con b{font:normal 12px Arial, Helvetica, sans-serif; color:#7c7c7c; line-height:20px; float:left; display:block; padding:10px;}
.testi-bot{background:url(../images/testi-bottom.jpg) no-repeat; width:609px; height:28px;}








.qte-fcol1{width: 180px; float: left; margin-left:30px; margin-top:35px;
 /*  border: 1px solid red;*/}
.qte-fcol2{ width: 180px; float: left; margin-top:35px;
 /*  border: 1px solid red;  */ }
.qte-fcol3{ width: 200px; float: left;
/*  border: 1px solid red;*/}
.qte-fcol4{width: 70px; float: left;
 /* border: 1px solid red; */}
.bx{width: 200px; height: 22px; padding-top: 10px; font:normal 12px Arial, Helvetica, sans-serif; color:#585858;
/*  border: 1px solid red; */}
.bxt{ width: 178px; height: 115px; font:normal 12px Arial, Helvetica, sans-serif; color:#585858;
/*  border: 1px solid red; */}
.bxd{width:178px; height: 85px;
/*  border: 1px solid red; */}
.regbox {font-family: verdana; border:1px solid #ccc; background-color:#FFFFFF; font-size:11px; height:17px;}
.regbox:hover {font-family: verdana; background:#eaffe2; border: solid 1px #000000;}
.regbox:focus { font-family: verdana; background:#eaffe2; font-size:11px; border: solid 1px #000000;}
.regbutt { font-family: verdana; color:#000000; background: #EAE8E9; border: solid 1px #000000; font-weight:bold; font-size:11px; padding:2px; cursor: pointer;}
.regbutt:hover {font-family: verdana; border:1px solid #000000; background-color:#989898; color:#FFFFFF; cursor: pointer;}
.web_img{float:right;width:667px; margin-bottom:50px;}
.btn{font:normal 12px tahoma; color:#fff; border:1px solid #ccc; background-color:#666; height:25px; cursor:pointer;}
a:link.btn, a:visited.btn, a:active.btn{
color: #006633; /*button text color*/
cursor:pointer;}
.btn:hover{ /* Hover state CSS */
background-color:#e97114;color: #fff;cursor:pointer;} 

.body-part
{
  margin            : auto;
  float             : left;
  width             : 900px;
  background:url(../images/portfolio-bodyrept.jpg) left center repeat-y;
}
.contact-add-title
{
  font              : bold 12px arial;
  color             : #464646;
  padding           : 35px 0 0 0;
}
.contact-add p
{
  font              : 12px arial;
  color             : #464646;
  line-height       : 17px; width:300px;
}

.contact-mail
{
  height            : 150px;
  margin-top        : 50px;
}
.contact-mail-box
{
  width             : 230px;
  height            : 38px;
}
.contact-mail-pic
{
  width             : 35px;
  height            : 38px;
  float             : left;
}
.contact-mail-lnk
{
  width             : 180px;
  height            : 38px;
  float             : left; padding-top:10px;
}
.contact-mail-lnk a
{
  font              : 12px arial;
  color             : #464646;
}
.contact-frm
{
  width             : 300px;
   /*height            : 700px; */
  margin-left       : 30px;
  font              : 12px arial;
  color             : #585858;
}
.porfolio-baner-port
{
  width             : 600px;
  height            : 70px;
  margin-top        : 25px;
}
.porfolio-baner-port1
{
  width             : 600px;
  height            : 35px;
/*  border            : 1px solid red;   */
}
.porfolio-baner-port ul
{
  margin            : 25px 0 0 0; list-style:none;
}
.porfolio-baner-port1 li
{
  float             : left;
  background        : url(../images/port-gal-head1-bg.jpg) left top no-repeat;
  margin            : 0px 10px 0 0px; list-style:none;
  padding           : 0 50px 0 30px;
}
.portfolio-gal1
{
  float             : left;
  width             : 149px;
  height            : 129px;
  margin            : 10px 0 0 10px;
  border            : 1px solid #E0DED9;
  background-color  : #F9F8F7;
}
.gal2
{
  float             : left;
  width             : 149px;
  height            : 100px;
  text-align        : center;
  border-bottom     : 1px solid #E0DED9;
  background-color  : #ffffff;
}
.port-website
{
  margin            : 0 0 0 10px;
  font              : 35px "Myriad Pro";
  color             : #ff004e;
}
.foto
{
  margin-top        : 9px;
}
.gal2-txt
{
  float             : left;
  width 			:149px;
  height            : 29px;
  text-align        : center;
  font              : 12px arial;
  color             : #444444;
}
.gal2-txt p
{
  font              : 12px arial;
  color             : #444444;
  margin            : 8px 0 0 0;
}
/* for port-footer */
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 147px;
  width: 820px;
  /* Add scroll-bars */
  overflow: auto;
 /* border: 1px solid red;   */
  }
  ul.sc_menu {
    display: block;
    height: 110px;
    /* Max width here, for users without Javascript */
    width: 1500px;
    padding: 0px 0 0 15px;
    /* Remove default margin */
    margin: 0;
    background: url('navigation.png');
    list-style: none;
  }
  .sc_menu li {
    display: block;
    float: left;
    padding: 0 0px;
  }
  .sc_menu a {
    display: block;
    text-decoration: none;
  }
  .sc_menu span{
    /* We want a caption to display on the next line */
    display:block;
   /* margin-top: 3px;      */
    text-align:center;
    font-size:12px;
    color:#fff;}

 .sc_menu span{display:none;/*margin-top: 3px;   */ text-align:center; font-size:12px; color:#fff;}
.sc_menu a:hover span {display: block;}
.sc_menu img{ /* border: 3px #fff solid; */-webkit-border-radius:3px; -moz-border-radius:3px;}
.sc_menu a:hover img {filter:alpha(opacity=50); opacity: 0.3;}
.galery-bg{width:900px; height:150px; background:url(../images/blue-bg.jpg) left top no-repeat; margin:0px 0px 20px 0px;/*border: 1px #CC0000 solid;*/}