@charset "utf-8";
/* CSS Document */

body{padding:0px;margin:0px; font:13px 'Roboto', sans-serif; background:url(images/pattern.jpg) repeat; color:#444; letter-spacing:0.14px}
h1, h2, h3, h4, hr, ul, li, p, ol, img{padding:0; margin:0; border:0; list-style-type:none;}
a, a:hover{text-decoration:none;color:inherit; outline:0;}

h1{font-size:18px; color:rgba(53,164,220,1); font-weight:500; padding-bottom:15px;}
h2{font:15px 'Roboto', sans-serif; color:#525252; font-weight:600; padding-bottom:15px;}
#wrapper{margin:auto; background:url(images/shadow-bg.png) no-repeat 50% 50%; }
#container{width:970px; margin:auto; background:#FFF; margin-top:15px; margin-bottom:15px; border:#f6f6f6 1px solid;}
#inner-container{ margin:15px 25px 0 25px;}
#container #inner-container #header{height:68px;}
#container #inner-container #header #logo{ float:left; margin-top:15px;}

#navlink{float:right; margin-top:18px;}
#navlink ul{display:flex;}
#navlink ul li{text-transform:uppercase; padding:10px 18px; border-radius:2px;font-weight:500;}
#navlink ul li a{text-decoration:none; color:rgba(51,51,51,1); }
#navlink ul li a:hover{color:rgba(53,164,220,1);}
#navlink ul li.active{background-color:rgba(53,164,220,1); color:#fff}

.banner{width:920px; height:300px; overflow:hidden}
#banner{ background:url(images/bannerBg.jpg) no-repeat; width:920px; height:263px;}
#banner #rotateBanners{width:330px; float:left; height:240px; margin:20px 0 0 35px; *margin-left:15px; }
#banner #bannerContent{float:right; margin:40px 30px 0 0; text-align:right; *float:none;}
#banner #bannerContent a{float:right; margin-top:20px;}
.sliderContent {position:relative;}
.sliderContent img {display:none;position:absolute;}
.btns {position:absolute; top:360px; }
.btns ul li {float:left;width:12px;height:12px;margin:1px;padding-bottom:3px;background-image: url(images/fade_bullet.gif);background-repeat:no-repeat; cursor:pointer;}
.btns ul li.selected{background-image:url(images/active_bullet.gif);background-repeat:no-repeat; cursor:pointer;}

.sectors li{width:100%; margin-bottom:13px}
.sub-head{width:100%; display:flex; margin-bottom:10px}
.sub-head>div:first-child{width:48%}
.sub-head>div:last-child{width:52%;     position: relative; top: -6px;}
.sub-head h3{font-size:12px; text-transform: uppercase; color:#555}
.sub-head .slogan{text-align:right}
.sub-head .slogan p{font-size:11px; text-transform:uppercase; font-weight:500;	color:#00b0f0;}

#content{clear:both; background:url(images/content-grey.jpg) repeat-x; width:920px; height:100%; overflow:auto; padding-bottom:30px;}
#content #contentDiv{padding:40px 0px 20px 20px; overflow:hidden; margin-bottom:30px;}
#content #contentDiv ul li{float:left;}
#content #contentDiv ul li.bdr-rht{border-right:solid 1px #e0e0e0;}
#content #contentDiv ul li ul li{background:url(images/arrow-icon.png) no-repeat 0 8px; padding:6px 0 15px 20px; width:285px;}
#content #contentDiv ul li.mission{width:290px; padding-right:20px; margin-right:20px;}
#content #contentDiv ul li.undertake{width:315px; margin-right:20px;}
#content #contentDiv ul li.focus{width:230px;}
#content #contentDiv #subpage ul li{background:url(images/arrow-icon.png) no-repeat 0 2px; padding:0 0 10px 20px; width:100%;}
#content #contentDiv #subpage p.w800{ width:800px;}

#content #hp-boxDiv{clear:both;border:1px solid #ddd; width:880px;  margin:0 0 10px 20px;}
#content #hp-box{ background-color:#f0f0f0; padding:15px;}
#content #hp-box #leftcontent{ float:left; width:500px; margin-right:50px;}
#content #hp-box #leftcontent .mission-icon{float:left; margin-right:10px;}
#content #hp-box #rightcontent{ float:left; color:#444444;}
#content #hp-box #rightcontent .reach-icon{float:left; margin-right:20px;}
#content #hp-box #rightcontent .mob-num{ font-size:24px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif;}
#content #hp-box #rightcontent a{ color:#0284aa;}
#content #hp-box #rightcontent a:hover{ text-decoration:underline;}

.cont-top-curve{ background:#eee url(images/contact_curve_top.gif) no-repeat 0 0; width:200px;}
.cont-bottom-curve{ background: url(images/contact_curve_bottom.gif) no-repeat left bottom; width:200px; overflow:auto;}

.pBtm{ padding-bottom:10px;}
hr{color:#fff; background-color:#fff; border:1px dashed #ccc; width:100%; text-align:left; margin-bottom:30px;}
.h1blue{padding: 10px 0 15px 10px; color:#0f91b7;}
.blue-text{color:#0f91b7;}
.red-text{color:#f00;}

#footer{height:66px; background:url(images/footerBg.gif) repeat-x 0 0; color:#9e9e9e; font-family:Arial, Helvetica, sans-serif;}
#footer p{ padding: 30px 0 0 20px; float:left;}
#footer .tyazz a{ float:right; margin:30px 20px 0 0; color:#9e9e9e;}
/*border:1px solid red;*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}