/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, strong, 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; 	outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body 	{ line-height: 1;}
ol, ul 	{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;	border-spacing: 0;}
/* Clearing Floats */
.clearfix 		{ display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear 			{ clear:both; height:1px; width:100%; margin-bottom:-1px; font-size:0px; line-height:0; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */


/* Shoreditch Colour Guide 
--------------------------------------------------
Class Name	|	2009 Colour		|	2010 Colour
--------------------------------------------------
colour1			#008FD5 Blue		#008FD5 Blue
colour2			#BD1A8D Pink		#0086CD Blue
colour3			#39B54A Green		#95C11F Green
colour4			#F26522 Orange		#EA5B0C Orange
colour5			#662D97 Purple		#E50069 Pink
--------------------------------------------------
*/


body			{ color:#231f20; background-color:#fff; text-align:center; margin:0px auto; font-size:100%; font-family:Arial, Helvetica, sans-serif; }
.wrapper		{ width:960px; margin:0px auto; padding:0px; background:transparent; text-align:left; overflow:hidden; min-height:1920px; }
	
	/* Background Images */
	.img001 		{ background:#ffffff url(../img/backgrounds/full-size/img001-2.jpg) fixed 50% 0; }
	
	.img002 		{ background:#ffffff url(../img/backgrounds/full-size/img002.jpg) 50% 0 repeat fixed; }
	.img003 		{ background:#ffffff url(../img/backgrounds/full-size/img003.jpg) 50% 0 repeat fixed; }
	.img004 		{ background:#ffffff url(../img/backgrounds/full-size/img004.jpg) 50% 0 repeat fixed; }
	.img005 		{ background:#ffffff url(../img/backgrounds/full-size/img005.jpg) 100% 0 repeat fixed; }
	.img006 		{ background:#ffffff url(../img/backgrounds/full-size/img006.jpg) 50% 0 repeat fixed; }
	.img006 		{ background:#ffffff url(../img/backgrounds/full-size/img006.jpg) 50% 0 repeat fixed; }
	.img007 		{ background:#ffffff url(../img/backgrounds/full-size/img007.jpg) 50% 0 repeat fixed; }
	.img008 		{ background:#ffffff url(../img/backgrounds/full-size/img008.jpg) 50% 0 repeat fixed; }
		
	/* Column layout */
	.col-1			{ float:left; width:226px; padding:0px; margin:0 0 0 14px; min-height:226px; position:relative; z-index:1; }
	.col-2			{ float:left; width:466px; padding:0px; margin:0 0 0 14px; min-height:226px; position:relative; z-index:1; }
	.col-3			{ float:left; width:706px; padding:0px; margin:0 0 0 14px; min-height:226px; position:relative; z-index:1; }
	.col-4			{ float:left; width:946px; padding:0px; margin:0 0 0 14px; min-height:226px; position:relative; z-index:1; }
		.col-clear				/* extends .col-n */	{ clear:left; }
		.col-1-map				/* extends .col-1 */	{ margin:0; }
		.col-2-home 			/* extends .col-2 */	{ margin-left:-226px; position:relative; z-index:10; }	
		.col-3-production	/* extends .col-3 */	{ margin:0; width:720px; }
	
	.col-row 			/* can stand alone or extend .col-text, .container or .nav */	{ margin-top:14px; min-height:226px; }
		.col-row-home				/* extends .col-row */	{ margin-top:-28px; padding-bottom:324px; }
		.col-row-top1  			/* extends .col-row */	{ margin-top:268px; }
		.col-row-top2  			/* extends .col-row */	{ margin-top:508px; }
		.col-row-top3  			/* extends .col-row */	{ margin-top:748px; }
		.col-row-production /* extends .col-row */	{ min-height:106px; }
	
	/* Triangle box stylings */
	.container { height:226px; width:226px; position:relative; }
		.container img 				{ position:absolute; }		
		.container-smallcorner 		/* extends .container */ 	{ height:112px; width:112px; position:absolute; right:0; bottom:0; }		
		.container-bg-colour2 				/* extends .container */ 	{ background-color:#0086CD; }
		.container-bg-colour3				/* extends .container */ 	{ background-color:#95C11F; }
		.container-production							/* extends .container */ 	{ height:106px; width:106px; float:left; margin-left:14px; display:inline; }
		
	.triangle 		{ width:0; height:0px; line-height:0px; border:113px solid #000; border-right-color:transparent; border-bottom-color:transparent; position:relative; }
		.triangle div 			{ position:absolute; width:198px; height:198px; top:-113px; left:-113px; padding:14px; }
		.triangle div h2 		{ font-size:1em; line-height:1;}
		.triangle div p			{ line-height:1; margin:0; }
		.triangle div a 		{ color:#fff; text-decoration:none; font-size:1em; line-height:1; font-style:italic; font-weight:bold; }
		.triangle div a:hover 	{ color:#f7941e; text-decoration:none; }
		
		.triangle-small				/* extends .triangle */ 	{ border-width:56px; }
			.triangle-small div 		/* extends .triangle */		{ width:98px; height:98px; top:-56px; left:-56px; padding:7px; }
			.triangle-small div a 	/* extends .triangle */		{ font-size:.875em; }
		
			
		.triangle-colour1 		/* extends .triangle */	{ border-top-color:#008fd5; border-left-color:#008fd5; }
		.triangle-colour2 	/* extends .triangle */	{ border-top-color:#0086CD; border-left-color:#0086CD; }
		.triangle-colour3 	/* extends .triangle */	{ border-top-color:#95C11F; border-left-color:#95C11F; }
		.triangle-colour4	/* extends .triangle */	{ border-top-color:#EA5B0C; border-left-color:#EA5B0C; }
		.triangle-colour5	/* extends .triangle */	{ border-top-color:#E50069; border-left-color:#E50069; }		
		.triangle-white		/* extends .triangle */	{ border-top-color:#ffffff; border-left-color:#ffffff; }
			
			.container-bg-colour2 .triangle-white div a 					/* extends .triangle */ { color:#0086CD; }
			.container-bg-colour2 .triangle-white div a:hover 		/* extends .triangle */ { color:#f7941e; text-decoration:none; }
		
			.container-bg-colour3 .triangle-white div a 				/* extends .triangle */ { color:#95C11F; }
			.container-bg-colour3 .triangle-white div a:hover 	/* extends .triangle */ { color:#f7941e; text-decoration:none; }
		
	
	/* Global */	
	.small-logo					{ width:198px; height:155px; font-size:1px; line-height:0; margin:28px 0 0 10px; padding:0px; text-indent:-9999em; background:transparent url(../img/logos/small-logo-2010.png) 0 bottom no-repeat; }
	.small-logo a { display:block; width:198px; height:128px; font-size:1px; line-height:0; text-indent:-9999em;}
	.shoreditchpark				{ width:193px; height:48px; font-size:1px; line-height:0; margin:0 0 0 10px; padding:0px; text-indent:-9999em; background:transparent url(../img/headings/shoreditchpark-2010.png) 0 0 no-repeat; }
		.shoreditchpark-home 	/* extends .shoreditchpark */ { margin-top:14px; float:left; display:inline; }	
	
	h1				{ font-size:1.5em; color:#000; line-height:1; padding:0 0 6px 0; }
	h2				{ font-size:1.5em; color:#000; line-height:1; padding:0 0 6px 0; }
	h3				{ font-size:1.5em; color:#000; line-height:1; padding:0 0 6px 0; }
	h4				{ font-size:1.125em; color:#000; line-height:1; padding:0 0 6px 0; }			
	
	img				{ display:block; }
	ul				{ margin:0 0 24px 0; }
	ol 				{ margin: 0 0 24px 24px; }
	ol li 			{ list-style-position:outside; list-style-type:decimal; font-size:.875em; }
	ul li 			{ list-style:none; list-style-position:outside; font-size:.875em;  }
	li 				{ line-height:1.5; color:#000; font-size:.875em; }
	dl 				{ color:#000; }
	dt 				{ font-weight:bold; line-height:1.5; font-size:.875em; }
	dd 				{ line-height:1.5; font-size:.875em; }
	p 				{ line-height:1.5; margin:0 0 24px 0; color:#000; font-size:.875em; }
	a 				{ color:#000; text-decoration:none; font-style:italic; }
	a:hover 		{ color:#000; text-decoration:underline; }	
	
	.lowermargin		/* extends * */ { margin:0 0 24px 0; }
	
	.colour1 			/* extends * */	{ color:#008fd5; }
	.colour2 			/* extends * */	{ color:#0086CD; }
	.colour3			/* extends * */	{ color:#95C11F; }
	.colour4				/* extends * */	{ color:#EA5B0C; }
	.colour5				/* extends * */	{ color:#E50069; }
	
	a.colour1:hover 	/* extends * */	{ color:#008fd5; }
	a.colour2:hover 	/* extends * */	{ color:#0086CD; }
	a.colour3:hover		/* extends * */	{ color:#95C11F; }
	a.colour4:hover		/* extends * */	{ color:#EA5B0C; }
	a.colour5:hover		/* extends * */	{ color:#E50069; }
	
		
	.col-text 			{ background:#fff; padding:14px 14px 100px 14px; }
		.col-text-colour1 		/* extends .col-text */	{ background:#008fd5; }
		.col-text-colour2 		/* extends .col-text */	{ background:#0086CD; }
		.col-text-colour3 	/* extends .col-text */	{ background:#95C11F; }
		.col-text-colour4	/* extends .col-text */	{ background:#EA5B0C; }
		.col-text-colour5	/* extends .col-text */	{ background:#E50069; }
	
			.col-text-colour1 h1, .col-text-colour2 h1, .col-text-colour3 h1, .col-text-colour4 h1, .col-text-colour5 h1	{ color:#fff; }				
			.col-text-colour1 h2, .col-text-colour2 h2, .col-text-colour3 h2, .col-text-colour4 h2, .col-text-colour5 h2	{ color:#fff; }
			.col-text-colour1 h3, .col-text-colour2 h3, .col-text-colour3 h3, .col-text-colour4 h3, .col-text-colour5 h3	{ color:#fff; }
			.col-text-colour1 h4, .col-text-colour2 h4, .col-text-colour3 h4, .col-text-colour4 h4, .col-text-colour5 h4	{ color:#fff; }
			.col-text-colour1 p,  .col-text-colour2 p,  .col-text-colour3 p,  .col-text-colour4 p,  .col-text-colour5 p		{ color:#fff; }
			.col-text-colour1 dl, .col-text-colour2 dl, .col-text-colour3 dl, .col-text-colour4 dl, .col-text-colour5 dl	{ color:#fff; }
			.col-text-colour1 a,  .col-text-colour2 a,  .col-text-colour3 a,  .col-text-colour4 a,  .col-text-colour5 a		{ color:#fff; }
			
	.col-text h5.colour1	{ font-size:1.075em }
			
	/* Nav Items */	
	.nav		{ padding:12px; background-color:#fff; min-height:442px; }		
		.nav ul								{ margin:0;  }
		.nav ul li						{ padding:0 0 2px 0; line-height:1; list-style:none; }
		.nav ul li span 			{ display:block; }
		.nav ul li a 					{ color:#fff; font-weight:bold; font-style:normal; line-height:1.5; text-decoration:none; font-size:.94250em }
		.nav ul li.on a				{ font-size:1.5em; color:#0086CD; }
		.nav ul li.gap				{ margin-top:12px; }
		.nav ul a:hover				{ color:#0086CD; }
		.nav ul li.on a:hover	{ color:#0086CD; }
		
		.nav ul ul 					{ width:auto; min-height:0; padding:2px 0 6px 12px; margin:0; }
		.nav ul li.on ul a			{ font-size:.9375em; color:#000; }
		.nav ul li.on ul li.on a	{ color:#0086CD; }
		
		.nav-dark					/* extends .nav */ 	{ background-color:#231f20; } 		
		.nav-dark ul a 				/* extends .nav */	{ color:#fff; }
		.nav-dark ul li.on ul a		/* extends .nav */	{ color:#fff; }
		.nav-light 					/* extends .nav */ 	{ background-color:#fff; } 
		.nav-light ul a 			/* extends .nav */	{ color:#000; }
		.nav-light ul li.on ul a	/* extends .nav */	{ color:#000; }
		.nav-home					/* extends .nav */ 	{ width:202px; min-height:202px; background-color:#0086cd; margin-top:42px }
		.nav-home ul a				/* extends .nav */	{ color:#fff; }
		.nav-home ul a:hover		/* extends .nav */	{ color:#f7941e; }
		
		.nav-sub 					/* extends .nav */  { }
		.nav-sub ul li				/* extends .nav */ 	{ padding:0 0 26px 0; }
		.nav-sub ul a 				/* extends .nav */ 	{ font-size:1.125em; line-height:1.333; }
		.nav-sub ul .time			/* extends .nav */	{ font-weight:normal; }
		.nav-sub ul li.on a			/* extends .nav */	{ font-size:1.125em; }
			
		.nav-sub-colour1								{ background:#0086cd; color:#FFF }
		.nav-sub-colour1 h4								{ color:#FFF; line-height:1.5; margin-bottom:10px }
		.nav-sub-colour1 p								{ color:#FFF }
		.nav-sub-colour1 p a							{ color:#FFF; font-style:normal }
		
		.nav-colour1 ul li.on a				/* extends .nav */	{ color:#008fd5; }
		.nav-colour1 ul a:hover				/* extends .nav */	{ color:#008fd5; }
		.nav-colour1 ul li.on a:hover		/* extends .nav */	{ color:#008fd5; }
		.nav-colour1 ul li.on ul li.on a	/* extends .nav */ 	{ color:#008fd5; }
		
		.nav-colour2 ul li.on a				/* extends .nav */	{ color:#0086CD; }
		.nav-colour2 ul a:hover				/* extends .nav */	{ color:#0086CD; }
		.nav-colour2 ul li.on a:hover		/* extends .nav */	{ color:#0086CD; }
		.nav-colour2 ul li.on ul li.on a 	/* extends .nav */ 	{ color:#0086CD; }
		
		.nav-colour3 ul li.on a				/* extends .nav */	{ color:#95C11F; }
		.nav-colour3 ul a:hover				/* extends .nav */	{ color:#95C11F; }
		.nav-colour3 ul li.on a:hover		/* extends .nav */	{ color:#95C11F; }
		.nav-colour3 ul li.on ul li.on a 	/* extends .nav */ 	{ color:#95C11F; }
		
		.nav-colour4 ul li.on a				/* extends .nav */	{ color:#EA5B0C; }
		.nav-colour4 ul a:hover				/* extends .nav */	{ color:#EA5B0C; }
		.nav-colour4 ul li.on a:hover		/* extends .nav */	{ color:#EA5B0C; }
		.nav-colour4 ul li.on ul li.on a		/* extends .nav */ 	{ color:#EA5B0C; }
		
		.nav-colour5 ul li.on a				/* extends .nav */	{ color:#E50069; }
		.nav-colour5 ul a:hover				/* extends .nav */	{ color:#E50069; }
		.nav-colour5 ul li.on a:hover		/* extends .nav */	{ color:#E50069; }
		.nav-colour5 ul li.on ul li.on a 	/* extends .nav */ 	{ color:#E50069; }
		
				
	.caption	{ position:absolute; top:24px; right:0; width:200px; padding:0 10px 0 0; }
		.caption p { color:#fff; line-height:1.5; font-style:italic; font-weight:bold; margin:0; }
	
	.more-info { display:block; }
	
/* Home Page */

	.large-logo 		{ width:459px; height:225px; font-size:1px; line-height:0; margin:12px 0 0 0; padding:0; text-indent:-9999em; background:transparent url(../img/logos/large-logo-2010-01.png) 0 0 no-repeat; position:absolute; }	
	.large-logo-2010 		{ width:176px; height:123px; font-size:1px; line-height:0; margin:0; padding:0; text-indent:-9999em; position:absolute; top:197px; right:7px; overflow:visible; background-image: url(../img/logos/large-logo-2010-02.png); background-repeat: no-repeat; background-position: right 0; }
	.home-pidgeon		{ position:absolute; bottom:0; left:120px; }