/* CSS Document */

*{
margin:0;
padding:0;}

body{ background:#EEEEEE;
}

.clear{ clear:both;}

.main {
margin: 0 auto;
padding: 0;
}

.fl{
float:left;}

/*======== Header starts here ==========*/
.header{ background:url(../images/header_bg.gif) repeat-x;
width:100%;
height: 120px;}

.head{
height: 148px;
margin: 0 auto;
width: 950px;
}

.logo{
background:url(../images/logo.gif) no-repeat;
width:289px;
height:56px;
float:left;
margin-top:20px;
margin-left:14px;}

.search_box{
width:310px;
float:right;
margin-top:15px;
}

.hbma{
background:url(../images/HbmaLogo.gif) no-repeat;
width:102px;
height:58px;
float:right;
padding-right: 60px;
}

.userarea{
width:75px;
float:left;}

.userarea a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#353535;
text-decoration:none;
line-height:33px;
padding:2px 7px;
cursor:pointer;
}

.userarea a:hover{
background-color:#000000;
text-decoration:none;
padding:2px 7px;
color:#FFFFFF;
}

.serachinput{
background:url(../images/search_input_bg.gif) no-repeat;
width:179px;
height:33px;
float:left;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
line-height:33px;
padding-left:5px;
}

.search_button_box{
width:38px;
float:left;
}

.search_button{
float:left;
width:38px;
height:33px;
}

.navi_box{
width:950px;
margin:0 auto;
}

.navigation{
background:url(../images/shadow_new1.gif) no-repeat bottom left;
height:82px;
width:950px;
float:left;
margin-top:-30px;
z-index:100;
position:relative;
}

.navigation ul{
margin:0;
padding:0;
}

.navigation ul li{
list-style:none;
float:left;}

/*======== Header ends here ==========*/

/* ======== Banner starts here =========*/

.orange_banner{
background:url(../images/head_bg.jpg) center top repeat-x;
height:80px;
margin:0 auto;
}

.orange_banner1{
background:url(../images/head_bg.jpg) center top repeat-x;
height:410px;
margin:0 auto;
}

.banner_content{
width:950px;
margin:0 auto;
padding-top:45px;}

.text_box{
float:left;
width:800px;
/*padding-top:50px;*/
padding-left:80px;}

.banner_head{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#ffffff;
font-weight:bold;
text-align:center;
}

.banner_text{
width:900px;
float:left;
padding-top:30px;
padding-bottom:30px;
padding-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
line-height: 19px;}

.learnmore{
width:950px;
float:left;
padding-top:20px;
}

.learnmore_button{
width:189px;
height:61px;
margin-left:400px;}
/* ======== Banner ends here =========*/

/* ======== blackbg starts here =========*/

.blackbg{
background:#252525 repeat;
padding-top:30px;
padding-bottom:30px;
}

.black_content{
width:950px;
margin:0 auto;}

.heading{
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#f57a02;
font-weight:bold;
text-decoration:none;}

.box{
width:225px;
float:left;}

.box_content{
margin-top:10px;
float:left;}

.box_content ul{
margin:0;
padding:0;}

.box_content li{
list-style:none;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
border-bottom:1px solid #3c3c3c;
padding-bottom:10px;
padding-top:10px;
width:190px;
}

.box_content li a{
color:#ffffff;
text-decoration:none;
}

.box_content li a:hover{
color:#f57a02;
text-decoration:underline;
}

.marginleft{
margin-left:12px;}

.marginleft2{
margin-left:80px;}

.connects{
width:170px;
float:left;
}

.connect_facebook{
background:url(../images/facebook.gif) no-repeat;
width:45px;
height:45px;
float:left;}

.connect_twitter{
background: url(../images/twitter.gif) no-repeat;
width:45px;
height:45px;
float:left;}

.connect_rss{
background: url(../images/rss-feeds.gif) no-repeat;
width:45px;
height:45px;
float:left;}

.connect_text{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
line-height:45px;
padding-left:15px;
float:left;}

.connect_text a{color:#ffffff;
text-decoration:none;}

.connect_text a:hover{color:#f57a02;
text-decoration:underline;}

.readmore{
width:170px;
float:left;}

.readmore a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#f57a02;
text-decoration:none;
float:right;
padding-top:10px;
padding-right:10px;
}

.readmore a:hover{
color:#f57a02;
text-decoration:underline;


}
/* ======== blackbg ends here =========*/


/* ======== footer starts here =========*/
.footer{
background:#1a1a1a repeat;
padding-top:20px;
padding-bottom:20px;
}

.footer_box{
width:950px;
margin:0 auto;
text-align:center;}

.footer_text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;}

.footer_links{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#f57a02;
text-decoration:none;
padding-left:20px;}

.footer_links a{
color:#f57a02;
text-decoration:none;
padding-left:5px;
padding-right:5px;}

.footer_links a:hover{
color:#f57a02;
text-decoration:underline;}

/* ======== footer ends here =========*/

/* ======== midpart starts here =========*/

.midpart{
background-color:#FFFFFF;
padding-top:30px;
padding-bottom:50px;}

.mid_content{
width:950px;
margin:0 auto;
}

.text{font-family:Arial, Helvetica, sans-serif;
color: #2D2D2D;
font-size: 14px;
font-weight: normal;
line-height:18px;
text-align:justify;
width:940px;
}

.margin_bottom{
margin-bottom:20px;}

.table{

width:620px;
margin-left:20px;
float:left;
}

.table_top{
background-color:#FF7500;
height:20px;
float:left;
width:610px;
padding:5px;}

.table_mosttop{
background-color:#CFCFCF;
height:20px;
float:left;
width:610px;
padding:5px;
margin-bottom:2px;}

.table_heading{
float:left;
width:202px;
text-align:center;
border-right: 1px solid #ffffff;
height:20px;

}

.table_text_heading{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
text-transform: uppercase;
line-height: 20px;

}

.tabletop_text_heading{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;
text-decoration:none;
text-transform: uppercase;
line-height: 20px;

}

.table_content{
float:left;
width:608px;
padding:5px;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
height:auto;
padding-bottom:15px;

}
.table_sub_content{
float:left;
width:201px;
}

.dashboard_img{
background:url(../images/dasboard.jpg) no-repeat;
width:495px;
height:269px;
margin-left: 50px;
margin-top: 20px;
}

.img{
background:url(../images/img.jpg) no-repeat;
width:527px;
height:972px;
float:left;
margin-left:30px;
margin-top:15px;}

/* ======== midpart ends here =========*/



/* ======== side navi starts here =========*/

.side_box{
float:left;
margin-top:30px;
width:auto;
}

.side_box ul{
margin:0;
padding:0;
}

.side_box ul li{ list-style:none;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
line-height:35px;
text-decoration:none;
display:block;
}


li.services a{
color:#000000;
text-decoration:none;
line-height:35px;
width:177px;
display:block;
padding-left:10px;
}

li.services a:hover{background-color:#ff7500;
width:165px;
line-height:33px;
color:#ffffff;
padding-left:10px;
display:block;
border:1px solid #000000;
}

.side_box li.selected_services a{
text-decoration:none;
background-color:#ff7500;
width:165px;
color:#ffffff;
padding-left:10px;
line-height:33px;
display:block;
border:1px solid #000000;
}


li.products a{
color:#000000;
text-decoration:none;
line-height:35px;
width:211px;
display:block;
padding-left:10px;

}

li.products a:hover{background-color:#ff7500;
width:199px;
color:#ffffff;
line-height:33px;
padding-left:10px;
display:block;
border:1px solid #000000;
}

.side_box li.selected_products a{
text-decoration:none;
background-color:#ff7500;
width:199px;
color:#ffffff;
padding-left:10px;
line-height:33px;
display:block;
border:1px solid #000000;
}


li.consultancy a{
color:#000000;
text-decoration:none;
line-height:35px;
width:279px;
display:block;
padding-left:10px;
}

li.consultancy a:hover{background-color:#ff7500;
width:267px;
line-height:33px;
color:#ffffff;
padding-left:10px;
display:block;
border:1px solid #000000;
}

.side_box li.selected_consultancy a{
text-decoration:none;
background-color:#ff7500;
width:267px;
color:#ffffff;
padding-left:10px;
line-height:33px;
display:block;
border:1px solid #000000;
}

li.about a{
color:#000000;
text-decoration:none;
line-height:35px;
width:136px;
display:block;
padding-left:10px;
}

li.about a:hover{background-color:#ff7500;
width:124px;
line-height:33px;
color:#ffffff;
padding-left:10px;
display:block;
border:1px solid #000000;
}

.side_box li.selected_about a{
text-decoration:none;
background-color:#ff7500;
width:124px;
color:#ffffff;
padding-left:10px;
line-height:33px;
display:block;
border:1px solid #000000;
}

li.resources a{
color:#000000;
text-decoration:none;
line-height:35px;
width:258px;
display:block;
padding-left:10px;
}

li.resources a:hover{background-color:#ff7500;
width:246px;
color:#ffffff;
padding-left:10px;
display:block;
border:1px solid #000;
line-height:33px;

}

.side_box li.selected_resources a{
text-decoration:none;
background-color:#ff7500;
width:246px;
color:#ffffff;
padding-left:10px;
line-height:33px;
display:block;
border:1px solid #000;

}


/* ======== side navi ends here =========*/

/* ======== content starts here =========*/
.content_box{
width:700px;
float:right;
margin-top:30px;
border-left:1px dotted #CFCFCF;
padding-bottom: 10px;
min-height:280px;
height:auto !important;
height:280px;


}

.mid_heading{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FF7500;
font-weight:bold;
text-decoration:none;
text-transform: uppercase;
}

.heading_box{
margin-left:20px;
float:left;
width:650px;
}

.main_heading{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000000;
font-weight:bold;
text-decoration:none;
text-transform: uppercase;
padding-bottom:12px;

}

.googleAdd{
width:500px;
float:left;
margin-left:175px;}


.page_heading{
padding-left:10px;
width:940px;
float:left;}

.content_text{
padding-top:10px;
width:201px;
border-right: 1px solid #CFCFCF;
min-height:270px;
height: auto !important;
height:270px;
float:left;
}

.content_text ul{
margin:0;
padding:0;}

.content_text ul li{
list-style:disc;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-decoration:none;
padding-bottom:8px;
margin-left:25px;
}

.content_text ul li a{
color:#000000;
text-decoration:none;
}

.content_text ul li ul{
padding:0;
margin-top:8px;}

.content_text ul li ul li{
list-style:disc;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-decoration:none;
padding-bottom:3px;
margin-left:20px;

}

.content_text ul li ul li a{

color:#000000;
text-decoration:none;
}


.content_wrap{
float:left;
width:190px;
padding-left:20px;
border-left: 1px dotted #cfcfcf;
padding-right:5px;}

.margin_top{
margin-top:20px;}

.content_wrap2{
float:left;
width:670px;
padding-left:20px;
}

.content_wrap_contactus{
float:left;
width:900px;
padding-left:20px;
}


.content_wrap_consultancy{
float:left;
width:600px;
padding-left:20px;
}

.content_box_consultancy{
width:620px;
float:right;
margin-top:30px;
border-left:1px dotted #CFCFCF;
padding-bottom: 10px;
min-height:280px;
height:auto !important;
height:280px;

}

.content_box_resources{
width:660px;
float:left;
margin-top:30px;
border-left:1px dotted #CFCFCF;
padding-bottom: 10px;
min-height:280px;
height:auto !important;
height:280px;
margin-left:20px;
}

.content_wrap_resources{
float:right;
width:640px;


}

.content_box_contact{
width:900px;
float:left;
margin-top:30px;
border-left:1px dotted #CFCFCF;
padding-bottom: 10px;
min-height:280px;
height:auto !important;
height:280px;
}


.it_services{
float:left;
width:400px;
padding-left:10px;
}

.it_services ol{
margin:0;
padding-left:20px;}

.it_services ol li{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-decoration:none;
padding-bottom:8px;
}
.it_services ol li a{
color:#000000;
text-decoration:none;

}

.page_content{
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
text-decoration:none;
text-align:justify;
line-height: 19px;
float:left;

}

.page_content a{
color: #f57a02;
text-decoration:none;
}

.page_content a:hover{
color: #f57a02;
text-decoration:underline;
}


.page_content ul{
margin-top:10px;
padding:0;}

.page_content ul li{
list-style:disc;
margin-left:30px;
padding-bottom:5px;

}

.page_content ul li a{

}

.page_content ul li ul{
margin-top:5px;
padding:0;
}

.page_content ul li ul li{
list-style:disc;
padding-bottom:3px;
margin-left:40px;
}

.page_content ul li ul li a{ 
}

.page_content ol{
margin-top:30px;
padding:0;}

.page_content ol li{
margin-left:30px;
padding-bottom:8px;}

.page_content ol li ol{margin-top:5px;
padding:0;}

.page_content ol li ol li{
padding-bottom:3px;
margin-left:40px;}

.page_content ol li ol li ol{
margin-top:5px;
padding:0;
}

.page_content ol li ol li ol li{padding-bottom:3px;
margin-left:30px;}

.box_tex{
width:630px;
float:left;}

.margin_top{
margin-top:20px;}

.margin_top2{
margin-top:50px;}

.margin_top3{
margin-top:10px;}

.contact_heading{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#f57a02;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

.table2{
border:1px solid #cfcfcf;
width:600px;
float:left;
margin-top:15px;
margin-bottom:20px;}

.table2_top{
border-bottom:1px solid #cfcfcf;
width:600px;
float:left;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
background-color:#FF7500;
}

.top_text{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
.table2_content{
width:600px;
float:left;
height:300px;
min-height:300px;
height:auto !important;}

.table_bor_bottom{
border-bottom:1px solid #cfcfcf;
height:40px;
float:left;
width:600px;}

.box1{
float:left;
width:75px;
border-right:1px solid #cfcfcf;
height:40px;
}

.box4{
float:left;
width:71px;
border-right:1px solid #cfcfcf;
height:40px;
}

.box1_text{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
height:40px;
line-height:40px;
text-align:center;}


.box2{
float:left;
width:104px;
border-right:1px solid #cfcfcf;
height:40px;
text-align:center;}

.box3{
float:left;
width:87px;
border-right:1px solid #cfcfcf;
height:40px;}

.box_text{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:center;
height:40px;
width:104px;
}

.box_text2{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
height:40px;
width:87px;
}

.box_subtext{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-align:center;
height:40px;
line-height:40px;
text-align:center;
width:104px;
}

.box_subtext2{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-align:center;
height:40px;
line-height:40px;
text-align:center;
width:87px;
}

.table_row_white{
height:auto;
float:left;
width:600px;
background-color:#ffffff;
margin-top:5px;
padding-top:5px;
padding-bottom:5px;}

.table_row_cream{
height:auto;
float:left;
width:600px;
background-color:#f3e7dc;
margin-top:5px;
padding-top:5px;
padding-bottom:5px;}

.table_left{
width:290px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:normal;
padding-left:5px;
padding-right:5px;

}

.table_right{
width:290px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:normal;
padding-left:5px;
padding-right:5px;}

.condition{
width:600px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:normal;
text-align:justify;
padding-bottom:5px;
border-bottom:1px solid #cccccc;
line-height:15px;}

.logo_box{
width:580px;
text-align:center;
float:left;}

.news_content{padding-left:10px;
width:950px;
float:left;
margin-top:30px;}

.news_box{
width:880px;
float:left;}

.news_head{
color: #FF7500;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-transform:none;}

.news_text{ color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight:normal;
text-decoration: none;
text-transform:none;
padding-top:15px;
text-align:justify;}


/* ======== content ends here =========*/

.mission{
width:243px; 
height:140px; 
border: dotted 1px #333333;
float:left;
background:url(../images/about2.gif) no-repeat;
}

.testimonials{
width:243px; 
height:140px; 
border: dotted 1px #333333;
float:left;
background:url(../images/test.gif) no-repeat;
}

.company{
width:403px; 
height:200px; 
border:1px solid #000000;
background: url(../images/company1.gif) no-repeat;
margin-top: 10px;
}


.date{
color:#000000;
font-weight:bold;}

.pdf{
float:left;
width:500px;
}

.pdf_text{
margin-left:5px;
float:left;
height:35px;
line-height:35px;
color:#000;
}

.pdf_text a{
color:#000;}

.pdf_text a:hover{
color:#f57a02;
text-decoration:none;}

.privacy{
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
text-decoration:none;
text-align:justify;
line-height: 19px;
float:left;

}

.privacy a{
color: #000000;
text-decoration:none
}

.privacy a:hover{
color: #000000;
text-decoration:none
}

.privacy ol{
margin-top:10px;
padding:0;}


.privacy ol li{
margin-left:30px;
padding-bottom:8px;}

.privacy ol li ol{margin-top:10px;
padding:0;}

.privacy ol li ol li{
padding-bottom:4px;
margin-left:20px;}

/*............................changes.................................*/

.images_box
{
width:620px;
height:auto;
float:left;
margin-left:20px;
}

.front_office_image
{
width:588px;
height:284px;
}

.middle_office_image
{
width:537px;
height:376px;
}

.back_office_image
{
width:486px;
height:365px;
}

.test_name
{
width:670px;
font-family:arial;
font-size:13px;
color:#FF9900;
text-align:right;
font-weight:bold;
padding-top:10px;
}

.test_details
{
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
text-decoration:none;
text-align:justify;
line-height: 19px;
}


.logo_ani{
	float: left;
	height: 210px;
	position: relative;
	width: 210px;
	overflow:hidden;}
	
	.logo_ani ul
{
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;

}

.logo_ani ul li
{
	display:inline;
	float:left;
	position:absolute;
		width: 210px;
	left:0px;
	padding-bottom:0;
	padding-top:0;
}
