@import url("font-cathaypacific.css") screen;

/* ===== Base/Structural Styles ===== */

body {
	font: 13px/21px 'FontCathayPacificRegular', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
div.centre {
	width: 900px;
	margin: 0px auto;	
	padding: 0px 30px 0px;
}
header {
	background-color: #ebedec;
	height: 366px;
	display: block;
}
header div.wrapper {
	width: 960px;
	margin: 0px auto;
}
hr {
	display: block;
	height: 1px;
	padding: 0;
	border-top: 1px solid #CCC;
	border-top: 1px solid rgba(127,127,127,0.3);
	border-bottom: 1px solid White;
	border-bottom: 1px solid rgba(255,255,255,0.8);
	border-right-style: none;
	border-left-style: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
.note {
	font-size: 10px;
}
p.comment {
	color: #0f748f;
}

#redirection {
	height:400px;
	font-size: 14px;
	line-height: 400px;
	text-align: center;
}


/* ===== Global/Shared Styles ===== */

a.button { 
	background-color: #007577;
	text-decoration: none;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	line-height: 26px;
	color: #FFF;
	font-size: 12px;
	display: inline-block;
	padding: 4px 10px 0px 12px;
	margin: 5px 0px 20px 0px;
	font-weight: 400;
}

a.button:hover, div.homeFeatures a:hover { background-color: #004D4E; } /* Block hover */
.content div.centre div.main a.nolink:hover { background-color: #007577; }

.content div.centre ul.subNav li a,
.content div.centre div.featureBoxes a,
.content div.centre div.main .videoFeature {
	background-color: #ebedec;
}

.content div.centre ul.subNav li a:hover,
.content div.centre div.featureBoxes a:hover,
.content div.centre div.main .videoFeature:hover,
div.content div.homeFeatures a div.inner:hover {
	background-color: #d3d3d3;
}

/* Block link span */
.content div.centre div.videoNav a span,
.flexslider .slides > li a i,
.content div.centre ul.subNav li a span,
a.button span,
.content div.centre div.featureBoxes a div.inner span,
div.homeFeatures a span,
.content div.centre div.main .videoFeature .link span {
	background: url(../img/sprite_icons.png) no-repeat 0px -110px;
	width: 4px;
	height: 14px;
	display: inline-block;
	margin-left: 3px;
}
.content div.centre ul.subNav li a span {
	background-position: 0px -88px;
}
.content div.centre div.featureBoxes a div.inner span,
.content div.centre div.main .videoFeature .link span,
div.homeFeatures a span {
	background: url(../img/sprite_icons.png) no-repeat 0px -88px;
}

.flexslider .slides > li a i {
	height:8px;
}
a.button span,
.content div.centre div.featureBoxes a div.inner span,
.content div.centre div.main .videoFeature .link span,
div.homeFeatures a span {	
	position: relative;
	top: 2px;
	left: 3px;
	text-indent: -5000px;
}
.content div.centre div.featureBoxes a div.inner h3 span {
	top: 3px;
}


a.button span {
	top: 14px;
	left: 0;
	margin: 0px 0px 0px 7px !important;
}

.content div.centre div.videoNav a:hover span,
.flexslider .slides > li a:hover i,
.content div.centre ul.subNav li a:hover span,
.content div.centre ul.subNav li a.active span,
a.button:hover span,
/*div.homeFeatures a:hover span */{ 
	background: url(../img/sprite_icons.png) no-repeat 0px -110px;
} /* Block link span hover */

/*.content div.centre div.videoNav a, div.content div.homeFeatures a div.inner, .content div.centre div.main iframe, .content div.centre div.main img, .content div.centre ul.subNav, .content div.centre div.featureBoxes a, .content div.centre div.main table.contentTable {	-webkit-box-shadow:  0px 6px 10px -10px #000000; box-shadow:  0px 6px 10px -10px #000000; }*/



/* ===== Background Gradients ===== */

div.content, header div.nav ul li:hover, header div.wrapper div.nav ul li.hover, div.landingPage {
	background: White;
}
header div.nav ul, header div.nav ul li div.subNav a {
	background: White;
}
header div.nav a.logo {
	background: #006564;
}

/* ===== Heading Styles ===== */

h1, h2, h3, h4, h5 {
	font-weight: 400;	
	line-height: 120%;
}
h1 {
	font-size: 32px;
	margin: 50px 0px 8px;
	font-family: "FontCathayPacificMedium";
}
h2 {
	font-size: 25px;
	margin-top: 25px;
	padding: 5px 0px 10px;
	color: #0f748f;
}

h3 {
	font-size: 16px;
	margin: 0px 0px 5px;
	color: #0f748f;
}
h4 {
	font-size: 18px;
	padding: 5px 0px 4px;
	color: #0f748f;
}
h5 {
	font-size: 14px;
	padding: 5px 0px 0px;
}


h1 + h2 {
	margin-top: 0;
}

h2 + h3 {
	color: inherit;
}

h1:first-child,
h2:first-child {
	margin-top: 3px;
}

.alternate h1 {
	margin-top: 25px;
}

.alternate h2 {
	margin-top: 10px;
}
.centre.home span h2 {
	margin-top: 0;
}


/* ===== Landing Page Styles ===== */

div.landingPage {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(http://jobsatcathaypacific.com/assets/img/buildImages/landingPage_background.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
div.landingPage div.block {
	position: absolute;
	width: 100%;
	top: 20%;
}
div.landingPage div.block div.inner {
	max-width: 540px;
	min-width: 280px;
	padding: 0px 20px;
	margin: 0px auto;
	color: #FFF;
	font-size: 20px;
}
div.landingPage div.block div.inner img {
	display: block;
	margin: 0px 0px 25px 5px;
}
div.landingPage div.block div.inner p {
	display: block;
	margin: 0px 0px 15px 5px;
	line-height: 30px;
}
div.landingPage div.block div.inner p a {
	color: #FFF;
}
div.landingPage div.block div.inner div.dropDownWrapper {
	-webkit-border-radius: 5px;
    border-radius: 5px;
	background-color: #343C45;
	border: 1px solid #000;
	margin-top: -5px;
	padding: 5px;
	position: relative;
}
div.landingPage div.block div.inner div.dropDownWrapper div.wrap {
	border: 1px solid #888;
}
div.landingPage div.block div.inner div.dropDownWrapper a {
	text-decoration: none;
	color: #333;
	padding-right: 15px;
	padding-left: 15px;
	border-bottom: 1px solid #E2E2E2;
	display: block;
	color: #333;
	line-height: 44px;
	background-color: #FFF;
}
div.landingPage div.block div.inner div.dropDownWrapper a.trigger {
	background: #FFF url(../img/sprite_icons.png) no-repeat 500px -112px;
}
div.landingPage div.block div.inner div.dropDownWrapper a:hover {
	/*color: #0f748f;*/
	color: #c2262e!important;
}
div.landingPage div.block div.inner div.dropDownWrapper ul {
	position: absolute;
	z-index: 999;
	width: 526px;
	left: -1px;
	margin: 0px 6px;
	border-top: none;
	border-right: 1px solid #888;
	border-bottom: 3px solid #c2262e;
	border-left: 1px solid #888;
}
div.landingPage div.block div.inner footer {
	background: none !important;
	color: #FFF;
	padding: 10px 0px 0px 5px;
}
div.landingPage div.block div.inner footer a {
	color: #FFF;
	margin: 0px 0px 0px 20px;
}



/* ===== Dropdown menu on Join-the_family page ===== */

div.main div.dropDownWrapper {
	-webkit-border-radius: 5px;
    border-radius: 5px;
	background-color: #a7a7a7;
	border: 1px solid #eee;
	margin-top: -5px;
	padding: 5px;
	position: relative;
	width: 426px;
}

div.main div.dropDownWrapper div.wrap {
	border: 1px solid #888;
}

div.main div.dropDownWrapper a {
	text-decoration: none;
	/*padding-right: 15px;
	padding-left: 15px;*/
	padding: 4px 15px 0;
	border-bottom: 1px solid #E2E2E2;
	display: block;
	line-height: 40px;
	color: #4c4c4c;
}

div.main div.dropDownWrapper a.trigger_two {
	background: #FFF url(../img/sprite_icons.png) no-repeat 400px -112px;
}

div.main div.dropDownWrapper a:hover {
	color: #c2262e!important;
	background-color: #f7f7f7;
}

div.main div.dropDownWrapper ul:last-child li:last-child a:hover {
	background-color: White;
}

div.main div.dropDownWrapper ul {
	position: absolute;
	z-index: 999;
	width: 426px;
	left: 4px;
	margin: 0px 6px;
	border-top: none;
	border-right: 1px solid #888;
	border-bottom: 3px solid #c2262e;
	border-left: 1px solid #888;
	background-color: White;
}

div.main div.dropDownWrapper ul {
	width: 212px;
}

div.main div.dropDownWrapper ul:last-child {
	width: 213px;
	left: 217px;
}

.content div.centre div.main div.dropDownWrapper li {
	background: none;
	padding: 0;
	font-size: 15px;
}



/* ===== Main Navigation Styles ===== */

header div.wrapper div.nav {
	width: 960px;
	margin: 0px auto;	
	display: block;
	position: relative;
	z-index: 99;
}
header div.wrapper div.nav a.logo {
	width: 230px;
	height: 44px;
	padding: 13px 0px 3px;
	text-align: center;
	display: inline-block;
	float: left;
}
header div.wrapper div.nav ul {
	width: 730px;
	display: table;
}
header div.wrapper div.nav ul li {
	display: table-cell;
}
header div.wrapper div.nav ul li a {
	text-decoration: none;
	color: #333;
	font-size: 15px;
	line-height: 55px;
	display: block;
	text-align: center;
	padding: 5px 20px 0;
	border-right: 1px dotted #d7d7d7;
}

header div.wrapper div.nav ul li a:hover {
	color: #c2262e; /* Cathay Pacific Red */
}

header div.wrapper div.nav ul li ul li a:hover {
	color: inherit; /* Cathay Pacific Red */
	text-decoration: underline;
}

header div.wrapper div.nav ul li a.active {
	color: #FFF;
	text-shadow: none;
	border-right: 1px solid #194647;
	position: relative;
	background: #003e40;
}

header div.wrapper div.nav ul li a.active span {
	height: 8px;
	display: inline-block;
	position: absolute;
	bottom: -8px;
	left: 0px;
	width: 100%;
	background: url(../img/sprite_icons.png) no-repeat center -148px;
}
header div.wrapper div.nav ul li div.position {
	position: relative;
}
header div.wrapper div.nav ul li ul {
	position: absolute;
	top: -1px;
	top: 60px;
	width: 180px;
}
header div.wrapper div.nav ul li ul li {
	display: block;
	border-bottom: 1px solid #E2E2E2;
	border-top: 1px solid #FFF;
	text-align: left !important;
}
header div.wrapper div.nav ul li ul li a {
	line-height: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: left;
	font-size: 12px;
	border-right: none;
}
header div.wrapper div.nav ul li ul li:last-child {
	border-bottom: 3px solid #c2262e;
}

/* ===== Slider Styles ===== */

.flexslider .slides > li img {
	position: absolute;
	top: 0px;
	left: 0px;
}
.flexslider .slides > li a {
	position: absolute;
	top: 105px;
	width: 340px;
	left: 20px;
	padding: 20px 20px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	background: #006564;
	background: rgba(0,101,100,0.81) 100%;
}
.flexslider .slides > li a.right {
	left: 560px;
}
.flexslider .slides > li a span {
	font-size: 26px;
	font-weight: 400;
	line-height: 30px;
	display: block;
	margin: 0px 0px 10px;
	font-family:'FontCathayPacificRegular', sans-serif;
}

/* ===== Homepage Styles ===== */
div.content {
	padding-bottom: 15px;
	margin-bottom: 10px;
}
div.content div.centre.home {
	padding: 35px 30px 15px;
}
div.content div.centre.home span, div.content div.centre.home p, div.content div.centre.home div.singleFeature {
	float: left;
}
div.content div.centre.home span {
	width: 310px;
}
div.content div.centre.home p {
	width: 500px;
	margin: 5px 0px 0px 50px;
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
}
div.content div.centre.home.alternate p {
	margin: 5px 0px 40px 0px;
	width: 640px;
}



div.content div.centre.home div.singleFeature {
	margin-top: 20px;
	float: right;
}
div.content div.centre.home div.singleFeature a {
	width: 218px;
	background-color: #FFF;
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #4d4d4d;
	border: 1px solid #ebedec;
}
div.content div.centre.home div.singleFeature p {
	float: inherit;
	font-size: inherit;
	width: auto;
	margin: 0;
}
div.content div.centre.home div.singleFeature a img {
	padding: 8px;
}
div.content div.centre.home div.singleFeature a div.inner {
	padding: 12px 15px 15px;
	background-color: #ebedec;
}
div.content div.centre.home div.singleFeature a div.inner:hover {
	background-color: #d3d3d3;
}
div.content div.centre.home div.singleFeature a div.inner span {
	background: url(../img/sprite_icons.png) no-repeat 0px -88px;
	width: 4px; 
	height: 8px; 
	display: inline-block; 
	margin-left: 1px;
	position: relative;
	top: 4px;
	left: 3px;
	float: none;
	text-indent: -5000px;
}


div.content div.homeFeatures {
	position: relative;
}
div.content div.homeFeatures hr {
	display: none;
	border-bottom: 94px solid #005F61;
	position: absolute;
	bottom: -1px;
	width: 100%;
}
div.content div.homeFeatures a {
	width: 218px;
	background-color: #FFF;
	min-height: 40px;
	float: left;
	margin: 15px 9px 11px 0px;
	display: block;
	position: relative;
	z-index: 99;
	text-decoration: none;
	line-height: 17px;
	color: #FFF;
}
div.content div.homeFeatures a img {
	border: none !important;
}
div.content div.homeFeatures a div.inner {
	height:75px;
	padding: 12px 15px 15px;
	background-color: #ebedec;
	color: #4c4c4c;
}
div.content div.homeFeatures a div.inner h3 {
	color: #367d79;
	font-family: "FontCathayPacificMedium";
}
div.content div.homeFeatures a.last {
	margin-right: 0px;
}
div.content div.homeFeatures div.centre {
	border-top: none !important;
}

/* ===== Content Styles ===== */

/* ===== Sub Navigation Styles ===== */

.content div.centre {
	border-top: 3px solid #c2262e;
}
.content div.centre ul.subNav {
	width: 170px;
	margin: 30px 40px 0px 0px;
	float: left;
}
.content div.centre ul.subNav li {
	display: block;
	margin-top: 1px;
}
.content div.centre ul.subNav li a {
	color: #0f748f;
	text-decoration: none;
	display: block;
	padding: 7px 7px 1px 10px;
	overflow: hidden;
}
.content div.centre ul.subNav li a span {
	float: right;	
	margin: 4px 0px 0px;
}
.content div.centre ul.subNav li a.active {
	background-color: #176061;
}

/* ===== Center Block Content Styles ===== */

.content div.centre div.main {
	margin: 30px 40px 0px 0px;
	padding: 0px 0px 30px;
	float: left;
	width: 440px;
}
.content div.centre div.main.full {
	width: 690px;
	margin-right: 0px;
}
p {
	margin: 0px 0px 15px;
}
p.feature {
	font-weight: 400;
	font-size: 130%;
	line-height: 150%;
}
p a, .content div.centre div.main li a {
	color: #333;
}
.content div.centre div.main p a:hover, .content div.centre div.main li a:hover  {
	color: #0f748f;
}
.content div.centre div.main p a.button:hover {
	color: White;
}
.content div.centre div.main ul {
	margin: 0px 0px 20px 0px;
}
.content div.centre div.main ul ul {
	margin: 0px 0px 0px 12px;
}
.content div.centre div.main ul li {
	background: url(../img/sprite_icons.png) no-repeat -240px -81px;
	padding: 3px 0px 0px 10px;
}
.content div.centre div.main ol {
	margin: 0px 0px 20px 20px;
}
.content div.centre div.main ol li {
	list-style: decimal;
}
.content div.centre div.main ol li h3  {
	margin: 5px 0px 0px;
}
.content div.centre div.main small {
	display: block;
	font-size: 85%;
	margin: 4px 0px 0px 0px;
}

/* ===== image fancybox ===== */
.content div.centre div.main iframe,
.content div.centre div.main img,
.content div.centre div.featureBoxes a img,
div.content div.homeFeatures a img {
	padding: 8px;
	background-color: #FFF;
	display: block;
	border: 1px solid #EEE!important;
	border-bottom: none;
}
div.content div.homeFeatures a img {
	padding: 7px;
}
.content div.centre div.main img.logo {
	background-color: inherit;
	border: none!important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.content div.centre div.main img.inContent {
	margin: 0px 0px 15px;
	width: 430px;
}
.content div.centre div.main img.inContent.third {
	margin: 0px 10px 15px 0;
	width: 33%;
	height: auto;
}
.content div.centre div.main img.inContent.floatleft {
	float: left;
	margin: 4px 10px 50px 0 ;
}

/* image fancybox with different sizes:
half: half of the width of the content
third: third of the width of the content
floatleft: third of the width + let text floating on its right side.
*/
.content div.centre div.main a.half,
.content div.centre div.main a.third {
	margin: 0px 0 10px;
	float: left;
	display: block;
	text-indent: 5px;
	text-decoration: none;
	color: inherit;
}
/* image fancybox HALF WIDTH */
.content div.centre div.main a.half {
	width: 50%;
}
.content div.centre div.main a.half img,
.content div.centre div.main .accordion img {
	margin: 2%;
	width: 88%;
}
/* image fancybox THIRD WIDTH */
.content div.centre div.main a.third {
	width: 33%;
}
.content div.centre div.main a.third img {
	margin: 3%;
	width: 85%;
}

/*.content div.centre div.main {
	background-color: orange;
}*/
.content div.centre div.main .floating_third_size_images img {
	margin: 4px 11px 40px 0;
	height: auto;
	width: 33%;
	float: left;
}
.content div.centre div.main .accordion img {
	width: 43%;
	margin:0 1% 10px;
	float: left;
}
.gallery.third a {
	display: inline-block;
	width: 32%;
	margin: 0 0.4%;
	color: Black;
	text-decoration: none;
}
.gallery.half a {
	display: inline-block;
	width: 48%;
	margin: 0 0.8%;
	color: Black;
	text-decoration: none;
}
.gallery a img {
	max-width: 87%;
}


.content div.centre div.main iframe {
	margin: 0px 0px 15px;
}
.content div.centre div.main img.inPage.left {
	float: left;
	margin: 5px 15px 10px 0px;
}
.content div.centre div.main img.inPage.right {
	float: right;
	margin: 5px 0px 10px 15px;
}
.content div.centre div.main .videoFeature {
	position: relative;
	display: block;
	height: 118px;
	color: #4c4c4c;
	text-decoration: none;
	padding: 20px 20px 0px 0px;
	line-height: 17px;
	margin: 10px 0px 20px;

	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}
.content div.centre div.main .videoFeature img {
	float: left;
	margin: -20px 20px 0px 0px;
}
.content div.centre div.main .videoFeature p {
	margin-left: 20px;
}
.content div.centre div.main .videoFeature p.link {
	position: absolute;
	right: 23px;
	bottom: -5px;
	margin: 0px;
	font-weight: 400;
	font-size: 110%;
	margin: -15px 0px 16px;
	text-decoration: none;
	color: #4c4c4c;
}

.content div.centre div.main .videoFeature a {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height:100%;
	text-indent: -9000px;
}

.content div.centre div.main .videoFeature .second_person {
	width: 32%;
	float: left;
}

.content div.centre div.main .videoFeature .second_person p {
	margin-left: 0px;
}

.content div.centre div.main table.contentTable {
	width: 100%;
	margin: 5px 0px 15px;
	background-color: #FFF;
}
.content div.centre div.main table.contentTable th {
	padding: 5px 10px;
	text-align: left;
	color: #4c4c4c;
	background-color: #ebedec;
	font-weight: 400;
}
.content div.centre div.main table.contentTable td {
	border-top: 1px solid #EBEBEB;
	padding: 10px 10px;
}
.content div.centre div.main ul.three-column-layout {
	width: 33%;
	float: left;
}
.content div.centre div.main ul.three-column-layout .title {
	color: #0f748f;
	font-weight: bold;
	margin-top: 15px;
	background: none;
	font-family: "FontCathayPacificMedium";
}

/* ===== Fix for limePage which creates <p> tags when pages are edited ===== */



/* ===== People fancyBox ===== */
/*div.people {
	padding: 20px;
	background: #d6d6d6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d6d6d6 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #d6d6d6 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #d6d6d6 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #d6d6d6 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #d6d6d6 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 );
}*/

div.casestudy,
div.people,
div.community_people {
	max-width: 860px;
	display: none;
	padding: 0 20px 20px;
	overflow: auto;
}

div.casestudy h1,
div.community_people h1 {
margin-bottom: 30px;
}

div.community_people h2 span {
	color: Black;
	font-size: 16px;
}

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

div.community_people img {
	float: inherit;
	width:31%;
	height: auto;
	margin: 35px 1% 0 1%;
}

div.people {
	background-color: White;
}

div.people img {
	float: left;
	margin: 0 20px 0px 0px;
	padding: 8px;
	background-color: #FFF;
	display: block;
	border: 1px solid #EEE;
	-webkit-box-shadow: 0px 6px 10px -10px #000000;
	box-shadow: 0px 6px 10px -10px #00000
}

div.people img.right {
	float: right;
	margin: 0 0px 0px 20px;
}

div.people .videoFeature {
	background-color: #ebedec;
	color: #4C4C4C;
	height: 138px;
	margin: 20px 0;
}
div.people .videoFeature p {
	padding: 20px 20px 20px 0;
}


/* ===== People Page Styles ===== */

.content div.centre div.main div.anchorBlock {
	/*margin: 0px 0px 0px -20px;
	width: 500px;*/
	margin: 0px 0px 0px 10px; 
	width: 640px;/* area has been resized to fit longer title above the images */
}
.content div.centre div.main div.anchorBlock a {
	position: relative;
	float: left;
	display: inline-block;
	text-decoration: none;
	margin: 0px 0px 20px 0px;
	color: #0f748f;
	width: 33%;
	line-height: 16px;
}
.content div.centre div.main div.anchorBlock a:hover {
	text-decoration: underline;
}
.content div.centre div.main div.anchorBlock a span {
	display: block;
	color: #333;
	font-size: 10px;
}
.content div.centre div.main div.anchorBlock a img {
	margin: 7px 0px 0px 0px;
}


/* ===== Content Page Feature Box Styles ===== */

.content div.centre div.featureBoxes {
	float: left;
	width: 210px;
	margin: 30px 0px 0px 0px;
}
.content div.centre div.featureBoxes a {
	position: relative;
	color: #4c4c4c;
	text-decoration: none;
	display: block;
	margin: 0px 0px 15px;
}
.content div.centre div.featureBoxes a div.inner {
	padding: 12px;
	line-height: 17px;
}
.content div.centre div.featureBoxes a img {
	border-bottom: none;
}
.content div.centre div.featureBoxes p {
	margin-bottom: 0;
}


/* ===== Feature boxes : play button ===== */
div.content .homeFeatures div.playbutton,
.content div.centre div.featureBoxes > a div.playbutton,
.content div.centre div.videoFeature div.playbutton,
.content div.centre div.anchorBlock > a .playbutton {
	display: block;
	position: absolute;
	top: 41px;
	left: 81px;
	width: 55px;
	height: 55px;
	background: url(../img/icon_play.png) no-repeat 50%;
	background-size: 100%;
	text-indent: -5000px;
}
.content div.centre div.anchorBlock > a .playbutton {
	top: 61px;
	left: 47px;
	width: 44px;
	height: 44px;
}


/* play button position on people page and side bar */
div.content .homeFeatures div.playbutton.left,
.content div.centre div.videoFeature div.playbutton.left {
	left: 19px;
}
div.content .homeFeatures div.playbutton.right,
.content div.centre div.videoFeature div.playbutton.right {
	left: 144px;
}
div.content .homeFeatures div.playbutton.top,
.content div.centre div.videoFeature div.playbutton.top {
	top: 16px;
}
div.content .homeFeatures div.playbutton.bottom,
.content div.centre div.videoFeature div.playbutton.bottom {
	top: 65px;
}

/* play button position on anchorBlock (people page) */
.content div.centre div.anchorBlock > a div.playbutton.left {
	left: 15px;
}
.content div.centre div.anchorBlock > a div.playbutton.right {
	left: 79px;
}
.content div.centre div.anchorBlock > a div.playbutton.top {
	top: 53px;
}
.content div.centre div.anchorBlock > a div.playbutton.bottom {
	top: 70px;
}

/* play button position on home page */
.content div.centre div.featureBoxes > a div.playbutton.left {
	left: 19px;
}
.content div.centre div.featureBoxes > a div.playbutton.right {
	left: 136px;
}
.content div.centre div.featureBoxes > a div.playbutton.top {
	top: 16px;
}
.content div.centre div.featureBoxes > a div.playbutton.bottom {
	top: 67px;
}

/* ===== Video Template Styles ===== */

.content div.centre div.main.video {
	width: 570px;
	margin: 30px 30px 30px 0px;
}
.content div.centre div.main.video div.wrapper {
	min-height: 200px;
}
.content div.centre div.main.video div.wrapper div.pbox {
	display: none;
}
.content div.centre div.main.video div.wrapper div.pbox.current {
	display: block;
}
.content div.centre div.videoNav {
	width: 300px;
	float: left;
	margin: 73px 0px 30px 0px;
	max-height: 500px;
	overflow: auto;
}
.content div.centre div.videoNav a {
	display: block;
	color: #4c4c4c;
	text-decoration: none;
	padding: 8px 10px 0px 0px;
	line-height: 15px;
	font-size: 11px;
	background-color: #ebedec;
	margin: 0px 0px 10px;
	height: 72px;
	border: 1px solid #ebedec;
}
.content div.centre div.videoNav a img {
	float: left;
	margin: -8px 10px 0px 0px;
	padding: 5px;
	background-color: #FFF;
}
.content div.centre div.videoNav a strong {
	display: block;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 1px;
}


/* ===== Footer Styles ===== */

footer {
	font-size: 11px;
	line-height: 20px;
	margin: 0px 0px 20px;
	padding: 50px 0px 0px;
	background-color: White;
	border-top: 1px solid #d7d7d7;
	background-image: -webkit-gradient(top,#ebedec 0,#fff 4%,#fff 100%);
	background-image: -webkit-linear-gradient(top,#ebedec 0,#fff 4%,#fff 100%);
	background-image: -moz-linear-gradient(top,#ebedec 0,#fff 4%,#fff 100%);
	background-image: -ms-linear-gradient(top,#ebedec 0,#fff 4%,#fff 100%);
	background-image: -o-linear-gradient(top,#ebedec 0,#fff 4%,#fff 100%);
	background-image: linear-gradient(to bottom,#ebedec 0,#fff 4%,#fff 100%);
}
footer a {
	color: #0f748f;
	text-decoration: none;
}
footer ul li:first-child {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 20px;
	padding-bottom: 5px;
	height: 36px;
}
footer ul li:first-child a {
	color: #4c4c4c;
}
footer a:hover {
	text-decoration: underline;
}
footer div.centre {
	width: 900px;
}
footer div.block {
	width: 115px;
	float: left;
	padding: 0px 20px 30px 0px;
}
footer div.block.social {
	text-align: right;
	float: right;
	width: 208px;
	/*width: 290px;*/
	padding-right: 0px;
}
footer div.block.social a {
	color: White;
	width: 38px;
	height: 38px;
	display: block;
	margin: 0px 0px 3px 3px;
	border-radius: 19px;
	float: right;
}
footer div.block.social a.google { background: #006564 url(../img/sprite_icons.png) no-repeat 0px -38px; }
footer div.block.social a.instagram { background: #006564 url(../img/sprite_icons.png) no-repeat -41px -39px; }
footer div.block.social a.facebook { background: #006564 url(../img/sprite_icons.png) no-repeat -83px -38px; }
footer div.block.social a.twitter { background: #006564 url(../img/sprite_icons.png) no-repeat -124px -38px; }
footer div.block.social a.linkedIn { background: #006564 url(../img/sprite_icons.png) no-repeat -165px -38px; }
footer div.block.social a.youtube { background: #006564 url(../img/sprite_icons.png) no-repeat -207px -38px; }
footer div.block.social a.pinterest { background: #006564 url(../img/sprite_icons_2.png) no-repeat 4px -23px; }

footer div.subFooter {
	background-color: White;
	line-height: 40px;
	color: #7d7d7d;
}
footer div.subFooter a {
	display: inline-block;
	margin: 0px 0px 0px 20px;
}



/*div#example {
	display: none;	
	width: 860px;
	padding: 0px 20px;
}
div#example img {
	float: right;
	margin: 5px 0px 20px 30px;
}*/