body{
	background: #333;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	}
	
h1, h2, h3, h4, h5{
	padding: 5px 14px;
	margin: 5px 0;
	}	
	
h1{
	background: url(../images/h1BG.gif) no-repeat;
	height: 10px;
	width: 672px;
	font-size: 14px;
	color: #fff;
	padding: 14px;
	margin: 0;
	}
	
h3{
	color: #046a7f;
	}
	
a img{
	border: 0 none;
	}
	
a:link{
	color: #026a7f;
	text-decoration: none;
	}
	
a:visited{
	color: #13a1bd;
	}

a:hover{
	text-decoration: underline;
	}

ul{
	margin: 0 14px 0 0;
	}

#container{
	margin: 0px auto;
	width: 960px;
	}
	
#topNavigation{
	background: url(../images/mainNavBG.gif) repeat-x;
	height: 32px;
	width: 948px;
	font-size: 12px;
	padding: 0 0 0 12px;
	color: #fff;
	}
	
	
	#mainNav{
		list-style-type: none;
		display: inline;
		margin: 0 350px 0 0;
		padding: 10px 0 0 0;
		float: left;
		}
		
	#mainNav li{
		display: inline;
		padding: 0 11px;
		border-right: 1px solid #fff;
		}
		
	#mainNav a:link, #mainNav a:visited{
		color: #fff;
		text-decoration: none;
		padding: 5px 3px 0 0;
		}
		
	#mainNav a:hover, #mainNav a.active{
		background: url(../images/navSwoosh.png) no-repeat top right;
		}
		
	#search{
		background: #ebebeb;
		float: left;
		width: 210px;
		margin: 6px 0 0 0;
		border: 1px solid #fff;
		}
		
		#CAT_Search{
			background: #ebebeb;
			border: none;
			height: 16px;
			width: 178px;
			vertical-align: top;
			color: #4c4c4c;
			padding-left: 5px;
			}
			
		.searchBox{
			height: 18px;
			padding: 0;
			}
		
#hero{	
	background: url(../images/heroImage1-new.jpg) no-repeat;
	height: 200px;
	width: 960px;
	}
	
	#accordion {
		float: left;
		width: 285px;
		margin: 0 10px 0 663px;
		padding: 12px 0 0 0;
		}
	
	#acc1{
		background: url(../images/accHead1.png) no-repeat top left;
		}
		
		#acc1 a{
			color: #ccc;
			}
		
		#acc1 h2{
			font-size: 12px;
			}
			
	#acc2{
		background: url(../images/accHead2.png) no-repeat top left;
		}
		
	#acc3{
		background: url(../images/accHead3.png) no-repeat top left;
		}
	
	
	div.toggler {
		cursor: pointer;
		font-size: 12px;
		color: #fff;
		height: 19px;
		margin: 0;
		padding: 7px 10px 0 30px;
		text-transform: uppercase;
		}
		
	div.element{
		width: 283px;
		height: 99px;
		overflow: hidden;
		}
	
	div.element p{
		margin: 0px;
		padding: 5px 10px;
		font-size: 11px;
		color: #fff;
		}
		
	.accordionForm{
		/*height: 90px;*/
		padding: 0 0 0 10px;
		}
		
	.shortItem{
		margin: 0 0 10px 0;
		float: left;
		}
		
	.shortItem input{
		width: 116px;
		padding: 5px 2px;
		margin-right: 10px;
		border:1px solid #1D5460;
		color: #999999;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 11px;
		}
		
	.submitImageItem{
		clear: both;
		}
/* -- subscribe box with image capture REQUIRED STYLES start -- */		
	div.accordionForm div.shortItem div.captchaimg img {
    display: inline !important;
    width: 122px !important;
	}
	
	div.accordionForm div.shortItem input#CaptchaV2 {
    border: 1px solid #1D5460;
    color: #999999;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding: 5px 2px;
    width: 79px !important;
}

div.accordionForm div.shortItem div.captchaimg {
    background-color: #FFCCCC;
    float: left;
    margin: 0 10px 0 0;
}

div.accordionForm div.submitImageItem {
    clear: none;
    float: left;
}

div.accordionForm div.submitImageItem #catwebformbutton {
    background: url("/images/catwebformbutton-newsletter-button.jpg") no-repeat scroll 0 0 #0897AE;
    border: medium none;
    cursor: pointer;
    height: 26px;
    padding: 0;
    width: 26px;
}
/* -- subscribe box with image capture REQUIRED STYLES end -- */

#contentArea{
	width: 960px;
	background: url(../images/mainBG.gif) repeat-x top left #666;
	min-height: 440px;
	padding-bottom: 10px;
	margin: 0;
	overflow: auto;
	}
	
	#breadcrumbs{
		font-size: 11px;
		height: 21px;
		padding: 10px 0 0 14px;
		color: #e8e5e5;
		}
		
		#breadcrumbs a:link, #breadcrumbs a:visited{
			color: #e8e5e5;
			text-decoration: none;
			}
			
		#breadcrumbs a:hover{
			text-decoration: underline;
			}
		
	#subNavigation{
		float: left;
		background: url(../images/subNavHead.gif) no-repeat #515151;
		font-size: 12px;
		width: 226px;
		margin: 0 10px 0 12px;
		padding: 12px 0 0 0;
		}
		
		#subNavigation ul{
			width: 226px;
			list-style: none;
			padding: 0;
			margin: 0 0 20px 0;
			}
			
		#subNavigation ul li{
			margin:0;
			padding: 0;
			}			
			
			#subNavigation a:link, #subNavigation a:visited{
				background: url(../images/navUpBG.gif) no-repeat top left #515151;
				height: 30px;
				color: #fff;
				padding: 7px 0 0 25px;
				text-decoration: none;
				display: block;
				height: 23px;
				}
				
			#subNavigation a:hover{
				background: url(../images/navOverBG.gif) no-repeat top left #777;
				color: #fff;
				}
				
	#enquiry{
		background: url(../images/enquiryTab.gif) no-repeat top left #046a7f;
		padding: 22px 14px 0 14px;
		color: #fff;
		border-bottom: 4px solid #666;
		}
		
		#enquiry p{
			padding-left: 0;
			}
		
		#enquiry form{
			padding-bottom: 20px;
			
			}
			
		.webform-results{
			margin-left: 14px;
			}
		
		/* *** ENQUIRY FORM STYLES *** */
		
		.form{
			margin-left: 14px;
			}
		
		.hiddenItem, .hideLabel{
			display: none;
			visibility: hidden;
			}
	
		#enquiry form .cat_button{
			width: 23px;
			height: 18px;
			border: none;
			}
			
		.webform .item, .form .item{
			padding: 0;
			margin: 5px 0;
			}
			
		.item input, .item textarea{
			width: 186px;
			border: 1px solid #1d5460;
			color: #999;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 5px;
			}
			
		#catwebformbutton{
			background: #008ca7;
			font-size: 10px;
			color: #fff;
			cursor: pointer;
			width: auto;
			}
			
	#homeFlash{
		width: 940px;
		height: 210px;
		margin: 20px 0 0 10px;
		}		
	
		
	#mainContent{
		float: left;
		width: 700px;
		margin: 0 12px 0 0;
		font-size: 12px;
		background: #fff;
		min-height: 410px;
		padding-bottom: 15px;
		}
		
		p, .search-result{
			padding: 0 14px;
			}
			
	.profileImage{
		float: left;
		margin: 0 10px 10px 0;
		}
		
	.date{
		font-style: italic;
		color: #999;
		}
	
	
/* *** BLOG STYLES *** */

.post-list{
	float: left;
	width: 500px;
	padding: 0 20px 0 14px;
	border-right: 1px solid #e4e4e4;
	}
	
.post-body p{
	padding: 0 14px 0 0;
	}
	
.side-panel{
	float: left;
	width: 150px;
	padding: 0 0 0 14px;
	}
	
.side-panel h4{
	padding-left: 0;
	margin: 5px 0;
	}
	
.imgLeft{
	float: left;
	margin: 0 10px 10px 0;
	}
	
.imgRight{
	float: right;
	margin: 0 0 10px 10px;
	}
	
.comment-list .form, .comment-list p, .comment-list h5{
	margin-left: 0;
	padding-left: 0;
	}
	
.comment-list .form input, .form-container .form input, .comment-list .form textarea{
	border-color: #eee;
	}
	
.captchaimg{
	margin: 10px 0;
	}
	
#submitBtn{
	background: gray;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	width: 75px;
	padding: 7px;
	cursor: pointer;
	}
	
#footer{
	clear: both;
	background: #fff;
	height: 50px;
	padding: 12px;
	font-size: 11px;
	}
	
	#footNav{
		/*width: 325px;*/
		width: 305px;
		float: left;
		}
	
	#footNav ul{
		list-style-type: none;
		display: inline;
		margin: 0 0 0 0;
		padding: 12px 0 0 0;
		float: left;
		}
		
	#footNav ul li{
		display: inline;
		padding: 0 7px;
		border-right: 1px solid #333;
		}
		
	#footNav a:link, #footNav a:visited{
		color: #333;
		text-decoration: none;
		}
		
	#footNav a:hover{
		text-decoration: underline;
		}
	
	.copy{
		padding: 7px 0 0 0;
		color: #999;
		font-size: 10px;
		clear: both;
		}
		
	#footSubBrands{
		float: left;
		/*width: 610px;*/
		width: 630px;
		text-align: right;
		}
		
		#footSubBrands img{
			margin: 0 5px;
			}
			
#sitefusion{
	margin: 10px 0 0 0;
	}
	
/* Home Banner area -------------------------------------------------------------------------------------------------------*/

.banner-area{
	height:100px;	
}

.banner-area h1{
	float: left;
	width: 584px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: transparent url(../images/think-big-better.jpg) no-repeat 0 0;
}

.banner-area .buttons{
	float: left;
	height: 100px;
	width: 376px;
}

.banner-area .buttons h2{
	height: 41px;
	line-height: 41px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	background-color: white;
	color: #01abc2;
	font-size: 13px;
	text-align: center;
	text-indent: -9000px;
	background: white url(../images/banner-head.gif) no-repeat left 15px;
}

.banner-area .buttons h2 em{
	color: #ee8224;
	font-style: normal;
}

.banner-area .buttons a{
	float: left;
	margin: 0;
	padding: 0;
	height: 59px;
	text-indent: -9000px;
}

.banner-area .buttons a.bst{
	width: 168px;
	background: transparent url(../images/bst-btn.jpg) no-repeat 0 0;
}

.banner-area .buttons a.cbt{
	width: 208px;	
	background: transparent url(../images/cbt-btn.jpg) no-repeat 0 0;
}
	
/* Home Boxes -------------------------------------------------------------------------------------------------------*/


#home-boxes{
	width: 934px;
	margin: 12px auto 2px auto;
	line-height: 1.1em;
}

#home-boxes .top{
	height: 18px;
	background: transparent url(../images/home-box-top.gif) no-repeat 0 0;		
}

#home-boxes .bottom{
	height: 18px;
	background: transparent url(../images/home-box-bottom.gif) no-repeat left bottom;		
}

#home-boxes ul.boxes{
	margin: 0;
	padding: 0 0 10px 19px;
	list-style-type: none;
	background: transparent url(../images/home-box-middle.jpg) repeat-y 0 0;
}

#home-boxes ul.boxes li{
	margin: 0;
	padding: 0;
	float: left;
	width: 167px;
	list-style-type: none;
	color: white;
	font-size: 11px;
}


#home-boxes ul li.col1{
	margin-right: 18px;
}

#home-boxes ul li.col2{
	margin-right: 20px;
}

#home-boxes ul li.col3{
	margin-right: 18px;
	width: 158px;
}

#home-boxes ul li.col4{
	margin-right: 18px;
}

#home-boxes ul li.col5{
	
}

#home-boxes ul li h2{
	height: 59px;
	text-indent: -9000px;
	margin: 0 0 10px 0;
	padding: 0;
}

#home-boxes ul li h2 a{
	display: block;
	height: 59px;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#home-boxes ul li.col1 h2{
	background: transparent url(../images/hb-col4-h.gif) no-repeat 0 0;
}

#home-boxes ul li.col2 h2{
	background: transparent url(../images/hb-col1-h.gif) no-repeat 0 0;	
		
}

#home-boxes ul li.col3 h2{
	
	background: transparent url(../images/hb-col5-h.gif) no-repeat 0 0;	
}

#home-boxes ul li.col4 h2{
	background: transparent url(../images/hb-col2-h.gif) no-repeat 0 0;
}

#home-boxes ul li.col5 h2{
	background: transparent url(../images/hb-col3-h.gif) no-repeat 0 0;		
}

#home-boxes ul li img{
	margin: 0;
	padding: 0;
}

#home-boxes ul li h3{
	font-weight: bold;
	color: white;
	margin: 10px 0;
	padding: 0;
	font-size: 12px;
}

#home-boxes ul li h3 a{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#home-boxes ul li h3 a:hover{
	text-decoration: underline;
}

#home-boxes ul.boxes li ul{
	padding: 0;
	margin: 10px 0;
}

#home-boxes ul.boxes li ul li{
	padding-left: 15px;
	margin-bottom: 8px;
	width: auto;
	background: transparent url(../images/home-box-bullet.gif) no-repeat 3px 6px;	
}



/*   general         --------------------------------------------------------------------------------------------------------*/


.hasFloat:after{
	content: '.';
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

*:first-child+html .hasFloat{
	min-height: 1px;
}

* html .hasFloat{
	height: 1%;
}
	
	
/* New Home Page */

body#home #hero {
	background: url(../images/heroImage1-new2.jpg) no-repeat;
	height: 200px;
	width: 960px;
}
body#home div.accordionForm div.shortItem div.captchaimg {
	float: left;
	margin: 0 10px 0 0;
background-color:#FCC;
}
body#home div.accordionForm div.shortItem div.captchaimg img {
	display: inline !important;
	width: 122px !important;
}
body#home div.accordionForm div.shortItem input#CaptchaV2 {
	float: left;
	margin: 0;
	width: 79px !important;
	padding: 5px 2px;
	margin-right: 10px;
	border:1px solid #1D5460;
	color: #999999;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}
body#home div.accordionForm div.submitImageItem {
	float: left;
	clear: none;
}
body#home div.accordionForm div.submitImageItem #catwebformbutton {
	background: #0897ae url('/images/catwebformbutton-newsletter-button.jpg') no-repeat;
	cursor: pointer;
	width: 26px;
	height: 26px;
	padding: 0;
	border: none;
}
body#home #contentArea {
	width: 960px;
	background: #037083;
	min-height: 440px;
	padding-bottom: 10px;
	margin: 0;
	overflow: auto;
}
body#home div#panel-area {
	display: block;
	width: 823px;
	margin: 34px auto 0 auto;
}
body#home div#panel-area div.panel {
	float: left;
	width: 251px;
	height: 598px;
}
body#home div#panel-area div#panel-1.panel {
	margin: 0 17px 0 0;
}
body#home div#panel-area div#panel-2.panel {
	margin: 0 15px 0 0;
}
body#home div#panel-area div#panel-3.panel {
	margin: 0;
}
body#home div#panel-area div.horizontal-rule {
	float: left;
	width: 1px;
	height: 598px;
	text-indent: -9999px;
	margin: 0 18px 0 0;
	background: url('/images/horizontal-rule.jpg') no-repeat;
}
body#home div#panel-area div.panel h1.top {
	display: block;
	width: 251px;
	height: 93px;
	text-indent: -9999px;
	background: none;
	padding: 0;
	margin: 0;
}
body#home div#panel-area div#panel-1.panel h1.top {
	background: url('/images/panel-top-cbt.jpg') no-repeat;
}
body#home div#panel-area div#panel-2.panel h1.top {
	background: url('/images/panel-top-talentsmart.jpg') no-repeat;
}
body#home div#panel-area div#panel-3.panel h1.top {
	background: url('/images/panel-top-bst.jpg') no-repeat;
}
body#home div#panel-area div.panel h2 {
	display: block;
	width: 231px;
	height: 56px;
	padding: 8px 0 0 20px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: 800;
	line-height: 22px;
	background: #048ca3 url('/images/panel-h2.jpg') no-repeat left bottom;
}
body#home div#panel-area div.panel div.middle {
	position: relative;
	display: block;
	width: 251px;
	height: 221px;
	background: #0196a9;	
}
body#home div#panel-area div.panel div.middle ul {
	position: absolute;
	top: 22px;
	left: 39px;
	width: 200px;
	margin: 0;
	padding: 0;
}
body#home div#panel-area div.panel div.middle ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: 100;
	line-height: 130%;
	margin: 0;
	padding: 0 0 15px 0;
}
body#home div#panel-area div.panel a.more-details {
	display: block;
	width: 251px;
	height: 45px;
	background: url('/images/panel-more-details.jpg') no-repeat;
	text-indent: -9999px;
}
body#home div#panel-area div.panel div.bottom {
	display: block;
	width: 251px;
	height: 175px;
	text-indent: -9999px;
	background: none;
	padding: 0;
	margin: 0;
}
body#home div#panel-area div#panel-1.panel div.bottom {
	background: url('/images/panel-bottom-cbt.jpg') no-repeat;
}
body#home div#panel-area div#panel-2.panel div.bottom {
	background: url('/images/panel-bottom-talentsmart.jpg') no-repeat;
}
body#home div#panel-area div#panel-3.panel div.bottom {
	background: url('/images/panel-bottom-bst.jpg') no-repeat;
}
body#home img#banner-practical-workplace-psychology-consulting {
	display: block;
	margin: 34px auto;
}
body#home img#recent-clients-sample {
	display: block;
	margin: 0 auto 40px auto;
}
body#home #footer {
	clear: both;
	background: #fff;
	height: 50px;
	padding: 12px 12px 14px 12px;
	font-size: 11px;
}
body#home div#footSubBrands img {
	margin: 0;
}
body#home div#footSubBrands a#footer-logo-communicorp img {
	margin: 0 35px 0 0;
}
body#home div#footSubBrands a#footer-logo-talentsmart img {
	margin: 0 27px 0 0;
}
body#home div#footSubBrands a#footer-logo-cbt img {
	margin: 0 35px 0 0;
}
body#home div#footSubBrands a#footer-logo-bst img {
	margin: 0 23px 0 0;
}
body#home div#footSubBrands a#footer-logo-communicorp-sps img {
	margin: 0;
}