/* RESET (Based on Eric Meyer's Reset) */

	html, body, div, span, applet, object, iframe,
	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,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td
							{ margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
	body 					{ line-height: 1; }
	ol, ul 					{ list-style: none; }
	blockquote, q 			{ quotes: none; }
	table 					{ border-collapse: collapse; border-spacing: 0; }


/* LAYOUT */

/* Body */

	body					{ margin: 0 20px 20px 20px; background: #000; }
	#wrapper				{ width: 900px; margin: 0 auto; }
					
	#index					{ background-image: url(../images/layout/backgrounds/charity_theatreforachange.jpg); }
	#biography				{ background-image: url(../images/layout/backgrounds/biography.jpg); }
	#contact				{ background-image: url(../images/layout/backgrounds/charity_transitions.jpg); }

	#charity				{ background-image: url(../images/layout/backgrounds/charity_background.jpg); }
	#commercial				{ background-image: url(../images/layout/backgrounds/commercial_athome.jpg); }
	#personal				{ background-image: url(../images/layout/backgrounds/personal_background.jpg); }

	#charity_compassschool	{ background-image: url(../images/layout/backgrounds/charity_compassschool.jpg); }
	#charity_starswelfare	{ background-image: url(../images/layout/backgrounds/charity_starswelfarerevisited.jpg); }	
	#charity_starswelfarerevisited	
							{ background-image: url(../images/layout/backgrounds/charity_starswelfare.jpg); }
	#charity_theamharans	{ background-image: url(../images/layout/backgrounds/charity_amharans.jpg); }		
	#charity_theatreforachange	
							{ background-image: url(../images/layout/backgrounds/charity_theatreforachange.jpg); }	
	#charity_thogotohome	{ background-image: url(../images/layout/backgrounds/charity_thogotohome.jpg); }	
	#charity_transitions	{ background-image: url(../images/layout/backgrounds/charity_transitions.jpg); }		
	#commercial_athome		{ background-image: url(../images/layout/backgrounds/commercial_athome.jpg); }		
	#commercial_bagstories	{ background-image: url(../images/layout/backgrounds/commercial_bagstories.jpg); }
	#commercial_brandbahrain
							{ background-image: url(../images/layout/backgrounds/commercial_brandbahrain.jpg); }
	#commercial_brandmauritius	
							{ background-image: url(../images/layout/backgrounds/commercial_brandmauritius.jpg); }
	#commercial_manspiesonhimself
							{ background-image: url(../images/layout/backgrounds/commercial_manspiesonhimself.jpg); }
	#personal_ilondon		{ background-image: url(../images/layout/backgrounds/personal_ilondon.jpg); }
	#personal_nationaltrust	{ background-image: url(../images/layout/backgrounds/personal_nationaltrust.jpg); }
	
/* Header */

	#header					{ background: url(../images/layout/header_bg.alpha.png); overflow: hidden; }
	#header, #header a		{ }
	#header	img				{ margin: 0; border: 0; }
	
	#header #logo			{ display: block; width: 343px; padding: 5px 0 10px 20px;
							  float: left; }
	
/* Navigation */

	#nav					{ padding: 0; overflow: hidden; margin: 9px 25px 0 0;
							  float: right; }
	#nav #showMe			{ float: left; margin: 3px 0 0 0; }
	#nav ul					{ list-style: none; padding: 0 0 0 11px; margin: 0 0 0 15px;
							  float: left; background: url(../images/layout/nav_divider.png) left no-repeat; }
	#nav li					{ }
	#nav a					{ font-size: 1.143em; display: block; text-decoration: none;
							  line-height: 1.688; }
	#nav a:hover, 
	#nav a:focus, 
	#nav a:active,
	#nav li.active a		{ color: #857b7b; }

	#nav #left				{ margin-right: 85px; }

/* Content */

	#content				{ background: url(../images/layout/content_bg.alpha.png); 
							  margin: 20px 0 0 0; padding: 20px; overflow: hidden;
							  min-height: 415px; }
	#columns				{ overflow: hidden; position: relative; }
	#big,
	#small					{ float: left; margin-left: 20px; }
	#big					{ width: 630px; }
	#small					{ width: 210px; padding-bottom: 60px; }
	#columns .first-child	{ margin-left: 0; }

	#biography #small, 
	#index #small			{ padding-bottom: 0; }
	
	#index #big				{ height: 412px; position: relative; zoom: 1; }
	#index #big a			{ display: block; zoom: 1; }
	#index #big img			{ position: absolute; top: 0; left: 0; zoom: 1; }
	
/* Footer */

	#footer					{ margin: 10px 0 0 0; overflow: hidden; }
	#footer, #footer a		{ color: #949292; }
	#footer a				{ text-decoration: none; }
	#footer a:hover			{ text-decoration: underline; }
	#footer p				{ margin: 0; font-size: 0.8em; }
	
	#copyright				{ float: left; }
	#proworx				{ float: right; }


/* TEXT */

/* Fonts */

	html					{ font-size: 100%; }
	body					{ color: #fff; font-family: Georgia, "Times New Roman", Times, serif;
							  font-size: 87.5%; }

	h1, h2, h3, h4, h5, h6	{ font-weight: normal; }
	h1						{ font-size: 3em; font-weight: bold; letter-spacing: -0.08em;
							  font-family: Arial, Helvetica, sans-serif; }
	h2						{ font-size: 1.571em; color: #857b7b; }
	h3						{ font-size: 1.6em; }
	h4						{ font-size: 1.4em; }
	h5						{ font-size: 1.2em; }
	h6						{ font-size: 1.0em; font-weight: bold; }

	p						{ font-size: 0.929em; }
	p.big					{ font-size: 1.775em;
							  font-weight: bold; letter-spacing: -0.08em;
							  font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
	
	pre						{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;
							  white-space: -o-pre-wrap; word-wrap: break-word; }	
	pre, code				{ font-family: Consolas, "Courier New", Courier, monospace; }

	em						{ font-style: oblique; }
	strong					{ font-weight: bold; }
	
	q						{ }

	del 					{ text-decoration: line-through; }
	ins 					{ text-decoration: underline; }

	sup 					{ vertical-align: super; }
	sub 					{ vertical-align: sub; }

	abbr					{ border-bottom: 1px dotted; cursor: help; }
	
	a						{ color: #fff; }
	a:visited				{ }
	a:hover,
	a:focus					{ }
	a:active				{ }
	
	div.block				{ position: absolute;  bottom: 0; width: 210px; }
	div.block a				{ display: block; border: #949292 solid; border-width: 1px 0;
							  padding: 5px 0; font-size: 1.775em;
							  font-weight: bold; letter-spacing: -0.08em;
							  font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

	blockquote				{ font-style: oblique; }

	dt 						{ font-weight: bold; }

	caption					{ font-size: 0.9em; }

	.note					{ color: #666; }
	.error					{ color: #ff0000; }

/* Line Heights */

	h1, h2, h3, h4, h5, h6	{ line-height: 1.2; }
	p, li, dt, dd, 
	td, th,	caption			{ line-height: 1.4; }
	pre						{ line-height: 1.2; }

/* Margins */

	h1, h2, h3, h4, h5, h6	{ margin: 0.8em 0 0 0; }
	p, ul, ol, dl, pre, 
	blockquote				{ margin: 0.8em 0 0 0; }
	blockquote				{ margin-left: 2em; margin-right: 2em; }
	
	h1						{ margin-bottom: 0.75em; }

	ul, ol					{ padding-left: 2em; overflow: hidden; }
	ul ul, ul ol,
	ol ol, ol ul			{ margin-top: 0; margin-bottom: 0; }
	
	dd 						{ margin-left: 2em; }

	.top					{ margin-top: 0 !important; }
	.top_h1					{ margin-top: 2.0em !important; }
	.top_h2					{ margin-top: 1.8em !important; }
	.top_h3					{ margin-top: 1.6em !important; }
	.top_h4					{ margin-top: 1.4em !important; }
	.top_h5					{ margin-top: 1.2em !important; }
	.top_h6					{ }

/* Text Alignment */

	.text_center			{ text-align: center; }
	.text_left				{ text-align: left; }
	.text_right				{ text-align: right; }
	.text_justify			{ text-align: justify; }

/* List Styles */

	ul						{ list-style: disc; }
	ul ul					{ list-style: circle; }
	ul ul ul				{ list-style: square; }
	ol						{ list-style: decimal; }
	ol ol					{ list-style: lower-alpha; }
	ol ol ol				{ list-style: lower-roman; }
	
	
/* IMAGES & MEDIA */

	img, object, .object	{ display: block; margin: 0; }


/* OBJECTS *

	.object					{ margin: 1em auto; }
	.object_standard		{ width: 200px; }

	.object img,
	.object object, 
	.object table			{ margin: 0; border: 0; float: none; }

	.object p				{ padding: 0.5em; margin: 0; background: #333; color: #fff; font-size: 0.7em; }

/* Alignment */
	
	.object_center			{ margin-left: auto; margin-right: auto; clear: both; }
	.object_left			{ margin-left: 0; margin-right: auto; clear: both; }
	.object_right			{ margin-left: auto; margin-right: 0; clear: both; }
	.object_float_left		{ margin-left: 0; margin-right: 1em; float: left; clear: left; }
	.object_float_right		{ margin-left: 1em; margin-right: 0; float: right; clear: right; }


/* TABLES  */

	table					{ width: 100%; margin: 1em 0; }
	th, td 					{ padding: 2px 0; vertical-align: top; border: 0 solid #ddd; }
	th						{ font-weight: bold; text-align: left; }

	thead th				{ border-bottom-width: 2px; }
	tfoot th, tfoot td		{ border-top-width: 2px; }
	tbody th, tbody td		{ border-bottom-width: 1px; }
	
	tbody tr:hover td		{ background-color: #eee; }

	caption					{ caption-side: bottom; }


/* FORMS */

/* Layout */

	form					{ margin: 1em 0; border: 1px solid #eee; border-top: 0; }
	fieldset				{ margin: 0; padding: 0 20px 20px 20px; border-top: 1px solid #eee;  }
	legend					{ font-size: 1.2em; background: #fff; }

	fieldset .row			{ margin-top: 1em; overflow: hidden; }
	
	form label				{ display: block; font-weight: bold; line-height: 1.16; margin: 0; }
	form .mandatory			{ color: #aaa; }
	form label.secondary	{ font-size: 0.85em; font-weight: normal; color: #aaa; line-height: 1;
							  margin: 4px 0 2px 0; }
	form label .note,
	form label .error		{ font-size: 0.85em; font-weight: normal; }

	form .field				{ padding: 5px 0 0 0; overflow: hidden; clear: left; }
	form .field_part		{ margin-right: 4px; float: left; clear: none; }
	form .affix				{ font-size: 1em; }

	form label.inline		{ display: inline; font-weight: normal; line-height: 1.4; }

/* Inputs */

	input.type_text,
	input.type_password,
	input.type_submit,
	input.type_reset,
	input.type_button,
	button,
	select, textarea		{ font-family: sans-serif; }
	input.type_text,
	input.type_password,
	select, textarea		{ font-size: 1em; }
	optgroup				{ font-size: 1em; }
	input.type_submit,
	input.type_reset,
	input.type_button,
	button					{ font-size: 1em; }

	textarea.pre			{ font-family: Consolas, "Courier New", Courier, monospace; }

	input.type_text,
	input.type_password,
	select, optgroup, 
	option, textarea		{ text-rendering: optimizeSpeed; }

	optgroup				{ font-style: normal; font-weight: bold; }

	input.type_text,
	input.type_password,
	select, textarea		{ margin: 0; padding: 0; }
	
	input.type_text,
	input.type_password,
	textarea				{ padding: 2px; }
	select					{ padding: 1px; }
	optgroup				{ text-indent: 2px; }
	optgroup option			{ padding-left: 15px; }

	input.type_radio, 
	input.type_checkbox 	{ margin: 0; vertical-align: -0.15em; font-size: 0.85em; }
	
/* Input Sizes */

	input.type_text,
	input.type_password		{ width: 18em; }
	textarea				{ width: 98%; height: 10em; }
		
	input.integer, 
	input.decimal			{ width: 6em; } 

	input.size_xxs, 
	select.size_xxs			{ width: 3em; }
	input.size_xs, 
	select.size_xs			{ width: 6em; }
	input.size_s, 
	select.size_s			{ width: 12em; }
	input.size_m, 
	select.size_m			{ width: 18em; }
	input.size_l, 
	select.size_l			{ width: 24em; }
	input.size_xl, 
	select.size_xl			{ width: 30em; }
	input.size_xxl, 
	select.size_xxl			{ width: 36em; }
	
	textarea.size_xs		{ height: 2.5em; }
	textarea.size_s			{ height: 5em; }
	textarea.size_m			{ height: 10em; }
	textarea.size_l			{ height: 20em; }
	textarea.size_xl		{ height: 40em; }


/* HORIZONTAL RULES */

	.rule					{ border-top: 1px solid #eee; margin: 1em 0; }
	.rule hr				{ display: none; }
	
/* Gallery */
	
	#galleries 				{ margin: 0; padding: 0 0 0 2px; list-style: none; overflow: hidden; } 
	#galleries li 			{ float: left; margin: 20px 0 0 20px; } 
	#galleries li.first-row
							{ margin-top: 0; } 
	#galleries li.first-child
							{ margin-left: 0; } 
	#galleries a 			{ width: 142px; height: 200px; display: block; text-decoration: none; 
							  overflow: hidden; background: no-repeat; position: relative;} 
	#galleries a span 		{ background: url(../images/layout/content_bg.alpha.png); position: absolute;
							  bottom: 0; left: 0; right: 0; padding: 5px; font-size: 0.857em; display: block;
							  visibility: hidden;  } 
	#galleries a:hover span { visibility: visible; } 
	  
	#galleries_1 a 			{ background-position: 0 0; } 
	#galleries_2 a 			{ background-position: -142px 0; } 
	#galleries_3 a 			{ background-position: -284px 0; } 
	#galleries_4 a 			{ background-position: -426px 0; } 
	#galleries_5 a 			{ background-position: -568px 0; } 
	#galleries_6 a 			{ background-position: -710px 0; } 
	#galleries_7 a 			{ background-position: -852px 0; } 

	#charity #galleries a	{ background-image: url(../images/galleries/charity/charity_home.jpg); }
	#commercial #galleries a{ background-image: url(../images/galleries/commercial/commercial_home.jpg); }
	#personal #galleries a	{ background-image: url(../images/galleries/personal/personal_home.jpg); }

	
	#image					{ margin: 0 auto; }
	
	#thumbs 				{ margin: 50px 0 0 0; padding: 0; list-style: none; overflow: hidden; } 
	#thumbs li 				{ float: left; margin: 0 0 0 20px; } 
	#thumbs li.first-child	{ margin-left: 0; } 
	#thumbs a 				{ width: 68px; height: 68px; display: block;  
							  text-indent: -10000px; overflow: hidden; 
							  background: no-repeat; } 
	  
	#thumbs_1 a 			{ background-position: 0 0; } 
	#thumbs_2 a 			{ background-position: -68px 0; } 
	#thumbs_3 a 			{ background-position: -136px 0; } 
	#thumbs_4 a 			{ background-position: -204px 0; } 
	#thumbs_5 a 			{ background-position: -272px 0; } 
	#thumbs_6 a 			{ background-position: -346px 0; } 
	#thumbs_7 a 			{ background-position: -408px 0; } 
	#thumbs_8 a 			{ background-position: -476px 0; } 
	#thumbs_9 a 			{ background-position: -544px 0; } 
	#thumbs_10 a 			{ background-position: -612px 0; } 
	
	#charity_compassschool #thumbs a
							{ background-image: url(../images/galleries/charity/compassschool/compassschool_thumbs.jpg); }
	#charity_starswelfare #thumbs a
							{ background-image: url(../images/galleries/charity/starswelfare/starswelfare_thumbs.jpg); }	
	#charity_starswelfarerevisited #thumbs a	
							{ background-image: url(../images/galleries/charity/starswelfarerevisited/starswelfarerevisited_thumbs.jpg); }
	#charity_theamharans #thumbs a
							{ background-image: url(../images/galleries/charity/theamharans/theamharans_thumbs.jpg); }		
	#charity_theatreforachange #thumbs a	
							{ background-image: url(../images/galleries/charity/theatreforachange/theatreforachange_thumbs.jpg); }	
	#charity_thogotohome #thumbs a
							{ background-image: url(../images/galleries/charity/thogotohome/thogotohome_thumbs.jpg); }	
	#charity_transitions #thumbs a
							{ background-image: url(../images/galleries/charity/transitions/transitions_thumbs.jpg); }		
	#commercial_athome #thumbs a
							{ background-image: url(../images/galleries/commercial/athome/athome_thumbs.jpg); }		
	#commercial_bagstories #thumbs a
							{ background-image: url(../images/galleries/commercial/bagstories/bagstories_thumbs.jpg); }
	#commercial_brandbahrain #thumbs a
							{ background-image: url(../images/galleries/commercial/brandbahrain/brandbahrain_thumbs.jpg); }
	#commercial_brandmauritius #thumbs a	
							{ background-image: url(../images/galleries/commercial/brandmauritius/brandmauritius_thumbs.jpg); }
	#commercial_manspiesonhimself #thumbs a
							{ background-image: url(../images/galleries/commercial/manspiesonhimself/manspiesonhimself_thumbs.jpg); }
	#personal_ilondon #thumbs a
							{ background-image: url(../images/galleries/personal/ilondon/ilondon_thumbs.jpg); }
	#personal_nationaltrust #thumbs a
							{ background-image: url(../images/galleries/personal/nationaltrust/nationaltrust_thumbs.jpg); }