/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

body{background: #f0f0f0; font-family: 'Roboto Slab', Helvetica, Arial;}
.theprimary{width: 1200px; margin: 0 auto; position: relative;}
.cfix{clear: both;}

.theheader{background: #222; width: 100%; height: 60px; position: fixed; top: 0; left: 0; z-index: 9998;}
.theheader > .theprimary{height: 60px;}

.thelogo{width: 287px; height: 24px; text-decoration: none; position: absolute; top: 16px; left: 0;}
.thelogo:hover{opacity: 0.5;}
.thelogo > img{width: 100%; height: auto; position: relative; display: block;}

.thenav{list-style-type: none; text-align: right; position: absolute; top: 0; right: 0;}
.thenav li{margin-left: -4px; position: relative; display: inline-block;}
.thenav li a{font-size: 16px; font-weight: 300; color: #fff; text-align: center; text-decoration: none; line-height: 60px; padding: 0 18px; position: relative; display: block;}
.thenav li a:hover{color: #fff; text-decoration: none; box-shadow: 0 -60px 0 #da4b92 inset;}
.thenav li a.activenav{color: #fff; text-decoration: none; box-shadow: 0 -60px 0 #333 inset;}
.thenav li a.activenav:hover{box-shadow: 0 -60px 0 #444 inset;}

.thesplash{background: #fff; height: 370px; padding: 15px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); position: relative;}
.thesplash > a{text-decoration: none; position: relative; display: block;}
.thesplash > a > img{width: 100%; height: auto; position: relative; display: block; z-index: 94;}
.thesplash > a > h1{font-family: 'Oswald', Helvetica, Arial; font-size: 26px; font-weight: 700; color: #da4b92; text-align: left; text-transform: uppercase; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); line-height: 26px; letter-spacing: -1px; position: absolute; bottom: 98px; left: 25px; z-index: 95;}
.thesplash > a > h2{font-family: 'Oswald', Helvetica, Arial; font-size: 68px; font-weight: 700; color: #fff; text-align: left; text-transform: uppercase; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); line-height: 68px; letter-spacing: -1px; position: absolute; bottom: 25px; left: 25px; z-index: 95;}
.healthsplash > a > h1{background: #da4b92; color: #fff; text-shadow: none; padding: 10px 20px; bottom: 113px; left: 0;}
.healthsplash > a > h2{background: #01dcdf; text-shadow: none; padding: 10px 20px; left: 0;}
.thesplashbox{width: 670px; height: 100%; text-align: left; position: absolute; top: 0; right: 0; z-index: 95;}
.thesplashbox > h1{font-family: 'Oswald', Helvetica, Arial; font-size: 60px; font-weight: 700; color: #fff; text-align: left; line-height: 62px; letter-spacing: -1px; padding-top: 60px; position: relative;}
.thesplashbox > h2{font-family: 'Roboto', Helvetica, Arial; font-size: 21px; font-weight: 300; color: #ccc; text-align: left; line-height: 24px; position: relative;}
.thesplashbox > h2 span{font-weight: 700; font-style: italic;}
.thesplashbox > h3{background: #da4b92; font-family: 'Roboto', Helvetica, Arial; font-size: 28px; font-weight: 300; color: #fff; text-align: center; letter-spacing: -1px; border-radius: 5px; padding: 10px 25px 12px 25px; margin-top: 30px; position: relative; display: inline-block;}
.thesplashbox > h3:hover{background: rgba(0, 0, 0, 0.5);}
.thesplashbox > div{text-align: left; margin-top: 30px; position: relative; opacity: 0.5;}
.thesplash:hover > a > .thesplashbox > div{opacity: 1;}
.thesplashbox > div > img{width: 27px; height: 24px; margin-right: 6px; position: relative; top: 6px; display: inline-block;}
.thesplashbox > div > p{font-family: 'Roboto', Helvetica, Arial; font-size: 16px; font-weight: 100; color: #fff; text-align: left; line-height: 24px; margin-right: 15px; position: relative; display: inline-block;}
.thesplashbox > div > p span{font-weight: 500;}

.thepage{padding-bottom: 80px; margin: 90px auto 0 auto; position: relative;}

.thetiles{height: 620px; margin: 20px 0 50px 0; position: relative;}
.atile{background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); position: absolute;}
.atile:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);}
.atile > a{width: 100%; height: 100%; text-decoration: none; position: absolute; top: 0; left: 0;}

.tile-thebook{width: 300px; height: 620px; top: 0; left: 0;}
.tile-thebook > a > img{width: 100%; height: auto; position: relative; display: block;}
.tile-thebio{width: 300px; height: 300px; top: 0; left: 320px;}
.tile-theblog, .tile-theprojects{width: 300px; height: 140px; left: 640px;}
.tile-theblog{top: 0;}
.tile-theprojects{top: 160px;}
.tile-theglobalhealth{width: 620px; height: 300px; top: 320px; left: 320px;}
.tile-themedia{width: 240px; height: 180px; bottom: 0; right: 0;}
.tile-thefbfeed{width: 240px; height: 420px; top: 0; right: 0;}

.tile-thebook > a > h1{font-size: 18px; font-weight: 700; color: #2d6069; text-align: left; margin: 10px 15px 0 15px; position: relative;}
.tile-thebook > a > h2{font-size: 12px; font-weight: 300; color: #666; text-align: left; margin: 0 15px 10px 15px; position: relative;}
.tile-thebook > a > p{height: 60px; font-size: 12px; font-weight: 400; color: #333; text-align: left; line-height: 15px; margin: 0 15px 10px 15px; position: relative; overflow: hidden;}
.tile-thebook > a > h3{font-size: 12px; font-weight: 700; color: #2d6069; text-align: left; margin: 0 15px; position: relative;}

.tile-thebio > a > img, .tile-theblog > a > img, .tile-theprojects > a > img, .tile-theglobalhealth > a > img, .tile-themedia > a > img{position: absolute; top: 10px; left: 10px; z-index: 94;}

.tile-thebio > a > h1, .tile-theblog > a > h1, .tile-theprojects > a > h1, .tile-themedia > a > h1{font-size: 24px; font-weight: 700; color: #fff; text-align: left; text-shadow: 0 2px 6px #000; position: absolute; bottom: 20px; left: 25px; z-index: 96;}
.tile-thebio:hover > a > h1, .tile-theblog:hover > a > h1, .tile-theprojects:hover > a > h1, .tile-themedia:hover > a > h1{text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);}
.tile-theglobalhealth > a > h1{background: #da4b92; font-size: 24px; font-weight: 700; color: #fff; text-align: right; line-height: 48px; padding: 0 25px 0 75px; position: absolute; bottom: 40px; left: 0; z-index: 96;}
.tile-theglobalhealth:hover > a > h1{background: #01dcdf;}

.tlabel{height: 54px; position: absolute; bottom: 10px; left: 10px; z-index: 95;}
.tlabel > img{width: 100%; height: 54px; position: absolute; top: 0; left: 0;}
.tlabel-over{opacity: 0;}
.atile:hover > a > .tlabel > .tlabel-up{opacity: 0;}
.atile:hover > a > .tlabel > .tlabel-over{opacity: 1;}

.tile-thebio > a > .tlabel, .tile-theblog > a > .tlabel, .tile-theprojects > a > .tlabel{width: 280px;}
.tile-themedia > a > .tlabel{width: 220px;}

.list-thebooks{list-style-type: none; margin-top: 20px; position: relative;}
.list-thebooks li{background: #fff; width: 49%; min-height: 225px; text-align: left; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); margin: 0 0 20px 0; position: relative;}
.list-thebooks li.book-left{float: left;}
.list-thebooks li.book-right{float: right;}
.list-thebooks li:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);}
.list-thebooks li > header{min-height: 225px; padding: 20px; position: relative;}
.thebook-th{width: 150px; height: 225px; text-decoration: none; position: absolute; top: 20px; left: 20px;}
.thebook-th > img{width: 100%; height: auto; position: relative; display: block;}
.book-wbtl{width: 380px !important;}
.thebook-title{font-size: 24px; font-weight: 700; color: #222; text-align: left; text-decoration: none; margin: 0 0 8px 170px; position: relative;}
.thebook-title-wide{font-size: 16px !important; margin: 0 0 8px 400px !important;}
.thebook-title:hover{color: #da4b92; text-decoration: none;}
.thebook-desc{height: 80px; font-size: 13px; font-weight: 400; color: #444; text-align: left; line-height: 16px; margin: 6px 0 18px 170px; position: relative; overflow: hidden;}
.thebook-desc-wide{margin: 6px 0 18px 400px !important;}
.thebook-buy{background: #da4b92; font-family: 'Oswald', Helvetica, Arial; font-size: 14px; font-weight: 700; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 24px; border-radius: 3px; padding: 8px 18px; margin: 0 0 0 170px; position: relative; display: inline-block;}
.thebook-buy:hover{background: #444; color: #ccc; text-decoration: none;}
.thebook-buy > img{width: 24px; height: 24px; position: absolute; top: 8px; left: 12px;}
.thebook-meta{margin: 16px 0 0 170px; position: relative;}
.thebook-meta > a{text-decoration: none; margin: 0 15px 0 0; position: relative; cursor: pointer; display: inline-block;}
.thebook-meta > a > h1{font-family: 'Roboto', Helvetica, Arial; font-size: 13px; font-weight: 400; color: #888; text-align: left; line-height: 16px; padding: 0 0 0 20px; position: relative; z-index: 95;}
.thebook-meta > a > h1 img{width: 16px; height: 16px; position: absolute; top: 0; left: 0; opacity: 0.25; z-index: 95;}
.thebook-meta > a > div{background: #fff; width: 300px; border-radius: 5px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); padding: 12px 16px; position: absolute; top: 32px; left: 10px; display: none; z-index: 96;}
.thebook-meta > a > div > img{width: 37px; height: 16px; position: absolute; top: -16px; left: 10px;}
.bookmeta-reviewsbox{height: 110px;}
.bookmeta-awardsbox{height: 42px;}
.thebook-meta > a.bookmeta-reviews:hover > .bookmeta-reviewsbox{display: block;}
.thebook-meta > a.bookmeta-awards:hover > .bookmeta-awardsbox{display: block;}
.thebook-meta > a > div > section{position: relative; overflow: hidden;}
.thebook-meta > a > div > section > p{font-size: 12px; font-weight: 400; color: #666; text-align: left; margin: 0 0 8px 0; position: relative;}
.thebook-meta > a > div > section > p span{font-style: italic; color: #da4b92;}

.thebio{background: #fff; min-height: 600px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); margin: 0 0 20px 0; position: relative;}
.thebio > aside{width: 400px; height: 600px; position: absolute; top: 0; left: 0;}
.thebio > aside > img{width: 100%; height: auto; position: relative; display: block;}
.thebio > section{padding: 15px 30px 0 430px; position: relative;}
.thebio > section > h1{font-size: 32px; font-weight: 400; color: #222; text-align: left; letter-spacing: -1px; position: relative;}
.thebio > section > h2{font-family: 'Roboto', Helvetica, Arial; font-size: 14px; font-weight: 400; color: #bbb; text-align: left; margin: 0 0 20px 0; position: relative;}
.thebio > section > p{font-size: 14px; font-weight: 400; color: #444; text-align: left; margin: 0 0 20px 0; position: relative;}

.theprojects{margin: 0 0 20px 0; position: relative;}
.theprojects > h1{font-size: 36px; font-weight: 400; color: #444; text-align: center; padding: 0 0 25px 0; position: relative;}
.theprojects > iframe{width: 100%; height: 675px; position: relative; display: block;}

.themedia{height: 600px; margin: 20px 0; position: relative;}
.themedia-splash{background: #fff; width: 400px; height: 600px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0;}
.themedia-splash > img{width: 380px; height: 580px; position: absolute; top: 10px; left: 10px;}
.thegallery{background: #fff; width: 780px; height: 600px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); position: absolute; top: 0; right: 0;}
.thearticles{padding: 10px 0 0 0; position: relative;}
.thearticles > h1{font-size: 36px; font-weight: 600; color: #444; text-align: center; padding: 0 0 30px 0; position: relative;}
.thearticles > ul{list-style-type: none; text-align: center; position: relative;}
.thearticles > ul li{padding: 0 0 30px 0; position: relative;}
.thearticles > ul li a{font-size: 18px; font-weight: 400; color: #444; text-align: center; text-decoration: none; position: relative; display: block;}
.thearticles > ul li a span{font-size: 12px; font-weight: 400; color: #888;}
.thearticles > ul li a span.fitalic{font-size: 18px; font-style: italic; color: #444;}
.thearticles > ul li a:hover, .thearticles > ul li a:hover span{color: #da4b92; text-decoration: none;}

.theglobalhealth{margin: 20px 0; position: relative;}
.thehealth-orgs, .thehealth-main{background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); position: relative; overflow: hidden;}
.thehealth-orgs:hover, .thehealth-main:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);}
.thehealth-orgs{width: 30%; float: left;}
.thehealth-main{width: 68%; padding-top: 25px; float: right;}
.thehealth-orgs > h1{font-family: 'Roboto', Helvetica, Arial; font-size: 24px; font-weight: 300; color: #444; text-align: center; line-height: 27px; letter-spacing: -1px; margin: 25px 20px; position: relative;}
.thehealth-orgs > ul{list-style-type: none; text-align: center; padding: 20px 0 35px 0; position: relative;}
.thehealth-orgs > ul li{margin-bottom: 30px; position: relative;}
.thehealth-orgs > ul li:last-child{margin-bottom: 0;}
.thehealth-orgs > ul li a{text-align: center; text-decoration: none; position: relative; display: block;}
.thehealth-orgs > ul li a > img{max-width: 140px; height: auto; position: relative; display: inline-block;}
.thehealth-orgs > ul li a > p{font-size: 16px; font-weight: 400; color: #444; text-align: center; position: relative;}
.thehealth-orgs > ul li a:hover > p{color: #da4b92;}
.thehealth-main > section{padding: 0 25px; position: relative;}
.thehealth-main > section > iframe{width: 100%; min-height: 431px; margin-bottom: 25px; position: relative; display: block;}

.thecontact{margin: 20px 0; position: relative;}
.thecontact > section{background: #fff; height: 600px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); overflow: hidden;}
.thecontact > section:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);}
.thecontact-card{width: 35%; text-align: center; position: relative; float: left;}
.thecontact-credits{width: 63%; text-align: center; position: relative; float: right;}
.thecontact-card > img, .thecontact-credits > img{width: 120px; height: 120px; border-radius: 150px; margin: 40px auto 25px auto; position: relative; display: inline-block;}
.thecontact-card > h1, .thecontact-credits > h1{font-family: 'Oswald', Helvetica, Arial; font-size: 24px; font-weight: 700; color: #444; text-align: center; position: relative;}
.thecontact-card > h2, .thecontact-credits > h2{font-family: 'Roboto', Helvetica, Arial; font-size: 14px; font-weight: 300; color: #aaa; text-align: center; padding: 0 30px; margin-bottom: 25px; position: relative;}
.thecontact-credits > h3{font-size: 16px; font-weight: 400; color: #444; text-align: center; padding: 0 30px; position: relative;}
.thecontact-credits > h4{font-family: 'Roboto', Helvetica, Arial; font-size: 14px; font-weight: 300; color: #888; text-align: center; padding: 0 30px; margin-bottom: 25px; position: relative;}
.thecontact-credits > h4 a{color: #da3b92; text-decoration: none;}
.thecontact-credits > h4 a:hover{color: #444; text-decoration: underline;}
.thecontact-card > a{background: #da4b92; font-size: 18px; font-weight: 400; color: #fff; text-decoration: none; text-align: center; border-radius: 4px; padding: 10px 25px; margin: 0 30px 30px 30px; position: relative; display: block;}
.thecontact-card > a:hover{background: #444; color: #888; text-decoration: none;}
.thecontact-card > h2 a{color: #da4b92; text-decoration: none;}
.thecontact-card > h2 a:hover{color: #444; text-decoration: underline;}

.thebook-campaign{background: #fff; text-decoration: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); padding: 10px; position: relative; display: block;}
.thebook-campaign:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);}
.thebook-campaign > img{width: 100%; height: auto; position: relative; display: block;}

.thefooter{background: #222; width: 100%; height: 28px; padding: 10px 0; position: fixed; bottom: 0; left: 0; z-index: 9998;}
.thefooter p{font-size: 12px; font-weight: 300; color: #888; text-align: left; line-height: 28px; position: relative;}
.thefooter p span{color: #444;}
.thefbbutton{text-decoration: none; position: absolute; top: 5px; right: 0; opacity: 0.5;}
.thefbbutton:hover{opacity: 1;}
.thefbbutton > img{width: 18px; height: 18px; position: absolute; top: 0; left: 0;}
.thefbbutton > p{color: #fff; line-height: 18px; padding: 0 0 0 18px;}

a, div, img, li, h1, h3, .atile, .thecontact > section, .thehealth-orgs, .thehealth-main, .m-thecampaign > h2, span, .ig-perks > section > ul li a h2, .ig-perks > section > ul li a h3{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}