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

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:1; height:100%;}

.wrapper {width:980px; margin:0 auto;}
.clear {clear:both;}
.header {width:100%; background:url(../images/hBg.jpg) top left repeat-x; margin:0; padding:0;}
.logo {
	float:left;
	text-decoration:none;
	height:130px;
	display:block;
	margin:0px 0 18px 0;
	padding:0;
	font-family: Palatino Linotype;
	font-size:32px;
	color:#0093dd;
}
/*.logo {float:left; background:url(../images/logo.jpg) left top no-repeat; width:272px; height:45px; text-indent:-9999px; text-decoration:none; display:block; margin:20px 0 19px 0; padding:0;}*/

.topLinks {float:right; display:block; width:270px;}
.topBlk {float:left; display:block; background:#183884 left top no-repeat; width:128px; height:25px; margin-right:5px; text-align:center;}
.topBlk a {color:#fff; width:100%; line-height:22px; text-decoration:none;}
.topBlk a:hover {background-color: #0093dd;}
.topBlk:hover {background-color: #0093dd;}
.mar0 {margin:0;}
.nav {text-align:center; width:100%; color:#000; margin-top:10px; font-size:13px;}
.nav a {color:#000; text-decoration:none; font-size:12px;}

.menu {
	width:100%;
	height:33px;
	padding:0;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menu ul {margin:0; padding:0;}
/*==================Menu Dropdown===========================================*/
.ddsmoothmenu {font:normal 13px Arial, Helvetica, sans-serif; /*background of menu bar (default state)*/ width:100%;}
.ddsmoothmenu ul {z-index:100; margin:0; padding:0; list-style-type:none;}

/*Top level list items*/
.ddsmoothmenu ul li {
	position:relative;
	display:inline;
	float:left;
	width:120px;
}
.ddsmoothmenu ul li.sep {
	background:url(../images/menSep.png) center top no-repeat;
	width:1px;
	display:block;
	float:left;
	height:33px;
	margin:0;
	padding:0;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {display:block; background:url(../images/menMid.png) left top repeat-x; /*background of menu items (default state)*/ color:#fff; text-decoration:none; float:left; width:100%; line-height:30px; text-align:center;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display:inline-block;}

.ddsmoothmenu ul li ul li a {display:block; background:#376091; /*background of menu items (default state)*/ color:#fff; text-decoration:none; margin:0; padding:0;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {color:#fff;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background:none; color:#fff;}

.ddsmoothmenu ul li a:hover {
	background:#0093dd left top repeat-x; /*background of menu items during onmouseover (hover state)*/
	color:#fff;
	line-height:33px;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul {position:absolute; left:0; top:2px; display:none; /*collapse all sub menus to begin with*/ visibility:hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/ 
.ddsmoothmenu ul li ul li {display:list-item; float:none; margin:0; padding:0;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {top:0;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {font:normal 13px Arial, Helvetica, sans-serif; width:220px; /*width of sub menus*/ padding:5px; margin:0; border-top-width:0; border-bottom:1px solid #fff; text-align:left; background:#183884;}
.ddsmoothmenu ul li ul li a:hover {font:normal 13px Arial, Helvetica, sans-serif; width:220px; /*width of sub menus*/ padding:5px; margin:0; border-top-width:0; border-bottom:1px solid #3C433B; background:#0093dd left top repeat-x; color:#fff;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height:1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {position:absolute; top:17px; right:0px; margin-right:10px;}
.rightarrowclass {position:absolute; top:6px; right:5px;}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { /*shadow for NON CSS3 capable browsers*/ position:absolute; left:0; top:0; width:0; height:0; background:#fff;}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity:0.8;}



/*==================Hompage Banner===========================================*/
.cap-title  {font-size: 18px; color: #000; font-weight: bold; margin:0 0 5px 0; display:block;}

.l-rotator {font-family:Arial,Helvetica,sans-serif; font-size:12px; border:1px solid #0093dd; position:relative; width:980px; height:300px; overflow:hidden; background-color:#E5E5E5;}
.l-rotator a {outline:none;}
.l-rotator .screen {position:relative; top:0; left:250px; width:630px; height:300px; overflow:hidden;}
.l-rotator .main-img {display:none; position:absolute; top:0; left:0; z-index:0; border:0;}
.l-rotator .textbox {position:absolute; color:#FFF; z-index:4; overflow:hidden; visibility:hidden;}
.l-rotator .inner-bg {position:relative; top:0; left:0; width:100%; height:100%; /* -moz-opacity:.70; filter:alpha(opacity=70); opacity:.7;*/ z-index:0;}
.l-rotator .inner-text {position:absolute; top:0; left:0; padding:0px 10px; width:auto; height:auto; z-index:1;}
.l-rotator .timer {position:absolute; top:0; left:0; height:3px; background-color:#FFF; -moz-opacity:.5; filter:alpha(opacity=50); opacity:.5; z-index:5; visibility:hidden; font-size:0;}
.l-rotator .cpanel {position:absolute; margin:5px; z-index:6; visibility:hidden;}
.l-rotator .play-btn {position:relative; float:left; width:22px; height:22px; background:url(../images/rotator_icons.png) -5px center no-repeat; cursor:pointer; z-index:1;}
.l-rotator .play-btn.pause {background-position:-21px center;}
.l-rotator .num-info {position:relative; float:left; height:22px; line-height:22px; padding:0 4px; text-align:center; color:#FFF; z-index:1;}
.l-rotator .preloader {position:absolute; top:50%; left:50%; width:34px; height:34px; margin-top:-17px; background:#E5E5E5 url(../images/loader.gif) center no-repeat; z-index:7;}
.l-rotator .thumbnails {position:absolute; top:0; left:0; width:250px; height:300px; overflow:hidden; z-index:10;}
.l-rotator .thumbnails ul {
	list-style:none;
	position:absolute;
	top:27px;
	left:2px;
	height:999999px;
	margin:0;
	padding:0;
}
.l-rotator .thumbnails li {position:relative; display:block; float:left; clear:both;}
.l-rotator .thumbnails li a {display:none;}
.l-rotator .thumbnails li div {position:relative; display:none; color:#FFF;}
.l-rotator #right-arrow, .l-rotator #left-arrow {position:relative; display:block; float:left; width:12px;}
.l-rotator #right-arrow {background:url(../images/rotator_icons.png) -43px center no-repeat;}
.l-rotator #left-arrow {background:url(../images/rotator_icons.png) 7px center no-repeat;}
.l-rotator .thumbnails .thumb {position:relative; display:block; float:left; cursor:pointer; color:#000; position:relative; cursor:pointer;
width:270px; padding:10px; border-color:#CCC; border-style:solid; border-width:0 0 1px 0; line-height:18px; overflow:hidden;}
.l-rotator .thumb img {display:block; float:left; padding-right:5px;}
.l-rotator .thumb p {position:relative; display:block; overflow:hidden; margin:0;}
.l-rotator .thumbnails li.selected {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.l-rotator .thumbnails li.square {-moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important;}
.l-rotator .thumbnails li.selected, .l-rotator .thumbnails li.selected .thumb {background:#4e90fe !important; /*background:-moz-linear-gradient(top, #666, #333) !important; background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333)) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#333333') !important;*/}
.l-rotator .thumbnails li.selected .thumb {color:#FFF; border-left:none; border-right:none; border-bottom:1px solid #333; cursor:default; background:#E5E5E5;}
.l-rotator .thumbnails li.selected span.cap-title {color:#E5E5E5;}
.l-rotator .thumbnails li:hover .thumb {background:#DDD;}
.l-rotator .scrollbar {position:relative; width:4px; height:100%; overflow:hidden; visibility:hidden;}
.l-rotator .knob {position:absolute; top:0; left:0; width:4px; background-color:#333; /*-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; */-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.l-rotator .btn-pane {position:absolute; top:0; left:0; width:100%; height:24px; background:url(../images/spacer.png) no-repeat; z-index:2; visibility:hidden;}
.l-rotator .up-btn, .l-rotator .down-btn {position:absolute; top:0; left:50%; width:60px; height:24px; margin-left:-30px; background:#DDD url(../images/rotator_icons.png) no-repeat; background:rgba(221,221,221,0.7) url(../images/rotator_icons.png) no-repeat;}
.l-rotator .up-btn {-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background-position:center 7px;}
.l-rotator .down-btn {-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; background-position:center -27px;}
.l-rotator .block, .l-rotator .vpiece, .l-rotator .hpiece {position:absolute; z-index:2;}
.l-rotator .strip {display:block; position:absolute; top:0; left:0; z-index:0; overflow:hidden;}
.l-rotator .content-box {display:none; position:absolute; top:0; left:0; overflow:hidden;}

.l-rotator .thumbnails .txtBlk {top:235px; left:15px; width:500px; height:20px; background-color:#3C433A; /* -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;*/ margin:0; padding:0;}
.l-rotator .thumbnails .txtBlk  h2 {font-size:16px; font-weight:bold; margin:0; padding:0;}


.banner {width:980px; margin:10px auto; height:300px;}
.banner2 {
	width:100%;
	margin:0;
	height:240px;
	background-image: url(../images/about.jpg) repeat-x;
	background-repeat: no-repeat;
	background-position: center top;
}
.aboutBan {width:100%; margin:0; background:url(../images/about.jpg) top center repeat-x; height:240px;}
.termBan {width:100%; margin:0; background:url(../images/terms.jpg) top center repeat-x; height:240px;}
.serBan {width:100%; margin:0; background:url(../images/services.jpg) top center repeat-x; height:240px;}
.propBan {width:100%; margin:0; background:url(../images/property.jpg) top center repeat-x; height:240px;}
.agriBan {width:100%; margin:0; background:url(../images/agriculture.jpg) top center repeat-x; height:240px;}
.goldBan {width:100%; margin:0; background:url(../images/gold.jpg) top center repeat-x; height:240px;}
.eduBan {width:100%; margin:0; background:url(../images/education.jpg) top center repeat-x; height:240px;}
.busBan {width:100%; margin:0; background:url(../images/business.jpg) top center repeat-x; height:240px;}
.payBan {width:100%; margin:0; background:url(../images/payslip.jpg) top center repeat-x; height:240px;}
.genBan {width:100%; margin:0; background:url(../images/general.jpg) top center repeat-x; height:240px;}
.classBan {width:100%; margin:0; background:url(../images/classification.jpg) top center repeat-x; height:240px;}
.docBan {width:100%; margin:0; background:url(../images/document.jpg) top center repeat-x; height:240px;}
.guarBan {width:100%; margin:0; background:url(../images/guaranter.jpg) top center repeat-x; height:240px;}
.govBan {width:100%; margin:0; background:url(../images/government.jpg) top center repeat-x; height:240px;}
.infoBan {width:100%; margin:0; background:url(../images/information.jpg) top center repeat-x; height:240px;}
.contBan {width:100%; margin:0; background:url(../images/contact.jpg) top center repeat-x; height:240px;}
.feedBan {width:100%; margin:0; background:url(../images/feedback.jpg) top center repeat-x; height:240px;}



.bBlk {width:300px; margin:140px 15px 0 0; padding:0; float:right;}
.bBlk h1 {font-size:18px; margin:0 0 10px 0; padding:0; width:100%;}
.bBlk .banBlk {background:url(../images/banBlk.jpg) left top no-repeat; width:290px; height:52px;}
.bBlk .banBlk span {margin:5px 10px 0 25px; color:#fff; display:block; float:left; line-height:20px;} 

.content1 {width:100%; margin:10px 0; display:block;}
.contBlk {width:100%; background:#E5E5E5; margin-bottom:20px;}
.work {background:url(../images/work-Bg.jpg) no-repeat; margin:10px; padding:0; width:282px; height:159px; display:block; float:left;}
.work h1 {margin:15px 0 0 20px; padding:0; width:100%; color:#fff;}
.conTxt {width:658px; margin:10px; float:left;}
.conTxt2 {width:690px; margin:10px; float:left; line-height:20px; border-top: 5px solid #0093dd;}
.conTxt2 h1 {
	margin:10px 0 5px 0;
	padding:0;
	font-size:23px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	color:#183884;
}
.conTxt2 h2 {margin:10px 0 5px 0; padding:0; font-size:17px; font-family:Arial, Helvetica, sans-serif; color:#0093dd;}

.conTxt2 ul.list1 {width:100%; margin:0px; padding:2px 0 10px 0; list-style-type:none;}
.conTxt2 ul.list1 li {background:url(../images/arr-bul.png) left 3px no-repeat; margin:0 0 0 25px; padding-left:10px; line-height:18px;}
.conTxt2 .abt {
	font-size: 16px;
	line-height: 26px;
}
.conTxt2 .abt tr td {
	font-size: 16px;
}
.logocontact {
	width:250px;
	height: 100px;
	float: right;
	margin-right: 0;
}

.conTxt h1 {
	margin:10px 0 10px 0;
	padding:0;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0093dd;
}
.conTxt p.hBlk {width:310px; float:left; margin:0 15px 0 0; text-align:justify; line-height:20px;}

.contBlk2 {width:100%; background:#fff; margin-bottom:20px;}
.lftPnl {width:230px; margin:10px; float:left; border-top: 5px solid #0093dd;}
.vSep {background:#ccc; width:1px; float:left; margin:10px 5px;}

.form {width:100%; margin:20px 0 0 0; padding:0; display:block;}
.form label {float:left; display:block; width:120px; font-size:13px; font-weight:bold; margin:5px 0 10px 0;}
.form input {float:left; display:block; width:180px; margin-bottom:10px; padding:3px 5px; color:#666;}
.form select {float:left; display:block; width:195px; margin-bottom:10px; padding:3px 5px; color:#666;}
.form input.btn {float:left; width:80px; cursor:pointer;}
.form textarea {float:left; display:block; width:183px; height:80px; margin-bottom:10px; padding:3px 5px; color:#666;}

/* Left Panel Expand and Collapse */
#example5 {width:200px; float:left; color:#F60; margin:10px; padding:0;}
#example5 h1 {font-size:18px; margin:0 0 10px 0; padding:0; color:#376091;}
#menu5 {margin:0;}
#menu5 li, .example_menu li {background:none; margin:0 0 0px 0; padding:0; color:#32332E; list-style:none; border-bottom: dotted 1px #ccc;}
.example_menu {list-style:none; margin:0; padding:0; vertical-align:top; width:186px;}
.example_menu ul {display:none; list-style:none; margin:0 0 0 5px; padding:0;}
.example_menu ul ul {display:block;}
.example_menu ul ul li a {padding-left:20px; width:186px;}
.example_menu a.collapsed {background: url('../images/expand2.gif') 2px 50% no-repeat; text-decoration:none;}
.example_menu a.expanded {background: url('../images/collapse.gif') 2px 50% no-repeat; text-decoration:none;}
.example_menu a {cursor:pointer; display:block; font-weight:normal; margin-left:0; padding:5px 2px 7px 28px; font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#FA6918;}
.example_menu a:hover {text-decoration:none;}
.example_menu ul a {font-size:13px; border-top:2px solid #fff; color:#666; display:block; font-weight:normal; padding:6px 5px 6px 23px; text-decoration:none;}
.example_menu ul a:link {font-weight:normal;}
.example_menu ul a:hover {text-decoration:underline; color:#000;}
.example_menu li.active a {background:#FF9900;}
.example_menu li.active li a {background:#e8e8e8;}
.example_menu a.active {color:#000;}

.news {width:100%; margin:10px 0;}
.news h2 {width:220px; margin:0; padding:0 0 0 10px; background:#4e90fe; color:#fff; font-size:16px; height:28px; line-height:25px;}
.news .cBlk {background:#E5E5E5; padding:10px; margin:0; line-height:20px;}

.footer {width:100%; margin:0; padding:0;}
.footer a {
	color: #454545;
	text-decoration: none;
	font-size: 12px;
	font-family: tahoma;
}
.footer a:hover {
	color: #000000;
	text-decoration: underline;
}
.sep {background:#5D5C5A; height:1px; width:100%; margin:10px 0;}
.fTxt {width:100%; font-family:Arial, Helvetica, sans-serif;}
.fTxt .copy {float:left; width:500px;}
.fTxt .hBy {float:right; width:220px;}
.fTxt .hBy a {text-decoration:none; color:#32332E;}
.fTxt .hBy a:hover {color:#CDD3CF;}

.help
{
background:url(../images/help.jpg) no-repeat;
width:228px;
height:105px;
}

.call-back
{
background:url(../images/call-back.jpg) no-repeat;
width:229px;
height:380px;
}