body,html{

	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 12px;
	color: #515151;
	margin: 0;
}

a, a:visited{

	color: #000000;
}

b,strong{

	font-weight: bold;
}

img{

	border: 0;
}

p{

	margin: 7px 0;
}

p.spec{

	font-size: 11px;
	color: #666666;
}


blockquote{

	border-left: 3px solid #f88610;
	color: #192c9d;
	padding: 0 0 0 9px;
	margin-left: 49px;
}

ul{

	margin: 10px 8px 10px 0px;
	padding: 0;
	list-style: none;
}
li{

	background: transparent url('../images/bullet.jpg') no-repeat 0 50%;
	padding: 0 0 0 12px;
}

label{

	cursor: pointer;
	color: #999999;
	font-weight: bold;
}

#container{

	width: 937px;
	margin: 0 auto;
}

/* Header */
#header{

	position: relative;
	margin: 0 0 5px 0;
}

	#header h1#logo{
	
		margin: 0;
		float: left;
		
	}
		#header h1#logo a{
			
			float: left;
			width: 238px;
			height: 78px;
			text-indent: -3000px;
			background: transparent url('../images/logo.jpg') no-repeat;
		}	
	
	#header h2#slogan{
	
		float: left;
		margin: 12px 0;
		padding: 15px 18px 10px;
		float: left;
		font-size: 24px;
		font-family: Helvetica, Tahoma, Arial;
		color: #717494;
		border-left: 2px solid #cacbd7;
		font-weight: normal;
	}
	
	#header #nav{
	
		width: 154px;
		height: 21px;
		background: transparent url('../images/bg_nav.jpg') no-repeat;
		position: absolute;
		top: 10px;
		right: 0px;
		font-size: 11px;
	}
		#header #nav a{
		
			text-decoration: none;
			padding: 3px 13px 0;
			float: left;
		}
			#header #nav a:hover{
			
				text-decoration: underline;
			}

	/* Menu */
	#header #menu{
	
		width: 937px;
		height: 37px;
		background: transparent url('../images/bg_menu.jpg') no-repeat;
		padding: 0;
		margin: 0;
		font-weight: bold;
		list-style: none;
	}
		#header #menu li{
		
			float: left;
			height: 35px;
			margin: 1px 0 0 0;
			padding: 0;
			background: transparent url('../images/bg_menuitem.jpg') no-repeat left;
		}
			#header #menu li a{
			
				text-decoration: none;
				float: left;
				padding: 10px 30px;
			}
				#header #menu li.current a,
				#header #menu li a:hover{
				
					color: #FFFFFF;
				}
				
			#header #menu li.first{
			
				background: none;
			}
			
			#header #menu li.current,
			#header #menu li.selected{
			
				background: transparent url('../images/bg_menu_hov.jpg') repeat-x;
			}
			
			#header #menu li.first.current,
			#header #menu li.first.selected{
			
				background: transparent url('../images/bg_menu_first.jpg') no-repeat;
			}
			
			#header #menu li.last.selected{ /* the last li */
			
				background: transparent url('../images/bg_menuitem.jpg') no-repeat left;
			}
	/* Menu end */

/* Header end */

/* Menu Left */
#leftColumn{

	float: left;
	width: 207px;	
}
	#leftColumn #menuHolder{
	
		background: transparent url('../images/bg_menu_left_body.jpg') repeat-y;
	}
	#leftColumn .btm{ 
	
		background: transparent url('../images/bg_menu_left_btm.jpg') no-repeat; height: 5px; 
		clear: both;
		margin: 0 0 3px;
		font-size: 1px;
	}
	
	#leftColumn h2{
	
		margin: 0;
		padding: 8px 0 6px 12px;
		background: transparent url('../images/bg_menu_left_header.jpg') no-repeat;
		font-size: 13px;
		font-weight: bold;
		color: #ffffff;
	}
	
	ul#menuLeft{
	
		margin: 0;
	}
		ul#menuLeft a{
		
			font-weight: bold;
			font-size: 11px;
			text-decoration: none; 
			padding: 0 0 0 21px;
			width: 180px;
			line-height: 24px;
		}
			ul#menuLeft a:hover{
			
				text-decoration: underline;
			}
		
		ul#menuLeft li{
		
			background: transparent url('../images/bg_leftmenu_item.jpg') no-repeat;
			border-top: 1px solid #ffffff;
			margin: 0 1px;
			width: 203px;
			/*height: 24px;*/
			clear: both;
			padding: 0;
		}
		ul#menuLeft li.selected{ background: transparent url('../images/bg_leftmenu_item_selected.jpg') no-repeat; }
		ul#menuLeft li.current{ background: transparent url('../images/bg_leftmenu_item_selected.jpg') no-repeat; }
		
			ul#menuLeft li ul{
			
				display: none;
				margin: 0;
			}
				ul#menuLeft li ul.current{
				
					display: block;
				}
			
			ul#menuLeft li ul.subMenu{
			
			
			}
				ul#menuLeft li ul.subMenu li{
				
					background: #e9f3f5;
					border-top: 1px solid #ffffff;
					width: 201px;
				}
					ul#menuLeft li ul.subMenu li a{
					
						background: transparent url('../images/bullet_middle.jpg') no-repeat 34px 50%;
						padding: 4px 0 4px 44px;
						width: 156px;
						font-weight: normal;
						/*line-height: 16px;*/
					}
				
			
			ul#menuLeft li ul.subSubMenu{
			
			}
				ul#menuLeft li ul.subSubMenu li{
				
					background: #e9f3f5;
					border-top: 1px solid #ffffff;
				}
					ul#menuLeft li ul.subSubMenu li a{
					
						background: transparent url('../images/bullet_submenu.jpg') no-repeat 40px 50%;
						padding: 4px 0 4px 50px;
						width: 142px;
						color: #4b75b2;
					}
					ul#menuLeft li ul.subSubMenu li a.selected{
					
						background: transparent url('../images/bullet_submenu_selected.jpg') no-repeat 40px 50%;
					}
				

#generalInfo{

	float: left;
	background: transparent url('../images/bg_general_information.jpg') no-repeat;
	width: 207px;
	height: 78px;
	margin: 0;
	font-size: 11px;
	color: #333333;
}
	#generalInfo a,
	#generalInfo b{
	
		font-weight: bold;
		font-size: 13px;
		text-decoration: none;
		color: #323a8f;
		margin: 12px 0 0 21px;
		float: left;
		padding: 0;
	}
	
	#generalInfo span{
	
		margin: 5px 0 0 39px;
		float: left;
	}
		
#onlineDemo{

	float: left;
	background: transparent url('../images/bg_online_demo.jpg') no-repeat;
	width: 207px;
	height: 43px;
	margin: 1px 0 0;
}	
	#onlineDemo a{
	
		font-weight: bold;
		text-decoration: none;
		color: #333333;
		float: left;
		padding: 13px 47px;
	}
		
#questions{

	float: left;
	background: transparent url('../images/bg_questions.jpg') no-repeat;
	width: 207px;
	height: 43px;
	margin: 1px 0 0;
}	
	#questions a{
	
		font-weight: bold;
		text-decoration: none;
		color: #333333;
		float: left;
		padding: 11px 47px;
	}
			
/* Menu Left end */

	
/* Main presentation */
#presentation{

	background: transparent url('../images/bg_main.jpg') no-repeat;
	width: 936px;
	height: 304px;
	color: #ffffff;
	position: relative;
	margin: 0 0 5px;
}
	#presentation #infoText{
	
		position: absolute;
		right: 62px;
		top: 43px;
		width: 378px;
	}
		#presentation #infoText h2,
		#presentation #infoText h3{
		
			margin: 0;
			padding: 0;
			font-weight: normal;
			line-height: 27px;
		}
		#presentation #infoText h2{
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
		#presentation #infoText h3{ font-size: 20px; }
		
		#presentation #infoText a{ 
		
			float: left;
			margin: 0 3px 0 0; 
			padding: 5px 0 0 13px; 
			height: 20px;
			color: #FFFFFF;
			text-decoration: none;
		}
			#presentation #infoText a:hover{
		
				text-decoration: underline;
			} 
		
		#presentation #infoText a.left{
		
			background: transparent url('../images/btn_main_left.jpg') no-repeat;
			width: 83px;
		}
		
		#presentation #infoText a.middle{
		
			background: transparent url('../images/btn_main_middle.jpg') no-repeat;
			width: 87px;
		}
		
		#presentation #infoText a.right{
		
			background: transparent url('../images/btn_main_right.jpg') no-repeat;
			width: 120px;
		}
		
/* Main presentation end */

/* boxes */
div.boxes{

	font-size: 11px;
	width: 309px;
	float: left;
	background: #f2f2f2;
	margin: 0 5px 5px 0;
	min-height: 165px;
}
	div.boxes.last{
	
		margin: 0;
	}
	div.boxes a{
	
		color: #3651d7;
	}
	
	div.boxes p{
	
		padding: 8px 10px 8px 90px;
		margin: 0;
	}
	
	div.boxes h3{
	
		background: transparent url('../images/bg_box_header.jpg') no-repeat;
		font-size: 13px;
		font-weight: bold;
		margin: 0;
		padding: 7px 0;
		color: #FFFFFF;
		text-align: center;
	}
	
	div.boxes div.leftBox{ background: transparent url('../images/bg_box_left.jpg') no-repeat 12px 8px; }
	
	div.boxes div.middleBox{ background: transparent url('../images/bg_box_middle.jpg') no-repeat 11px 8px; }
		
		div.boxes div.middleBox p{ 
		
			padding-left: 103px;
		}
		
	div.boxes div.rightBox{ background: transparent url('../images/bg_box_right.jpg') no-repeat 15px 8px; }

	
#bigBox{

	float: left;
	width: 623px;
}
	#bigBox .top{
	
		background: transparent url('../images/bg_bigbox_top.jpg') no-repeat;
		height: 5px;
		font-size: 1px;
	}
	#bigBox .middle{
	
		background: transparent url('../images/bg_bigbox_middle.jpg') repeat-y;
		padding: 10px 20px;
	}
	#bigBox .btm{
	
		background: transparent url('../images/bg_bigbox_btm.jpg') no-repeat;
		height: 5px;
	}
	
#smallBox{

	float: left;
	width: 309px;
	margin: 0 0 0 5px;
}
	#smallBox .top{
	
		background: transparent url('../images/bg_smallbox_top.jpg') no-repeat;
		height: 5px;
		font-size: 1px;
	}
	#smallBox .middle{
	
		background: transparent url('../images/bg_smallbox_middle.jpg') repeat-y;
		padding: 10px 20px;
	}
	#smallBox .btm{
	
		background: transparent url('../images/bg_smallbox_btm.jpg') no-repeat;
		height: 5px;
	}

.boxTitle{ 

	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	font-family: Helvetica, Tahoma, Arial;
	color: #f88610;
}
	.boxTitle span{ color: #192281; }
	
h3.greyTitle{

	color: #666666;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	font-family: Helvetica, Tahoma, Arial;
	font-size: 16px;
	font-weight: bold;
}
	
/* boxes end */

/* Right column */
#rightColumn{

	float: left;
	width: 714px;
	margin: 0 0 4px 3px;
}	
	#rightColumn div.top{
	
		background: transparent url('../images/bg_rightbox_top.jpg') no-repeat;
		font-size: 1px;
		height: 5px;
	}
	
	#rightColumn div.middle{
	
		background: transparent url('../images/bg_rightbox_middle.jpg') repeat-y;
		padding: 5px 21px;
	}	
	
	#rightColumn div.btm{
	
		background: transparent url('../images/bg_rightbox_btm.jpg') no-repeat;
		font-size: 1px;
		height: 5px;
	}	
	
	#rightColumn #path{
	
		font-size: 11px;
		color: #6f6f6f;
		padding: 0 0 2px;
		border-bottom: 1px solid #d9d9d9;
	}	
		#rightColumn #path a{
		
			color: #4b75b2;
			text-decoration: none;
		}	
			#rightColumn #path a:hover{
			
				text-decoration: underline;
			}	
	
	#rightColumn h2{
	
		font-size: 18px;
		color: #192281;
		padding: 0;
		margin: 17px 0 15px;
		font-weight: normal;
		font-family: Tahoma;
	}	
	
	#rightColumn div.products{
	
		clear: left;
		padding: 21px 0 0;
	}	
		#rightColumn div.products div.text,
		#rightColumn div.products img{
		
			float: left;
		}
		
		#rightColumn div.products div.text{
		
			width: 470px;
			min-height: 135px;
			border-bottom: 1px solid #192281;
			margin: 0 0 0 27px;
		}	
		
		#rightColumn div.products img{
		
			padding: 0 0 18px;
			border-bottom: 1px solid #f88610;
		}
		
		#rightColumn h3{
		
			padding: 0;
			margin: 0 0 9px;
			color: #515151;
			font-size: 18px;
			font-weight: normal;
			line-height: 13px;
		}
	
	#rightColumn div.products2{
	
		clear: left;
	}	
		#rightColumn div.products2 div.text{
		
			padding: 21px 0;
			border-bottom: 1px solid #192281;
			width: 560px;
		}	
		
	
		
#rightColumn div.products2 div.text a{
		
color: #3651d7;
		
}


		
		
#eComerce div.text{
		
border-bottom: 0 !important;
}

#jbx_ecm div.text{
		
border-bottom: 0 !important;
}
		
#service_end div.text{
		
border-bottom: 0 !important;
}
		
#eComerce{ background: transparent url('../images/bg_ecomerce.jpg') no-repeat 98% 80%; }
#administrator{ background: transparent url('../images/bg_administrator.jpg') no-repeat 98% 80%; }
#jobseek{ background: transparent url('../images/bg_jobseek.jpg') no-repeat 98% 60%; }
#employer{ background: transparent url('../images/bg_employer.jpg') no-repeat 98% 80%; }
#features{ background: transparent url('../images/bg_features.jpg') no-repeat 98% 80%; }
#jbx_std{ background: transparent url('../images/jbx_std.gif') no-repeat 98% 80%; }
#jbx_ecm{ background: transparent url('../images/jbx_ecm.gif') no-repeat 98% 80%; }
#jbx_saas{ background: transparent url('../images/jbx_plain.gif') no-repeat 98% 80%; }

ul.clients{
	
	list-style: none;
	margin: 0;
	padding: 0;
}	
	ul.clients li{
		
		float: left;
		background: none;
		padding: 0;
		margin: 0 4px 4px 0;
	}
	
	ul.clients img{
		
		border: 3px solid #d8e0e6;
		padding: 4px;
	}
	
	ul.clients a{
		
		filter: alpha(opacity=80);
		opacity: 0.8;
		-moz-opacity: 0.8;
		float: left;
	}
		ul.clients a:hover{
			
			filter: alpha(opacity=100);
			opacity: 1.0;
			-moz-opacity: 1.0;
		}

p.comment{

	background: transparent url('../images/bg_comment.jpg') no-repeat;
	padding: 7px;
	margin: 7px 9px;
	font-style: italic;
}
p.author{

	text-align: right;
	font-weight: bold;
	margin: 0;
	padding: 0 15px;
}

ul.contactDetails{

	border-left: 5px solid #f88610;
	padding: 0 0 0 10px;
	margin: 0;
	height: 42px;
}
	ul.contactDetails li{
	
		float: left;
		width: 49%;
		padding: 0;
		margin: 0;
		background: none;
	}
	
b.info{ color: #192281; }
span.red{ color: #f88610; }

/* Right column end */

/* Contact form */
#contactForm{

	margin: 17px 0 0 0;
	padding: 0;
}
	#contactForm fieldset{
	
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	#contactForm input.textfield{
	
		width: 628px;
		height: 26px;
		font-size: 16px;
		border: 1px solid #ced5de;
		margin-bottom: 10px;
		color: #666666;
		padding: 6px 2px 0 2px;
	}
	
		#contactForm select.selectfield{
	
		width: 628px;
		height: 26px;
		font-size: 16px;
		border: 1px solid #ced5de;
		margin-bottom: 10px;
		color: #666666;
		padding: 2px 2px 0 2px;
	}
	
	#contactForm textarea.textarea{
	
		width: 628px;
		height: 137px;
		font-size: 16px;
		border: 1px solid #ced5de;
		color: #666666;
		padding: 6px 2px 0 2px;
	}
	
	#contactForm #btnSubmit{
	
		width: 169px;
		height: 40px;
		background: #717494 url('../images/btn_submit.jpg');
		border: 0;
		margin: 13px 0 0 237px;
		cursor: pointer;
	}
	
	
	
/* Contact form end */

/* Footer */
#footer{

	border-top: 6px solid #e5e5e5;
	color: #666666;
	margin: 7px 0 0 0;
	font-size: 11px;
	padding: 4px 0;
}	
	#footer div.leftLinks a{
	
		color: #1a3091;
		background: transparent url('../images/bullet_small.jpg') no-repeat 0 50%;
		padding: 0 0 0 9px;
		margin: 0 3px 0 0;
	}	
		#footer div.leftLinks a.first{
		
			padding: 0;
			background: none;
		}	
	#footer div.rightLinks a{
	
		color: #666666;
		background: transparent url('../images/bullet_blue.jpg') no-repeat 0 50%;
		padding: 0 0 0 10px;
		margin: 0 0 0 5px;
		float: right;
		text-decoration: none;
	}	
		#footer div.rightLinks a.first{
		
			padding: 0;
			background: none;
		}	
		
		#footer div.rightLinks a:hover{ text-decoration: underline; }	
		

.clear{

	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
    overflow: hidden;
}