/* import global style definitions */

@import url("_global.css");

@media screen {

	/* altering to inherited global style definitions */

	#page-content h1,
	#page-content h2.h1-style {
		margin: 16px 0px 15px 0px;
		padding: 0px 0px 0px 25px;
		background: url(/_design/om-projects-abroad/h1-bullet.jpg) no-repeat scroll 2px 2px;
		font-size: 18px;
	}

	.section-header {
		background-image: url(/_design/om-projects-abroad/om-projects-abroad-header.jpg);
	}

	#page-content h2 {
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 4px 20px;
		background: url(/_design/om-projects-abroad/h2-bullet.jpg) no-repeat scroll 2px 1px;
		clear: left;
	}

	#page-content img {
		margin: 4px 0px 6px 12px;
		border:2px solid #ffc325;
		clear: right;
		float: right;
	}

	#page-content blockquote {
		margin: 30px 20px 15px 20px;
		padding: 25px 20px 15px 15px;
		color: #568476;
		background: url(/_design/om-projects-abroad/bg-quotes.jpg) no-repeat scroll left top;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		line-height: 18px;
	}

	#page-content blockquote strong,
	#page-content blockquote em {
		/*line-height: 36px; */
		position:relative;
		top: 12px;
		font-style: normal;
	}


	#page-content blockquote i {
		line-height: 6px;
		font-style: normal;
	}

	#content #country-office {
		width: 736px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: both;
		float: none;
	}

		#content #country-office li {
			width: 290px;
			height: 150px;
			margin: 0px 15px; 
			padding: 20px;
			background: url(/_design/om-projects-abroad/bg-offices.jpg) no-repeat scroll left top;
			float: left;
		}

		#content #country-office li strong {
			font-size: 14px;
		}

		#content #country-office li em {
			color: #5c9e7f;
		}

	table.achievements-box {

	}

	table.achievements-box td {
		padding: 8px 5px;
	}

	table.achievements-box td.number {
		width: 70px;
		border-right: 2px solid #e7ece8;
	}

	h2.special-header {
		background-image: url(/_design/om-projects-abroad/h2-bullet.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 20px;
		line-height: 20px;
	}

		/* staff member section */

		#page-content table.staff-member {
			width: 100%;
			margin-top: 20px;
			margin-bottom: 0px;
			background-image: url(/_design/om-projects-abroad/bg-staff-member.jpg);
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}

		#page-content table.rest-our-staff {
			background-image: url(/_design/om-projects-abroad/bg-staff-member-rest.jpg);
		}

		#page-content table.staff-member td {
			vertical-align: middle;
		}

		#page-content table.staff-member td p {
			margin: 16px 0px;
			line-height: 12px;
		}

		#page-content table.staff-member td strong {
			background-image: url(/_design/om-projects-abroad/strong-arrow.jpg);
			background-position: left 2px;
			background-repeat: no-repeat;
			padding-left: 18px;
		}

		#page-content table.staff-member td strong em {
			font-style: normal;
			font-weight: normal;
		}

		#page-content table.staff-member td.photo {
			width: 100px;
			vertical-align: top;
			text-align: center;
			padding-bottom: 20px;
		}

		#page-content table.staff-member td.photo img {
			margin-top: 16px;
			padding: 5px;
			background-color: white;
			border: 1px solid #fec31e;
			float: left;
		}

		#page-content table.staff-member td.description p {
			margin: 14px 0px 0px 0px;
			padding: 0px 10px 0px 0px;
			line-height: 18px;
		}

		#page-content table.staff-member td.description p.txt {
			padding-bottom: 20px;
		}

		p.show-hide-staff {
			margin: 0px 0px 0px 32px;
			padding: 0px;
		}

		.toggle-rest-of-staff {
			display: none;
		}

		a.show-rest-of-staff {
			margin: 0px;
			padding: 0px;
			padding-left: 12px;
			background-image: url(/_design/om-projects-abroad/show-arrow.jpg);
			background-position: left 3px;
			background-repeat: no-repeat;
			font-size: 11px;
		}

		a.hide-rest-of-staff {
			margin: 0px;
			padding: 0px;
			padding-left: 12px;
			background-image: url(/_design/om-projects-abroad/hide-arrow.jpg);
			background-position: left 3px;
			background-repeat: no-repeat;
			font-size: 11px;
		}

		.hide-staff-bottom-link {
			width: 100%;
			margin-bottom: 15px;
		}

		.hide-staff-bottom-link {
			text-align: right;
		}

	#page-content img.chart {
		clear: both;
		float: none;
		}

	ol {
		text-align: justify;
	}

	ol li{
		padding: 2px 0px 2px 0px;
	}

	.press-cuttings-box {
		padding: 5px 10px 0px 10px;
		border: 2px dashed #b3cac4;
		background-color: #efefef;
		margin-bottom: 15px;
	}

	.press-cuttings-box h2 {
		margin-top: 5px;
	}



	/* begin photo video section */
	#page-content .thumbnails {
		width: 100%;
		margin: 10px 0px;
		padding: 0px;
		overflow: hidden;
		float: left;
	}

	#page-content .thumbnails ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		cursor: pointer;
		display: inline;
		float: left;
	}

	#page-content .thumbnails ul li {
		width: 145px;
		height: 140px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		display: inline;
		float: left;
	}

	#page-content .thumbnails ul li a {
		width: 140px;
		height: 135px;
		margin: 5px 0px 0px 5px;
		padding: 0px;
		background: url(/_design/om-projects-abroad/bg-thumbnail.jpg) no-repeat scroll left top;
		text-decoration: none;
		float: left;
	}

	#page-content .thumbnails ul li a:hover {
		background-position: 0px -135px;
	}

	#page-content .thumbnails .text-frame {
		height: 30px;
		width: 130px;
		margin: 0px;
		padding: 0px;
		float: left;
		cursor: pointer;
		overflow: hidden;
		line-height: normal;
	}

	#page-content .thumbnails .text-frame strong {
		margin: 7px 0px 3px 0px;
		padding: 0px 2px 6px 25px;
		background: url(/_design/om-projects-abroad/strong-arrow-thumbnail.jpg) no-repeat scroll 10px 2px;
		font-weight: normal;
		font-size: 10px;
		line-height: 11px;
		text-decoration: underline;
		display: block;
		float: left;
	}

	#page-content .thumbnails ul li a img {
		margin: 7px 0px 0px 12px;
		padding: 0px;
		border: none;
		clear: none;
		float: left;
	}

}

@media print {
	
	#page-content .thumbnails,
	#page-content .press-cuttings-box p a {
		display: none;
	}

	#page-content table.staff-member td {
		margin: 0pt;
		padding: 5pt;
	}
	
	#page-content table.staff-member td.photo {
		vertical-align: top;
	}
	
	#page-content table.staff-member td.photo img {
		margin: 0pt;
	}
	
	#page-content table.staff-member td.description p {
		margin: 0pt;
		padding: 0pt;
	}

	#page-content div div {
		display: block;
	}
	
	#page-content a.show-rest-of-staff,
	#page-content a.hide-rest-of-staff,
	#page-content .show-hide-staff,
	#page-content .hide-staff-bottom-link {
		display: none;
	}
	
}