/* CSS styles for the general site layout */
.clear, .clearFix {
	clear:both;
}

a.lightbox, a.thickbox {
	cursor: url(/img/magnify.cur), pointer;
}

table, table tr, table td, table th {
	border:none;
}

html, body {
	margin:0;
	padding:0;
	background:#e2e2e2;
	overflow:auto;
}

#wrapper {
	margin:0 auto 0 auto;
	width:956px;
	background:url(../img/wrapper-bg.gif) repeat-y right white;
	position:relative;
}

#wrapper .masthead {
	height:134px;
	width:950px;
	background:url(../img/masthead-bg.gif) repeat-x;
	position:relative;
}

.masthead a.logo {
	display:block;
	width:154px;
	height:101px;
	position:absolute;
	margin:14px 0 0 20px;
	background:url(../img/logo.gif) no-repeat;
	text-indent:-9999em;
}

.masthead .contacts {
	position:absolute;
	left:200px;
	top:30px;
	width:320px;
}

.masthead .topMenu,
.masthead .latestNews {
	position:absolute;
	right:20px;
	background:url(../img/downloads-bg.gif) no-repeat;
	width:200px;
	height:103px;
	margin-top:14px;
}

.masthead .latestNews {
	right:240px;
	background-image:url(../img/latest-news-bg.gif);
	overflow:hidden;
}

.masthead .topMenu ul {
	margin:43px 0 0 15px;
	padding:0;
}

.masthead .topMenu ul li {
	background:url(../img/arrow.gif) no-repeat 0 2px;
	padding:0 0 0 16px;
	margin:0 0 3px 0;
	list-style:none;
}

.masthead .latestNews .newsWrapper {
	height:67px;
	margin-top:40px;
}

.masthead .latestNews ul li span.headline {
	margin-bottom:2px;
}

.masthead .latestNews ul li span {
	margin:0 15px 0 15px;
	display:block;
	clear:left;
}

.masthead .menuShadow {
	position:absolute;
	width:950px;
	height:5px;
	background:url(../img/menu-shadow.png) repeat-x;
	top:172px;
	z-index:100;
	_display:none; /* Not for IE6 */
}

#wrapper .menu {
	background:url(../img/menu-bg.gif) repeat-x bottom;
	top:134px;
	width:950px;
	height:38px;
}

#wrapper .menu ul {
	margin:0 0 0 75px;
	padding:0;
	height:100%;
}

#wrapper .menu ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	background:url(../img/menu-div.gif) repeat-y left;
	height:100%;
	position:relative;
}

#wrapper .menu ul li ul {
	display:none;
	position:absolute;
	z-index:300;
	height:auto;
	left:0;
	top:30px;
	margin:7px 0 0 0;
	padding:0 10px 0 10px;
	background:#102B49;
	text-align:left;
}

#wrapper .menu ul li:hover ul {
	display:block;
}

#wrapper .menu ul li ul li, #wrapper .menu ul li ul li a {
	float:none;
	clear:left;
	height:auto;
	width:auto;
	white-space:nowrap;
	background:none;
	margin:0;
	padding:0;
}

#wrapper .menu ul li ul li {
	border-bottom:1px dotted white;
}

#wrapper .menu ul li a.home-link {
	background-image:url(../img/menu-bgs/blue.gif);
}

#wrapper .menu ul li a.about-us-link {
	background-image:url(../img/menu-bgs/orange.gif);
}

#wrapper .menu ul li a.what-we-do-link {
	background-image:url(../img/menu-bgs/green.gif);
}

#wrapper .menu ul li a.health-and-safety-link {
	background-image:url(../img/menu-bgs/grey.gif);
}

#wrapper .menu ul li a.training-development-link {
	background-image:url(../img/menu-bgs/mauve.gif);
}

#wrapper .menu ul li a.case-studies-link {
	background-image:url(../img/menu-bgs/lime.gif);
}

#wrapper .menu ul li a.recruitment-link {
	background-image:url(../img/menu-bgs/purple.gif);
}

#wrapper .menu ul li a.contact-us-link {
	background-image:url(../img/menu-bgs/pink.gif);
}

#wrapper .menu ul li a.media-link {
/*	background-image:url(../img/menu-bgs/royal-blue.gif);*/
}

#wrapper .menu ul li a.news-link {
	background-image:url(../img/menu-bgs/royal-blue.gif);
}

#wrapper .menu ul li a {
	display:block;
	height:100%;
	background-repeat:repeat-x;
	padding:0 8px 0 8px;
	margin-left:2px;
	float:left;
	width:auto;
}

#wrapper .content {
	width:379px;
	height:500px;
	position:absolute;
	right:6px;
	background:#bb672c;
	overflow:hidden;
}

#wrapper .mainPic .breadcrumbs {
	padding:10px 0 10px 20px;
	position:absolute;
	right:6px;
	background:#bb672c;
	width:359px;
	z-index:70;
	height:15px;
}

#wrapper .mainPic .tabs {
	height:40px;
	position:absolute;
	right:6px;
	background:#bb672c;
	margin-top:35px;
	z-index:71;
	width:379px;
}

#wrapper .mainPic .tabs ul {
	margin:0;
	padding:0;
	height:100%;
}

#wrapper .mainPic .tabs ul li {
	list-style:none;
	float:left;
	border-right:2px solid #d3844c;
	height:100%;
	padding:0 10px 0 10px;
	max-width:75px;
}

#wrapper .mainPic .tabs ul li a {
	display:block;
	height:100%;
	padding-top:5px;
}

#wrapper .mainPic .tabs ul li.selected {
	background:#d3844c;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

#wrapper .content .text {
	padding:20px;
	clear:left;
	overflow:auto;
	height:460px;
	position:relative; /* Fixes Cufon scrolling issue in IE */
}

#wrapper .content.hasTabs .text{
	margin-top:40px;
	height:420px;
}

#wrapper .content.hasBreadcrumbs .text{
	margin-top:35px;
	height:425px;
}

#wrapper .content.hasTabs.hasBreadcrumbs .text{
	margin-top:75px;
	height:385px;

}

#wrapper .mainPic {
	height:500px;
	background:url(../img/mainpics/default.jpg) no-repeat;
	z-index:90;
	position:relative;
}

#wrapper .mainPic .testimonial {
	position:absolute;
	bottom:20px;
	left:15px;
	width:475px;
	height:94px;
	padding:10px 10px 10px 50px;
	background:url(../img/bubble.png) no-repeat;
	_background-image:url(../img/bubble.gif);
	_filter:alpha(opacity=85); /* Special treatment for IE6 - gif with transparency filter */
}

#wrapper .mainPic .testimonial.inspiring-and-motivating {
	bottom:5px;
}

#wrapper .mainPic .testimonial p {
	margin:5px 0 0 0;
}

#wrapper .footer {
	height:10px;
	background:url(../img/footer-shadow.gif) #e2e2e2 repeat-x;
}

#wrapper .logos {
	height:39px;
	padding:8px 0 5px 10px;
	background:url(../img/logos.gif?1238998df) #e2e2e2 no-repeat;
	border-bottom:1px solid #888888;
}

/************************ News Results */
.newsResult {
	clear:left;
	margin-bottom:2px;
	padding-bottom:4px;
}

.newsResult img {
	float:left;
	clear:left;
	margin:0;
}

.newsResult p {
	margin:0 0 0 5px;
	width:230px;
	float:left;
}

.newsArticleMainImage {
	float:right;
	margin:0 0 15px 15px;
}

p.arrowLink {
	float:right;
	clear:both;
	padding-right:20px;
	background:url(../img/white-arrow.gif) no-repeat right;
}

.pagination {
	position:absolute;
	bottom:20px;
	right:20px;
}

/************************ Case Studies */
.caseStudyGallery {
	width:108px;
	margin:0 0 10px 10px;
	float:right;
}

.caseStudyGallery p {
	margin:0;
}

.caseStudyGallery img {
	margin-bottom:5px;
	border:1px solid white;
}

.caseStudiesResultContainer {
	margin-bottom:10px;
	clear:left;
}

.caseStudiesResultContainer .caseStudyResult {
	float:left;
	margin:0 10px 10px 0;
	width:auto;
}

.caseStudiesResultContainer .caseStudyResult img {
	border:1px solid white;
}

.caseStudiesResultContainer .caseStudyResult.showCaption span {
	display:block;
	clear:left;
	margin-top:5px;
}

.caseStudiesResultContainer .caseStudyResult span {
	display:block;
}

/************************ Who's Who */
.whosWhoRow {
	clear:left;
}

.whosWhoRow .person {
	float:left;
	margin:0 10px 10px 0;
	width:150px;
}

.whosWhoRow .person img {
	border:1px solid white;
}

.whosWhoRow .person span.caption {
	clear:left;
	width:100%;
}

.mugshot {
	float:right;
	border:1px solid white;
	margin:0 0 10px 10px;
}


/************************ Flash messages */
#warningMessage, #successMessage, #errorMessage {
	text-align:center;
	background:#FFD267 none repeat scroll 0 0;
	border-bottom:2px solid #D49600;
	border-top:2px solid #D49600;
	color:#A47607;
	font-size:90%;
	padding:3px 0;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:100;
}

#successMessage {
	background:#CDEB8B none repeat scroll 0 0;
	border-bottom:2px solid #006E2E;
	border-top:2px solid #006E2E;
	color:#006E2E;
}

#errorMessage {
	background:#B02B2C none repeat scroll 0 0;
	border-bottom:2px solid #B02B2C;
	border-top:2px solid #B02B2C;
	color:#fff;
}

/************************ jScrollPane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	margin:0;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/************************ Webkit Only Fixes */
@media screen and (-webkit-min-device-pixel-ratio:0){

}

/************************ Firefox Only Fixes */
@-moz-document url-prefix() {

}