/*--------------------------------------------------*/
/* General Setup                                    */

	@import url("/css/navImages.css");

	* {
		padding: 0;
		margin: 0;
	}

	html {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: Arial, Helvetica, Sans-Serif;
		background: url("../img/global/bg-main.jpg") repeat-x top left #191615;
		color: #FFF;
		margin: 0;
		padding: 0;
	}

	body {
		font-size: 1.1em;
	}

	a {
		color: #999;
		text-decoration: none;
	}

		a:hover {
			color: #FFF;
			text-decoration: underline;
		}

	a img {
		border: 0;
	}

	h1, h2, h3 {
		color: #fff;
	}

	h2 {
		font-size: 1.5em;
	}

	h3 {
		font-size: 1em;
	}

	p,
	h2,
	h3 {
		margin: 0 0 12px 0;
	}

	ul,
	ol {
		margin: 0 0 12px 2em;
	}

	table {
		font-size: 1em; /* IE5 WIN: does not inherit the font size correctly */
	}

	table thead {
		display: table-header-group; /* IE6: Wont repeat table headers over multiple printed pages */
	}

	input {
		font-size: 1em; /* FF: keep font size consistent, by default it is increased by 0.1em */
	}

	select option {
		padding-right: 5px; /* FF: The star rule above for removing the padding also effects the select option's  */
	}

	select optgroup option {
		padding-left: 20px; /* FF: The star rule above for removing the padding also effects the select opt-groups  */
	}

/*--------------------------------------------------*/
/* Generic Classes                                  */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

/*--------------------------------------------------*/
/* Replace class - from old site                    */

	.replace {
		position: relative;
		margin: 0;
		padding: 0;
		/* hide overflow:hidden from IE5/Mac */
		/* \*/
		overflow: hidden;
		/* */
		text-indent: -2000em;
	}

	.replace span {
		display:block;
		position:absolute;
		top: 0;
		left: 0;
		z-index: 1; /*for Opera 5 and 6*/
		text-indent: -2000em;
	}

	.replace a,
	.replace a span {
		cursor: pointer;
	}

/*--------------------------------------------------*/
/* Page Frame                                       */

	/*--------------------------------------------------*/
	/* Wrapper                                          */

		#pageWrapper {
			text-align: left; /* IE5 Win: Correct the text-align fix */
		}

	/*--------------------------------------------------*/
	/* Logo                                             */

		#pageLogo {
			position: absolute;
			top: 126px;
			left: 0;
		}

		#pageLogo,
		#pageLogo span {
			background: url(../img/global/logo.gif) no-repeat;
			width: 201px;
			height: 84px;
		}

	/*--------------------------------------------------*/
	/* Navigation                                       */

		#pageNav {
			position: absolute;
			top: 0;
			left: 280px;
			width: 704px; /* 470 + 234 */
			height: 126px;
			background: url("../img/global/bg.gif") repeat-y;
		}

		#pageNav ul.navMain {
			list-style: none;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 234px;
			height: 126px; /* ((14 + 7) * 6) */
			margin: 0;
			background: url("../img/global/bg.gif") repeat-y;
		}

		#pageNav ul.secondaryNav {
			left: 241px;
		}

		#pageNav ul.tertiaryNav {
			left: 470px;
		}

		#pageNav ul.navMain li {
			margin-top: 7px;
		}

		#pageNav ul.navMain li span,
		#pageNav ul.navMain li strong,
		#pageNav ul.navMain li span a,
		#pageNav ul.navMain li strong a {
			display: block;
			width: 234px;
			height: 14px;
			outline: 0;
		}

		#pageNav ul.navMain li span a,
		#pageNav ul.navMain li strong a {
			padding-left: 10px;
			font-weight: normal;
		}

		#pageNav ul.navMain li a:hover,
		#pageNav ul.navMain li a:focus,
		#pageNav ul.navMain li a:active,
		#pageNav ul.navMain li strong a {
			color: #FFF;
		}

	/*--------------------------------------------------*/
	/* Content                                          */

		#pageContent {
			float: left;
			margin: 221px 0 0 280px;
			display: inline; /* IE6 Dbl Margin */
			padding: 0 0 0 15px;
			border-left: 1px solid #949494;
			min-height: 388px;
			height: auto !important;
			height: 388px;
			width: 700px; /* 204+15+1+454+20 */
		}

		#pageContent .mainImage {
			float: right;
			border-left: 1px solid #949494;
			min-height: 388px;
			padding-left: 20px;
			margin-left: 15px;
			width: 454px;
		}

		#pageContent form fieldset {
			border: 0;
		}

		#pageContent form .error {
			color: #FF0;
			font-weight: bold;
		}

		#pageContent form abbr {
			position: absolute;
			left: -5000px;
		}

		#pageContent form .row {
			padding-bottom: 12px;
		}

		#pageContent form .row .label {
			display: block;
			text-indent: -0.3em;
		}

		#pageContent form .row .input textarea,
		#pageContent form .row .input input {
			width: 98%;
		}

	/*--------------------------------------------------*/
	/* Footer                                           */

		#pageFooter {
			clear: both;
			padding: 20px 0 0 295px;
		}

		#pageFooter h2 {
			position: absolute;
			left: -5000px;
		}

		#pageFooter ul {
			font-size: 0.9em;
			font-weight: normal;
			color: #CCC;
			margin: 0;
			list-style: none;
		}

		#pageFooter ul li {
			float: left;
			margin-right: 7px;
		}

		#pageFooter ul li a {
			background: url("../img/global/legal-separator.gif") left no-repeat;
			padding-left: 8px;
			color: #CCC;
		}

/*--------------------------------------------------*/
/* Page index                                       */

	.pageBlockIndex .imageIndex {
		list-style: none;
		margin: 0;
	}

	.pageBlockIndex .imageIndex li {
		width: 220px;
		float: left;
		margin: 0 11px 20px 0;
		min-height: 135px;
		height: auto !important;
		height: 135px;
	}

	.pageBlockIndex .imageIndex li a {
		text-decoration: none;
		outline: 0;
	}

	.pageBlockIndex .imageIndex li a:hover span,
	.pageBlockIndex .imageIndex li a:focus span,
	.pageBlockIndex .imageIndex li a:active span {
		color: #FFF;
		text-decoration: underline;
	}

/*--------------------------------------------------*/
/* Small nav                                        */

	.smallNav {
		clear: both;
		list-style: none;
		margin: 0;
	}

	.smallNav li {
		display: inline;
		color: #555;
		padding-right: 2px;
	}

	.smallNav li strong a {
		color: #FFF;
		font-weight: normal;
	}

/*--------------------------------------------------*/
/* Video                                            */

	#video {
		width: 410px;
		height: 370px;
		min-height: auto;
		padding: 0px 0;
	}

	
	.pageBlockText p strong {
		color: #666;
	}

/*--------------------------------------------------*/
/* Clients List                                     */

	ul.pageHandleList {
		list-style-type: none;
		margin-left: 0;
	}
	
/*---------------------------------------------------*/
/* Work Section										 */


.section_work #pageContent,
.section_work #pageContent .mainImage {
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#pWork #pageContent {
	min-height: 388px;
	height: auto !important;
	height: 388px;
}

/* Extra Long Pages */

#pWorkAugust-2009-elders-in-the-middle-east  #pageContent,
#pWorkAugust-2009-elders-in-the-middle-east #pageContent .mainImage {
	min-height: 800px;
	height: 800px;
}

#pWorkNovember-2009-cadbury-caramel-nibbles  #pageContent,
#pWorkNovember-2009-cadbury-caramel-nibbles #pageContent .mainImage {
	min-height: 840px;
	height: 840px;
}

.section_work h1 {
	font-size: 1.3em;
	margin-bottom: 10px;
}