/****************** Index of Style-Positions.css *******************/
/* 
This file is divided up into 4 sections - please find them below:
	-> Tag Reset : Resets defaults.
	-> Global Text Styles : Styles used globally, like a's, p's etc.
	-> Main Content Areas : Styles used globally, broken up into 
	   separate content areas.
	-> Page-Per-Page : Differing sub-page styles
*/
/*******************************************************************/

/* ------------------------------------------------ */
/*	TAG RESET										*/

	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	
	}
	
	fieldset, form, label, legend, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	}
	
/* ------------------------------------------------ */
/*	GLOBAL	TEXT STYLES								*/

	html, 
	body, 
	div, 
	p { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; color: #7D7D7D; line-height: 18px; }
	a { color: #000000; text-decoration: none; }
	a:hover { color: #000000; text-decoration: underline; }
	.grey { color: #4D4B4B; }
	.padder { padding: 0px 0px 6px 0px; }
	.justify { text-align: justify; }
	.right { float: right; }

/* ------------------------------------------------ */
/*	MAIN CONTENT AREAS TEXT STYLES					*/

	/* Header */
	.login_title { font-size: 11px; text-transform: uppercase; line-height: 21px; color: #ffffff; text-align: center; }
	.login_title a { color: #fff; }
	.login_box p { font-size: 11px; color: #000000; line-height: 25px; margin: 0px 0px 10px 0px; }
	.login_box p input.un { width: 198px; background: #F0F0F0!important; line-height: 18px; padding: 3px; margin: 0px 0px 0px 10px; }
	.login_box p input.pw { width: 198px; background: #F0F0F0!important; line-height: 18px; padding: 3px; margin: 0px 0px 0px 29px; }
	.login_box p.right { text-align: right; }
	.login_box p.btns { border-top: 1px solid #E5E5E5; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; text-align: right; }
	.login_box p.btns input { font-size: 9px; background: #000000; color: #ffffff; padding: 3px 5px 3px 5px;  text-transform: uppercase; }
	ul.topnav li { font-size: 11px; text-transform: uppercase; line-height: 12px; }
	ul.topnav li a { color: #7D7D7D; }
	ul.topnav li a:hover { color: #000000; text-decoration: none; }
	ul.topnav li.on, 
	ul.topnav li.on a { color: #000000; }
	
	/* Footer */
	.mf_content p.left { font-size: 9px; text-transform: uppercase; float: left; }
	.mf_content p.right { font-size: 9px; text-transform: uppercase; float: right; }
	
/* ------------------------------------------------ */
/*	PAGE TEXT STYLES								*/

	/* Home */
	.mast_content h1.title { width: 805px; float: left; padding: 45px 0px 0px 0px; font-size: 36px; font-weight: normal; }
	.mast_content h1.partner_logo { width: 805px; float: left; padding: 45px 0px 0px 0px; font-size: 36px; font-weight: normal; }
	.mast_content p.blurb { width: 855px; float: left; padding: 15px 0px 0px 0px; line-height: 20px; }
	.mast_content p.blurb_23rds { width: 630px; float: left; padding: 15px 0px 0px 0px; line-height: 18px; }
	.mast_content p.blurb_13rd_img { position: relative; float: right; padding: 10px 40px 0px 15px; }
	
	/* About */
	.cupboard_item p.about_img { width: 275px; height: 212px; float: left; overflow: hidden; margin: 15px 13px 10px 0px; display: block; }
	.cupboard_item p.about_img:hover img { float: left; overflow: hidden; margin: -212px 0px 0px 0px; }
	.cupboard_item_23rds p.about_img { width: 275px; height: 212px; float: left; overflow: hidden; margin: 15px 13px 10px 0px; display: block; }
	.cupboard_item_23rds p.about_img:hover img { float: left; overflow: hidden; margin: -212px 0px 0px 0px; }
	.cupboard_item_23rds p.more-tiny,
	.cupboard_item p.more-tiny { width: 260px; float: left; font-size: 12px; padding: 15px 0px 0px 0px; }
	
	/* Cupboard */
	.cupboard_item p.ci_pic { height: 212px; overflow: hidden; }
	.cupboard_item p.ci_pic a:hover img { margin: -212px 0px 0px 0px; }
	.cupboard_item h2,
	.cupboard_item_23rds h2,
	.cupboard_item_33rds h2,
	.team_item h2 { margin: 12px 0px 0px 0px; padding: 20px 0px 0px 0px; float: left; width: 100%; }
	.cupboard_item h2.case,
	.cupboard_item_23rds h2.case,
	.cupboard_item_33rds h2.case { margin: 12px 0px 0px 0px; padding: 10px 0px 0px 0px; }
	.cupboard_item h3,
	.cupboard_item_23rds h3,
	.cupboard_item_33rds h3 { font-size: 11px; font-weight: normal; color: #4D4B4B; padding: 4px 0px 0px 1px; margin: 3px 0px 0px 0px; }
	.cupboard_item p.intro { font-size: 12px; margin: 0px 0px 0px 1px; padding: 5px 0px 15px 0px; }
	.cupboard_item p.info { font-size: 12px; margin: 0px 0px 2px 1px; }
	.cupboard_item p.more { width: 272px; float: left; font-size: 12px; padding: 15px 0px 0px 0px; }
	.cupboard_item_wide p.more { width: 845px!important; float: left; font-size: 12px; padding: 15px 0px 0px 0px; }
	.cupboard_item p.more img { position: relative; float: left; padding: 0px 13px 10px 0px; }
	
	.cupboard_item p.more_yal { width:122px; float: left; font-size: 12px; padding: 15px 0px 0px 0px; }
	.cupboard_item p.more_yal img { position: relative; float: left; padding: 0px 13px 10px 0px; }
	
	.cupboard_item p.yal_img { width: 140px; height: 262px; float: left; overflow: hidden; margin: 15px 13px 10px 0px; display: block; }
	.cupboard_item p.yal_img:hover img { float: left; overflow: hidden; margin: -264px 0px 0px 0px; }
	
	span.unicef { width: 241px; height: 88px; float: left; overflow: hidden; margin: 15px 13px 10px 0px; display: block; }
	span.unicef:hover img { float: left; overflow: hidden; margin: -88px 0px 0px 0px; }
	
	span.speak { width: 241px; height: 110px; float: left; overflow: hidden; margin: 15px 13px 10px 0px; display: block; }
	span.speak:hover img { float: left; overflow: hidden; margin: -104px 0px 0px 0px; }
	
	.cupboard_item_23rds p.more img { position: relative; float: left; padding: 0px 13px 5px 0px; }
	.cupboard_item_33rds p.more img { position: relative; float: left; padding: 0px 13px 5px 0px; }
	.cupboard_item ul { width: 250px; float: left; margin: 0px; padding: 12px 0px 0px 0px; font-size: 12px; list-style-type: none; }
	.cupboard_item ul li { width: 250px; float: left; background: url('../images/li.gif') 0px 8px no-repeat; padding: 0px 0px 0px 18px; }
	.cupboard_item_33rds h3.more { font-size: 11px; font-weight: normal; color: #4D4B4B; margin: 0px 0px 0px 1px; padding: 14px 0px 0px 0px; }
	
	.cupboard_item_23rds p.more { width: 550px; float: left; font-size: 12px; padding: 15px 0px 0px 0px; }
	.cupboard_item_23rds p.phone { position: relative; float: right; padding: 0px 40px 0px 15px; }
	.cupboard_item_23rds ul { width: 530px; float: left; margin: 0px; list-style-type: none; padding: 12px 0px 0px 0px; font-size: 12px; }
	.cupboard_item_23rds ul li { width: 530px; float: left; background: url('../images/li.gif') 0px 8px no-repeat; padding: 0px 0px 0px 18px; }
	
	.cupboard_item_33rds p.team_more { float: left; font-size: 12px; padding: 0; }
	.cupboard_item_33rds p.team_more span { padding:0 0 5px 0; display:block;}
	.cupboard_item_33rds p.more { width: 850px; float: left; font-size: 12px; padding: 15px 0px 0px 0px; }
	.cupboard_item_33rds p.phone { position: relative; float: right; padding: 0px 40px 0px 15px; }
	.cupboard_item_33rds ul { width: 840px; float: left; margin: 0px; padding: 15px 0px 0px 15px; font-size: 12px; list-style-type: none; }
	.cupboard_item_33rds ul li { width: 840px; float: left; background: url('../images/li.gif') 0px 8px no-repeat; padding: 0px 0px 0px 18px; }
	.cupboard_item_33rds p.footnote { float: left; border-top: 1px solid #E5E5E5; margin: 40px 0px 0px 0px; padding: 12px 0px 0px 0px; font-size: 12px; }
	
	.cupboard_item p.home-intro { width: 250px; float: left; font-size: 12px; margin: 0px 0px 0px 1px; padding: 5px 0px 15px 0px; }
	.cupboard_item p.home-info { width: 250px; float: left; font-size: 12px; margin: 0px 0px 2px 1px; }
	.cupboard_item p.socialtxt { width: 250px; height: 40px; float: left; margin: 10px 0px 0px 0px; padding: 0px; overflow: hidden; }
	.cupboard_item p.yal { width: 250px; height: 100px; float: left; margin: 46px 0px 0px 0px; padding: 0px; overflow: hidden; }
	.cupboard_item p.txtalert { width: 250px; height: 40px; float: left; margin: 38px 0px 0px 0px; padding: 0px; overflow: hidden; }
	.cupboard_item p.mobilisr { width: 250px; height: 70px; float: left; margin: 10px 0px 0px 0px; padding: 0px; overflow: hidden; }
	.cupboard_item p.socialtxt a:hover img, 
	.cupboard_item p.txtalert a:hover img { margin: -40px 0px 0px 0px; }
	.cupboard_item p.mobilisr a:hover img { margin: -70px 0px 0px 0px; }
	.cupboard_item p.yal a:hover img { margin: -103px 0px 0px 0px; }
	
	/* Case Study */
	.case_study_right h2 {  }
	.case_study_right h3 { font-size: 11px; font-weight: normal; color: #4D4B4B; line-height: 14px; }
	.case_study_right p.thumb { width: 71px; height: 62px; float: left; margin: 9px 0px 0px 0px; overflow: hidden; }
	.case_study_right p.thumb a:hover img { margin: -62px 0px 0px 0px; }
	.case_study_right p.thumb a.on img { margin: -62px 0px 0px 0px; }
	.case_study_right p { width: 274px; float: left; font-size: 12px; line-height: 16px; margin: 15px 0px 15px 0px; }
	.case_study_right p.info { font-size: 12px; margin: 0px 0px 2px 1px; }
	
	/* Slider */
	.panel_content { line-height: 18px; text-align: center; }
	.panel_content span.heading { font-size: 28px; line-height: 40px; color: #ffffff; text-align: center; }
	.panel_content { font-size: 12px; color: #999999; }
	.panel_content a,
	.panel_content a:active,
	.panel_content a:hover,
	.panel_content a:visited { color: #ffffff; }
	
	.clearfix { clear: both; width: 100%; height: 100%; }