/* --------- section1:begin general HTML tags ------------  */
    /* ------subsection1:CSS reset----  */
    html *{
      outline: none;
    }


    body
       {
        outline:none;
        margin:0px;
        padding:0px;
       }
    /* ------ end of subsection1----  */

    /* ------subsection2:Standard HTML tags defination----  */
       body,h1,h2,h3,p,ul,li,form,table,tr,td
       {
         font-family: Calibri;
       }
       body
       {


       }


    /* ------ end of subsection2----  */

/* --------- end section1:general HTML tags ------------  */


/*  begin section2:Structural tags */

#wrapper
{
    margin:0px;
    padding:0px;
    width: 100%;

  /*  background: #fff url(../images/index_header.gif)left top repeat-x;  */
    background:#fff url(../images/main.gif) left top repeat-x;


}
.main
{
   margin:0 auto;
   padding:0px;
   width:1003px;
}
.header
{
/*  background: url(../images/header_bg.jpg) top left repeat;    */
  width: 1003px;
  min-height:79px;

}
 .nav
{
/* background: url(../images/nav_bg.jpg) top left repeat;    */
   width:1003px;
   height:32px;
   float:left;
   margin:0px;
   padding:0px;
}
/*  end of section2:general HTML tags */

/* ------------- Section3:begin custom classes ----------- */

/* -------------begin custom classes for index.php-------------- */
/* ------------container begins------------------ */
.container
{
  width: 1003px;
  margin:0px;
  padding:0px;
  background: url(../images/bg_body.jpg) top left repeat;
}

.index_sub_container
{
/* width: 771px;  */
  width:962px;
 padding:0px 0px 0px 24px;

}
.index_sub_sub_container
{
 /* width:771px;   */
 width:952px;
  margin:0px;
  padding:0px;
  float:left;
  border-left: 4px solid white;
  border-right: 4px solid white;


}
/* -------------end of container----------- */
/* -------------header start--------------- */
.logo
{
  width:168px;
  height:77px;
  float:left;
  margin:0px;
  padding:0px;
  margin-left:30px;
/*  margin: 20px 0px 0px 30px;    */
}
.logo a img
{
  border:none;
}
.logo img
{
  border:none;
}


 /*----- CSS for dropdown menu at top right section  begins -----*/
              .ajax
              {
                 float:right;
                 width: 280px;
                 margin: 20px 5px 0px 0px;
              }

              #header-container #right-content {
              float:right;
              margin-top:8px;
              width:auto;
              }
              #right-content .drop-tab {
                 float:left;
                position:relative;
                width:254px;

              z-index:9;
              font-size: 11px;
              }

              .drop-tab a.droptab { background:transparent url(../images/drop-tab.gif) 0 0 no-repeat; width:254px; height:25px; float:left; font-weight:bold; padding:6px 0px 0px 0px; color:#8A8D98; }
              .drop-tab a.droptab:hover { background:transparent url(../images/drop-tab.gif) 0 bottom no-repeat; }

              .drop-tab:hover a.droptab { background:transparent url(../images/drop-tab.gif) 0 bottom no-repeat; }


              .drop-tab #Layer1 {
              	z-index:2000;
              	float:left;
              	position:absolute;
              	right:0px;
              	top:24px;
              	display:none;
              }
              .drop-tab:hover #Layer1 {
              	display:block;
              }
              .layer-inner
              {
                   width: 530px;
              }
              .layer-inner .box-container1
              {
                 float:left;
                  position:relative;
                  background-color:#222222;
                  padding:0px 0px 0 16px;
                  margin:10px 0px 0px 36px;
              }


              ul.quick-container { margin:0px; list-style:none; padding:12px 5px 12px 0px; width:120px; float:left;  }
              ul.quick-container li { margin:0px; width:120px; vertical-align:middle; list-style:none; float:left;   }
              ul.quick-container li a{
                color: #F4F4F4;
                text-decoration:none;

                font-size:12px;
              }


              ul.quick-container li a:link, ul.quick-container li a:visited { color:#9799A2; padding:0px 4px; line-height:14px;  vertical-align:middle; width:130px; display:block; padding-bottom:1px;  }
              ul.quick-container li a strong {text-decoration: none;

                font-size:12px;
                color: #F4F4F4;  }
              ul.quick-container li a:hover strong { color:#BCDD72;  }
              ul.quick-container li a:hover { color:#BCDD72; background-color:none; text-decoration:none; padding:0px 4px; padding-bottom:1px;  }


              ul.quick-container1 { margin:0px; list-style:none; padding:12px 0px 12px 8px;  width:180px; float:left; }
              ul.quick-container1 li { width:180px; float:left;  vertical-align:middle; }
              ul.quick-container1 li a{
                color: #F4F4F4;
                text-decoration:none;
                font-size:12px;
              }


              ul.quick-container1 li a:link, ul.quick-container1 li a:visited { color:#9799A2; float:left; line-height:14px; padding:0px 4px;  vertical-align:middle; width:180px; padding-bottom:1px; }
              ul.quick-container1 li a strong {
                font-size:12px;
                color: #F4F4F4; }
              ul.quick-container1 li a:hover strong { color:#BCDD72; }
              ul.quick-container1 li a:hover { color:#BCDD72; background-color:none; text-decoration:none; float:left; padding:0px 4px; width:180px; padding-bottom:1px; }


              ul.quick-container2 { margin:0px; list-style:none; padding:12px 0px 12px 0px; margin-right:15px;  width:140px; float:left; }
              ul.quick-container2 li { width:140px; float:left;  vertical-align:middle; }
              ul.quick-container2 li a
              {   color: #F4F4F4;
              text-decoration:none;
                font-size:12px;
              }


              ul.quick-container2 li a:link, ul.quick-container2 li a:visited { color:#9799A2; float:left; line-height:14px; vertical-align:middle; padding:0px 4px; width:150px; padding-bottom:1px; }
              ul.quick-container2 li a strong { text-decoration:none;
                font-size:12px;
                 color: #F4F4F4;
                 }
              ul.quick-container2 li a:hover strong { color:#BCDD72; text-decoration: none;   }
              ul.quick-container2 li a:hover { color:#BCDD72; background-color:none; text-decoration:none; float:left; padding:0px 4px; width:150px; padding-bottom:1px; }

/*----- CSS for dropdown menu at top right section end -----*/
/* -----  css for the navigation at header */

.nav_left
{
  float:left;
   margin:0px 0px 0px 25px;
  padding:0px;
}
.nav_left ul
{
  margin:0px;
  padding-left:0px;
}
.nav_left ul li
{
  list-style-type: none;
  display: inline;
  margin:0px;
  background-position: right center;
  background-image:  url(../images/nav_separation1.jpg);
  background-repeat:no-repeat;
  padding:0px 22px 5px 22px;
  float: left;
  line-height:29px;
}
.nav_left ul li:hover
{
  background-color: #000000;
   height: 26px;
}
.nav_left ul .active
{
  background-color: #000000;
   height: 26px;
  margin:0px;
}
.nav_left ul li a
{
  text-decoration: none;
  font-family: Calibri;
  font-size:12px;
  color: #F4F4F4;
  line-height:28px;
   float: left;

}
/*  start of css for the last tab */
.nav_left1
{
  float:left;
  padding:0px;
}
.nav_left1 ul
{
  margin:0px;
  padding-left:0px;
}
.nav_left1 ul li
{
  list-style-type: none;
  display: inline;
  margin:0px;

padding:0px 13px 5px 13px;
  float: left;
  line-height:29px;
}
.nav_left1 ul li:hover
{
  background-color: #000000;
   height: 26px;
}
.nav_left1 ul .active
{
  background-color: #000000;
   height: 26px;
  margin:0px;
}
.nav_left1 ul li a
{
  text-decoration: none;
  font-family: Calibri;
  font-size:12px;
  color: #F4F4F4;
  line-height:28px;
  float: left;

}
/* end of class for the last tab */
/* -----  end of css for the navigation at header */
/* --------header ends -------------------*/


/* ------------start of css for flash-------------- */
#subheader-container { width:771px; position:relative; clear:both; padding-top:0px; padding-bottom:8px; z-index:1;  }
.slider-container { width:769px; float:left; background: url(images/flash_images/bg_slide.jpg) top left repeat-x; position:relative; z-index:9; border:solid 1px #D3D8DD; }

div.yoo-carousel {
 overflow: hidden;
}

div.yoo-carousel div.frame {
position: relative;
 overflow: hidden;
}

div.yoo-carousel div.panel {
 overflow: hidden;
}

div.yoo-carousel div.panel div.slide {
 float: left;
 overflow: hidden;
}

div.yoo-carousel ul.tabs {
padding: 0px;
 margin: auto;
 list-style: none;
 position:relative;
 float:right;
right:15px;
 bottom:-35px;
  top:-45px;

  border:1px solid #555555;
  padding:1px 1px 1px 1px;
}

div.yoo-carousel ul.tabs li { margin:0px 0px 0px 1px; padding:0px; list-style:none; float:left; overflow: hidden; }

div.default div.yoo-carousel { }

div.default div.yoo-carousel div.top ul.tabs {
 margin: 0px;
padding:0px;

}

div.default div.yoo-carousel div.top ul.tabs li {
 margin: 0px;
 padding:0px;
}

div.default div.yoo-carousel div.top ul.tabs li a { float:left; padding:0px 3px;background:#545557; font-weight:bold; }

div.default div.yoo-carousel div.top ul.tabs li.selected a {
 cursor: pointer;
 background-color:#CFFF15;
}

div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited {
 float:left; padding:0px 4px; color:#FFFFFF; background:#9195A6; font-weight:bold;
 border: 2px solid #646464;
}

div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited {
 color: #FFFFFF;
 text-decoration: none;
background-color:#CFFF15;
}
/* article */
div.default div.yoo-carousel .article {
font-size: 12px;
 color:#FFFFFF
}

.article .slider-img0 {width:769px; float:left; height:215px; }
.slider-img0 .txt-cont {width:auto; margin-top:47px; padding-left:22px; width:958px; color:#FFFFFF }
.txt-cont h2 { font-size:20px; color:#CEFE12; font-weight:bold; font-family: Calibri ; margin-top:15px!important; }

.article .slider-img1 {width:769px; float:left; height:283px; background: url(images/flash_images/bg_slide.jpg) top left repeat; }
.slider-img1 .txt-cont {width:auto;  width:760px; color:#FFFFFF; font-family: Calibri;}

.article .slider-img2 {width:769px; float:left;height:283px; background: url(images/flash_images/bg_slide.jpg) top left repeat; }
.slider-img2 .txt-cont {width:auto; width:760px; color:#FFFFFF;font-family: Calibri; }

.article .slider-img3 {width:769px; float:left;  height:283px; background: url(images/flash_images/bg_slide.jpg) top left repeat; }
.slider-img3 .txt-cont {width:auto; width:760px; color:#FFFFFF;font-family: Calibri; }

.article .slider-img4 {width:769px; float:left;  height:283px; background: url(images/flash_images/bg_slide.jpg) top left repeat; }
.slider-img4 .txt-cont {width:auto; width:760px; color:#FFFFFF; font-family: Calibri; }

.button-container { float:left; display:block; margin-top:23px; background: url(images/flash_images/button5.gif) ; background-repeat: no-repeat; font-family: Calibri; width: 210px; height: 26px }
.button-container .button-left { background:transparent url(../images/button-link-left.gif) 0 bottom no-repeat; float:left; height:28px; padding-left:14px; clear:both; }
.button-container .button-right {float:left; height:22px; padding:6px 14px 0px 0px; color:#DADADD; font-size:12px;text-decoration:none }

.button-container:hover .button-left { text-decoration:none  }
.button-container:hover .button-right {  }

.button-container .button-right a:link, .button-container .button-right a:visited { color:#FFFFFF; font-size:12px; font-weight:bold;text-decoration:none }
.button-container .button-right a:hover { text-decoration:none; color:#FFD46E; }

.wht-txt strong
{
  color: black;
}
.wht-txt strong
{
  text-decoration:none;
}
.slider_left
{
  width:350px;
  float:left;
}
.slider_right
{
  width:400px;
  float:left;
  margin-top:60px;
}
/* ---------------------end of css for flash--------------------- */
/*  begin of you-may-want-to-know container */
.sub_sub_cont12
{
 /* width:771px;  */
 width:952px;
  min-height:71px;
  background: url(../images/sub_container22.jpg) top left no-repeat;
  margin:2px 0px 2px 0px;
  float:left;
}
.know_font
{
  font-size:18px;
  color: #598FBF;
  font-weight: bold;
  padding-left:10px;
  margin-top:24px;
  width:230px;
  float: left;
}
.know_txt
{
  font-size:15px;
  float:left;
  width:540px;
  color:#5f6b77;
  margin-top:15px;
  text-align: center;
}
.know_read
{
   margin-top:18px;

}
.readmorebutton
{
  margin:0px 0px 0px 30px;
}


/*  end of you-may-want-to-know container */
.sub_sub_cont2
{
/*  width:771px;  */
width:952px;
 min-height:0px;
}
.sub_sub_cont21
{
  /* width:771px;    */
   width:952px;
}
.sub_sub_cont21_down
{
  /* width:771px;      */
     width:952px;
   float:left;
}
/* ----begin of offering section-------- */
.section{
/*  width:771px; */
        width:952px;
  float:left;border-bottom:4px solid #d4e796;  color:#606948;
        font-weight:bold;
      font-size:16px;
}
.section1
{
  background-image: url(../images/bottom11.gif);
      height:36px;
     width:315px;
      float:left;
      border-right:3px solid white;
}
.section2
{
  background-image: url(../images/bottom12.gif);
      height:36px;
     width:315px;
      float:left;
}
.sec_txt
{
 padding:0px 0px 0px 20px;
line-height:36px;
}
.greay1new
{
/*width:257px;  */
width:317px;
background-color: #F4F4F4;
background-image:url(../images/separator_gray.jpg);
background-repeat:repeat-y;
background-position:right;
float:left;
}
.greytext
{
font-size:13px;
line-height:18px;
color: #696969;
margin: 12px 15px 0px 22px;
}
.greytext_span
{
  float:right;
  padding:0px 10px 10px 0px;
}
.greytext_span a
{
  font-family:Calibri, Helvetica, sans-serif;
  text-decoration:none;
  font-size:16px;
  color: #448AED;
}
/* ----end of offering section------- */
/* --------begin of sub middle container----- */

.index_user_main
{
/*  width:771px;  */
  width:952px;
  float:left;
  margin-top:3px;
}

/* ---------begin of knowledge center container----- */
.index_left
{
  float:left;
  width:313px;
}
.index_know
{
  border:1px solid #c8d2da;
  height:98px;
  width:311px;
}
.index_know1
{
  margin:3px;
}
/* ---------end of knowledge center container----- */
.index_user
{
/*  width:310px;*/

  min-height:100px;

  float:left;
  font-family: Calibri;
  font-size:15px;
  color:#696969;
  position:relative;
  margin-top:5px;
}
.index_user_txt
{
    padding: 0px 8px 5px 10px;
    font-size:11px;
    font-family:calibri;
    text-align:justify;
    border:1px solid #c8d2da;

}
.read_index
{
   margin-top:-15px;
  float:right;
  padding-right:10px;
}


.index_user_read
{


  float:left;



}


.index_user_style{
color:#517FC0;
font-size:15px;
  font-weight: bold;
  margin: 6px 0px 0px 0px;
 /* border:1px solid red;  */
}

.index_user_read
{
  position:absolute;
  left:215px;
   top:160px;
}
/* ---------begin of user-friendliness container---  */

/* ---------begin of expert-ugites section---------- */
.sub_sub_cont3_in2
{
/*  width:512px;  */
  width:632px;
  float:right;
  min-height: 279px;
  border:1px solid #CCCCCC;
  background: #FFFFFF;
  margin:0px;
  padding:0px;
 }
 .sub_sub_cont3_in2_top
{
 /* width: 515px;   */
 width:600px;
  height: 40px;
  float:left;
  font-size: 30px;
  color:#517FC0;
  font-weight: bold;
  padding:15px 0px 0px 25px;
}
.sub_sub_cont3_in2_expertize_1
{
  /* width:230px; */
  width:300px;
   float:left;
   font-family: Calibri;
   font-size: 12px;
   color:#696969;
   padding:0px 0px 0px 15px;
}
.index_user_style1
{
  font-size:12px;
  padding:5px 0px 0px 0px;
}
.index_bullet
{
  padding:0px 0px 0px 3px;
}

/* ---------end of expert-ugites section---------- */

/* ---------begin of technology section----------- */
.techno_main
{
   width:952px;
   padding:0px 0px 0px 0px;
   float:left;
   min-height:130px;
 /* width:770px;   */
}
.new_techno
{
  border:1px solid #CDD6DD;
  float:left;
 /* width:189px;    */
 width:220px;
 /* height: 180px;    */
 height: 110px;
  margin-top:8px;
  position:relative;
}
.new_techno1
{
  border:1px solid #CDD6DD;
  float:left;
  width:231px;
/*  height: 180px;  */
 height: 110px;
  margin-top:8px;
  margin-left:10px;
  position:relative;
}
.new_techno_txt
{
  margin-top:0px;
}
.new_techno_txt a
{
  text-decoration:none;
  color:#919191;
  font-size:14px;
}
.new_techno_txt_top
{
  color:#517FC0;
  font-size:20px;
  width:210px;
  float:left;
  padding:8px 0px 0px 8px;
}
.techno_style
{
  color:#919191;
  padding:0px;
 padding:5px 8px 0px 8px;
  float:left;
  font-size:12px;
}
.techno_style ul
{
  padding:0px 0px 0px 5px;
  margin:0px
}
.techno_style ul li
{
  list-style-type:none;
  padding:0px;
}
.techno_style ul li a
{
  font-size: 12px;
}


.techno_style ul li a:hover
{
  color: #0485DB;
}


.techno_read
{
  position: absolute;
  top:96px;
  left:130px;
}
.logopie_color
{
font-size:15px;
font-weight: bold;
color: #78ab13
}
/* -------end of technology section------- */
/* -------footer start-------------------- */
.footer1
{



  float:left;
  font-size: 12px;
  background:url(../images/footer_bg.jpg) 0 0 repeat-x;
  height:277px;
  border:1px solid green;

}
.footer_area {
  background: url(../images/footer_bg.gif) left top repeat-x;
  margin-top:20px;


}

.footer1_in
{
  margin:0 auto;
  width:990px;
   font-family: Calibri;
   font-size: 12px;
    min-height: 250px;

}
.footer1_in ul
{
  list-style-type: none;
  display:inline;
  float:left;
  margin:0px;
  padding:0px;
}
.footer1_in ul li
{
  display:inline;
  color:white;
}
.inner_company
{
 display: block;
 margin-top:15px;
 float:left;


 }
.inner_company ul
{
  list-style-type: none;
  display: block;
}
.inner_company ul li
{
 display: block;
  color:white;
  padding:4px 0px 0px 0px;
  margin-left: 20px;

}
.inner_company ul li a
{
  color:white;
  text-decoration:none;
   font-family: Calibri;
}
.inner_company ul li a:hover
{
 color:#515151;
}
.center-in
{
 font-size:12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
}
.sub_links
{
   	font: normal 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:16px;
	text-transform:capitalize;
	background-image: url(../images/dott_border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:2px;
}
.sub_links a
{
  font: normal 12px; color: #FFFFFF; text-decoration: none; line-height:16px;
}

.sub_links a:hover
{color: #264D83; text-decoration: none;}

.footer_style
{

  padding:10px 30px 0px 0px;
  color:white;font-size:13px;font-family:calibri;

}
.footer_style a
{
   text-decoration:none;
  color:white;font-size:13px;font-family:calibri;

}

/* ----------footer ends---------------------------------------------- */
/* ------end of css for index.php--------- */