/********* banner ***********/

#main_banner.careers #banners_slider img.banner_1{
	background: url("../imgs/careers/Careers-1.jpg") no-repeat;
}
#main_banner.careers #banners_slider img.banner_2{
	background: url("../imgs/careers/Careers-2.jpg") no-repeat;
}
#main_banner.careers #banners_slider img.banner_3{
	background: url("../imgs/careers/Careers-3.jpg") no-repeat;
}
#main_banner.careers #banners_slider img.banner_4{
	background: url("../imgs/careers/Careers-4.jpg") no-repeat;
}
#main_banner.careers #banners_slider img.banner_5{
	background: url("../imgs/careers/Careers-5.jpg") no-repeat;
}
#main_banner.careers #banners_slider img.banner_6{
	background: url("../imgs/careers/Careers-6.jpg") no-repeat;
}
#main_banner.careers #banners_slider img.banner_7{
	background: url("../imgs/careers/Careers-7.jpg") no-repeat;
}
#main_banner.careers #banners_slider img.banner_8{
	background: url("../imgs/careers/Careers-8.jpg") no-repeat;
	Xbackground-size: auto 300px;
	width:237px !important;
}


#main_banner{
  position:relative;
  padding:0px;
  margin:0px;
  Xwidth:978px;
  width:100%;
  height:300px;
  overflow:hidden;
  text-align: center;
  box-shadow: 0 3px 5px #666;
background-color: #214081;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#214081), to(#050B1A));
background: -webkit-linear-gradient(top, #214081, #050B1A);
background: -moz-linear-gradient(top, #214081, #050B1A);
background: -ms-linear-gradient(top, #214081, #050B1A);
background: -o-linear-gradient(top, #214081, #050B1A);
}

#banners_slider_control{
	position: relative;
Xmargin-top: 380px;
z-index: 2;
top: -35px;
margin: 0 auto;
width: 900px;
}
#banners_slider_control a{
  font-size:14px;
  line-height:30px;
  padding:10px;
  color:black;
  text-shadow: 2px 2px 5px white;
}
#banners_slider_control a.current{
  color:red !important;
}

#main_banner #banners_slider{
  position:relative;
  z-index:1;
  margin: 0 auto;
  Xmargin-left:0px;
	width: 970px;
	height: inherit;
	overflow: hidden;
  Xcursor:pointer;
}            
#main_banner #banners_slider .banners_container{
	width:5000px;
	text-align: left;
  position: relative;
  height: inherit;
}
#main_banner #banners_slider img{
	Xdisplay:block;
  Xposition:relative;
  Xz-index:1;
  Xopacity:1;
  Xtext-align: center;
  Xleft:0px;
  Xtop:0px;
  width:485px;
  height: inherit;
  background-size:100% auto !important;
  vertical-align: top;
}
#main_banner #banners_slider img.current{
  z-index:1;
  opacity:1;
  transition: opacity 2s;
}
#main_banner #banners_slider img.fadeout{
  z-index:1;
  opacity:0;
  transition: opacity 2s;
}


