/* 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; background: #699bd0 url(../images/layout/bg.png) top repeat-x; }
	#wrapper				{ width: 968px; margin: 0 auto;
							  background: url(../images/layout/wrapper_bg.png) top center no-repeat; }
	#corner					{ position: absolute; top: 0; left: 0; }
	#reflection				{ width: 779px; height: 255px;
							  background: url(../images/layout/reflection.png); }
	#main					{ position: relative; z-index: 10; margin: 0 auto; width: 804px; }
	
/* Header */

	#header					{ padding: 40px 2px 33px 2px; overflow: hidden; }
	#header, #header a		{ }
	#header	img				{ margin: 0; border: 0; }
	
	#header #logo			{ display: block; width: 228px; float: left; }
	#header #info			{ float: right; }
	#header #info p			{ text-align: right; font-size: 1.5em; color: #c0d5eb;
							  margin: 2px 0 0 0; line-height: 1.3; }
	#header #info .number	{ color: #fffc00; }
	
/* Navigation */

	#nav					{ list-style: none; margin: 5px 0 0 0; overflow: hidden; }
	#nav li					{ float: left; margin: 0 0 0 15px; padding: 5px 0; }
	#nav a					{ font-size: 1.166em; color: #fffc00; text-decoration: none;
							  display: block; }
	#nav a:hover, 
	#nav a:focus			{ color: #fff; }

	#page_index #nav_index a, 
	#page_areas #nav_areas a, 
	#page_safety #nav_safety a, 
	#page_clients #nav_clients a, 
	#page_water #nav_water a, 
	#page_contact #nav_contact a
							{ color: #fff; }

/* Content */

	#content				{ background: url(../images/layout/content_bg_bottom.png) bottom no-repeat;
							  padding: 0 0 2px 0; }
	#inner_a				{ background: url(../images/layout/content_bg_top.png) top no-repeat;
							  padding: 2px 0 0 0; }
	#inner_b				{ background: url(../images/layout/content_bg.png) repeat-y;
							  padding: 0 2px; }
	
	#strip					{ position: relative; height: 200px; }
	#strip img				{ position: absolute; top: 0; left: 0; margin: 0; }
							  
	.content				{ padding: 25px; overflow: hidden; border-top: 1px solid #ededed; }
	.flush					{ border: 0 !important; }
	.sides					{ padding-left: 0; padding-right: 0; }
	
	.left, .right			{ float: left; width: 350px; }
	.left					{ padding-right: 25px; border-right: 1px solid #ededed; width: 349px; }
	.right					{ padding-left: 25px; }
	
	
/* Footer */

	#footer					{ padding: 10px 2px 40px 0; overflow: hidden; }
	#footer, #footer a		{ color: #fffc00; }
	#footer a				{ text-decoration: none; }
	#footer a:hover			{ text-decoration: underline; }
	#footer p				{ margin: 1px 0 0 0; font-size: 0.8em; }
	
	#bwca					{ float: left; margin: 0 8px 0 0; }
	#contact				{ float: left; }
	#copyright				{ float: right; text-align: right; }

/* TEXT */

/* Fonts */

	html					{ font-size: 100%; }
	body					{ color: #4c5765; font-family: Arial, Helvetica, sans-serif; font-size: 75%; }

	h1, h2, h3, h4, h5, h6	{ font-weight: normal; color: #34404f; }
	h1						{ font-size: 1.833em; }
	h2						{ font-size: 1.416em; font-style: oblique; }
	h3						{ font-size: 1.166em; font-weight: bold; }
	h4						{ font-size: 1.0em; }
	h5						{ font-size: 1.0em; }
	h6						{ font-size: 1.0em; }
	
	h1 .sub					{ color: #929ead; font-size: 0.772em; }

	p						{ }
	
	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: #1f6ab9; }
	a:visited				{ }
	a:hover,
	a:focus					{ }
	a:active				{ }

	blockquote				{ font-style: oblique; }

	dt 						{ font-weight: bold; }

	caption					{ font-size: 0.9em; }

	.note					{ color: #666e79; }
	.error					{ color: #ff1a30; }

/* 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; }

	ul, ol					{ padding-left: 30px; overflow: hidden; }
	ul ul, ul ol,
	ol ol, ol ul			{ margin-top: 0; margin-bottom: 0; }
	
	#welcome				{ padding-left: 15px; }
	
	dd 						{ margin-left: 2em; }

	.top					{ margin-top: 0 !important; }
	.top_h1					{ margin-top: 1.466em !important; }
	.top_h2					{ margin-top: 1.132em !important; }
	.top_h3					{ margin-top: 0.932em !important; }
	.top_h4					{ margin-top: 0.8em !important; }
	.top_h5					{ margin-top: 0.8em !important; }
	.top_h6					{ margin-top: 0.8em !important; }
	.top_p					{ margin-top: 1.2em !important; }

	.bottom					{ margin-bottom: 0 !important; }

/* 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: 20px auto; }


/* OBJECTS */

	.object					{ margin: 20px 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: 20px; float: left; }
	.object_float_right		{ margin-left: 20px; margin-right: 0; float: 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: 0.8em 0 0 0; border-top: 0; }
	fieldset				{ margin: 0;  }
	legend					{ display: none; }

	fieldset .row			{ margin-bottom: 10px; overflow: hidden; }
	fieldset .bottom		{ margin-bottom: 0; }
	
	form label				{ display: block; font-weight: bold; line-height: 1.16; margin: 0; }
	form .mandatory			{ color: #aaa; }
	form label.secondary	{ font-size: 0.8em; font-weight: normal; color: #aaa; line-height: 1;
							  margin: 4px 0 2px 0; }
	form label .note,
	form label .error		{ font-size: 0.8em; 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: 3px; border: 1px solid #cccccc; }
	input.type_text:focus,
	input.type_password:focus,
	textarea:focus			{ border-color: #aaaaaa; }
	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: 342px; }
	textarea				{ width: 342px; height: 5em; }
		
	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; }


/* CLIENTS */

	.clients				{ padding: 0; list-style: none; margin: 0.8em -25px 0 -25px; overflow: hidden; }
	.clients li				{ float: left; width: 200px; text-align: center; }
	.clients li span, 
	.clients li a			{ padding: 80px 10px 10px 10px; background-position: 50% 10px; background-repeat: no-repeat;
							  display: block; text-decoration: none; color: #4c5765; }
	
	#clients_ajw			{ background-image: url(../images/logos/clients/ajw.png); }			
	#clients_tollgate		{ background-image: url(../images/logos/clients/tollgate.png); }			
	#clients_edburton		{ background-image: url(../images/logos/clients/edburton.png); }			
	#clients_georges		{ background-image: url(../images/logos/clients/georges.png); }			
	#clients_nhs			{ background-image: url(../images/logos/clients/nhs.png); }			
	#clients_bwca			{ background-image: url(../images/logos/clients/bwca.png); }			
	#clients_ionic			{ background-image: url(../images/logos/clients/ionic.png); }			
	#clients_clear			{ background-image: url(../images/logos/clients/clear.png); }			
	#clients_finn			{ background-image: url(../images/logos/clients/finn.png); }			
	#clients_sans			{ background-image: url(../images/logos/clients/sans.png); }			
	#clients_reach			{ background-image: url(../images/logos/clients/reach.png); }			
	#clients_barchester		{ background-image: url(../images/logos/clients/barchester.png); }			
	#clients_sleight		{ background-image: url(../images/logos/clients/sleight.png); }			
	#clients_leon			{ background-image: url(../images/logos/clients/leon.png); }			
	#clients_fowlers		{ background-image: url(../images/logos/clients/fowlers.png); }			
	#clients_guyleonard		{ background-image: url(../images/logos/clients/guyleonard.png); }			
	#clients_wyevale		{ background-image: url(../images/logos/clients/wyevale.png); }			
	#clients_bloor			{ background-image: url(../images/logos/clients/bloor.png); }