/* This one will target Internet Explorer 9 and Internet Explorer 10 */
@media screen and (min-width:0\0) {   

/* ------------------------------------------------------- Generic Font Styles */
a {
  color : #8bb8ea;
}


/* ------------------------------------------------------- Generic Top Level Styles */
.container-fluid{
  max-width : 910px;
  margin    : 0 auto;
}

/* ------------------------------------------------------- Layout Styles */
#Header {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow : 0 2px 5px rgba(0,0,0,0.5);
  -moz-box-shadow    : 0 2px 5px rgba(0,0,0,0.5);
  box-shadow         : 0 2px 5px rgba(0,0,0,0.5);
  padding-top        : 22px;
  border-bottom      : 4px solid #8bb8ea;
  position           : fixed;
  width              : 100%;
  z-index            : 10000;
  background         : #FFF;
  height             : 90px;
  overflow           : hidden;
  }
 
  #Header .container-fluid {
    padding   : 0;
    max-width : 950px;
  }

  #SearchBar {
    -webkit-transition: margin-top 0.35s ease;
    -moz-transition: margin-top 0.35s ease;
    -ms-transition: margin-top 0.35s ease;
    -o-transition: margin-top 0.35s ease;
    transition: margin-top 0.35s ease;
    margin-bottom : 0;
  }

  #SearchBarInput {
    -webkit-border-radius : 3px 0 0 3px;
    -moz-border-radius    : 3px 0 0 3px;
    border-radius         : 3px 0 0 3px;
    height                : 26px;
    line-height           : 26px;
    padding               : 0 10px;
    border                : 1px solid #CECECE; 
    vertical-align        : top;
    float                 : left;
  }

  #SearchBarSubmit {
    -webkit-border-radius : 0 3px 3px 0;
    -moz-border-radius    : 0 3px 3px 0;
    border-radius         : 0 3px 3px 0;
    background            : url('/img/app/icons/search-submit-magnify-glass.png') no-repeat center #E9E9E9;
    height                : 28px;
    line-height           : 28px;
    border                : 1px solid #CECECE;
    border-left           : 0;
    vertical-align        : top;
    float                 : left;
    width                 : 36px;
    padding               : 0;
  }

  #Header .nav,
  #Footer .nav {
    font-family    : 'universLTStd_cn';
    font-size      : 14px;
    text-transform : uppercase;
    margin         : 13px 0 0;
    }
    
    #Header .nav li,
    #Footer .nav li {
      margin-left : 26px;
    }

    #Header .nav a,
    #Footer .nav a{
      -webkit-transition  : background-position 0.1s linear;
      -moz-transition     : background-position 0.1s linear;
      -ms-transition      : background-position 0.1s linear;
      -o-transition       : background-position 0.1s linear;
      transition          : background-position 0.1s linear;
      color               : #808a90;
      padding             : 0 0 25px;
      margin              : 0;
      background          : url('/img/app/bgs/menu-item-arrow.png') no-repeat;
      background-position : center 40px;
      }

      #Header .nav a:hover,
      #Header .nav a:focus,
      #Footer .nav a:hover,
      #Footer .nav a:focus {
        text-decoration : underline;
      }
  
      #Header .nav a:hover,
      #Header .nav a:focus,
      #Header .nav a.active {
        background-position : center bottom;
        outline             : none;
      }

#Header.compressed {
  overflow    : hidden;
  height      : 50px;
  padding-top : 5px;
  }

  #Header.compressed #SearchBar {
    margin-top : -50px;
  }

  #Header.compressed .nav {
    margin-top : 15px;
  }

#HeroBar {
  -webkit-transition : height 0.5s ease;
  -moz-transition    : height 0.5s ease;
  -ms-transition     : height 0.5s ease;
  -o-transition      : height 0.5s ease;
  transition         : height 0.5s ease;
  height             : 170px;
  background         : #8BB8EA;
  padding-top        : 116px;
  position           : relative;
  z-index            : 7000;
  width				 : 100%;			
  }
  
.hero-nav{
	 z-index            : 7000;
}

 #HeaderLogo {
	padding-left:70px;
 } 

#BodyContent {
  position      : relative;
  z-index       : 8000;
  margin-top    : -60px;
  background    : #FFF;
  min-height    : 350px;
  margin-bottom : 80px;
  }
  
  .homepage {
    display: block;
    float: left;
    padding: 0 11px 0 10px;
    width: 930px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
body {
    background: url("../../images/bdy_bg.png") repeat scroll 0 0 #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
ul {
    list-style: none outside none;
}
img, fieldset {
    border: medium none;
}
a {
    text-decoration: none;
}
.hidden {
    left: -9999px;
    position: absolute;
}
.clear {
    clear: both;
}
#mainContent.IE {
    margin: 0 auto;
    width: 960px;
}
.homepage {
    padding: 0 11px 0 10px;
    width: 930px;
}
.slideshow {
    background: url("/images/slideshow.png") repeat-x scroll center bottom transparent;
    padding: 0 0 2px;
    width: 100%;
}
.slidecon {
    height: 266px;
    width: 100%;
}
.slidecon_r {
    float: right;
    width: 554px;
}
.slidecon_l {
    color: #000000;
    float: left;
    font-size: 42px;
    font-weight: bold;
    padding: 30px 0 0 10px;
    width: 330px;
}
.slidecon_l span {
    color: #D52E31;
}
.slidecon_l h2 {
    font-size: 58px;
}
.heading-two-wrapper {
    font-size: 23px;
    font-weight: normal;
    line-height: 26px;
}
.iconDiv ul {
    overflow: hidden;
}
.icon {
    float: left;
    width: 86px;
}
.iconText {
    color: #1B1B1B;
    float: right;
    font-size: 23px;
    line-height: 25px;
    padding: 3px 0 0;
    width: 145px;
}
/*.btnDiv {
    overflow: hidden;
    padding: 8px 0;
    width: 100%;
}
.btnDiv .btnDiv_lft {
	 background: url("/images/btnDiv_lft.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 64px;
    padding: 18px 76px 16px 4px;
    width: 400px;
}
.btnDiv .btnDiv_lft .div260 {
    color: #FFFFFF;
    float: left;
    font-size: 53px;
    font-weight: bold;
    height: 64px;
    line-height: 64px;
    padding-left: 40px;
    text-align: center;
    width: 111px;
}*/

.homepage .iconDivn .iconText {
    color: #1B1B1B;
    float: right;
    font-size: 23px;
    line-height: 25px;
    padding: 3px 0 0;
}

.homepage .iehr {
	background: url("/images/slideshow.png") repeat-x scroll 0 0 transparent;
	width: 100%;	
    display: block;
    float: left;
	height: 5px; 
}
.homepage .iconDiv  {
   
	width: 100%;	
    display: block;
    float: left;
	height: 215px; 
	overflow:hidden;
}
#PageContent {
	width: 100%;
}

#PageContent.home, #PageContent.about_us, #PageContent.faq, #PageContent.contact_us  {
	width: 100%;
}


.homepage .iconDiv ul {
    width: 100%;	
    display: block;
    float: left;
	height: 215px; 
}

.home {
    color: #413E3E;
    line-height: 16px;
    padding: 30px 0 0;
    width: 100%;
}


  #BodyContent.loading {
    background : url('/img/app/anims/loading.gif') no-repeat center #FFF;
  }

  #BodyContent .content-frame-shadow-left,
  #BodyContent .content-frame-shadow-right {
    background : url('/img/app/bgs/content-frame-shadow-sprite.png') no-repeat top left;
    min-height : 350px;
    width      : 14px;
    position   : absolute;
    top        : 0;
    left       : -14px;
  }

  #BodyContent .content-frame-shadow-right {
    background-position : top right;
    left : 100%;
  }
  
.container-fluid:before, .container-fluid:after {
    display: table;
    line-height: 0;
}

#Footer {
  position    : relative;
  z-index     : 9000;
  padding-top : 40px;
  }
  
  #Footer .shadowed-border {
    -webkit-box-shadow : 0 1px 4px rgba(0,0,0,0.5);
    -moz-box-shadow    : 0 1px 4px rgba(0,0,0,0.5);
    box-shadow         : 0 1px 4px rgba(0,0,0,0.5);
  	
  	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    background         : #FFF;
    height             : 4px;
    position           : absolute;
    top                : 0;
    left               : 0;
    width              : 100%;
  }

  #FooterLogo {
    position : absolute;
    left     : 50%;
    margin   : -35px 0 0 -35px;
    top      : 0;
  }

  #Footer .copyright {
    text-align : center;
    font-size  : 11px;
    color      : #A5A8AD;
  }

/* ------------------------------------------------------- Hero Icons */

  .hero-icon {
	  -webkit-transition : all 0.2s ease;
	  -moz-transition    : all 0.2s ease;
	  -ms-transition     : all 0.2s ease;
	  -o-transition      : all 0.2s ease;
	  transition         : all 0.2s ease;
	  -webkit-transform  : translate3d(0, 0, 0);
	  -moz-transform     : translate3d(0, 0, 0);
	  -ms-transform      : translate3d(0, 0, 0);
	  -o-transform       : translate3d(0, 0, 0);
	  transform          : translate3d(0, 0, 0);
	  float              : left;
	  margin             : 15px 30px;
    cursor             : pointer;
  }

  .hero-icon.fadeOut {
    -webkit-transform : translate3d(0, 60px, 0);
    -moz-transform    : translate3d(0, 60px, 0);
    -ms-transform     : translate3d(0, 60px, 0);
    -o-transform      : translate3d(0, 60px, 0);
    transform         : translate3d(0, 60px, 0);
  }

  .hero-icon.slideOut {
    -webkit-transform : translate3d(0, -100px, 0);
    -moz-transform    : translate3d(0, -100px, 0);
    -ms-transform     : translate3d(0, -100px, 0);
    -o-transform      : translate3d(0, -100px, 0);
    transform         : translate3d(0, -100px, 0);
    -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter            : alpha(opacity=0);
  }

  .hero-icon .icon {
    float      : left;
    width      : 60px;
    height     : 60px;
    background : url('/img/app/icons/hero-icons-sprite.png') no-repeat left top;
    margin     : 0 auto;
  }
  
  .hero-icon .hero-label {
    float          : left;
    clear          : left;
    font-family    : 'universLTStd_lightcn';
    font-size      : 14px;
    line-height    : 20px;
    text-transform : uppercase;
    color          : #FFF;
    font-weight    : normal;
  }
  
  .hero-icon:hover {
    text-decoration : none;
  }  

  .hero-icon:hover .hero-label, .hero-icon.active .hero-label{
    color           : #29506F;
  }
  
  .hero-icon .icon.overview {
    background-position : 0 0;
  }

  .hero-icon:hover .icon.overview, .hero-icon.active .icon.overview {
    background-position : 0 -60px;
  }

.hero-icon .icon.team {
    background-position : -60px 0;
  }

  .hero-icon:hover .icon.team, .hero-icon.active .icon.team  {
    background-position : -60px -60px;
  }

  .hero-icon .icon.quick-search {
    background-position : -120px 0;
  }

  .hero-icon:hover .icon.quick-search, .hero-icon.active .icon.quick-search {
    background-position : -120px -60px;
  }

  .hero-icon .icon.vision {
    background-position : -180px 0;
  }

  .hero-icon:hover .icon.vision, .hero-icon.active .icon.vision {
    background-position : -180px -60px;
  }

  .hero-icon .icon.mission {
    background-position : -240px 0;
  }

  .hero-icon:hover .icon.mission, .hero-icon.active .icon.mission {
    background-position : -240px -60px;
  }

  .hero-icon .icon.star {
    background-position : -300px 0;
  }

  .hero-icon:hover .icon.star, .hero-icon.active .icon.star {
    background-position : -300px -60px;
  }

  .hero-icon .icon.strategic {
    background-position : -360px 0;
  }

  .hero-icon:hover .icon.strategic, .hero-icon.active .icon.strategic {
    background-position : -360px -60px;
  }

  .hero-icon .icon.gallery {
    background-position : -420px 0;
  }

  .hero-icon:hover .icon.gallery, .hero-icon.active .icon.gallery {
    background-position : -420px -60px;
  }

  .hero-icon .icon.investment {
    background-position : -480px 0;
  }

  .hero-icon:hover .icon.investment, .hero-icon.active .icon.investment {
    background-position : -480px -60px;
  }

  .hero-icon .icon.microphone {
    background-position : -540px 0;
  }

  .hero-icon:hover .icon.microphone, .hero-icon.active .icon.microphone {
    background-position : -540px -60px;
  }

  .hero-icon .icon.documentation {
    background-position : -600px 0;
  }

  .hero-icon:hover .icon.documentation, .hero-icon.active .icon.documentation {
    background-position : -600px -60px;
  } 

/* ------------------------------------------------------- Generic Helper Classes */

	.page-sub-nav {
	  font-family : 'universLTStd_lightcn';
	  margin      : 10px;
	  overflow    : hidden;
	}

  .page-sub-nav a {
    -webkit-transition  : background-position 0.1s linear;
    -moz-transition     : background-position 0.1s linear;
    -ms-transition      : background-position 0.1s linear;
    -o-transition       : background-position 0.1s linear;
    transition          : background-position 0.1s linear;
    background          : url('/img/app/bgs/page-sub-nav-arrow.png') no-repeat;
    background-position :  -10px center;
    padding             : 10px 20px;
    float               : left;
    font-size           : 16px;
    cursor              : pointer;  	
  }

  .page-sub-nav a:hover,
  .page-sub-nav a.active {
    background-position : left center 
  }
/* ------------------------------------------------------- Generic Helper Classes */

.clear-right {
  clear : right;
}

.inline-block {
  display  : inline-block;
  *display : inline;
  *zoom    : 1;
}

.hide {
  display : none;
}

.fadeOut {
  opacity : 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

hr {
  border-color : #99b8cf;
  border-width : 1px 0 0;
}

.hr-dashed 
{
  border-color : #99b8cf;
  border-width : 1px 0 0;
  border-style: dashed;;
}
.frame-vid767, .frame-vid480, .frame-vid577{
	float:left;
}
.frame-vid577 {
    background-image: url("../../imgs/frame-vid525.png");
    background-repeat: no-repeat;
    display: block;
    min-height: 300px;
    padding-left: 17px;
    padding-right: 20px;
    padding-top: 19px;
}
.frame-vid480 {
    background-image: url("../../imgs/frame-vid425.png");
    background-repeat: no-repeat;
    display: block;
    min-height: 268px;
    padding-left: 14px;
    padding-right: 20px;
    padding-top: 14px;
}



}