/* ==========================================================================
	Global Styles
============================================================================= */


  /* • Common   f2f1ef
	------------------------------------------------------------------------- */
	html,  
	p, h1, h2, h3, h4,h5, h6, figure	{ margin:0; padding: 0; font:inherit; vertical-align:baseline; line-height:1.5; }
	body    { background:#f2f1ef;  margin:0 auto; padding:0;  min-width:980px; max-width:1360px;
			  font-family: 'Roboto', sans-serif; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; line-height:1.5; }
	html    { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
 	input, textarea, select { padding:1%; margin:0; moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}

	h1, h2 { line-height:normal; color:#333; margin-bottom:1%} 
	h1 { font-size:35px; }
	h2 { font-size:25px; line-height:1.5; }
	
 	img 	 { border:none; outline:none;}
	div		 { position:relative;}

	ul 		 { list-style:none }
	
	.logo { padding:10px;}
	
	#cont { width: 1107px; padding: 0; margin:0 auto;}
	

	.img-scale 		{ height:auto; width:100%; }

	.clear          { clear:both;  }
	.float-left 	{ float:left; }
	.float-right   	{ float:right; }
    .nodsk { display:none; }
    #mload { display:none; }

	.txt-blue  { color:#666; }
	.txt-large,.row.Subscription .subtitle  { font-size:25px;}

	.font-s,.copyright,.readmore,.left_col .caption { font-size:14px; }
	.font-s { line-height:1.3; }
	
	.bg-lightGray   { background-color:#f2f2f2} 

	a 		{ color:#333; text-decoration:none; cursor:pointer; }
	a:hover { color:#46699d;}

	.text a 		{ color:#666; text-decoration:underline; cursor:pointer; }
	.text a:hover { color:#46699d;}

	.left_col hr { height:1px; background-color:#8e8e8e; border:none; margin:30px 0;}
	
	.selbox { float:right; margin:0 0 70px 0;}
	.m-hidden { display:block;}
	#image_rotate , #mMenu, .mselmenu{ display:none; }
	.dskonly { }
	.mobonly { display:none; }
	.dskfloatleft { float:left; }
	.dskfloatright { float:right; }
	.dskfloatnone { float:none; clear:both; }
	
  /* • Text Color , Background Color & Line Separator
	------------------------------------------------------------------------- */	
	
	.corporate { color:#D2232A;} .back_corporate:hover , .sub.back_corporate:hover , .back_corporate.active{ background:#D2232A;}
	.property { color:#E07F1B; } .back_property:hover, .sub.back_property:hover, .back_property.active{ background:#E07F1B; } 
	.aviation { color:#38BAE5; } .back_aviation:hover, .sub.back_aviation:hover, .back_aviation.active{ background:#38BAE5;}
	.beverages { color:#5AA946; } .back_beverages:hover , .sub.back_beverages:hover , .back_beverages.active{ background:#5AA946;}
	
	.back_corporate.active, .back_property.active, .back_aviation.active, .back_beverages.active, .back_marine.active, .back_trading.active, .back_community.active, .back_awards.active { color:#fff; }
	
	.marine {color:#0077B2;} .back_marine:hover, .sub.back_marine:hover, .back_marine.active {background:#0077B2;}
	.trading {color:#A1589E; } .back_trading:hover, .sub.back_trading:hover, .back_trading.active {background:#A1589E;}
	.community {color:#007456;} .back_community:hover, .sub.back_community:hover, .back_community.active  {background:#007456;}
	.awards {color:#825810;} .back_awards:hover, .sub.back_awards:hover , .back_awards.active {background:#825810;}
	.stories { } .back_stories:hover, .sub.back_stories:hover,  .back_stories.active {background:#666; color:#fff;}
        .marriages { color:#ED145A; } .back_marriages:hover, .sub.marriages:hover,  .back_marriages.active {background:#ED145A; color:#fff;}
        .retirement { color:#00578F; } .back_retirement:hover, .sub.retirement:hover,  .back_retirement.active {background:#00578F; color:#fff;}
        .births { color:#91278F; } .back_births:hover, .sub.births:hover,  .back_births.active {background:#91278F; color:#fff;}
        
	
	.back_white { background:#fff;}
	.back_lightgray { background:#f2f1ef; }
	.back_blue { background:#052a78;}
	
	.mountKinabalu { color: #5b97d2; } .back_mountKinabalu:hover { background: #5b97d2;}
	.missionPossible { color: #ba4a52; } .back_missionPossible:hover { background: #ba4a52;}
	.appointments { color: #596CB3; } .back_appointments:hover { background: #596CB3;}
	.promotionsTransfers { color:#1EA8AF; } .back_promotionsTransfers:hover { background: #1EA8AF;}
	.longService { color: #A44C0E; } .back_longService:hover { background: #A44C0E;}

	.gray {color:#666;}
	.gray-sep { border-right:1px solid #787878;}
	
	.transblackbg { background: rgba(0,0,0,0.5); }
	
	.videowrap { display:inline-block; cursor:pointer; }
	/*v1 playbtn .videowrap .playbtn { position:absolute; width:76px; height:75px; left:50%; margin-left:-38px; top:50%; margin-top:-37.5px; }*/
	.videowrap .playbtn { position:absolute; width:222px; height:80px; left:50%; margin-left:-111px; top:50%; margin-top:-40px; }
	.videowrap .framehtm { display:none; }
	#videomodal { z-index:200; }
	#videomodal img.close { width:30px; height:30px; background:url(images/close.png) no-repeat; cursor:pointer; }
	/* General Theme / Styles */	
	.headerblk { background:#666; /*e7e3e0*/ border-top:solid 2px #e93830; padding:10px; color:#fff; margin-bottom:10px;}
	.colorbox { padding:25px 45px; margin-bottom:10px; }
	.themebg { color:#fff; }	
	.theme_genblue .themefront, .theme_genblue h2 { color:#243c6a; }
	.theme_gengreen .themefront, .theme_gengreen h2 { color:#55a33d; }
	.theme_genblue .themebg, .theme_genblue .headerblk { background:#243c6a; }
	.theme_gengreen .themebg, .theme_gengreen .headerblk { background:#55a33d; }
	.theme_gengreen .headerblk { border-top-color:#003300; }
	.theme_genblue .headerblk { border-top-color:#38BAE5; }

  /* • Header
	------------------------------------------------------------------------- */

	.date { font-size:18px;margin:9px 15px 0 0;}
	.headrow { margin-top:30px; padding:15px 15px 0 15px; width:100%; min-height:210px; height:auto;}
	
	

   /* • Footer
	------------------------------------------------------------------------- */
	.row.mfooter { display:none;}
	.row.footer { margin-top:60px;background:#f2f1ef; }
	a.footerlink:link, a.footerlink:visited, a.footerlink:active { margin-right:20px; font-family: 'Roboto'; font-size:14px; color:#333; }
	a.footerlink:hover { color:#46699d;}
	.footer .title { margin-top:-15px; margin-left:-15px; background:#e6e4e0; width:100%;padding:16px 15px;font-size:14px;border-bottom:1px solid #000; }
	.copyright { color:#e8382e; font-family: 'Roboto' }
	.back-top {  display:none; position: fixed; bottom: 0; right: 5%; cursor:pointer; 
	}
	
	.back-top img:hover {
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-ms-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;  
	}

	.back-top img:hover {
	  zoom: 1;
	  filter: alpha(opacity=30);
	  opacity: 0.3;
	}
		

   /* • Menu
	------------------------------------------------------------------------- */

 	.tabs { margin-top:18px; margin-bottom:2px;float:right; font-family: 'Roboto'; position: relative; z-index:105; /*100<-1100*/ }
	.tab { cursor: pointer; float:left; margin-left:2px; padding:12px;background:#e7e3e0; border-bottom: 2px solid #e7e3e0;}
	.tab:hover, .tab.selected { border-bottom: 2px solid #eb362d; }
	.tab.blue { background:#052a78; border-bottom: 2px solid #052a78;}
	.tab.blue a:link, .tab.blue a:visited, .tab.blue a:hover, .tab.blue a:active { color:#eec365; } 
	.tab.genblue:hover,  .tab.genblue.selected{ border-bottom: 2px solid #243c6a;}
	.tab.gengreen:hover,  .tab.gengreen.selected{ border-bottom: 2px solid #55a33d;}
	.tab.hoverblue:hover { background:#052a78; border-bottom: 2px solid #052a78; }
	.tab.hoverblue:hover a:link, .tab.hoverblue:hover a:visited, .tab.hoverblue:hover a:hover, .tab.hoverblue:hover a:active { color:#eec365; } 
	.tab.genblack:hover,  .tab.genblack.selected{ border-bottom: 2px solid #333;}
	.tab.genblack:hover { background:#ccc; }

	ul.menu { display:none; position: absolute; top:43px; left:-114px; background:#fff; list-style-type: none; padding: 0; font-size:13px; width: 212px; }
	ul.menu.people { left:-184px; width: 260px;}
	ul.menu li { display:block; text-align:right; padding: 9px 5px; border-top:1px solid #e6e4e0; margin: auto 0; cursor: pointer;}
	ul.menu li:first-child { border-top:none;}
	ul.menu li:hover a {color:#fff;}
	ul.menu li a {  color:#666; margin-right:10px; display:inline-block; }


   /* • General Template 
	------------------------------------------------------------------------- */
	
	/* • Rows  */
	.toprow { margin-top:-30px;  padding:15px; width:100%; height:auto;}
	.toprow.nocontent { width:100%; height:15px;} 
	.row { margin-top:30px;  padding:15px; width:100%; height:auto;/*480px;*/ /*cursor:pointer;*/}
	.row.fullwidth {border-top:2px solid #e93830;background:#fff;min-height:730px;font-family: 'Roboto';line-height:1.5em;}
	.row.fullwidth .title { margin-top:-15px; margin-left:-15px; background:#e7e3e0; width:100%;padding:10px 15px; font-weight: bold;}
	.row.threeItem {border:0; background:#fff; min-height:390px;font-family: 'Roboto';line-height:1.5em; margin-top:20px;}
	.row.threeItem.first { margin-top:0;}

	/* • Left Long box with Right Short box  */
	.lbox { position:absolute; bottom:0px; left:0; margin-top:15px; }
	.lbox img { max-width:733px; height:auto;}
	.rbox { margin-top:15px; position: absolute; bottom:0px; right:0; width:340px;}
	
	/* • Three boxes */
	.threebox { float:left;width:358px; margin-left:23px;}
	.threebox.last { float:left;width:340px;}
	.sbox { margin-top:15px; width:340px;}
	
	/* • rBox & sBox */
	.readmore { }
	.rbox .type, .sbox .type { margin-bottom:5px; }
	.sbox .subtitle, .rbox .subtitle {margin-bottom:12px;}
	.sbox .text, .rbox .text {font-size:14px;color:#666; font-family: 'Roboto', sans-serif;}
	
	   /* • Homepage 
	------------------------------------------------------------------------- */
	.bluebox { min-height:260px;}
	.longbox { float:left; margin-left: -15px; width: 895px; min-height:350px; background:#fff; padding:0 15px;} 
	.longbox .textbox { width:316px; height:30px; border-bottom:1px solid #b3b3b3; font-size:17px; padding:6px 0 2px 0;}
	.longbox > .title { border-top:2px solid #e93830;margin-top:-15px; margin-left:-15px; background:#e7e3e0; width:100%;padding:10px 15px; font-family: 'Roboto';line-height:1; font-weight:bold;}

	.twoboxs { margin-top:15px;float:left; }
	.twobox { float:left; width:260px; padding:0; margin:5px 22px 0 0; line-height:1.7em;}
	.twobox a { color:#000;  }
	.twobox .title{ margin-top:10px; font-family: 'Roboto'; }
	.twobox .subtitle{ margin-top:10px; color:#999; font-family: 'Roboto'; font-size:16px;}
	.twocentext { margin:40% auto; text-align:center; width:250px; color:#eec365; }

	.textboxs { float:right;margin-top:20px; }

	.twobox a:hover { color:#46699d;}
	.shortbox { float:right; width:180px; min-height:350px; background:#fff; border-top:2px solid #e93830;margin:-15px -15px 0 0; padding-bottom:14px;}
	.downbox { position: absolute; bottom:0; right:0; width: 130px; font-family: 'Roboto'; padding-bottom:15px;} 
	.downbox .text { float:left; margin:0 0 0 -20px; width: 100px; font-family: 'Roboto'; font-size:13px; font-weight:bold;} 
	.downimg  { margin:30px auto 0 auto; text-align:center; }
	
		/* • Inside Page 
	------------------------------------------------------------------------- */
	.breadcrumbs { padding:24px; margin:2px auto 0 auto; font-size:20px; font-family: 'Roboto'; }
	.breadcrumbs .box {width:100%; height:60px;}
	.breadcrumbs .link {float:left; margin-top: 1.2%; width:900px;}
	.breadcrumbs .arrow { float: right; margin-bottom: 2%; margin-right:1%;cursor:pointer; width:120px;}
	.breadcrumbs .arrow img { float:right; }
	
	.title.txt-large { color:inherit; padding-bottom:8px;}
	.title.txt-large .txt { width:85%;}
	.title.txt-large .txt.noarrow { width:100%;}
	.title.txt-large .arrow { position:absolute; top:0; right:0; width:15%; text-align:right;}
	.title.txt-large .arrow img { background:#fff; height:20px; padding:10px 14.26px;}
		
	.row.igeneral { padding-top:0; }
	.igeneral .text { font-size:18px; }
	.igeneral .title { padding:0 12px; }
	.igeneral .location { margin-left:12px; margin-bottom:50px; border-top-width:5px; border-top-style:solid; padding:10px 0 0 0; display:inline-block;}
	
		/* Dropdown Menu */
	.selmenu { position:absolute; z-index:9; /*999*/ right:-15px; top:0; width: 315px; height:auto; margin:20px 15px 20px 0; font-size:14px;color:#666;}
	.selmenu a { color:#666; }
	.selmenu .active { cursor:pointer; }
	.selmenu .sub { display:none; background:#fff; border-bottom:1px solid #e7e3e0; cursor:pointer;}
	.selmenu .sub:hover  a{  color:#fff; }
	.selmenu .sub.last { border-bottom:0;}
	.selmenu div { padding:5px 15px;  }

		/* Left Column */
	.left_col { float:left; width: 780px; }
	.left_col .type { margin:30px 0;}
	.left_col .caption  { /*font-size:13px;--refer to font-s*/ margin:0 0 25px 0;}
	.left_col .title, .igeneral .title  { font-size:35px; font-family: 'Roboto'; }
	.left_col .location { margin-left:27px; margin-bottom:50px; /*border-top:5px solid #eb362b;*/ padding:10px 0 0 0; display:inline-block;}
	.left_col .title.txt-large.corporate { border-bottom:5px solid #eb362b; }
	.left_col .title.txt-large.property { border-bottom:5px solid #E07F1B; }
	.left_col .title.txt-large.aviation { border-bottom:5px solid #38BAE5; }
	.left_col .title.txt-large.beverages { border-bottom:5px solid #5AA946; }
	.left_col .title.txt-large.marine { border-bottom:5px solid #0077B2; }
	.left_col .title.txt-large.trading { border-bottom:5px solid #A1589E; }
	.left_col .title.txt-large.community { border-bottom:5px solid #007456; }
	.left_col .title.txt-large.awards { border-bottom:5px solid #825810; }

	.left_col .text { font-size:18px; }
	.left_col .type, .left_col  .caption , .left_col .title, .left_col .text { margin-left:27px; width:727px;}
	
		/* Right Column */
	.right_col { float:right; padding:20px 0 30px 0; margin-right:-15px; }
	.right_col .rightbox { float:right; width:315px; border-bottom:2px solid #8e8e8d; padding:0 0 10px 0; margin:0 0 10px 0;}
	.right_col .rightbox  .content {  min-height:40px; margin:0; padding:0; line-height:1.5em;}
        .right_col .rightbox.withImg .content {  min-height:97px; margin:0; padding:0; line-height:1.5em;}
	.right_col .rightbox  .content.active { background: #fff; }
	
	.right_col .rightbox  .content img{  float: right; max-width:97px; width:97px;}
	.right_col .rightbox  .content .textbox {  width:90%; float: left; padding:15px 0 15px 15px; }
	.right_col .rightbox.withImg .content .textbox { width: 195px; float: left; padding:15px 0 15px 15px; }

	.right_col .rightbox  .content .textbox .title { font-family: 'Roboto'; font-size:18px; }
	.right_col .rightbox  .content .textbox .subtitle { color:#d0121b; font-size:14px; }
	
	.right_col .shortbox { margin:50px 0 -60px 0;}
	
        
        
    /* • Subscription Template 
	------------------------------------------------------------------------- */
	.row.Subscription .subtitle, .row.Subscription .redbar, .row.Subscription .text, .row.Subscription .forminput { margin-left:60px;}
	.row.Subscription .subtitle, .row.Subscription .redbar, .row.Subscription .text, .row.Subscription .forminput { margin-left:60px;}
	
        .row.Subscription .title { font-size:30px; }
        
        .row.Subscription .subtitle { /* refer to txt-large*/  }
        
        .row.Subscription .redbar { width:60px;height:5px; background:#e9382e; margin:20px 0 20px 60px;}
        
        .row.Subscription .text { font-size:14px; color:#e9382e; margin-bottom:25px; }
        
        .row.Subscription .forminput .intext { margin-bottom: 10px;}
        
        .row.Subscription .forminput .iam  {margin-right:20px; font-size:13px;}
        
        .row.Subscription .forminput.input input[type=text] {
            width:490px;
            color:#999999;
            font-size:18px;
            background-color: #ffffff;
            border: 1px solid #b2b2b2;
   

            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
            -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
            -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
            -o-transition: border linear 0.2s, box-shadow linear 0.2s;
            transition: border linear 0.2s, box-shadow linear 0.2s;
        }

        .row.Subscription .forminput.input  input[type=text]:focus {
            border-color: rgba(82, 168, 236, 0.8);
            outline: 0;
            outline: thin dotted \9;
            /* IE6-9 */

            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        }
		
        .row.Subscription #subscribe {
           font-size:22px; padding:15px 25px; width:120px; margin-right:15px;cursor:pointer;
            background:#e9382e; color:#fff;
        }
        .row.Subscription #subscribe:hover {
            opacity: 0.6;
            filter: alpha(opacity=60); 
        }
        
        .row.Subscription #clear {
           font-size:22px;  padding:15px 25px; width:80px;cursor:pointer;
            background:#e5e4e0; color:9a9a9a;
        }
        
        .row.Subscription #clear:hover {
            opacity: 0.6;
            filter: alpha(opacity=60); 
        }