/* 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 0 20px 0; background: #000 top center no-repeat fixed; }
	.wrapper				{ width: 918px; margin: 0 auto; }
					
	#index					{ background-image: url(../images/layout/backgrounds/index.jpg); }
	#services				{ background-image: url(../images/layout/backgrounds/services.jpg); }
	#why					{ background-image: url(../images/layout/backgrounds/why.jpg); }
	#team					{ background-image: url(../images/layout/backgrounds/team.jpg); }
	#style					{ background-image: url(../images/layout/backgrounds/style.jpg); } 
	#style_one 				{ background-image: url(../images/layout/backgrounds/one.jpg); }
	#style_two				{ background-image: url(../images/layout/backgrounds/two.jpg); } 
	#style_three			{ background-image: url(../images/layout/backgrounds/three.jpg); }
	#style_four				{ background-image: url(../images/layout/backgrounds/four.jpg); }
	#contact				{ background-image: url(../images/layout/backgrounds/contact.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: 247px; padding: 45px 25px 0 0;
							  float: right; }
	
/* Navigation */

	#nav					{ padding: 0; overflow: hidden; margin: 10px 0 5px 25px;
							  float: left; }
	#nav ul					{ list-style: none; padding: 0 0 0 11px; margin: 0;
							  float: left; background: url(../images/layout/nav_divider.png) left no-repeat; }
	#nav li					{ }
	#nav a					{ font-size: 1.333em; 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: 45px; }

/* Content */

	#content				{ background: url(../images/layout/content_bg.alpha.png); 
							  margin: 20px 0 0 0; padding: 25px; overflow: hidden; }
	
	.row					{ margin: 20px 0 0 0; overflow: hidden; }
	.row_first-child		{ margin-top: 0; }
	
	.col					{ margin: 0 0 0 20px; float: left; }
	.col_first-child		{ margin-left: 0; }
	
	.col_1					{ width: 128px; }
	.col_2					{ width: 276px; }
	.col_3					{ width: 424px; }
	.col_4					{ width: 572px; }
	.col_5					{ width: 720px; }
	.col_6					{ width: 868px; }
	
	#fader					{ position: relative; height: 355px; }
	#fader img				{ position: absolute; top: 0; left: 0; }
	
	#team #content			{ padding-bottom: 0; }

/* Footer */

	#footer					{ margin: 0; overflow: hidden; padding: 15px 25px;
							  background: url(../images/layout/foter_bg.alpha.png); }
	#footer, #footer a		{ color: #5a5252; }
	#footer a				{ text-decoration: none; }
	#footer a:hover			{ text-decoration: underline; }
	#footer p				{ margin: 0; font-size: 1em; }
	
	#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: 75%; }

	h1, h2, h3, h4, h5, h6, 
	.h1, .h2				{ font-weight: normal; display: block; }
	h1, .h1					{ font-size: 2.5em;  }
	h2, .h2					{ font-size: 1.5em; color: #857b7b; }
	h3						{ font-size: 1.333em; color: #857b7b; }
	h4						{ font-size: 1.4em; }
	h5						{ font-size: 1.2em; }
	h6						{ font-size: 1.0em; font-weight: bold; }

	p, .p					{ font-size: 0.929em; display: block; }
	.tel					{ font-size: 1.5em; }
	
	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				{ }
	
	a.email					{ display: block; margin: 0 0 25px 0; background: url(../images/layout/other_bg.alpha.png);
							  padding: 8px 10px; text-decoration: none; color: #857b7b; }
	a.email:hover			{ color: #fff; }
	
	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, 
	.h1, .h2				{ line-height: 1.2; }
	p, .p, li, dt, dd, 
	td, th,	caption			{ line-height: 1.666; }
	pre						{ line-height: 1.2; }

/* Margins */

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

	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: square; }
	ul ul					{ list-style: circle; }
	ul ul ul				{ list-style: disc; }
	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 */
	
	#thumbs 				{ margin: 0; padding: 0; list-style: none; overflow: hidden; } 
	#thumbs li 				{ float: left; margin: 20px 0 0 20px; } 
	#thumbs li.top-child	{ margin-top: 0; } 
	#thumbs li.first-child	{ margin-left: 0; } 
	#thumbs a 				{ width: 128px; height: 78px; display: block;  
							  text-indent: -10000px; overflow: hidden; 
							  background: no-repeat; } 
	  
	#thumbs_1 a 			{ background-position: 0 0; } 
	#thumbs_2 a 			{ background-position: -128px 0; } 
	#thumbs_3 a 			{ background-position: -256px 0; } 
	#thumbs_4 a 			{ background-position: -384px 0; } 
	#thumbs_5 a 			{ background-position: -512px 0; } 
	#thumbs_6 a 			{ background-position: -640px 0; } 
	#thumbs_7 a 			{ background-position: -768px 0; } 
	#thumbs_8 a 			{ background-position: -896px 0; } 
	
	#style_one #thumbs a	{ background-image: url(../images/galleries/one/thumbs.jpg); }
	#style_two #thumbs a	{ background-image: url(../images/galleries/two/thumbs.jpg); }
	#style_three #thumbs a	{ background-image: url(../images/galleries/three/thumbs.jpg); }
	#style_four #thumbs a	{ background-image: url(../images/galleries/four/thumbs.jpg); }
	
/* BOX */

	.box					{ display: block; background: url(../images/layout/other_bg.alpha.png);
							  text-decoration: none; overflow: hidden; margin: 20px 0 0 20px;
							  float: left; width: 276px;  }
	.box_top-child			{ margin-top: 0; }
	.box_left-child			{ margin-left: 0; }
	.box .image				{ background: 0 0 no-repeat; display: block; height: 150px; }
	.box .image_1			{ background-image: url(../images/galleries/brookmans_gallery.jpg); }
	.box .image_2			{ background-image: url(../images/galleries/barnhill_gallery.jpg); }
	.box .image_3			{ background-image: url(../images/galleries/otford_gallery.jpg); }
	.box .image_4			{ background-image: url(../images/galleries/plaistow_gallery.jpg); }
	.box:hover .image		{ background-position: -276px 0; }
	.box .text				{ float: left; padding: 20px; }