@import url('../css/global.css');

.main_bg_expertise
{
	width:100%;
	background:url(../images/expertise_headerbg.gif) left top repeat-x;
	margin:0 auto;
}


.header_image
{width:1003px;
height:153px;
margin:0 auto;
}
.breadcrum
{ 
width:961px;
margin:0 0 0 19px;
height:36px;
background:url(../images/breadcrum_border.gif) repeat-x top left;
}

.breadcrum ul
{ float:left;
list-style:none;
width:890px;
}

.breadcrum ul li
{ display:block;
float:left;
background:url(../images/bredcom_arrow.gif) right 1px no-repeat;
padding:1px 20px 0px 10px;
line-height:34px;
font-weight:bold;
font-size:12px;

}

.breadcrum ul li a 
{ display:block;
float:left;
line-height:34px;
font-weight:bold;
font-size:12px;
text-decoration:none;
color:#4f4f4f;
}

.breadcrum ul li a:hover
{text-decoration:underline;
color: #534185
}

.breadcrum ul li.nobg
{background:none;}

.breadcrum ul li.logo_icon a
{
background:url(../images/bredcom_logo.gif) left 1px no-repeat;
margin:0;
padding:0;
width:22px;
height:34px;
text-indent:-99999px;
float:left;
}

.breadcrum ul li.logo_icon a:hover 
{
background:url(../images/bredcom_logo_hover.jpg) left 1px no-repeat;
}


.breadcrum_left_crnr
{ width:5px;
height:36px;
float:left;
}

.breadcrum_right_crnr
{ width:5px;
height:36px;
float:right;
}

.sub_nav
{
width:960px;
overflow:hidden;
clear:both;
padding:31px 0px 20px 0px;
}

.sub_nav ul
{
overflow:hidden;
}

.sub_nav ul li
{ display:block;
float:left;
font-size:16px;
margin-right:5px;
}

.sub_nav ul li a
{ text-decoration:none;
color:#4F4F4F;
float:left;
height:35px;
line-height:25px;
display:block;
text-align:center;
cursor:pointer;
}
.sub_nav ul li a b
{
padding:0 10px 0 0;
font-weight: normal !important;
}
.sub_nav ul li a span
{
padding:0 0 0 10px;
}
.sub_nav ul li a:hover
{
background:url(../images/expertise_subnav_center.gif) center top no-repeat;
color:#FFFFFF;
float:left;
display:block;
}
.sub_nav ul li a:hover span
{
background:url(../images/expertise_subnav_left.gif) left top no-repeat;
display:block;
padding:0 0 0 10px;
float:left;
}
.sub_nav ul li a:hover span b
{
background:url(../images/expertise_subnav_right.gif) right top no-repeat;
display:block;
height:32px;
padding:0 10px 0 0;
float:left;
}
.sub_nav ul li .active{
background:url(../images/expertise_subnav_center.gif) center top no-repeat;
color:#FFFFFF;
float:left;
display:block;
}
.sub_nav ul li .active span
{
background:url(../images/expertise_subnav_left.gif) left top no-repeat;
display:block;
padding:0 0 0 10px;
float:left;
}
.sub_nav ul li .active span b
{
background:url(../images/expertise_subnav_right.gif) right top no-repeat;
display:block;
height:32px;
padding:0 10px 0 0;
float:left;
}

h1
{margin:-2px 0 0 0 ;
color:#5A488B;
font-size:36px;
line-height:40px;
font-weight:normal;
}

h2
{ 
	line-height:25px;
	font-size:18px;
	margin-top:24px;
	font-weight:normal;
}

.left_content_head
{
	font-size:18px;
	padding-bottom:24px;	 
}

.left_content
{ 
	width:450px;
	float:left;
	text-align:justify;
	margin-top:24px;
	
}

.left_content ul
{
 list-style:none;
 margin:0px;
 padding:0px;
}

.left_content ul li
{
	display:block;
	float:left;
	margin:0 0 0 10px;
}

.left_content ul li ul li
{ 
	display:block;
	float:none;
	margin:0 0px 0 20px;
	background:url(../images/down_tab_line.jpg) left bottom no-repeat;
	line-height:60px;

}

h3
{
	margin-top:20px;
	padding-bottom:3px;
	font-size:18px;
	font-weight:normal;
}

.right_content
{
	width:450px;
	float:right;
	text-align:justify;
}

.right_content img
{
	margin-top:80px;
}

.website_image
{
	width:450px;
	float:right;
	text-align:justify;
	margin-top:15px;
}
.website_text2
{
	border-top:solid 1px #E5E5E5;
	margin-top:20px;
	padding:20px 0 0 0;
}

.our_team_text
{
width:450px;
float:left; 
overflow:hidden;
text-align:justify;
margin:24px 0 0 0;
}


.certifieds
{ 
	float:right;
	width:500px;
	margin-top:40px;
}

.iso-certified
{ 
	width:281px;
	float:left;
}

.iso
{
	width:205px;
	float:right;
	margin-bottom:50px;
}

.job_openings
{
	width:341px;
	float:left;
	float:right;
	margin-right:120px;

}

.job_openings h1
{
	font-size:18px;
	color:#4F4F4F;
	margin:0px;
	padding:0px;
	line-height:18px;
	margin:24px 0 20px 0;
	font-weight:normal;
}

.job_openings ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

.job_openings ul li
{
	display:block;
	line-height:30px;
	background:url(../images/job_tick_icon.png) 5px 5px no-repeat;
	padding:0 0 0 30px;
}

.job_openings ul li.gray
{
 background-color:#F4F4F4;
}

.news
{
	width:409px;
	float:left;
	text-align:justify;
	margin-top:24px;	
}

.news img
{
	margin:5px 0 0 0; 
}

.news a
{
	text-decoration:underline;
	color:#00799A;
}

.news a:hover
{
text-decoration:none;
}

.news h3
{
	margin:0 0 0 0px;
	padding:0px;
	font-weight:normal;
	font-size:17px;
}

.news_right
{
	width:409px;
	float:right;
	text-align:justify;
	margin-right:82px;
	margin-top:20px;
}

.news_right h3
{
	margin:0 0 0 0px;
	padding:0px;
	font-weight:normal;
	font-size:17px;
}

.news_right img
{
	margin:5px 0 0 0; 
}

.news_right a
{
	text-decoration:underline;
	color:#00799A;
}

.news_right a:hover
{
text-decoration:none;
}

.gitex_image
{
	width:54px;
	float:left;
	margin-right:10px;
}
.tabs
{
width:450px;
float:left;
margin-top:24px;
}
.tabs h2
{
 margin: 0 0 24px 0;
 padding:0px;
 font-weight:normal;
 line-height:normal;	
}


.left_tabs p
{
	width:409px;
	margin:0px;
	padding:0px;
	float:left;
}

.left_tabs
{ 
	width:225px;
	float:left;
	text-align:justify;
	margin-top:0px;
}

left_tabs p
{
 margin:0px;
 padding:0px;
}

.left_tabs a
{
	text-decoration:none;
	font-size:18px;
	display:block;
	cursor:pointer;	
}

.left_tabs a:hover
{
	text-decoration:none;
	color:#554584;
	font-size:18px;	
}

.right_tabs
{ 
	width:238px;
	float:left;
	text-align:justify;
	margin:33px 0 0 66px;
}

.right_tabs a
{
	text-decoration:none;
	font-size:18px;
	display:block;	
}

.right_tabs a:hover
{
	text-decoration:none;
	color:#5A488B;
	font-size:18px;	
}

.mobile_phone_text
{
width:450px;
float:left; 
overflow:hidden;
text-align:justify;
margin:24px 0 0 0;
}

.mobile_phone_text h3
{
 margin:0px;
 padding:0px;
 color:#4F4F4F;
 font-size:17px;
 font-weight:normal;
 }

.mobile_righttext
{
	width:450px;
	float:right;
	text-align:justify;
	margin-top:15px;

}

.mobile_righttext ul
{
	list-style:none;
	margin:0px;
	padding: 20px 0 0 0px;
}

.mobile_righttext ul li
{
 display:block;
 padding-bottom:25px;
 background:url(../images/side_awwor.gif) left 8px no-repeat;
 padding-left:22px;
}


.application_text
{
width:450px;
float:left; 
overflow:hidden;
text-align:justify;
margin:24px 0 0 0;
}

.application_text h2
{
margin: 20px 0 0 0px;
padding:0px;
font-weight:normal;
	
}
.application_text .link
{
	text-decoration:underline;
	color:#5A488B;
}
.application_text .link:hover 
{
	text-decoration:none;
}
.link1
{
	text-decoration:underline;
	color:#5A488B;
}
.link1:hover 
{
	text-decoration:none;
}

.application_text2
{
	border-top:solid 1px #E5E5E5;
	margin-top:20px;
	padding-top:20px;
}

.development_diagram
{
width:686px;
float:left;
margin:32px 0 0 140px;
}



.content_text_right
{
	width:450px;
	float:right;
	text-align:justify;
	margin-top:20px;
}
.content_text_right img
{
 float:right;
 margin:5px 0 20px 0;
 width:450px;
}

.interactive_marketing_right
{
	width:450px;
	float:right;
	text-align:justify;
	margin-top:20px;
}

.interactive_marketing_right img
{
 float:right;
 margin:0 30px 20px 0;
}

.webhosting_right
{
	width:450px;
	float:right;
	text-align:justify;
	margin-top:24px;
}

.webhosting_right img
{
float:right;
margin:15px 0px;
}

.outsourcing_right
{
	width:450px;
	float:right;
	text-align:justify;
	margin-top:24px;
}
.outsourcing_right img
{
float:right;
}

.outsourcing_services
{
	width:961px;
	float:left;
 margin:24px 0 0 0;

}

.outsourcing_btn
{
 line-height:33px;
 
}

.outsourcing_btn img
{
	float:left;
	border:none;
	margin:6px 5px 0 0;
}

.outsourcing_btn a
{ 
	text-decoration:none;
	color:#4F4F4F;
	width:216px;
	height:43px;
	float:left;
	background:url(../images/services_btn.jpg) left top no-repeat;
	padding:0 12px;

}

.outsourcing_btn a:hover
{
	 background:url(../images/services_btn_hover.jpg) left top no-repeat;
	 color:#7E66C2;
}

.icon
{
	width:41px;
	height:53px;
	margin:24px 10px 0 0;
	float:left;
}


.technology_sub
{
	width:961px;
	float:left;
	border-top:solid 1px #E5E5E5;
	margin-top:25px;
}

.technology_btn
{
 float:left;
 line-height:33px;
 margin:24px 0 0 0;
 padding:0 20px;
}

.technology_btn a
{ 
	text-decoration:none;
	color:#4F4F4F;
	width:277px;
	height:43px;
	float:left;
	background:url(../images/technology_btn.jpg) left top no-repeat;
	text-align:center;
}

.technology_btn a:hover
{
		background:url(../images/technology_btn_hover.jpg) left top no-repeat;
		color:#7E66C2;
}

.technology_btn img
{
	float:left;
	border:none;
	margin:6px 0px 0 10px;
}

.technology_points
{
	float:left;
	width:398px;
}
.project_right
{
	width:450px;
	float:right;
	text-align:justify;

	margin-top:20px;
}
.project_right img
{
float:left;
margin:0 0 0 70px;
}

.expertise_text
{
width:450px;
float:left; 
overflow:hidden;
text-align:justify;
margin:24px 0 0 0;
}

.expertise_icons
{
	width:450px;
	float:right;
	margin-top:24px;
}
.expertise_icons ul
{
 list-style:none;
 margin:0;
 padding:0;
}

.expertise_icons ul li
{
float:left;
display:block;
background:url(../images/icons_bg.jpg) left top no-repeat;
width:140px;
height:85px;
margin:0 15px 22px 0;
text-align:center;
padding:17px 0 0 0;
line-height:17px; 
}
.expertise_icons ul li a
{
 text-decoration:none;
 color:#4f4f4f;
 font-size:15px;
 text-align:center;
 }
 
.expertise_icons ul li img
{
margin:0;
padding:0;
border:none;
}

 .expertise_icons ul li a:hover
 {
 	color:#66529C;
 }

.expertise_icons ul li a img.none2
{
	border:none;
	padding:0 0 0px 0;
	margin:-10px 0 0 0;
}
.expertise_icons ul li.none
{
margin:0;
padding:17px 0 0 0;
height:85px;
}
.expertise_icons h2
{
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
}


.footer-logo5 {
	background:url(../images/jump-higher-logo.gif) no-repeat left -52px;
	margin:20px 20px 0 0;
	display:block;
	float:left;
	width:132px;
	height:52px;
	text-indent:-9000px;
}

.footer-logo2 {
	background:url(../images/olive-web-logo.gif) no-repeat 0 -52px;
	margin:0 20px 0 0;
	display:block;
	float:left;
	width:104px;
	height:52px;
	text-indent:-9000px;
}

.web20features
{
	width:450px;
	float:right;
}
.web20features ul
{
list-style:none;
padding-top:10px;
}
.web20features ul li
{
display:block;
background:url(../images/arrow_bullet.jpg) left 4px no-repeat;
padding: 0 0 10px 20px;
}


/* slide tabes starts  */

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 0 0 0 0;
}
.close
{
background:url(../images/down_tab_line.jpg) left bottom no-repeat;
margin-bottom:10px;
padding:0px 0 15px 0;

}

.thepet
{
width:200px;
padding-bottom:15px;
background:url(../images/up_tab_line.jpg) left bottom no-repeat;
margin-bottom:15px;
	
}
.openpet{
margin-bottom:5px;
padding:0;
color:#554584;
 /*class added to contents of 1st demo when they are open*/
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}


/* slide tabes ends  */