@charset "utf-8";
/* CSS Document */
HTML{margin:0px; padding:0px; background:#ffffff url(../images/page-bg.gif) top repeat-x;}
*{margin:0px; padding:0px;}
body{width:994px; height:auto; padding:0px; margin:0px auto; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; color:#838383;}
#logo{width:90%; height:auto; float:left; position:relative; margin:0px 0px 0px 10px; padding:0px;}

#menu{width:963px; margin:0px; padding:0px 10px 0px 0px; float:left; border-bottom:3px solid #112336; height:33px; position:relative}
#menu .menu1{width:52px; margin:0px 1px; padding:0px; line-height:25px; float:right; height:33px; position:relative;}
#menu .menu1 a{width:52px; margin:0px; padding:0px; float:right; line-height:33px; height:33px; position:relative; color:#7393b1; text-decoration:none; text-align:center;}
#menu .menu1 a:hover{width:52px; margin:0px; padding:0px; float:right; height:33px; background:url(../images/menu_bg.gif) left top no-repeat; position:relative; color:#FFFFFF; text-align:center;}
#menu .menu2{width:72px; margin:0px 1px; padding:0px; line-height:25px; float:right; height:33px; position:relative;}
#menu .menu2 a{width:72px; margin:0px; padding:0px; float:right; line-height:33px; height:33px; position:relative; color:#7393b1; text-decoration:none; text-align:center;}
#menu .menu2 a:hover{width:72px; margin:0px; padding:0px; float:right; height:33px; background:url(../images/menu_bg2.gif) left top no-repeat; position:relative; color:#FFFFFF; text-align:center;}

#menu .menu3{width:93px; margin:0px 1px; padding:0px; line-height:25px; float:right; height:33px; position:relative;}
#menu .menu3 a{width:93px; margin:0px; padding:0px; float:right; line-height:33px; height:33px; position:relative; color:#7393b1; text-decoration:none; text-align:center;}
#menu .menu3 a:hover{width:93px; margin:0px; padding:0px; float:right; height:33px; background:url(../images/menu_bg3.gif) left top no-repeat; position:relative; color:#FFFFFF; text-align:center;}


#tooltip{ width:994px; height:33px; float:left; margin:0px 0px 0px 0px; padding:0px; position:relative; background:url(../images/bg-tooltip.gif) left no-repeat;}
#tooltip1{ width:20px; height:18px; background:url(../images/icon-font.gif) left top no-repeat; float:right;  margin:5px 0px 0px 20px; padding:0px; position:relative; display:inline; text-indent:0;}
#tooltip1 a:hover{background:url(../images/icon-font.gif) left top no-repeat; float:right;}
#tooltip2{ width:20px; height:18px; background:url(../images/icon-favourite.gif) left top no-repeat; float:right;  margin:5px 5px 0px 15px; padding:0px; position:relative; display:inline; text-indent:0; list-style:none;}
#tooltip2 a:hover{background:url(../images/icon-favourite.gif) left top no-repeat; float:right;}
#tooltip3{ width:20px; height:18px; background:url(../images/icon-print.gif) left top no-repeat; float:right;  margin:5px 5px 0px 10px; padding:0px; position:relative; display:inline; text-indent:0;}
#tooltip3 a:hover{ background:url(../images/icon-print.gif) left top no-repeat; float:right;}
#tooltip4{ width:20px; height:18px; background:url(../images/icon-chat.gif) left top no-repeat; float:right;  margin:5px 77px 0px 10px; padding:0px; position:relative; display:inline; text-indent:0;}
#tooltip4 a:hover{ background:url(../images/icon-chat.gif) left top no-repeat; float:right;}
#tooltip5{ width:35px; height:35px; background:url(../images/client-login.jpg) left top no-repeat; float:right;  margin:10px 77px 0px 10px; padding:0px; position:relative; display:inline; text-indent:0;}

/*=============================================================Home page==============================================*/
#content{width:973px; height:auto; float:left; position:relative; background:#ffffff url(../images/bg-content.gif) top repeat-x; margin:0px 0px 0px 0px; padding:0px 10px 10px 10px;}
#banner{width:623px; height:auto; float:left; position:relative; margin:0px 0px 25px 0px; padding:0px;}
#our-sectors{width:320px; height:210px; float:left; position:relative; margin:0px 0px 25px 0px; padding:25px 15px 10px 15px; background:url(../images/bg-top.gif) top no-repeat; font-size:12px;}
#our-sectors img{width:auto; height:auto; position:relative; margin:0px; padding:0px; float:left;}
#our-sectors ul{width:285px; height:auto; margin:0px; padding:0px; position:relative; float:left;}
#our-sectors ul li{width:273px; height:auto; margin:0px; padding:2px 0px 0px 15px; position:relative; float:left;font-size:12px; color:#7096b9; font-weight:bold; background:url(../images/bullet.gif) top left no-repeat; display:block;}
#our-sectors ul li a{color:#7096b9;text-decoration:none;}
#our-sectors ul li a:hover{color:#7096b9;text-decoration:underline;}
#our-sectors h1{width:330px; height:auto; float:left; position:relative; margin:5px 0px 10px 0px; padding:0px;}
#recent-news{width:279px; height:275px; float:left; position:relative; margin:0px 7px 0px 0px; padding:10px 13px; background:url(../images/bg-lower.gif) bottom no-repeat; font-size:11px;}
#recent-news h1{width:279px; height:auto; float:left; position:relative; margin:5px 0px 10px 0px; padding:0px;}
#recent-news ul{width:279px; height:auto; margin:0px; padding:0px; position:relative; float:left;}
#recent-news ul li{width:270px; height:auto; margin:0px; padding:5px 0px 0px 15px; position:relative; float:left;background:url(../images/bullet.gif) top left no-repeat; display:block;}
#recent-news h2{width:279px; height:auto; float:left; position:relative; margin:7px 0px 0px 0px; padding:0px; font-size:12px; color:#7096b9}
#recent-news h3{width:279px; height:auto; float:left; position:relative; margin:-2px 0px; padding:0px; font-size:12px; font-weight:bold;}
#recent-news a{color:#4e7599; text-decoration:none;}
#recent-news a:hover{color:#4e7599; text-decoration:underline;}
#recent-news img{width:auto; height:auto; position:relative; margin:0px; padding:0px; float:left;}

#overview{width:279px; height:275px; float:left; position:relative; margin:0px 7px 0px 0px; padding:10px 13px; background:url(../images/bg-lower.gif) top no-repeat; font-size:11px;}
#overview h1{width:279px; height:auto; float:left; position:relative; margin:5px 0px 10px 0px; padding:0px;}
#overview ul{width:279px; height:auto; margin:0px; padding:0px; position:relative; float:left;}
#overview ul li{width:270px; height:auto; margin:0px; padding:5px 0px 0px 15px; position:relative; float:left;background:url(../images/bullet.gif) top left no-repeat; display:block;}
#overview h2{width:279px; height:auto; float:left; position:relative; margin:7px 0px 0px 0px; padding:0px; font-size:12px; color:#7096b9}
#overview h3{width:279px; height:auto; float:left; position:relative; margin:-2px 0px; padding:0px; font-size:12px; font-weight:bold;}
#overview a{color:#4e7599; text-decoration:none;}
#overview a:hover{color:#4e7599; text-decoration:underline;}
#overview img{width:auto; height:auto; position:relative; margin:0px; padding:0px; float:left;}


#whatwe img{width:auto; height:auto; position:relative; margin:0px; padding:0px; float:left;}
#whatwe{width:294px; height:275px; float:left; position:relative; margin:0px 7px 0px 0px; padding:10px 13px; background:url(../images/bg-what-we.gif) bottom no-repeat; font-size:11px;}
#whatwe h1{width:285px; height:auto; float:left; position:relative; margin:5px 0px 10px 0px; padding:0px;}
#whatwe ul{width:auto; height:auto; margin:0px; padding:0px; position:relative; float:left;}
#whatwe ul li{width:279px; height:auto; margin:0px; padding:5px 0px 0px 15px; position:relative; float:left;background:url(../images/bullet.gif) top left no-repeat; display:block;}


#footer{width:960px; height:50px; line-height:50px; float:left; position:relative; margin:0px; padding:0px;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:underline;}
 form{margin:0px; padding:0px;}
/*=============================================================Inner pages==============================================*/ 
#content-inner{width:953px; height:auto; float:left; position:relative; background:#ffffff url(../images/bg-content2.gif) top repeat-x; margin:0px 0px 0px 0px; padding:0px 10px 10px 10px;}
#bottom{width:973px; height:101px; float:left; position:relative; background:#ffffff url(../images/bg-bottom.gif) bottom repeat-x; margin:0px 0px 0px 0px; padding:0px;}
#bottom-nav{width:923px; height:45px; line-height:45px; float:left; position:relative; background-color:#abbed0; margin:0px 0px 0px 0px; padding:0px 25px; font-size:12px; color:#FFFFFF; font-weight:bold;}
#bottom-nav a{color:#FFFFFF; text-decoration:none;}
#bottom-nav a:hover{color:#FFFFFF; text-decoration:underline;}
#left{width:640px; height:auto; margin:30px 20px 20px 0px; padding:0px; float:left; position:relative; text-align:justify;}

#left img{width:auto; height:auto; position:relative; margin:0px; padding:0px; float:left;}
#right{width:260px; height:auto; margin:0px 0px 20px 0px; padding:30px 10px 20px 20px; float:left; position:relative; background:url(../images/devider.gif) left top no-repeat;}

#right h1{width:260px; height:auto; float:left; position:relative; margin:0px; padding:0px 0px 5px 0px; color:#222222; font-size:18px;}
#right h2{width:260px; height:auto; float:left; position:relative; margin:0px; padding:5px 0px 5px 0px; font-size:12px; font-weight:normal; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC;}
#right ul{width:260px; height:auto; margin:10px 0px 20px 0px; padding:0px; position:relative; float:left;}
#right ul li{width:260px; height:auto; padding:5px 0px 0px 15px; position:relative; float:left;background:url(../images/bullet.gif) top left no-repeat; display:block;font-size:12px; color:#7096b9; font-weight:bold;}
#right ul li a{color:#7096b9; text-decoration:none;}
#right ul li a:hover{color:#7096b9; text-decoration:underline;}



#breadcrumb{width:623px; height:auto; float:left; position:relative; margin:15px 0px 0px 0px; padding:0px 0px 5px 0px; font-size:11px; color:#7393b1; font-weight:normal;}
#breadcrumb h1{margin:0px 0px 5px 0px; padding:0px; float:left; position:relative; width:623px; height:auto;}
#breadcrumb a{ color:#7393b1; text-decoration:none;}
#breadcrumb a:hover{ color:#7393b1; text-decoration:underline;}

#more{float:right; width:98%; text-align:right;}

#left a{text-decoration:underline; color:#000099;}
#left a:hover{text-decoration:none; color:#000099;}
#left h2{width:640px; height:auto; float:left; position:relative; margin:0px; padding:0px 0px 5px 0px; color:#7096b9;font-size:14px;}
#left h3{width:640px; height:auto; float:left; position:relative; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:12px; font-weight:normal; border-bottom:1px dotted #CCCCCC;}

#left ul{width:640px; height:auto; margin:0px 0px 20px 0px; padding:0px; position:relative; float:left;}
#left ul li{width:615px; height:auto; margin:0px 0px 0px 10px; padding:5px 0px 0px 15px; position:relative; float:left;background:url(../images/bullet.gif) top left no-repeat; display:block;}

#contact{width:600px; height:auto; margin:20px; padding:0px; float:left; position:relative;}
#contact ul{width:600px; height:auto; margin:0px; padding:0px; float:left; position:relative;}
#contact ul li{width:250px; height:auto; line-height:20px; margin:5px 0px; padding:0px; float:left; position:relative; display:block; background:none;}
#contact ul li input{width:200px; height:auto;}


#news{width:640px; height:auto; margin:30px 20px 20px 0px; padding:0px; float:left; position:relative; text-align:justify;}
#news img{width:auto; height:auto; position:relative; margin:0px; padding:0px; float:left;}
#news a{text-decoration:underline; color:#7096b9;}
#news a:hover{text-decoration:none; color:#7096b9;}
#news h2{width:640px; height:auto; float:left; position:relative; margin:0px; padding:0px; color:#7096b9;font-size:12px;}
#news h3{width:640px; height:auto; float:left; position:relative; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:12px; font-weight:normal; border-bottom:1px dotted #CCCCCC;}