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

/*Start Global Reset*/

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;  padding: 0;  border: 0;  font-weight: inherit;  font-style: inherit;  font-size: 100%;  line-height: 1;
  font-family: inherit;  text-align: left;  vertical-align: baseline;
  }

a img, :link img, :visited img {
  border: 0;
  }

table {
  border-collapse: collapse;  border-spacing: 0;
  }

ol, ul {
  list-style: none;
  }

q:before, q:after,blockquote:before, blockquote:after {
	content: "";
  }

input:focus, select:focus, textarea:focus{
	outline:1px #fff solid; background:#f2f2f2; border:1px solid #666666;
	}

img {
/*  max-width: 100%;*/
}
/*End Global Reset*/

body{ background:url(images/topbar_bg.gif) top repeat-x #000; margin-top:9px;}

.content{ width:960px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
#topsec { background:#fff;}
#topsec .content{ height:625px;}
#topsec .navigator{ width:245px; height:625px; float:left; background:url(images/navbase.gif) no-repeat center bottom;}
#topsec .navigator .brand{ text-align:center; margin:50px 0px;}
#topsec .navigator .menue{ background:url(images/menubg.gif) bottom repeat-x #5c055f;}
#topsec .navigator .menue ul{ padding:45px 0px; display:block;}
#topsec .navigator .menue a{ font-family: 'Roboto', sans-serif; font-weight:300; color:#fff; font-size:18px; text-decoration:none; display:block; padding: 12px 30px;}
#topsec .navigator .menue a:hover{ background:#370139;}
#topsec .navigator .menue li.headerbar a:hover{ background:none;}
#topsec .navigator .menue ul.submenu{ padding:0px;background: #370139;border-top: 1px solid #600764;}
#topsec .navigator .menue ul.submenu li a{ font-size: 15px;padding: 12px;padding-left: 52px;border-bottom: 1px solid #510155;background: #410444;}
#topsec .navigator .menue ul.submenu li a:hover{background: #370139;}

#topsec .slidebanner{ width:715px; float:right;}

#botsec{ background:url(images/footer.png) repeat-x top #000; vertical-align:top;}
#botsec .content{ padding-bottom:20px;}
#botsec .block-address{ width:245px; float:left;}
#botsec .block-address p{ font-size:13px; color:#7A7A7A; line-height:17px; text-shadow: 1px -1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=-1); text-align:right; padding-right:25px;}
#botsec .block-address p.sl{ padding:20px 0px; padding-right:25px; padding-top:40px;}
#botsec .block-address p strong{ font-weight:bold;}

#botsec .block-about{ padding:0px 25px 0px 28px; border-right:1px solid #070707;  border-left:1px solid #070707;}
#botsec .block-network{ padding:0px 0px 0px 29px;}
#botsec .block-about, #botsec .block-network{ width:315px; float:left;}
#botsec .block-about p, #botsec .block-network p{ color:#7A7A7A; font-size:14px;text-shadow: 1px -1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=-1); text-align:right; padding-right:10px; line-height:19px; text-align:left;}
#botsec .block-about img, #botsec .block-network img{ padding:25px 0px; padding-top:40px;}
#botsec .block-about a, #botsec .block-network a{}
#botsec a.more{ color:#5c5c5c; font-size:14px; text-decoration:none; background:url(images/more.png) no-repeat 0px 0px; padding:0px 18px; width:100px; display:block; margin:25px 0px;}
#botsec a.more:hover{ background:url(images/more_h.png) no-repeat 0px 0px;}

#botsec .textchange .block-about p, #botsec .textchange .block-network p, #botsec .textchange .block-address p{ color:#FFFFFF;}

.footer{ margin-top:0px;}
.footer p{ text-align:center;font-size:12px; color:#313131;font-family: 'Roboto', sans-serif; display:block; padding:20px;}
.footer .nav{ display:block; border-bottom:1px solid #131313; border-top:1px solid #221f22; padding:20px 0px;}
.footer ul{ width:415px; margin:0px auto; display:block;}
.footer ul li{ display:inline;}
.footer ul li a{ font-size:12px; color:#2C2C2C;font-family: 'Roboto', sans-serif; font-weight:400; text-decoration:none; display:block; float:left; padding:0px 5px; margin:2px;}

#innerpage .brand{width:31.6%; float:left; background:#FFFFFF;}
#innerpage .menubar {background:url(images/topmenubg.gif) #661769 bottom repeat-x; height:95px;}
#innerpage .menubar .navigator{width:725px; float:left;}
#innerpage .menubar .navigator ul{ float:right;}
#innerpage .menubar .navigator ul li{ display:block; float:left; }
#innerpage .menubar .navigator ul li a{ display:block; float:left; padding:40px 15px; font-size:14px; color:#fff;font-family: 'Roboto', sans-serif; font-weight:300;text-decoration:none;text-shadow: 1px -1px 0px #280129; filter: dropshadow(color=#280129, offx=1, offy=-1); font-size:14px; margin-left:1px;}
#innerpage .menubar .navigator ul li a:hover{ background:#651667;}
#innerpage .menubar .navigator ul li a.current{ background:#651667;}
#innerpage .menubar .brand{ text-align:right; display:block; height:95px;}

#innerpage .pagecontent{ background:#FFFFFF url(images/shadow.gif) center top no-repeat;}
#innerpage .pagecontent .content{ min-height:535px; background:url(images/navbase.gif) bottom left no-repeat; font-family: 'Roboto', sans-serif; padding-bottom: 50px;}
#innerpage .pagecontent .content strong{ font-weight:400;}
#innerpage .pagecontent .content .text{ width:60%;}
#innerpage .pagecontent .content h1{ font-size:28px; color:#8a5800; font-weight:300; padding:35px 0px 0px 0px;}
#innerpage .pagecontent .content p{font-size: 14px;line-height: 23px;font-weight: 300;color: #000000;margin-top: 14px;}
#innerpage .pagecontent .content h2{ margin-top:35px; font-size:20px; font-weight:300; border-bottom: 1px solid #9C8B67;padding-bottom: 3px;}

#innerpage .pagecontent .content .contactus .srilanka{ width:46%; float:left;}
#innerpage .pagecontent .content .contactus .malay{width:45%; float:right;}
#innerpage .pagecontent .content .contactus .srilanka p{margin-top: 2px;}
#innerpage .pagecontent .content .contactus .malay p{margin-top: 2px;}

#innerpage .pagecontent .content .contactus .srilanka h2{
margin-top: 20px;
font-size: 20px;
font-weight: 300;
border-bottom: 0px solid #9C8B67;
padding-bottom: 12px;
padding-top: 16px;
padding-left: 72px;
line-height: 32px;
background: url(images/srilanka.png) no-repeat 0px 0px;}

#innerpage .pagecontent .content .contactus .malay h2{
margin-top: 20px;
font-size: 20px;
font-weight: 300;
border-bottom: 0px solid #9C8B67;
padding-bottom: 12px;
padding-top: 16px;
padding-left: 72px;
line-height: 32px;
background:url(images/malasia.png) no-repeat 0px 0px;}

#innerpage .pagecontent .content .contactform p{ font-size:12px;}
#innerpage .pagecontent .content .contactform .mand{ color:#CC0000; font-weight:bold;}
#innerpage .contactform td{ font-size:11px; padding:2px; padding-right:25px;}
#innerpage .contactform th{ padding:20px 0px 0px 0px; font-size:11px; font-weight:bold;}
#innerpage .contactform label.error{display: block;color: #DB6406;font-size: 11px;font-weight: bold;}
#innerpage .contactform h5{padding: 18px;margin: 10px 0px;background: #F3FDCA;width: 510px;border-radius: 3px;border: 1px solid #D9E79F;color: #6D7010;font-size: 13px;font-family: Arial;}
#innerpage .contactform h5 span{ display:block; margin: 10px 0px;font-size: 16px; font-weight:bold;}

#innerpage .contactform input, #innerpage .contactform textarea{ padding:3px;
-webkit-border-radius: 2px;
border-radius: 2px; border:1px solid #CCCCCC;}
#innerpage .contactform input.comp{ width:411px;}
#innerpage .contactform textarea{ width:340px;}
#innerpage .contactform select{
-webkit-border-radius: 2px;
border-radius: 2px; border:1px solid #CCCCCC;
padding:3px;
-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
width:160px;}

    
	
 
     #innerpage .contactform input.btn {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ae62cc;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ae62cc;
        box-shadow:inset 0px 1px 0px 0px #ae62cc;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #782f91), color-stop(1, #400354));
        background:-moz-linear-gradient(top, #782f91 5%, #400354 100%);
        background:-webkit-linear-gradient(top, #782f91 5%, #400354 100%);
        background:-o-linear-gradient(top, #782f91 5%, #400354 100%);
        background:-ms-linear-gradient(top, #782f91 5%, #400354 100%);
        background:linear-gradient(to bottom, #782f91 5%, #400354 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#782f91', endColorstr='#400354',GradientType=0);
        
        background-color:#782f91;
        
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        
        border:1px solid #530d6e;
        
        display:inline-block;
        color:#fafafa;
        font-family:arial;
        font-size:12px;
        font-weight:bold;
        padding:10px 17px;
        text-decoration:none;
        
        text-shadow:1px -1px 0px #3c1059;
        
    }
     #innerpage .contactform input.btn:hover {
	 cursor:pointer;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #400354), color-stop(1, #782f91));
        background:-moz-linear-gradient(top, #400354 5%, #782f91 100%);
        background:-webkit-linear-gradient(top, #400354 5%, #782f91 100%);
        background:-o-linear-gradient(top, #400354 5%, #782f91 100%);
        background:-ms-linear-gradient(top, #400354 5%, #782f91 100%);
        background:linear-gradient(to bottom, #400354 5%, #782f91 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#400354', endColorstr='#782f91',GradientType=0);
        
        background-color:#400354;
    }
     #innerpage .contactform input.btn:active {
        position:relative;
        top:1px;
    }




#innerpage .pagecontent .content ul{ font-weight:300; font-size:14px; margin-left:20px; margin-top:10px;}
#innerpage .pagecontent .content ul li{ padding:10px 0px 5px 18px; background:url(images/bulet.png) 0px 10px no-repeat; line-height:20px;}
#innerpage .pagecontent .content ul.benefits{margin-left:0px;}
#innerpage .pagecontent .content ul.benefits li{ display:block; width:133px; float:left; text-align:center; font-size:12px; margin:20px 40px 5px 0px; padding:85px 0px 0px 0px; line-height:16px; color:#0191c1; font-weight:500;}
#innerpage .pagecontent .content ul.benefits li.bene1{ background:url(images/bene1.png) no-repeat center top;}
#innerpage .pagecontent .content ul.benefits li.bene2{ background:url(images/bene2.png) no-repeat center top;}
#innerpage .pagecontent .content ul.benefits li.bene3{ background:url(images/bene3.png) no-repeat center top;}
#innerpage .pagecontent .content ul.benefits li.bene4{ background:url(images/bene4.png) no-repeat center top;}
#innerpage .pagecontent .content ul.benefits li.bene5{ background:url(images/bene5.png) no-repeat center 6px;}
#innerpage .pagecontent .content ul.submenue{width: 100%;
background: #F8F8F8;
height: 38px;
margin-left: 0px;
margin-bottom: 0px;
border-bottom: 1px solid #E9E7E7;}
#innerpage .pagecontent .content ul.submenue li{ display:block; float:left; list-style:none; background:none;}
#innerpage .pagecontent .content ul.submenue li a{ text-decoration:none; color:#8F8F8F; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#innerpage .pagecontent .content ul.submenue li a:hover{ color:#B105B9;}
#innerpage .pagecontent .content ul.submenue li a.current{ background:url(images/downarrow.png) no-repeat center bottom; padding-bottom:20px;}

#innerpage .pagecontent .content .aboutus{ background:url(images/aboutus.png) top right no-repeat; min-height:460px;}
#innerpage .pagecontent .content .network{ background:url(images/networkimg.png) top right no-repeat; min-height:460px;}
#innerpage .pagecontent .content .products{ background:url(images/services.png) top right no-repeat; min-height:540px;}
#innerpage .pagecontent .content .contactus{ background:url(images/contactus.png) top right no-repeat; min-height:540px;}
#innerpage .pagecontent .content .network p.point1{ background:url(images/settings.png) no-repeat 0px 0px; padding:0px 0px 10px 95px;}
#innerpage .pagecontent .content .network p.point2{ background: url(images/security.png) no-repeat 8px 12px; padding: 10px 0px 14px 95px;}
#innerpage .pagecontent .content .network p.point3{ background:url(images/advancerout.png) no-repeat 8px 0px; padding:0px 0px 10px 95px;}



#innerbotsec{
background: url(images/footer.png) repeat-x 0px -221px #000;
min-height: 130px;
}

#innerpage .pagecontent .content .mission{ background: url(images/mission.png) no-repeat;width: 595px;height: 240px;margin-top: 80px;}

#innerpage .pagecontent .content .mission p{position: absolute;top: 277px;left: 213px;width: 300px;padding: 34px;background:url(images/transbg.png);border: 1px dashed #E2E2E2;}

.colblock{ background: #ccc;min-height: 200px;width: 278px;float: left;}
#innerpage .pagecontent .content .colblock p{ text-align: center;
display: block;
background: #F7F7F7;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #4D4C4C;}

#innerpage .pagecontent .content .obj1 p {margin-top: 217px;
padding: 24px 10px 3px 10px;
height: 94px;}
#innerpage .pagecontent .content .obj2 p{margin-top: 217px;
border-left: 0px dashed #ccc;
padding: 31px 25px 0px 25px;
height: 90px;}

#innerpage .pagecontent .content .obj3 p {margin-bottom: 216px;
padding: 28px 34px 32px 34px;
margin-top: 0px;}
#innerpage .pagecontent .content .obj4 p{margin-bottom: 216px;
padding: 20px 24px 20px 24px;
margin-top: 0px;}

.obj1{ background:url(images/001.png) no-repeat top center;border-left: 1px dashed #ccc;border-bottom: 1px dashed #ccc;}
.obj2{ background:url(images/002.png) no-repeat top center;border-right: 1px dashed #ccc;border-left: 1px dashed #ccc;border-bottom: 1px dashed #ccc;}
.obj3{ background:url(images/003.png) no-repeat bottom center;border-left: 1px dashed #ccc;border-right: 1px dashed #ccc;}
.obj4{ background:url(images/004.png) no-repeat bottom center;border-right: 1px dashed #ccc;}

ul.countrylist li{ display: block;float: left;width: 115px;}

a.fulllist{display: block;
position: relative;
top: 54px;
left: 432px;
width: 127px;
text-align: center;
padding: 7px;
text-decoration: none;
color: #888888;
font-size: 13px;
border-radius: 3px;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border: 1px solid #DDD;}

a.fulllist:hover{background: #e5e5e5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}




@media screen and (max-width: 1024px){
#innerpage .menubar .navigator ul li a{padding:40px 10px;}
#innerpage .menubar .navigator{ width:510px;}
#innerpage .pagecontent .content .text{ width:52%;}
.content {width: 700px;}
#innerpage .pagecontent .content ul.benefits li{margin:20px 40px 5px 0px; padding:85px 0px 0px 0px; width:133px;}
}
@media screen and (width: 800px) {

}
@media screen and (max-width: 980px) {
#innerpage .menubar .navigator{ width:510px;}
#innerpage .menubar .navigator ul li a{padding:40px 10px;}
#innerpage .pagecontent .content ul.benefits li{margin: 11px 9px 5px 0px;
padding: 85px 0px 0px 0px;
width: 111px;}
}
@media screen and (max-width: 650px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 320px) {}
@media screen and (max-width: 240px) {}