/*
--- Author :: David Moore @ SalterBaxter
--- For :: Millicom
--- Date :: May 2010
*/

/* FIXES */
	/* Clearfix */
	.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
	* html .clearfix             { zoom: 1}
	*:first-child+html .clearfix { zoom: 1}

/* IE6 Message to upgrade */
.ie6Msg {display:none; padding:10px; text-align:center; background:#FFFFCC; color:red; border:1px solid red; margin:20px;}
.ie6 .ie6Msg {display:block;}
	
/* GLOBAL */
html {background:#efefef}
body {font-family:Arial, Helvetica, sans-serif;font-size:62.5%;color:#7d7d7d;/** /height:3000px;/**/}
.hr {background:url(../images/bg_hr.png) center no-repeat;height:6px;clear:both}
.hr hr {display:none}
.clear {clear:both}
.bold {font-weight:bold}
p {margin:10px 0;line-height:1.5}
p.bold {margin:10px 0 3px}
a {color:#7d7d7d;text-decoration:underline}
a:hover {color:#333}
h1 {font-size:2.50em;color:#4b5bb0;margin-bottom:20px}
h2 {font-size:2.25em;color:#4b5bb0;margin-bottom:20px}
h2.title {margin-left:10px;clear:both}
h3.subtitle {margin-left:10px;clear:both}
h3 {font-size:2.00em;color:#4b5bb0;margin-bottom:15px}
h4 {font-size:1.80em;color:#4b5bb0;margin-bottom:15px}
h5 {font-size:1.60em;color:#4b5bb0;margin-bottom:10px}
h6 {font-size:1.40em;color:#4b5bb0;margin-bottom:10px}
	/* columns */
	.column {width:300px;float:left}
	.column+.column {margin-left:20px}

/* LAYOUT */
.wrapper {font-size:1.4em;width:988px;margin:0 auto;position:relative;background:#fff}/* Default font size = 12px */
	/* H1 */
	h1 {position:absolute;top:-99999px;left:-99999px}
	/* navigation */
	#nav {height:60px;z-index:9998}
	#nav ul {display:block;overflow:hidden;z-index:9998;position:fixed}
	#nav li {display:block;float:left}
	#nav li a {height:60px;float:left;background:url(../images/bg_nav.png) no-repeat 0 0}
	#nav li a span {position:absolute;top:-99999px;leftt:-99999px}
	#nav li a.home {width:228px}
	#nav li a.whatWereDoing {background-position:-228px 0;width:177px}
	#nav li a.ourApproach {background-position:-405px 0;width:151px}
	#nav li a.ourPerformance {background-position:-556px 0;width:173px}
	#nav li a.governance {background-position:-729px 0;width:136px}
	#nav li a.contactUs {background-position:100% 0;width:123px}
	#nav li a.home:hover {background-position:0 -89px}
	#nav li a.whatWereDoing:hover {background-position:-228px -89px}
	#nav li a.ourApproach:hover {background-position:-405px -89px}
	#nav li a.ourPerformance:hover {background-position:-556px -89px}
	#nav li a.governance:hover {background-position:-729px -89px}
	#nav li a.contactUs:hover {background-position:100% -89px}
	#nav li a.home:active {background-position:0 -178px}
	#nav li a.whatWereDoing:active {background-position:-228px -178px}
	#nav li a.ourApproach:active {background-position:-405px -178px}
	#nav li a.ourPerformance:active {background-position:-556px -178px}
	#nav li a.governance:active {background-position:-729px -178px}
	#nav li a.contactUs:active {background-position:100% -178px}
	#nav li.active a,
	#nav li.active a:hover {}
	
	/* Modules */
		/* overlay */
		#overlay {display:none;z-index:10000;width:744px;font-size:1.2em}
		#overlay .close {background-image:url(../images/bg_overlay_close.png);background-position:0 0;position:absolute;right:12px;top:45px;cursor:pointer;height:27px;width:27px}
		#overlay .close:hover {background-position:-40px 0}
		#overlay .close:active {background-position:-80px 0}
		#overlay #overlayContentWrap .content {width:744px;padding:0 12px}
		#overlay #overlayContentWrap .content .title {background-repeat:no-repeat;background-position:left bottom;height:28px;padding:0 0 0 10px;color:#fff;line-height:30px;font-size:.9em;margin:0 13px}
		#overlay #overlayContentWrap .content .innerWrapper {background:bottom center url(../images/bg_overlay.png);height:403px}
		#overlay #overlayContentWrap .content .inner {padding:20px 22px 22px;overflow-y:auto;height:349px;background-position:top;background-repeat:repeat-x;margin:0 13px}
			/* content */
			#overlay #overlayContentWrap .content .inner h2 {margin-bottom:15px;font-size:1.5em;width:100%}
			#overlay #overlayContentWrap .content .inner .col1 {float:left;width:360px}
			#overlay #overlayContentWrap .content .inner .col1 img {margin-bottom:15px;width:330px}
			#overlay #overlayContentWrap .content .inner .col1 h3 {margin:0;font-size:1.25em}
			#overlay #overlayContentWrap .content .inner .col2 {float:left;width:275px;margin-left:20px;display:inline}
			#overlay #overlayContentWrap .content .inner .col2 :first-child {margin-top:0}
			#overlay #overlayContentWrap .content .inner .col2 p {margin:5px 0}
			#overlay #overlayContentWrap .content .inner .col2 h3 {margin:0;font-size:1.25em;color:#505aba;font-weight:bold}
			#overlay #overlayContentWrap .content .inner .col2 h3+p {margin-top:0}
			#overlay #overlayContentWrap .content .inner .col2 * {color:#5a5959}
			/* specifics */
				/* environment */
				#overlay #overlayContentWrap .environment .inner {background-image:url(../images/bg_tabbed_border_green.gif)}
				#overlay #overlayContentWrap .environment .inner * {color:#48ae3d}
				#overlay #overlayContentWrap .environment .title {background-image:url(../images/bg_tabbed_tab_green.png)}
				/* education */
				#overlay #overlayContentWrap .education .inner {background-image:url(../images/bg_tabbed_border_yellow.gif)}
				#overlay #overlayContentWrap .education .inner * {color:#505aba}
				#overlay #overlayContentWrap .education .title {background-image:url(../images/bg_tabbed_tab_yellow.png);color:#505aba}
				/* wellbeing */
				#overlay #overlayContentWrap .wellbeing .inner {background-image:url(../images/bg_tabbed_border_pink.gif)}
				#overlay #overlayContentWrap .wellbeing .inner * {color:#e61950}
				#overlay #overlayContentWrap .wellbeing .title {background-image:url(../images/bg_tabbed_tab_pink.png)}
				/* other - blue */
				#overlay #overlayContentWrap .other .inner {background-image:url(../images/bg_tabbed_border_blue.gif);color:#505aba}
				#overlay #overlayContentWrap .other .inner * {color:#505aba}
				#overlay #overlayContentWrap .other .title {background-image:url(../images/bg_tabbed_tab_blue.png)}
				
		/* tabbed area */
		.tabbed {}
		.tabbed .title {background-image:url(../images/bg_tabbed_tab_blue.png);background-repeat:no-repeat;background-position:left bottom;height:28px;padding:0 0 0 10px;color:#fff;line-height:30px;font-size:.9em}
		.tabbed .content {background-image:url(../images/bg_tabbed_border_blue.gif);background-color:#efefef;background-repeat:repeat-x;background-position:top;padding:20px 10px 0}
		.tabbed .content :first-child {margin-top:0}
		.tabbed .content :last-child {margin-bottom:0}
		.tabbed .content ul {margin-left:15px}
		.tabbed .content ul,
		.tabbed .content ul li {list-style:disc}
		.tabbed .content ul li {color:#5060ba;margin-bottom:10px}
		.tabbed .content ul li span {color:#636363}
		.tabbed .curve {background:url(../images/bg_tabbed_bottomCurves_right.png) right no-repeat;padding-right:8px}
		.tabbed .curve div {height:10px;background:url(../images/bg_tabbed_bottomCurves_left.png) left no-repeat}
			/* specifics */
				/* green */
				html .tabbed.environment .title {background-image:url(../images/bg_tabbed_tab_green.png)}
				html .tabbed.environment .content {background-image:url(../images/bg_tabbed_border_green.gif);color:#39b000}
				/* yellow */
				html .tabbed.education .title {background-image:url(../images/bg_tabbed_tab_yellow.png);color:#505aba}
				html .tabbed.education .content {background-image:url(../images/bg_tabbed_border_yellow.gif);color:#505aba}
				/* pink */
				html .tabbed.wellbeing .title {background-image:url(../images/bg_tabbed_tab_pink.png)}
				html .tabbed.wellbeing .content {background-image:url(../images/bg_tabbed_border_pink.gif);color:#e61950}
		
		/* links */
			/* internal */
			.link_internal:link,
			.link_internal:visited {background:url(../images/bg_link_internal.png) no-repeat 0 0;width:246px;display:block;height:46px;line-height:46px;font-size:1em;padding:0 44px 0 10px;color:#fff;text-decoration:none}
			.link_internal:hover {background-position:-320px 0}
			.link_internal:active {background-position:-640px 0}
			/* external */
			.link_external:link,
			.link_external:visited {background:url(../images/bg_link_external.png) no-repeat 0 0;width:246px;display:block;height:46px;line-height:46px;font-size:1em;padding:0 44px 0 10px;color:#fff;text-decoration:none}
			.link_external:hover {background-position:-320px 0}
			.link_external:active {background-position:-640px 0}
			/* pdfs */
			.link_pdf:link,
			.link_pdf:visited {background:url(../images/bg_link_pdf.png) no-repeat 0 0;width:236px;display:block;height:46px;line-height:46px;font-size:1em;padding:0 14px 0 50px;color:#5060ba;text-decoration:none}
			.link_pdf:hover {background-position:-320px 0;color:#fff}
			.link_pdf:active {background-position:-640px 0}
			/* footer */
			.link_footer:link,
			.link_footer:visited {background:url(../images/bg_link_footer.png) no-repeat 0 0;width:246px;display:block;height:46px;line-height:46px;font-size:1em;padding:0 44px 0 10px;color:#fff;text-decoration:none}
			.link_footer:hover,
			.link_footer:active {background-position:right}
	
	/* Sections */
		/* Home */
		.section1 {}
			/* hero */
			.section1 .hero {text-align:center}
			/* text */
			.section1 .text {padding:20px 0;width:931px;margin:0 auto}
				/* what we're doing */
				.section1 .text .whatWereDoing {float:left;display:inline;width:291px}
				.section1 .text .whatWereDoing p {font-size:.9em}
				/* jumper */
				.section1 .text .jumper {margin:0 20px;width:300px;float:left;display:inline}
				.section1 .text .jumper p {color:#4958ab;width:75%;margin-top:0}
				.section1 .text .jumper ul {list-style:none}
				.section1 .text .jumper ul li {display:block;margin-bottom:5px}
				.section1 .text .jumper ul li a {display:block;width:300px;height:46px}
				.section1 .text .jumper ul li a span {position:absolute;top:-99999px;left:-99999px}
				.section1 .text .jumper ul li a.environment {background:url(../images/btn_section1_environment.gif) no-repeat 0 0}
				.section1 .text .jumper ul li a.education:link,
				.section1 .text .jumper ul li a.education:visited {background:url(../images/btn_section1_education.gif) no-repeat 0 0}
				.section1 .text .jumper ul li a.wellbeing:link,
				.section1 .text .jumper ul li a.wellbeing:visited {background:url(../images/btn_section1_wellbeing.gif) no-repeat 0 0}
				.section1 .text .jumper ul li a.environment:hover,
				.section1 .text .jumper ul li a.education:hover,
				.section1 .text .jumper ul li a.wellbeing:hover {background-position:center}
				.section1 .text .jumper ul li a.environment:active,
				.section1 .text .jumper ul li a.education:active,
				.section1 .text .jumper ul li a.wellbeing:active {background-position:right}
				/* performance */
				.section1 .text .performance {width:300px;float:left;display:inline}
				.section1 .text .performance .tabbed .content {padding:18px 10px 0}
				.section1 .text .performance .tabbed .content img {margin-bottom:10px}
		/* highlights */
			.highlights	.higlightInner {width:961px;margin:0 auto;position:relative}
			.highlights	.higlightInner a.prev,
			.highlights	.higlightInner a.next {width:31px;height:62px;z-index:100;cursor:pointer;background-repeat:no-repeat}
			.highlights	.higlightInner a.prev {position:absolute;top:208px;left:0;background-image:url(../images/bg_scrollable_nav_prev.png)}
			.highlights	.higlightInner a.next {position:absolute;top:208px;right:0;background-image:url(../images/bg_scrollable_nav_next.png)}
			.highlights	.higlightInner a.prev span,
			.highlights	.higlightInner a.next span {position:absolute;top:-99999px;left:-99999px}
			/* header */
				/* text */
				.highlights	.higlightInner .nav .text {float:left;width:580px;padding:15px 15px 0}
				.highlights	.higlightInner .nav .text h3 {color:#fff;font-size:1.7em;margin:0;padding:0}
				.highlights	.higlightInner .nav .text p {color:#fff;margin:5px 0 0;font-size:.9em;line-height:1.2}
				/* nav */
				.highlights	.higlightInner .nav {height:103px;overflow:hidden;position:relative;background-position:center top;background-repeat:no-repeat}
				.highlights .higlightInner .nav .naviWrapper {height:20px;position:absolute;bottom:14px;right:10px;background-position:right;background-repeat:no-repeat;padding-right:11px}
				.highlights .higlightInner .nav .navi {height:20px;background-position:left;background-repeat:no-repeat;padding-left:5px}
				.highlights .higlightInner .nav .navi a {width:10px;height:9px;float:left;margin:5px 0 0 6px;display:block}
				.highlights .higlightInner .nav .navi a:hover {}
				.highlights .higlightInner .nav .navi a.active {background:url(../images/bg_scrollable_nav_selected.png) center no-repeat}
			/* scrollable */
			.highlights	.higlightInner .scrollable {position:relative;overflow:hidden;width:961px;height:263px;background-repeat:repeat-x;padding-top:11px}
			.highlights	.higlightInner .scrollable .items {width:20000em;position:absolute}
			.highlights	.higlightInner .scrollable .items div.item {float:left;width:951px;padding-left:10px;overflow:hidden}
			.highlights	.higlightInner .scrollable .items div.item a {text-decoration:none;cursor:pointer;zoom:1}
			.highlights	.higlightInner .scrollable .items div.item .tabbed {float:left;width:231px;overflow:hidden;margin-right:6px}
			.highlights	.higlightInner .scrollable .items div.item .tabbed img {margin:0 0 3px}
			.highlights	.higlightInner .scrollable .items div.item .tabbed p {margin:0;font-size:.9em;font-weight:bold}
				/* specifics */
					/* environment */
					.highlights	.environment .nav {background-image:url(../images/bg_section1_highlights_environment_header.gif)}
					.highlights .environment .nav .naviWrapper {background-image:url(../images/bg_scrollable_nav_right_environment.png)}
					.highlights .environment .nav .navi {background-image:url(../images/bg_scrollable_nav_left_environment.png)}
					.highlights .environment .nav .navi a {background-image:url(../images/bg_scrollable_nav_unselected_environment.png)}
					.highlights .environment .scrollable {background-image:url(../images/bg_scrollable_items_environment.gif)}
					.highlights	.environment a.prev {background-position:0 -70px}
					.highlights	.environment a.prev:hover {background-position:-40px -70px}
					.highlights	.environment a.prev:active {background-position:-80px -70px}
					.highlights	.environment a.next {background-position:-76px -70px}
					.highlights	.environment a.next:hover {background-position:-36px -70px}
					.highlights	.environment a.next:active {background-position:4px -70px}
					/* education */
					.highlights	.education .nav {background-image:url(../images/bg_section1_highlights_education_header.gif)}
					.highlights	.education .nav .text h3,
					.highlights	.education .nav .text p {color:#505aba}
					.highlights .education .nav .naviWrapper {background-image:url(../images/bg_scrollable_nav_right_education.png)}
					.highlights .education .nav .navi {background-image:url(../images/bg_scrollable_nav_left_education.png)}
					.highlights .education .nav .navi a {background-image:url(../images/bg_scrollable_nav_unselected_education.png)}
					.highlights .education .scrollable {background-image:url(../images/bg_scrollable_items_education.gif)}
					.highlights	.education a.prev {background-position:0 -1px}
					.highlights	.education a.prev:hover {background-position:-40px -1px}
					.highlights	.education a.prev:active {background-position:-80px -1px}
					.highlights	.education a.next {background-position:-76px 0}
					.highlights	.education a.next:hover {background-position:-36px 0}
					.highlights	.education a.next:active {background-position:4px 0}
					/* wellbeing */
					.highlights	.wellbeing .nav {background-image:url(../images/bg_section1_highlights_wellbeing_header.gif)}
					.highlights .wellbeing .nav .naviWrapper {background-image:url(../images/bg_scrollable_nav_right_wellbeing.png)}
					.highlights .wellbeing .nav .navi {background-image:url(../images/bg_scrollable_nav_left_wellbeing.png)}
					.highlights .wellbeing .nav .navi a {background-image:url(../images/bg_scrollable_nav_unselected_wellbeing.png)}
					.highlights .wellbeing .scrollable {background-image:url(../images/bg_scrollable_items_wellbeing.gif)}
					.highlights	.wellbeing a.prev {background-position:0 -140px}
					.highlights	.wellbeing a.prev:hover {background-position:-40px -140px}
					.highlights	.wellbeing a.prev:active {background-position:-80px -140px}
					.highlights	.wellbeing a.next {background-position:-76px -141px}
					.highlights	.wellbeing a.next:hover {background-position:-36px -141px}
					.highlights	.wellbeing a.next:active {background-position:4px -141px}
		/* Our Approach */
		.section2 {padding:30px 0}
		.section2 .sectionInner {padding:0 24px}
		.section2 .sectionInner .content {font-size:0.85em}
			/* our approach top */
			.section2 .sectionInner .ourApproachSubSection1 {padding-bottom:35px}
				/* col 1 */
				.section2 .sectionInner img.relative {position:relative;top:0;left:-10px}
				/* col 2 */
				.section2 .sectionInner a.ourStrategy {height:23px;background-image:url(../images/bg_section2_readOurStrategy.png);background-repeat:no-repeat;background-position:left;width:166px;display:block}
				.section2 .sectionInner a.ourStrategy span {position:absolute;top:-99999px;left:-99999px}
				.section2 .sectionInner a.ourStrategy:hover {background-position:center}
				.section2 .sectionInner a.ourStrategy:active {background-position:right}
				.section2 .sectionInner .whyTogether .content {max-height:415px;min-height:415px}
				.section2 .sectionInner .whyTogether .content div {text-align:center;margin-top:10px}
				.section2 .sectionInner .whyTogether .content div img {position:relative;top:30px}
				/* col 3 */
				.section2 .sectionInner .howWeAreDelivering .content {min-height:415px; /*SAFARI BUG...*/border-bottom:1px dashed #eee /*...SAFARI BUG*/}
				.section2 .sectionInner .howWeAreDelivering .content a.link_internal {margin-bottom:5px}
			/* our approach bottom */
			.section2 .sectionInner .ourApproachSubSection2 h3 span {color:#a6a6a6}
			.section2 .sectionInner .ourApproachSubSection2 .tabbed {margin-bottom:20px}
			:last-child
			.section2 .sectionInner .ourApproachSubSection2 .column .tabbed:last-child {margin-bottom:0}
			.section2 .sectionInner .ourApproachSubSection2 .partnerships {margin-top:20px}
		/* Our Performance */
		.section3 {padding:30px 0}
		.section3 .sectionInner {padding:0 24px}
		.section3 .sectionInner .content {font-size:0.85em}	
			/* title and text */
			.section3 .sectionInner .titleAndText {margin-bottom:10px}
			.section3 .sectionInner .titleAndText h2 {float:left;width:310px}
			.section3 .sectionInner .titleAndText p {float:left;width:590px;font-size:0.85em;margin:0}
		/* Governance */
		.section4 {padding:30px 0}
		.section4 .sectionInner {padding:0 24px}
		.section4 .sectionInner .content {font-size:0.85em}	
			/* title and text */
			.section4 .sectionInner .titleAndText {margin-bottom:10px}
			.section4 .sectionInner .titleAndText h2 {float:left;width:310px}
			.section4 .sectionInner .titleAndText p {float:left;width:590px;font-size:0.85em;margin:0}
			/* col 1 */
			.section4 .sectionInner .column.governance {width:620px}
			.section4 .sectionInner .column.governance .tabbed .content div {float:left;width:290px;padding-bottom:10px}
			.section4 .sectionInner .column.governance .tabbed .content div+div {margin-left:20px}
			.section4 .sectionInner .column.governance .tabbed .content div h4 {margin-bottom:5px;font-size:1.1em;font-weight:bold}
			.section4 .sectionInner .column.governance .tabbed .content div p {margin-top:0px;margin-bottom:5px}
			.section4 .sectionInner .column.governance .tabbed .content div a.link_pdf {margin-bottom:10px}
			/* col 2 */
			.section4 .sectionInner .governance .content a.link_pdf {margin-top:5px}
		/* Our Performance */
		.section5 {padding:30px 0}
		.section5 .sectionInner {padding:0 14px}
		.section5 .sectionInner .colouredBoxOuter {background:url(../images/bg_section5_top.gif) no-repeat top center;padding-top:15px}
		.section5 .sectionInner .colouredBoxInner {font-size:0.85em;background:url(../images/bg_section5_bottom.gif) bottom center no-repeat #4f59b8;padding:0 10px 15px;color:#fff}
		.section5 .sectionInner .colouredBoxInner * {color:#fff}
		.section5 .sectionInner .colouredBoxInner h4 {font-size:1.25em;font-weight:bold}
		.section5 .sectionInner .colouredBoxInner address {font-style:normal;}
		.section5 .sectionInner .colouredBoxInner .text,
		.section5 .sectionInner .colouredBoxInner .links {padding-bottom:30px}
		.section5 .sectionInner .colouredBoxInner .text .column {width:290px; padding-left:10px;}
		.section5 .sectionInner .colouredBoxInner p.copyright {margin:0;background:url(../images/bg_section5_copyright.gif) repeat-x center;height:32px;line-height:32px;padding:0 10px;position:relative;left:-10px;width:100%}