/* CSS Document */
/* Pancentric Ltd */

/* generic styling */
	body, html { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 auto 0 auto; padding: 0; border: 0; font-size: 75%; background-position:top; }
	.clear {clear:both; }

	h1 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.0em; text-decoration: none; font-weight: normal; padding:0; margin:0; }
	h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.9em; text-decoration: none; font-weight: normal; }
	h3 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; text-decoration: none; font-weight: normal; }
	h4 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.7em; text-decoration: none; font-weight: normal; }
	h5 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.6em; text-decoration: none; font-weight: normal; }
	h6 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.5em; text-decoration: none; font-weight: normal; }

	a { text-decoration:none; color:#FFFFFF; }
	a:hover { text-decoration:none; color:#00dfb0; }
	ul { }
	li { }
	img	{ border:none; }
	p { color:#959595; font-size:12px; }

/* structure */
#frame { width: 100%; margin:0; padding:0; }
#content_pos { width:990px; margin:0 auto 0 auto; padding:0; position: relative; }

/* template colour */
#templateColour { float:right; padding:9px 15px 0 0; color:#d9d9d9; font-size:12px; font-weight:bold; }

/* login */
#login_button_pos { width: 989px; margin: 0 auto 0 auto; padding: 0; position: relative; }
#login { border-bottom: #505050 1px solid; height: 32px; }
#login_button { float:right; margin:0; padding:0; }

/* logo */
#logo { width: 989px; margin: 0 auto 0 auto; padding:30px 0 0 0; position: relative; }
#logo_left { float:left; margin:0; padding:0 0 30px 0; }
#logo_right { float:right; width:170px; margin:0; padding:0; text-align:right; }
#logo_right p { font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; margin-top:0; margin-bottom:5px; letter-spacing:1px; line-height:14px; }
#logo_right a { font-size:16px; letter-spacing:normal; }

/* navagation */
#nav { float:left; width:111px; margin:0; padding:0; }
#nav img { border-bottom:#080808 1px solid; width:111px; height:77px; }

/* main content */
#scroll_bg { float:left; width: 878px; margin: 0; padding: 42px 0 0 0; z-index: 999; }
#content_bg { float:left; width: 878px; margin: 0; padding: 0px 0 0 0; z-index: 999; }
.transparent_bg { position:relative; z-index: 999;}
.transparent_bg[class] { background-repeat:repeat-y;}

#leftScrollBtn { float:left; margin:0; padding:145px 0 0 0; width:40px; text-align:right; }
#rightScrollBtn { float:left; margin:0; padding:145px 0 0 0; width:40px; text-align:left; }
#slideShowContainer { float:left; margin:0; padding:0; width:795px; height:323px; overflow:hidden; }
#slideShowContainer ul { margin: 0; padding: 0; list-style: none; }
.slide { float:left; }

/* slide show */
span#prevBtn  	{display: block; float: left; width: 25px; height: 34px; background-image:url('../images/black/previous_off.gif'); margin-top: 145px;}
span#nextBtn 	{display: block; float: right; width: 25px; height: 34px; background-image:url('../images/black/next_off.gif'); margin-top: 145px;}
span#prevBtn a 	{display: block; width: 25px; height: 34px;}
span#nextBtn a	{display: block; width: 25px; height: 34px;}
span#prevBtn a:hover 	{display: block; width: 25px; height: 34px; background-image:url('../images/black/previous_on.gif');}
span#nextBtn a:hover	{display: block; width: 25px; height: 34px; background-image:url('../images/black/next_on.gif');}
span#dummyprev { display:block; float:left; height:34px; margin-top:145px; width:25px; }

#slider { width: 845px; margin: 0 0 0 15px; }

#main_content { margin: 40px 0 0 40px; }
.homeIntroTitle { padding: 0 0 10px 0; font-size:20px; line-height: 30px; line-height: 30px; color:#FFFFFF; }
#intro { float:left; width:390px; margin:0; padding:0 10px 0 0; font-size: 12px; line-height:18px; color:#959595; }
#tagCloud { float:left; width:390px; margin:0; padding:0 0 0 10px; color:#959595; text-align:left; }
#tagCloud a { padding: 0 15px 0 0; line-height: 1.4em; color:#959595; }
#tagCloud a:hover {  color:#00dfb0; }


/* About */
#aboutContainer { float:left; margin:0; padding:0;}
#aboutPage {}
.aboutLeft { float:left; }
.aboutRight { float:left; }

#aboutContent { float:left; width:480px; vertical-align:top; padding:40px 20px 0 0; }
.aboutContentTitle { width:470px; padding:10px 25px 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }
.aboutContentMain { font-size: 12px; line-height:18px; color:#959595; padding:0 25px 0 0; }
#aboutMenu { float:left; width:295px; padding:40px 0 0 0;}
#aboutMenuTitle { padding:10px 0 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }
.servicesList { color:#CCCCCC; font-size: 11px; font-weight:bold; line-height:30px; }
.servicesList ul { margin: 0 0 0 10px; padding:0; list-style:none; }
#strategyImg { padding:0; margin:40px 0 40px 60px; width:334px; height:335px; position: relative; background-repeat:no-repeat; }
.strategy				{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/black/human_centric_blk.png'); }
.strategy[class]		{ background-image: url(../images/black/human_centric_blk.png); }

#factsheet { padding:20px 0 0 10px; }
#aboutTagCloud { float:left; margin:0; padding:30px 0 40px 10px; color:#959595; text-align:left; }
#aboutTagCloud a { padding: 0 15px 0 0; line-height: 1.4em; color:#959595; }
#aboutTagCloud a:hover { color:#00dfb0; }
#sponsors { padding: 20px 0 0 0; }

#enablerLogo { font-size: 12px; line-height:18px; color:#959595; padding:30px 25px 30px 10px; }
#enablerLogoContact { font-size: 12px; line-height:18px; color:#959595; padding:0 25px 30px 0px; }

#pageContactForm { color:#959595; font-size:12px; background-color:#222; border:#959595 1px solid; padding:20px 10px 20px 30px;}
#pageContactForm td { vertical-align:top; }
#pageContactForm .form { border:#FFFFFF 1px solid; }


/* Work */
#work_bg { float:left; width: 878px; margin: 0; padding: 42px 0 0 0; z-index: 999; }
#workContainer { float:left; margin:0; padding:0; width:833px; }
#workContainer img {border-style:none; width:133px; height:113px;}
.client { float:left; }
.client a { margin: 0 30px 0 0; padding:0; }
#rowOne { padding: 0 0 30px 0; }
#rowTwo { padding: 0 0 30px 0; }
#rowThree { padding: 0 0 30px 0; }

#clientContent { margin: 40px 0 0 40px; }
#clientTitle { float:left; padding: 0 0 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }
#clientsAll { float:right; padding: 5px 0 0 0; }
#clientDots { background-image:url(../images/black/dotted_intro.gif); background-repeat:repeat-x; padding:0; }

#caseStudy { float:left; margin:0; width: 595px; padding:0 20px 0 0; font-size: 12px; line-height:18px; color:#959595; }

#caseStudyLeft { float:left; padding:0; margin:0; width:165px; }
#caseStudyLeft img {margin:0 0 10px 0;}
#caseStudyCenter { float:left; padding:0 30px 0 0; margin:0; width:400px; }
#caseStudyRight { float:left; padding:0; margin:0; width:140px; }

#projectMenu	{ float:left; margin:0; width: 180px; padding:0 10px 0 0; font-size: 12px; line-height:18px; color:#959595; }
#projectTitle 	{ float:left; padding: 0 0 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }
#projectList	{}
#projectList ul	{ margin:0; padding:0;}
#projectList li	{ padding:5px 0; list-style-type:none;}
#projectList li a	{ color:#FFF; font-weight:bold; padding:3px 10px 3px 30px; margin:0; display:block; background-image:url(../images/work/arrow-off.gif); background-repeat:no-repeat;}
#projectList li a:hover	{ background-color:#ccc; color:#2a2a2a; font-weight:bold; background-image:url(../images/work/arrow-on.gif); background-repeat:no-repeat;}


.noCase { padding: 0 30px 0 0; }
.case { }

/* Team */
#teamWork { float:left; width:450px; margin:0; padding:0 30px 0 0; font-size: 12px; line-height:18px; color:#959595; }
#joinUs { float:left; width:300px; margin:0; padding:0; font-size: 12px; line-height:18px; color:#959595; }
.teamIntroTitle { padding: 0 0 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }
.teamJoinTitle { padding: 0 0 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }
.teamDots { background-image:url(../images/black/dotted_intro.gif); background-repeat:repeat-x; padding: 1px 0 10px 0; }
#flickrPadding { padding: 0 0 20px 0;}
#flickr img { border:#CCCCCC 1px solid; }
.vacancy { padding:0 0 10px 0; font-size:11px; color:#959595; font-weight:bold; }
.vacancy a { font-weight:bold; text-decoration:none; }
.vacancy a:hover { font-weight:bold; }
.vacancyDesc { padding: 0 0 15px 0; }
.vacancyContainer {float: left; width: 700px; padding: 0 30px 0 0; font-size: 12px; margin-left: 15px; line-height:18px; color:#959595; }
#videoPadding { padding: 40px 0 0 40px; }

#careersForm { color:#959595; z-index:999; width: 420px !important; height:400px !important;}
#jobApplicationForm { color:#959595; z-index:999; width: 420px !important; height:530px !important;}
#careersForm td { vertical-align:top; }
#careersForm .form { border:#FFFFFF 1px solid; }

/* Blog */
#blogContainer { float:left; margin:0; padding:0;}
#blogPage {width: 450}
.blogLeft { float:left; padding:40px 0 10px 0; width:490px;}
.blogRight { float:left; padding:70px 0 0 0; }

#blogTitle { font-size:20px; line-height: 30px; color:#FFFFFF; width: 450px; }
.postDate { float:left; color:#999999; font-size:11px; padding:0 0 0 10px; }
.day { border:#999999 1px solid; width:50px; background-color:#FFFFFF; font-size:30px; font-weight:bold; padding:0px; color:#CCCCCC; text-align:center; }
.month { width:52px; background-color:#999999; font-size:11px; font-weight:bold; padding:0; color:#FFFFFF; text-align:center; }
.postBy { padding:20px 0 5px 0; color:#999999; font-size:10px; width:52px; }
.postPhoto { float:left; width:60px; height:60px; background-color:#FFFFFF; padding:0; }
.postName { padding:5px 0 0 0; color:#999999; font-size:11px; width:52px; font-weight:bold; }
.postTitle { float:left; width:410px; }
.dots { background-image:url(../images/black/dotted_intro.gif); background-repeat:repeat-x; padding: 5px 0 10px 0; }

.blogContent { float:left; width:470px; vertical-align:top; padding:0 25px 0 0; font-size:11px; line-height:18px; }
.blogContentTitle { float:left; width:300px; padding:0 10px 0 10px; font-size:20px; line-height: 30px; color:#FFFFFF; }
.blogContentComments { float:left; padding:10px 0 0 0; font-size:11px; color:#FFFFFF; }
.post { font-size:12px; color:#959595; padding:10px 0 10px 0; }
.shareBlog { float:left; padding: 0 10px 0px 0; color:#FFFFFF; font-size:11px; }
.tags {float:right; font-size:11px; color:#FFFFFF; padding: 0 0 15px 0;}

#blogMenu { float:left; width:300px; padding:0;}
.blogMenuTitle { padding:10px 0 10px 0; font-size:12px; color:#FFFFFF; font-weight:bold; border-top: 1px solid #757575; }
.blogMenuArticles { padding:0 0 30px 0; font-size:11px; color:#CCCCCC; }
.blogMenuArticles a { color:#FFFFFF; }
.blogMenuArticles a:hover { color:#00dfb0; }

#blogTagCloud { float:left; margin:0; padding:10px 0 0 10px; color:#959595; text-align:left; }
#blogTagCloud a { padding: 0 15px 0 0; line-height: 1.4em; color:#959595; }
#blogTagCloud a:hover { color:#00dfb0; }


/* Contact */
#contactContainer { float:left; margin:0; padding:0;}
#contactPage {}
.contactLeft { float:left; }
.contactRight { float:left; }

.contactContentTitle { width:470px; padding:10px 25px 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }
#contactMenuTitle { padding:10px 25px 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }

#contactContent { float:left; vertical-align:top; padding:40px 30px 0 0; }
#mapBg { background-color:#FFFFFF; border:#CCCCCC 1px solid; vertical-align:middle; text-align:center; padding: 15px; }
#print { padding: 20px 0 0 0; }
#contactDetails { float:left; width:300px; padding:40px 0 0 0; }
#contactAddress { color:#959595; font-size: 12px; line-height:18px; padding: 0 0 20px 0; }
#callYou {  font-size: 12px; line-height:18px; font-weight:bold; color:#CCCCCC; padding: 0 0 10px 0; }
#contactPerson { color:#959595; font-size: 12px; line-height:18px; padding: 0 0 20px 0; }
#contactPerson a { }
#contactPerson a:hover { }

#contactForm { color:#959595; z-index:999; width: 400px !important; height:550px !important;}
#contactForm td { vertical-align:top; }
#contactForm .form { border:#FFFFFF 1px solid; }

#callForm { color:#959595; z-index:999;  width: 400px !important; height:400px !important;}
#callForm td { vertical-align:top; }
#callForm .form { border:#FFFFFF 1px solid; }

#rightContactForm { color:#959595; font-size:12px; background-color:#222; border:#959595 1px solid; padding:10px;}
#rightContactForm td { vertical-align:top; }
#rightContactForm .form { border:#FFFFFF 1px solid; }

/* Terms and Privacy */
#tpContainer { float:left; margin:0; padding:0;}
#tpPage {}
.tpLeft { float:left; }
.tpRight { float:left; }

#tpContent { float:left; vertical-align:top; padding:40px 30px 0 0; }
#tpMenuTitle { padding:0 0 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; }
#tpDetails { float:left; width:790px; padding:40px 0 0 0; }
#tpBody { color:#959595; font-size: 12px; line-height:18px; padding: 0 0 20px 0; }


/* footer */
#footer { width: 878px; height:43px; margin: 100px 0 0 0; padding:0; z-index: 999; }

.trnsp_footer { position:relative; z-index: 999;}
.trnsp_footer[class] { background-repeat: repeat-y;}

.share { float:right; width:70px; text-align:right; padding: 12px 40px 0 0; color:#FFFFFF; font-size: 11px; position:relative; } 
#copyright { float:left; font-size:9px; color:#959595; padding: 15px 0 0 40px; }
#footerLinks { float:right; color:#FFFFFF; font-size: 11px; padding: 14px 20px 0 0; position:relative; }
#footerLinks a { color:#FFFFFF; }
#footerLinks a:hover { color:#00dfb0; text-decoration:none; }

.legalForm { color:#959595; z-index:999; width:400px; margin:10px; }
.legalForm td { vertical-align:top; }
.legalForm .form { border:#FFFFFF 1px solid; }
.legalForm a { color:#FFFFFF; text-decoration:none; }
.legalForm a:hover { color:#00dfb0; text-decoration:none; }

#commentForm {
	padding: 40px 0 10px 0; font-size:20px; line-height: 30px; color:#FFFFFF; 
}

/* error page */
.errorheader { font-size: 12px; color:#959595; padding:0 0 240px 40px; }
.errorheader h1 { font-size: 75px; padding:0 0 20px 0;}