/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.431; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* =============================================================================
   Links
   ========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) { overflow: hidden; }
/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }
/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input { *overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_24 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}


/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
  display: inline;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16,
.push_17, .pull_17,
.push_18, .pull_18,
.push_19, .pull_19,
.push_20, .pull_20,
.push_21, .pull_21,
.push_22, .pull_22,
.push_23, .pull_23 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {
  width: 30px;
}

.container_24 .grid_2 {
  width: 70px;
}

.container_24 .grid_3 {
  width: 110px;
}

.container_24 .grid_4 {
  width: 150px;
}

.container_24 .grid_5 {
  width: 190px;
}

.container_24 .grid_6 {
  width: 230px;
}

.container_24 .grid_7 {
  width: 270px;
}

.container_24 .grid_8 {
  width: 310px;
}

.container_24 .grid_9 {
  width: 350px;
}

.container_24 .grid_10 {
  width: 390px;
}

.container_24 .grid_11 {
  width: 430px;
}

.container_24 .grid_12 {
  width: 470px;
}

.container_24 .grid_13 {
  width: 510px;
}

.container_24 .grid_14 {
  width: 550px;
}

.container_24 .grid_15 {
  width: 590px;
}

.container_24 .grid_16 {
  width: 630px;
}

.container_24 .grid_17 {
  width: 670px;
}

.container_24 .grid_18 {
  width: 710px;
}

.container_24 .grid_19 {
  width: 750px;
}

.container_24 .grid_20 {
  width: 790px;
}

.container_24 .grid_21 {
  width: 830px;
}

.container_24 .grid_22 {
  width: 870px;
}

.container_24 .grid_23 {
  width: 910px;
}

.container_24 .grid_24 {
  width: 950px;
}

/* `Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .prefix_1 {
  padding-left: 40px;
}

.container_24 .prefix_2 {
  padding-left: 80px;
}

.container_24 .prefix_3 {
  padding-left: 120px;
}

.container_24 .prefix_4 {
  padding-left: 160px;
}

.container_24 .prefix_5 {
  padding-left: 200px;
}

.container_24 .prefix_6 {
  padding-left: 240px;
}

.container_24 .prefix_7 {
  padding-left: 280px;
}

.container_24 .prefix_8 {
  padding-left: 320px;
}

.container_24 .prefix_9 {
  padding-left: 360px;
}

.container_24 .prefix_10 {
  padding-left: 400px;
}

.container_24 .prefix_11 {
  padding-left: 440px;
}

.container_24 .prefix_12 {
  padding-left: 480px;
}

.container_24 .prefix_13 {
  padding-left: 520px;
}

.container_24 .prefix_14 {
  padding-left: 560px;
}

.container_24 .prefix_15 {
  padding-left: 600px;
}

.container_24 .prefix_16 {
  padding-left: 640px;
}

.container_24 .prefix_17 {
  padding-left: 680px;
}

.container_24 .prefix_18 {
  padding-left: 720px;
}

.container_24 .prefix_19 {
  padding-left: 760px;
}

.container_24 .prefix_20 {
  padding-left: 800px;
}

.container_24 .prefix_21 {
  padding-left: 840px;
}

.container_24 .prefix_22 {
  padding-left: 880px;
}

.container_24 .prefix_23 {
  padding-left: 920px;
}

/* `Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .suffix_1 {
  padding-right: 40px;
}

.container_24 .suffix_2 {
  padding-right: 80px;
}

.container_24 .suffix_3 {
  padding-right: 120px;
}

.container_24 .suffix_4 {
  padding-right: 160px;
}

.container_24 .suffix_5 {
  padding-right: 200px;
}

.container_24 .suffix_6 {
  padding-right: 240px;
}

.container_24 .suffix_7 {
  padding-right: 280px;
}

.container_24 .suffix_8 {
  padding-right: 320px;
}

.container_24 .suffix_9 {
  padding-right: 360px;
}

.container_24 .suffix_10 {
  padding-right: 400px;
}

.container_24 .suffix_11 {
  padding-right: 440px;
}

.container_24 .suffix_12 {
  padding-right: 480px;
}

.container_24 .suffix_13 {
  padding-right: 520px;
}

.container_24 .suffix_14 {
  padding-right: 560px;
}

.container_24 .suffix_15 {
  padding-right: 600px;
}

.container_24 .suffix_16 {
  padding-right: 640px;
}

.container_24 .suffix_17 {
  padding-right: 680px;
}

.container_24 .suffix_18 {
  padding-right: 720px;
}

.container_24 .suffix_19 {
  padding-right: 760px;
}

.container_24 .suffix_20 {
  padding-right: 800px;
}

.container_24 .suffix_21 {
  padding-right: 840px;
}

.container_24 .suffix_22 {
  padding-right: 880px;
}

.container_24 .suffix_23 {
  padding-right: 920px;
}

/* `Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .push_1 {
  left: 40px;
}

.container_24 .push_2 {
  left: 80px;
}

.container_24 .push_3 {
  left: 120px;
}

.container_24 .push_4 {
  left: 160px;
}

.container_24 .push_5 {
  left: 200px;
}

.container_24 .push_6 {
  left: 240px;
}

.container_24 .push_7 {
  left: 280px;
}

.container_24 .push_8 {
  left: 320px;
}

.container_24 .push_9 {
  left: 360px;
}

.container_24 .push_10 {
  left: 400px;
}

.container_24 .push_11 {
  left: 440px;
}

.container_24 .push_12 {
  left: 480px;
}

.container_24 .push_13 {
  left: 520px;
}

.container_24 .push_14 {
  left: 560px;
}

.container_24 .push_15 {
  left: 600px;
}

.container_24 .push_16 {
  left: 640px;
}

.container_24 .push_17 {
  left: 680px;
}

.container_24 .push_18 {
  left: 720px;
}

.container_24 .push_19 {
  left: 760px;
}

.container_24 .push_20 {
  left: 800px;
}

.container_24 .push_21 {
  left: 840px;
}

.container_24 .push_22 {
  left: 880px;
}

.container_24 .push_23 {
  left: 920px;
}

/* `Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .pull_1 {
  left: -40px;
}

.container_24 .pull_2 {
  left: -80px;
}

.container_24 .pull_3 {
  left: -120px;
}

.container_24 .pull_4 {
  left: -160px;
}

.container_24 .pull_5 {
  left: -200px;
}

.container_24 .pull_6 {
  left: -240px;
}

.container_24 .pull_7 {
  left: -280px;
}

.container_24 .pull_8 {
  left: -320px;
}

.container_24 .pull_9 {
  left: -360px;
}

.container_24 .pull_10 {
  left: -400px;
}

.container_24 .pull_11 {
  left: -440px;
}

.container_24 .pull_12 {
  left: -480px;
}

.container_24 .pull_13 {
  left: -520px;
}

.container_24 .pull_14 {
  left: -560px;
}

.container_24 .pull_15 {
  left: -600px;
}

.container_24 .pull_16 {
  left: -640px;
}

.container_24 .pull_17 {
  left: -680px;
}

.container_24 .pull_18 {
  left: -720px;
}

.container_24 .pull_19 {
  left: -760px;
}

.container_24 .pull_20 {
  left: -800px;
}

.container_24 .pull_21 {
  left: -840px;
}

.container_24 .pull_22 {
  left: -880px;
}

.container_24 .pull_23 {
  left: -920px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_24:before,
.container_24:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_24:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_24 {
  zoom: 1;
}


/* @license
 * MyFonts Webfont Build ID 1285722, 2011-09-28T07:54:48-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Sketchetik Bold by Hiekka Graphics
 * URL: http://www.myfonts.com/fonts/hiekkagraphics/sketchetik/bold/
 * Licensed pageviews: 20,000
 * 
 * Webfont: Sketchetik by Hiekka Graphics
 * URL: http://www.myfonts.com/fonts/hiekkagraphics/sketchetik/regular/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1285722
 * Webfonts copyright: Hiekka Graphics
 * 
 * © 2011 Bitstream Inc
*/


 @font-face {font-family: 'Sketchetik';font-weight: bold;font-style: normal;src: url('../templates/default_site/webfonts/15180E_0.eot');src: url('../templates/default_site/webfonts/15180E_0.eot?#iefix') format('embedded-opentype'),url('../templates/default_site/webfonts/15180E_0.woff') format('woff'),url('../templates/default_site/webfonts/15180E_0.ttf') format('truetype'),url('../templates/default_site/webfonts/15180E_0.svg#wf') format('svg');}
 @font-face {font-family: 'Sketchetik';font-weight: normal;font-style: normal;src: url('../templates/default_site/webfonts/15180E_1.eot');src: url('../templates/default_site/webfonts/15180E_1.eot?#iefix') format('embedded-opentype'),url('../templates/default_site/webfonts/15180E_1.woff') format('woff'),url('../templates/default_site/webfonts/15180E_1.ttf') format('truetype'),url('../templates/default_site/webfonts/15180E_1.svg#wf') format('svg');}
 
 
/*****
* Base styles
*
*/

html { -webkit-font-smoothing: antialiased;}  /* Fix for type rendering in OS X Lion */


::-moz-selection,
::selection { background: #8E1B1E;}

h1 { 
	font-family: Sketchetik, sans-serif; 
	font-size: 650%; 
	line-height: 0.8em; 
	margin: 0 0 22px; 
	letter-spacing: -4px; 
	font-weight: bold;
	font-style: normal;
	}
	
h2 { 
	font-family: Sketchetik, sans-serif; 
	font-size: 380%; 
	line-height: 0.9em; 
	margin: 0 0 12px; 
	letter-spacing: -2px; 
	font-weight: bold;
	font-style: normal;
	}
	
h3 { 
	font-family: Sketchetik, sans-serif; 
	font-size: 280%;
	line-height: 1em; 
	margin: 0 0 5px; 
	letter-spacing: -1px; 
	font-weight: bold;
	font-style: normal;
	}
	
address { 
	clear: left;
	font-size: 116%;  
	margin: 0 0 55px; 
	padding: 20px 0 0; 
	line-height: 1.5em; 
	}

a {
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
	padding: 0 0 1px;
	-webkit-transition:color 0.2s linear;  
	-moz-transition:color 0.2s linear;  
	-o-transition:color 0.2s linear;  
	transition:color 0.2s linear;
	}

ul p,
ol p { font-size: 100%; }	
	
article section { line-height: 1.7em;  }
	article h1 { 
		font-size:380%;
		line-height:1em;
		margin: 0 0 35px; 
		letter-spacing: -2px; 
		}
	article section h2,
	article section h3  { margin: 0.8em 0 0.5em; letter-spacing: -1px;  } 
	article section h2  { font-size: 280%; }
	article section h3  { font-size: 197%; }

	article section p,
	article section ul,
	article section ol { font-size: 116%; }
		article section ul p,
		article section ol p { font-size: 100%; }	
	
	article .author { 
		border-top: 1px solid #A1A09A;
		border-bottom: 1px solid #A1A09A;
		font-size: 131%;
		height: 70px;
		padding: 31px 0 0;
		line-height: 1.2em;
		margin: 10px 0;
		position: relative;
		}
		article .author p { margin: 0}
		article .author img { position: absolute; left: -120px; top: -2px; border: none }


.ui-element {
	background: url(../templates/default_site/img/textures/coal.jpg) no-repeat;
	-moz-box-shadow: 0px 2px 12px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 2px 12px rgba(0,0,0,0.6);
	box-shadow: 0px 2px 12px rgba(0,0,0,0.6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #5F5D54; 
	}
	.ui-bubble-tooltip,
	.ui-bubble-tooltip span { background: url(../templates/default_site/img/bubble-tooltip-horizontal.png) no-repeat top right; }
	.ui-bubble-tooltip {
		position: absolute;
		right: 21px;
		top: -12px;
		height: 26px;
		line-height: 26px;
		padding: 9px 35px 13px 5px;
		width: auto;
		white-space: nowrap;
		color: #FFF;
		display: none;
		font-size: 13px;
		}
		.ui-bubble-tooltip span { 
			background-position: top left;
			width: 22px;
			height: 48px;
			position: absolute;
			left: -22px;
			top:0;
			display: block;
			}
					
/*****
* Header
*
*/

header { 
	background: url(../templates/default_site/img/rip-white-bottom.png) repeat-x; 
	height: 88px; 
	position: absolute; 
	left: 0; 
	top:0; 
	z-index: 9999;
	width: 100%;
	min-width: 960px;
	}
	
	header a.logo,
	header a.logo:hover { 
		background: url(../templates/default_site/img/merchant-logo.png) no-repeat; 
		width: 130px; 
		height: 41px;
		position: absolute;
		left: 20px;
		top:11px;
		margin: 0;
		}
		header .dropdown .dropdown-container { 
			position: absolute;
			display: none;
			top: 19px;
			left: 0px;
			padding: 16px 0 0;
			width: 150px;
			}
			header .dropdown-right .dropdown-container { right: -25px; left: auto;}
			.no-js header .dropdown .dropdown-container { left: -99999px; display: block;  }
			
			.no-js header .dropdown:hover .dropdown-container { left: 0; }
			.no-js header .dropdown-right:hover .dropdown-container { left: auto; right: -25px;  }
			
			header .dropdown .dropdown-point { 
				background: url(../templates/default_site/img/dropdown-point.png) no-repeat;
				width: 32px;
				height: 16px;
				position: absolute;
				top:0;
				left: 58px;
				padding: 0;
				margin: 0;
				cursor: default;
				z-index: 9999999;
				}
			header .dropdown-right .dropdown-point { left: auto; right: 22px; }
				
			header nav .dropdown ul { 
				color: #D9D9D7;
				font-weight: normal;
				padding: 10px 0;
				top: -1px;
				position: relative
				}
				header nav .dropdown li { 
					cursor: pointer;
					float: none;
					background-repeat: no-repeat;
					margin: 0 10px;
					}
					header nav .dropdown li:hover { 
						background-color: #4b4e46;
						background-color: rgba(255,255,255,0.1);
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						}
						header nav .dropdown li a,
						header nav .dropdown li a:visited,
						header nav .dropdown li a:hover {
							float: none;
							background: none;
							width: auto;
							height: auto;
							padding: 4px 6px;
							color: #FFF;
							float: none;
							line-height: normal;
							} 
						
				header .dropdown li p { margin: 0; font-size: 93%; }
				
				
	header nav li { display: block; float: left; position: relative; }		
		header nav a,
		header nav a:visited { 
			text-decoration: none; 
			display: block; 
			float: left; 
			background: none; 
			font-weight: bold; 
			border: none;
			}
	
	header .global-nav { position: absolute; left: 170px; top:22px; }
		header .global-nav li { text-transform: uppercase; margin: 0 12px;}
		header .global-nav li a, 
		header .global-nav li a:visited { color: #69675E; }
		header .global-nav li a:hover { color: #A1A09A; background: none; }
		
		header .global-nav .dropdown { padding: 0 20px 0 0; }
		
		header .global-nav .dropdown-open a,
		header .global-nav .dropdown-open a:visited,
		header .global-nav .dropdown-open a:hover,
		.no-js header .global-nav .dropdown:hover a { position: relative; z-index: 99;}
		
		header .global-nav .dropdown .dropdown-toggle {
			width: 16px;
			height: 16px;
			background: #000;
			position: absolute;
			top:0px;
			right: 0px;
			z-index: 100;
			cursor: pointer;
			background: url(../templates/default_site/img/dropdown-arrow.png) no-repeat;
			}
			header .global-nav .dropdown .dropdown-toggle:hover { background-position: -16px 0; }
			header .global-nav .dropdown-open .dropdown-toggle { background-position: 0 -16px; }
			header .global-nav .dropdown-open .dropdown-toggle:hover { background-position: -16px -16px; }
		
		
		header .global-nav .dropdown .dropdown-container { width: 335px; }
			header .global-nav .dropdown ul { width: 335px; }
				header .global-nav .dropdown li { 
					text-transform: none; 
					background-image: url(../templates/default_site/img/sector-dropdown-icons.png);
					padding:10px 15px 10px 85px; 
					}
					header .global-nav .dropdown li a,
					header .global-nav .dropdown li a:link,
					header .global-nav .dropdown li a:visited,
					header .global-nav .dropdown li a:hover { font-size: 161.6%; padding: 0;}
					header .global-nav .dropdown .healthcare { background-position: 10px 10px; }
					header .global-nav .dropdown .energy { background-position: 10px -190px; }
					
	
	header .toolbar {
		position: absolute; 
		right: 15px; 
		top:15px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		header .toolbar li { margin: 0 0 0 5px;	}
		
		header .toolbar a,
		header .toolbar a:visited { 
			float: left;
			width: 24px; 
			height: 24px; 
			background: url(../templates/default_site/img/toolbar-links.png) no-repeat; 
			padding: 0;
			margin: 0;
			}
		
		header .toolbar .careers { margin: 0px 10px 0; width: auto; }
		
			header .toolbar .careers,
			header .toolbar .careers a { line-height: 24px; display: block; background: none}
			
			header .toolbar .careers a,
			header .toolbar .careers a:visited { 
				font-family: Sketchetik, sans-serif; 
				font-weight: bold; 
				color: #8E1B1E;
				font-size: 23px;
				letter-spacing: -1px;
				padding: 0;
				border: none;
				background: none;
				width: auto;
				}
				header .toolbar .careers a:hover { color: #741A25; }
		
		header .toolbar .member-login a,
		header .toolbar .member-login a:visited { background-position: -24px 0; }
			header .toolbar .member-login a:hover { background-position: -24px -24px; }
		
		header .toolbar .member-logout a,
		header .toolbar .member-logout a:visited { background-position: -48px 0; }
			header .toolbar .member-logout a:hover { background-position: -48px -24px; }
			
		header .toolbar .twitter a:hover { background-position: 0 -24px; }
		
		header .toolbar .dropdown .dropdown-container {top:24px;}
	
	
/*****
* Footer
*
*/


footer { 
	border-top: 1px dashed #a19e97;
	border-bottom: 1px dashed #a19e97;
	padding: 20px; 
	margin: 40px 0 80px;
	}
	footer address { margin: 0; padding: 0; font-style: normal; font-size: 100%; line-height: 1.8em;}
	footer .footer-links { right: 0px; }
	footer .footer-links li { display: inline; margin: 0 5px; }
	footer .footer-links li a,
	footer .footer-links li a:visited { color: #FFF; text-decoration: none; background: none; border: none }
	footer .container_24 { position: relative}
	footer .small-print {  left: 0px; color: #B4B3AF; }	
	
	footer .footer-links,
	footer .small-print { position: absolute; bottom: -60px; font-size: 85%; margin: 0; }
	
	footer .social-media { font-size: 100%; margin: 0; list-style-type: none;  }
	footer .social-media li { 
		line-height: 15px; 
		background: url(../templates/default_site/img/socialmedia-small.png) no-repeat;
		margin: 0 0 9px;
		padding: 0 0 0 20px;
		}
		footer .social-media .twitter { background-position: 0 -30px;}
		footer .social-media .linkedin { background-position: 0 -15px;}
		
	footer .social-media li a { font-weight: normal; border: none }


/*****
* Texture backgrounds
*
*/


.earth { background: #645e52 url(../templates/default_site/img/textures/earth.jpg) 50% 0; color: #FFF; }
	.earth h2 { color: #b3b822} 
	.earth a, 
	.earth a:visited { color: #b3b822 }
	.earth a:hover { color: #EDED9F }
	.earth a.more,
	.earth a.more:visited { background-image: url(../templates/default_site/img/link-arrow-red.png); color: #FFF;}
	.earth .intro-block { background: url(../templates/default_site/img/stencils/stencil-earthpips.png) center bottom no-repeat; padding-bottom: 105px;}
	.earth .sidecol h2 { color: #FFF;	}
	.earth .category-list a,
	.earth .category-list a:visited { background: url(../templates/default_site/img/tag-earth.png) no-repeat; color: #FFF; }
		
.earth-tint { background: #8b8577 url(../templates/default_site/img/textures/earth-tint.jpg) 50% 0; }
	
.lime { background: #a2a534 url(../templates/default_site/img/textures/lime.jpg) 50% 0; color: #fff; }
	.lime h1, 
	.lime h2, 
	.lime h3 { color: #2c2b24; }
	.lime a, 
	.lime a:visited { color: #434136 }
	.lime a:hover { color: #EDED9F }
	.lime .more,
	.lime .more:visited { background-image: url(../templates/default_site/img/link-arrow-red.png); }
	.lime form input.text { border-bottom-color: #C9CA80;	}
		.lime form input.text:focus { border-bottom-color: #434136;	}

.firebrick { background: #902928 url(../templates/default_site/img/textures/firebrick.jpg) 50% 0; color: #FFF;}

.rust { background: #6a2927 url(../templates/default_site/img/textures/rust.jpg) 50% 0; color: #FFF;}
	.rust a, 
	.rust a:visited { color: #b3b822 }
	.rust a:hover { color: #EDED9F }
	.rust footer { border-top-color: #966a6a; border-bottom-color: #966a6a;  }
	
.sea { background: #507367 url(../templates/default_site/img/textures/sea.jpg) 50% 0; color: #FFF; }
	.sea h2 { color: #b3b822; }
	.sea h3 { color: #FFF; }
	.sea a,
	.sea a:visited { color: #b3b822; }
	.sea a.more,
	.sea a.more:visited { background-image: url(../templates/default_site/img/link-arrow-red.png); color: #FFF;}
	.sea footer { border-top-color: #849c94; border-bottom-color: #849c94;  }
	.sea footer .small-print { color: #a7b8b2; }
	.sea form input.text { border-bottom-color: #849c94;	}

.sea-tint { background: #62867a url(../templates/default_site/img/textures/sea-tint.jpg) 50% 0; }	

.coal { background: #3a3d34 url(../templates/default_site/img/textures/coal.jpg) 50% 0; color: #FFF;}
	.coal h2, 
	.coal h3 { color: #BD3635; }
	.coal a, 
	.coal a:visited { color: #b3b822 }
	.coal a:hover { color: #EDED9F }
	.coal a.more,
	.coal a.more:visited { background-image: url(../templates/default_site/img/link-arrow-red.png); color: #FFF;}
	.coal footer { border-top-color: #676c5e; border-bottom-color: #676c5e;  }
	.coal .filter-dropdown { border-top-color: #676c5e; }
	
.sand { background: #cecab7 url(../templates/default_site/img/textures/sand-tint.jpg) 50% 0; color: #434136; }
	.sand h2, 
	.sand h3,
	.sand .sidecol h2 { color: #434136; }
	.sand a,
	.sand a:visited { color: #741a25; border-bottom-color: #96948B;}
	.sand a:hover { color: #190709 }
	.sand a.more,
	.sand a.more:visited { background-image: url(../templates/default_site/img/link-arrow-red.png); color: #434136; }
	.sand .filter-dropdown h2,
	.sand .filter-dropdown h3 { color: #434136; }
	.sand .filter-dropdown h3 {	background-image: url(../templates/default_site/img/select-arrow-rust.png);}
	.sand .category-list a,
	.sand .category-list a:visited { background: url(../templates/default_site/img/tag-sand.png) no-repeat; color: #FFF; }
		

/*****
* Rips
*
*/

.rip { position: relative; z-index: 99; }
.rip-lime { background: url(../templates/default_site/img/rip-lime.png) center top repeat-x; height: 36px; }
.rip-sea { background: url(../templates/default_site/img/rip-sea.png) center top repeat-x; height: 36px; }
.rip-earth { background: url(../templates/default_site/img/rip-earth.png) center top repeat-x; height: 36px; }
.rip-sand { background: url(../templates/default_site/img/rip-sand.png) center top repeat-x; height: 36px; }
.rip-coal { background: url(../templates/default_site/img/rip-coal.png) center top repeat-x; height: 36px; }
.rip-bottom { background-position: center -36px; }
.rip-arrow {  margin-top: 40px; }


/*****
* Stencil backgrounds
*
*/

.stencil-cogs { background:url(../templates/default_site/img/stencils/stencil-cogs.png) center -20px no-repeat; }
.stencil-brain { background:url(../templates/default_site/img/stencils/stencil-brain.png) center 260px no-repeat; }
.stencil-energy { background:url(../templates/default_site/img/stencils/stencil-energy2.png) center 180px no-repeat; }
.stencil-healtharrow { background:url(../templates/default_site/img/stencils/stencil-healtharrow.png) 220px 10px no-repeat; padding: 120px 0 0; }
.stencil-satellitedish { background:url(../templates/default_site/img/stencils/stencil-satellitedish.png) right center no-repeat; }
.stencil-tree { background:url(../templates/default_site/img/stencils/stencil-tree.png) center 80px no-repeat;  }
.stencil-clouds { background:url(../templates/default_site/img/stencils/stencil-clouds.png) center 80px no-repeat;  }
.stencil-specialism { background:url(../templates/default_site/img/stencils/stencil-specialism.png) center 50px no-repeat;  }
.stencil-spotlights { background:url(../templates/default_site/img/stencils/stencil-spotlights.png) center 20px no-repeat;  }
.stencil-hands { background:url(../templates/default_site/img/stencils/stencil-hands.png) center -10px no-repeat;  }
	
		
/*****
* Story sections
*
*/


.story { height: 1200px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; overflow: hidden; }
	.story article { margin: 0 auto; padding: 0 5px; width: 950px; height: 1200px; position: relative; z-index: 99; color: #FFF;}
	.story article h2 { font-size:650%; line-height: 0.8em; margin: 0 0 30px; }
	
	.story .content { 
		padding: 0;
		margin-top: 280px;
		}
	.story .content-right { left: 475px; } 
	.story .bg { position:absolute; left: 0; top: 0; min-height: 1200px; width: 100%; max-width: 1920px; }
	
	.parallax .caption { 
		position: absolute; 
		left: 20px; 
		right: 20px; 
		top:30px; 
		background: url(../templates/default_site/img/textures/coal.jpg);
		z-index: 3;
		padding: 10px 170px 10px 20px;
		color: #FFF;
		-moz-box-shadow: 0px 2px 12px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 2px 12px rgba(0,0,0,0.6);
		box-shadow: 0px 2px 12px rgba(0,0,0,0.6);
		border: 1px solid #5F5D54;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		.parallax .caption h3 { font-size: 130%; display: inline; margin: 0 10px 0 0; }
		.parallax .caption p { font-size: 90%;  display: inline;  }
		.parallax .caption p:last-child { margin: 0 }
	
	.js .parallax .caption { position: fixed; bottom:20px; top: auto; }
	
	.parallax .caption-container { display: none;}
	.js .parallax .caption-container { display: block;}
	
.parallax-disabled .story,	
.parallax-disabled .story .bg { height:800px; min-height: 800px;}
.parallax-disabled .story .content {margin-top:150px;}
	
.case-study { padding: 80px 0 0; }
	.case-study .client { 
		border-top: 1px solid #96948B;
		border-bottom: 1px solid #96948B;
		margin: 10px 0 30px;
		position: relative;
		}
	.parallax .case-study-button,
	.parallax .case-study-button:visited { 
		position: fixed; 
		right: 26px; 
		bottom: 27px;
		margin: -17px 0 0 -95px;
		color: #FFF;
		border: none;
		font-weight: bold;
		font-size: 108%;
		text-align: center;
		width: 150px;
		height: 24px;
		line-height: 24px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		z-index: 99;
		}
		.parallax .case-study-button:hover { background-image: url(../templates/default_site/img/textures/rust.jpg); color: #FFF; }
	
.story-dark,
.story-dark article { color: #2c2b24; }

#intro article { width: 100%; top: 0px; position: absolute; }
	#intro article { width: 100%; top: 0px; position: absolute; }
	#intro article .content { margin-top: 200px;}
	#intro article h2 { 
		color: #fff; 
		font-size: 925%; 
		letter-spacing: -5px; 
		line-height: 0.92em; 
		text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8); 
		margin: 0 0 20px;
		}
	#intro article .intro { 
		font-size:282%; 
		letter-spacing: -1px; 
		line-height: 1em; 
		text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);  
		margin: 0;
		}
	#intro article a:link,
	#intro article a:visited { color: #B3B822;  }
	#intro article a:hover { color: #EDED9F;  }
	
	#intro .bandit-dividers { background: url(../templates/default_site/img/one-armed-bandit/bandit-dividers.png) no-repeat center center fixed;}
	

#twitter .twitter-box { background: none}
#twitter .content { 
	position: absolute;
	top: 410px;
	left: 50%;
	margin: 0 0 0 -361px;
	width: 723px;
	height: 441px;
	}
	#twitter ul { 
		list-style-type: none; 
		width: 723px;
		height: 267px;
		padding: 0 0 174px;
		margin: 0;
		background: url(../templates/default_site/img/twitter-frame-large.png) center top no-repeat;
		}
	#twitter .tweet { 
		font-size: 32px; 
		line-height: 38px; 
		margin: 0 0 15px; 
		left: 80px;
		top:50px;
		width: 580px;
		}
		#twitter .tweet a { text-decoration: none; border: none;}
	
	#twitter .datetime { 
		font-size: 20px; 
		color: #434136;
		left: 80px;
		bottom: 175px;
		}
	
	#twitter .more { position: absolute; right: 0; bottom: 80px;}

.parallax-disabled #twitter .content { top: 210px; }


.twitter-box { 
	background: url(../templates/default_site/img/dots-vertical-sea.png) center top no-repeat;
	padding: 120px 0 0;
	margin: 0 0 40px;
	}
	.twitter-box ul { 
		width: 430px;
		height: 210px;
		background: url(../templates/default_site/img/twitter-frame-small.png) no-repeat;
		margin: 0 -40px;
		padding: 0 40px 110px;
		position: relative;
		list-style-type: none;
		}
	.twitter-box .tweet { 
		font-family: Sketchetik; 
		font-size: 174%; 
		font-weight: bold;
		line-height: 1.2em; 
		margin: 0 0 15px; 
		letter-spacing: -1px;
		position: absolute;
		left: 80px;
		top:30px;
		width: 390px;
		}
		.twitter-box .tweet a { text-decoration: none; border: none;}
	
	.twitter-box .datetime { 
		font-size: 116%; 
		color: #bac6c2;
		position: absolute;
		left: 80px;
		bottom: 140px;
		}			
  

.story-nav {
	position: fixed;
	right: 20px;
	top: 50%; 
	list-style-type: none; 
	z-index: 1000; 
	margin: 0;
	padding: 5px 2px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}
	.story-nav li { 
		width: 13px; 
		height: 13px; 
		background: url(../templates/default_site/img/pips.png) no-repeat; 
		display: block;
		margin: 0;
		padding: 4px;
		cursor: pointer;
		position: relative;
		font-size: 0;
		}
		.story-nav .active { background-position: 0 -21px; }


/*****
* Content styling
*
*/

.content { padding: 180px 0 0; position: relative; }
	.content p { font-size: 116%; }
	.content .intro,
	article .intro { font-size: 20px; line-height: 23px; font-weight: bold }

.specialisms { list-style-type: none; height: 200px; margin: 0 }
.specialisms li a,
.specialisms li a:visited,
.specialisms li a:hover { 
	position: absolute;
	top:496px;
	background: url(../templates/default_site/img/stencils/specialisms.png) no-repeat;
	width: 115px;
	height: 115px;
	display: block;
	border: none;
	color: #2C2B24;
	padding: 0;
	}
	
	.specialisms .healthcare a { left: 111px; }
	.specialisms .healthcare a:hover { background-position: 0 -115px;}
	.specialisms .energy a { left: 327px; background-position: -115px 0; }
	.specialisms .energy a:hover { background-position: -115px -115px;}
	
	.specialisms li a span { 
		position: absolute;
		bottom: -40px;
		left: 50%;
		display: block;
		width: 160px;
		margin: 0 0 0 -80px;
		padding: 40px 0 0;
		text-align: center;
		font-family: Sketchetik, sans-serif; 
		font-size: 205%;
		font-weight: bold;
		letter-spacing: -1px;
		}


.services { padding: 40px 0 }
	.services h2 { font-size: 380%;}
	.services ul { list-style-type: none; margin-top: 0; margin-bottom: 0;  }
		.services li { 
			list-style-type: none;
			background: url(../templates/default_site/img/doodle-arrow-bl-green.png) 260px bottom no-repeat;
			padding-bottom: 50px;
			margin-bottom: 40px;
			}
			.services .alt {  background: url(../templates/default_site/img/doodle-arrow-br-green.png) 440px bottom no-repeat; }
			.services .last { background: none; margin-bottom: 0; padding-bottom: 0; }
			.services li p { font-size: 116% } 


.sidecol { position: relative; }
	.sidecol aside { position: absolute;  width: 190px;}
	.sidecol aside h2 { font-size:197%;	margin: 0 0 12px; }
	.sidecol aside p {font-size:100%;}
	
				
.arrow {
	padding-bottom: 113px;
	margin: -104px 0 40px;
	background: url(../templates/default_site/img/doodle-arrow-br-green.png) 50% 0 no-repeat;
	}


.articles {
	margin: 30px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	clear: both;
	}
	.articles .article-list { 
		list-style-type: none;
		margin: 0; 
		padding: 0; 
		font-size: 131%;
		}
		.articles .article-list li { 
			display: block; 
			padding: 20px 15px;
			border-bottom: 1px dashed #a1b5ae;
			overflow: hidden;
			-webkit-transition:background 0.2s linear;  
			-moz-transition:background 0.2s linear;  
			-o-transition:background 0.2s linear;  
			transition:background 0.2s linear;  
			}
		.articles .article-list li:hover { background: rgba(255,255,255,0.1) } 
		.articles .article-list li:last-child { border: none } 
			.articles .article-list .date { 
				font-style: italic; 
				font-size: 93%; 
				float: left; 
				display: block;
				width: 60px;
				margin: 0 15px 0 0;
				color: #bac6c2;
				}
			.articles .article-list a,
			.articles .article-list a:visited { 
				color: #FFF; 
				background: none;
				border: none;
				width: 325px;
				float: left;
				font-weight: bold
				}
		
		
.newsletter-signup {
	position: absolute; 
	left: -360px;
	top:50%;
	width: 230px;
	margin: -98px 0 0;
	padding: 0 130px 0 0;
	}
	.newsletter-signup h3 { 
		background: url(../templates/default_site/img/dots-horizontal-sea.png) right bottom no-repeat;
		padding: 0 130px 0 0;
		margin: 0 -130px 0 0;
		}
	.newsletter-signup .doodle { position: absolute; left: -160px; top: -75px; }
	
 
.work-showcase { 
	background: #000; 
	height: 480px; 
	position: relative; 
	margin: 0 0 90px;
	}
	.work-showcase .overlay { display: none;  }
	.work-showcase .rip-top { position: absolute; bottom: 0; left: 0; z-index: 4; width: 100%; }
	.work-showcase .rip-bottom { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; }
	.work-showcase ul { list-style-type: none; margin: 0; padding: 0}
	
	.work-showcase .work-showcase-nav { 
		position: absolute; 
		left: 50%; 
		bottom: -30px;
		z-index: 5;
		margin: 0 0 0 -180px;
		}
		.work-showcase .work-showcase-nav li,
		.work-showcase .work-showcase-nav li a { display: block; float: left; width: 110px; }
		
		.work-showcase .work-showcase-nav li { margin: 0 5px; padding: 0 0 22px;	}
		.work-showcase .work-showcase-nav li.active { background: url(../templates/default_site/img/showcase-active.png) no-repeat left bottom }
			
			.work-showcase .work-showcase-nav li a { 
				height: 70px; 
				padding: 0; 
				border: 2px solid #FFF;
				-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
				-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
				box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
				}
			.work-showcase .work-showcase-nav li img {display: block }
		
	.work-showcase .work-showcase-items { height: 480px; overflow: hidden; position: relative }
		.work-showcase .work-showcase-items li { position: relative; height: 480px; overflow: hidden;}
		.work-showcase .work-showcase-items img { position: absolute; left: 50%; margin: 0 0 0 -960px; display: block }
		.work-showcase .work-showcase-items .caption { 
			position: absolute; 
			left: 0px; 
			top:100px; 
			background: url(../templates/default_site/img/textures/coal.jpg) no-repeat;
			z-index: 3;
			padding: 20px 20px 20px 40px;
			font-size: 116%;
			color: #FFF;-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
			-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
			box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
			width: 300px;
			}
			.work-showcase .work-showcase-items .caption strong { border-right: 1px solid #b3b822; padding: 0 10px 0 0; margin: 0 8px 0 0}

.cta { margin-top: 20px; text-align: center; font-size: 138.5%; }


.filter-row { margin: 0 0 30px; padding: 0; font-size: 116%;}
	
	.filter-row li,
	.filter-row li a { display:block; float: left; background: none;}
	
	.filter-row li a,
	.filter-row li a:visited { 
		padding: 6px 15px;
		color: #FFF;
		border: none;
		-webkit-transition:none;  
		-moz-transition:none;  
		-o-transition:none;  
		transition:none;
		}	
	.filter-row li a:hover { color: #434136; background-image: url(../templates/default_site/img/textures/sand-tint.jpg); }
	.filter-row li a.active,
	.filter-row li a.active:hover { background: url(../templates/default_site/img/textures/rust.jpg) 50% 0; color: #FFF;}


.filter-dropdown { 
	margin-top: 20px;
	margin-bottom: 10px; 
	width: 880px; 
	border-top: 1px dashed #96948b;
	padding: 20px 0 0;
	}
	.filter-dropdown h2 { font-size: 167%; color: #FFF; letter-spacing: -1px;}	
	.filter-dropdown h3 { 
		font-size: 138.5%;
		color: #FFF;
		letter-spacing: normal;
		font-weight: normal;
		background: url(../templates/default_site/img/select-arrow.png) no-repeat right center;		
		}	
		.js .filter-dropdown h3 { cursor: pointer;  }
	.filter-dropdown ul { list-style-type: none; margin: 0; padding: 0;}
		.filter-dropdown .filters > li { float: left;}	
		.filter-dropdown .filters .link-list { overflow: hidden }
		.filter-dropdown .filters .omega { position: relative; top: -8px; }	
			.filter-dropdown label { left: 55px; top: 6px; font-weight: normal; font-style: italic; color: #69675E }
			.filter-dropdown .search-field { 
				border: none;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				padding: 8px 15px;
				width: 200px;
				color: #434136;
				}
			.filter-dropdown button { 
				position: absolute; 
				right: 6px; 
				top: 6px;
				width: 22px;
				height: 22px;
				background: url(../templates/default_site/img/search-button.png);
				padding: 0;
				}
				

.blog-container .rip { position: static }


.blog { color: #2c2b24; width: 880px; padding: 40px 0 }

	.blog article { padding: 10px 0 0; position: relative }
		
		.blog article h1 { width: 520px; }
		
		.blog section time {
			position: absolute; 
			top: -70px; 
			left: 565px; 
			width: 70px; 
			height: 60px;
			background: url(../templates/default_site/img/ribbon.png) no-repeat left bottom;
			color: #FFF;
			font-family: Sketchetik, sans-serif; 
			font-weight: bold;
			font-size: 146.5%;
			text-transform: uppercase;
			text-align: center;
			line-height: 18px;
			padding: 70px 0 0;
			overflow: hidden;
			}
			.blog section time strong { font-size: 200%	}
		
		.blog section aside img {
			border: 3px solid #FFF;
			display: block;
			-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
			-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
			box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
			}
		.blog section .wide-image { margin: 0 0 0 -120px;}
		
		.blog section p:first-child {margin-top:0}
		.blog section li { margin: 6px 0  }
		
			
	.blog .more-articles-bar { margin: 30px 0 0; border-top: 1px solid #A1A09A; position: relative}
		.blog .more-articles-button,
		.blog .more-articles-button:visited { 
			position: absolute; 
			left: 50%; 
			margin: -17px 0 0 -95px;
			color: #FFF;
			border: none;
			font-weight: bold;
			font-size: 116%;
			text-align: center;
			width: 190px;
			height: 31px;
			line-height: 31px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			}
			.blog .more-articles-button:hover { background-image: url(../templates/default_site/img/textures/rust.jpg); color: #FFF; }
	

.blog-list section img {
	border: 3px solid #FFF;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	display: block;
	}	
	
.blog-list article { border-top: 1px solid #A1A09A; padding: 40px 0 0; margin: 0 0 30px; }
	.blog-list article:last-child { margin: 0; }
	.blog-list article time { top: 0; padding-top: 30px; }	
	

.gallery { margin: 90px 0 0; }
	.gallery ul { margin: 0; padding: 0; display: block;  }
		.gallery .item { 
			float: left; 
			display: block; 
			width:250px;
			height:250px;
			position: relative; 
			border-right: 1px dashed #6A2927;
			border-bottom: 1px dashed #6A2927;
			}
			.ie7 .gallery .item { border-color: #993234;}

			.gallery .item:hover { cursor: pointer }
				.gallery .item img { display: block; margin: 0; }
				
				.gallery .item .front { 
					position:absolute;
					top: 0;
					left: 0;
					width:250px;
					height:250px;
					z-index: 900;
					}
				.csstransforms3d .gallery .item .front,
				.csstransforms3d .gallery .item .back { 
					-webkit-transform: rotateY(0deg);
					/*-webkit-transform-style: preserve-3d;*/
					-webkit-backface-visibility: hidden;

					-moz-transform: rotateY(0deg);
					/*-moz-transform-style: preserve-3d;*/
					-moz-backface-visibility: hidden;

					/* -- transition is the magic sauce for animation -- */
					-o-transition: all .4s ease-in-out;
					-ms-transition: all .4s ease-in-out;
					-moz-transition: all .4s ease-in-out;
					-webkit-transition: all .4s ease-in-out;
					transition: all .4s ease-in-out;
					}
				.gallery .item:hover { z-index: 800; }
				.gallery .item.flip { z-index: 801; }
				.gallery .item.flip .front {
					z-index: 900;

					-webkit-transform: rotateY(180deg);
					-moz-transform: rotateY(180deg);
					
					-moz-box-shadow: 0 15px 50px rgba(0,0,0,0.5);
					-webkit-box-shadow: 0 15px 50px rgba(0,0,0,0.5);
					box-shadow: 0 15px 50px rgba(0,0,0,0.5);
					}
				.gallery .item .front .item-link { 
					position: absolute; 
					top:14px; 
					left:14px;
					display: block;
					width:202px;
					border: none;
					font-family: Sketchetik, sans-serif;
					font-weight:bold;
					font-size:182%;
					letter-spacing:-1px;
					line-height:24px;
					}
				.gallery .item .back { 
					position: absolute;
					top: 0;
					left: 0;
					z-index: 800;
					padding: 0;
					width:250px;
					height:250px;
					}
				.csstransforms3d .gallery .item .back { 
					-webkit-transform: rotateY(-180deg);
					-moz-transform: rotateY(-180deg);
					}
				.gallery .item.flip .back {
					z-index: 1000;
					
					-webkit-transform: rotateY(0deg);
					-moz-transform: rotateY(0deg);

					box-shadow: 0 15px 30px rgba(0,0,0,0.2);
					-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
					-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
				}
				.gallery .item .front .title { color: #FFF; }
			
		.gallery .small { -webkit-perspective:600px; -moz-perspective: 600px; }
		.gallery .small,
		.gallery .small .item-info { width: 250px; height:250px;  }
		.gallery .small .item-image { width: 250px; height:250px;  }

		.gallery .intro-item,
		.gallery .featured { -webkit-perspective:1200px; -moz-perspective: 1200px; }
		
		.gallery .intro-item,
		.gallery .intro-item .front,
		.gallery .intro-item .back,
		.gallery .featured,
		.gallery .featured .front,
		.gallery .featured .back { width: 501px; height: 501px; }

		.gallery .intro-item .front { background: url(../templates/default_site/img/stencils/stencil-greatthings.png);}
		.gallery .intro-item .back .content { padding: 70px 80px 0; text-align: center;}
		.gallery .intro-item .back .content .intro { font-size:20px; line-height:23px;}
		.gallery .intro-item .back .content p {font-size:116%;}

		.gallery .featured .front .item-link { 
			font-size:400%; 
			letter-spacing:-1px;
			line-height:50px;
			top:24px; 
			left:24px;
			}

			

.members-area { margin-bottom: 60px;}
	
.more { 
	text-decoration: none;
	background-position: right 5px;
	background-repeat: no-repeat ;
	padding-right: 80px;
	margin: 10px 0 0;
	font-weight: bold;
	font-size: 16px;
	border: none;
	display: inline-block;
	}

.more-down {
	background: url('../templates/default_site/img/link-arrow-down-green.png') no-repeat 0 100%;
	padding-bottom: 120px;
	}


/*****
* Lists
*
*/

.link-list,
.category-list,
.client-list,
.healthcare-client-list { list-style-type: none; padding: 0; margin: 0; }


.link-list li { border-bottom: 1px dashed #96948b; padding: 6px 0 }
	.link-list li:last-child { border-bottom: none;}
	.link-list a { border: none; padding: 0; }
	

.category-list { margin: 0 0 30px; }
	.category-list li { margin: 5px 0; }
		.category-list li:last-child { border-bottom: none;}
		.category-list a,
		.category-list a:visited { 
			display: block; 
			height: 31px; 
			line-height: 31px;
			padding: 0 5px;
			border: none
			}
			.category-list a:hover { background-position: 0 -31px; color: #FFF; }

.client-list,
.healthcare-client-list { margin: 0 -5px 0 0;  }
	.client-list li,
	.healthcare-client-list li { display: block; float: left; margin: 0 5px 20px 0; width: 166px }
	.client-list img,
	.healthcare-client-list img { display: block}
	
	.client-list .client img {
		-webkit-transition-duration: 0.8s;
     	-moz-transition-duration: 0.8s;
       	transition-duration: 0.8s;
		opacity: 0.4 
		}
		.client-list .client:hover img { opacity: 1;}
	
	.client-list .testimonial { width: 242px; font-style: italic; padding: 0 45px; position: relative }
	.client-list .testimonial blockquote { margin: 0}
	.client-list .testimonial p { margin-top: 0; font-size: 100%;}
	.client-list .testimonial cite { font-weight: bold; font-style: normal}
	.client-list .testimonial .quote-mark { 
		font-size: 650%; 
		font-family: Sketchetik, sans-serif;
		font-style: normal;
		position: absolute;
		display: block;
		color: #b3b822;
		line-height: 80px;
		}
		.left-quote-mark { left: 0; top:0;}
		.right-quote-mark { right: 0; bottom:-50px;}
	
	
.useful-links { margin-top: 0; margin-bottom: 0; padding: 0; list-style-type: none }
	.useful-links li { 
		display: block; 
		background: no-repeat; 
		padding: 0 0 0 40px; 
		line-height: 29px;
		margin: 0 0 5px;
		}
	.useful-links a,
	.useful-links a:visited { color: #FFF; font-weight: bold; border: none; background: none }
	
	.useful-links .vcard { background-image:  url(../templates/default_site/img/icon-vcard.png) }
	.useful-links .directions { background-image:  url(../templates/default_site/img/icon-directions.png) }
	
	
.social-media-large { 
	margin-top: 20px; 
	margin-bottom: 20px; 
	padding: 0; 
	list-style-type: none;
	font-size: 131%;
	}
	.social-media-large li { 
		display: block; 
		float: left;
		width: 210px;
		background: no-repeat; 
		padding: 0 0 0 60px; 
		line-height: 45px;
		margin: 0 5px;
		}
	.social-media-large a,
	.social-media-large a:visited { color: #FFF; font-weight: bold; border: none; background: none;}
	
	.social-media-large .linkedin { background-image: url(../templates/default_site/img/socialmedia-linkedin.png) }
	.social-media-large .twitter { background-image: url(../templates/default_site/img/socialmedia-twitter.png) }	


/*****
* Forms
*
*/

form { margin: 0; }
	form .row { position: relative; margin: 0 0 20px; }
	form label { position: absolute; left: 0; top: 8px; font-weight: bold; font-size: 116% }
	form label.error { 
		position: static;
		font-weight: normal;
		font-style: italic;
		font-size: 100%;
		margin: 10px 0 0;
		padding: 2px;
		display: block;
		background-image: url(../templates/default_site/img/textures/rust.jpg); 
		}
	
	form input,
	form textarea { outline: none; }
	
	form input.text { 
		background: none; 
		border: none; 
		border-bottom: 2px dotted #a19e97; 
		padding: 10px 0 8px 100px;
		outline: none;
		color: #FFF;
		font-size: 116%;
		}
		form input.text:focus { border-bottom-color: #b3b822; }
	
	textarea {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: none;
		} 
		
	button {
		background: #37332c;
		background: rgba(0,0,0,0.4);
		border: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #FFF;
		font-weight: bold;
		font-size: 116%;
		text-align: center;
		padding: 5px 20px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		} 
		form button:hover, .qq-uploader button:hover { background-image: url(../templates/default_site/img/textures/rust.jpg); }
		
	form .file-field { width: 190px; margin-right: 20px; }
		
.label-textarea { color: #434136; left: 15px; top: 15px;  }
		
/* Individual form overrides */

.newsletter-signup form { margin-top: 20px; }		
	.newsletter-signup input.text{ width: 130px; }
	
.contact-form { margin-top: 10px; margin-bottom: 50px; }
	.contact-form form { margin-top: 10px;}
	.contact-form input.text { width: 370px;  }
	.contact-form textarea { padding: 50px 15px 15px;  width: 440px; }


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/*****
* QQ Ajax File Uploader
*
*/

.qq-uploader { position:relative; width: 100%;}

.qq-upload-drop-area {
	position: relative;
	width:542px; 
	height:100%; 
	min-height: 70px; 
	z-index:2;
	text-align:center; 
	border: 4px dashed #A19E97;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 20px 0 30px;
}
.file .qq-upload-drop-area { display: block !important; }

.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; left:0; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active { 
}

.qq-upload-list { 
	margin:30px 0 15px;
	padding:0;
	font-size: 116%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.qq-upload-list li { 
	margin:0;
	padding:0; 
	list-style: none;
	border-bottom: 2px dotted #A19E97;
	padding: 3px 5px 5px;
	}
	.qq-upload-list li:last-child { border: none }
	.qq-upload-list li span, .qq-upload-list li a { display: block; float: left; margin-right: 15px; }
	.qq-upload-list li .qq-upload-spinner { margin-top: 4px; }


.qq-upload-file { width: 365px; }
.qq-upload-size { width: 50px; }
.qq-upload-spinner {
	display:inline-block; 
	background: url(../templates/default_site/img/loading.gif); 
	width:15px; 
	height:15px; 
	vertical-align:text-bottom;
	}

.qq-upload-list li .qq-upload-failed-text {display:none;}
.qq-upload-list .qq-upload-fail .qq-upload-failed-text {display:inline;}

.qq-upload-button { height: 27px;}
.qq-upload-button button { vertical-align: top ;} 


/*****
* IE fixes
*
*/

.ie6 { background-image:url(about:blank); background-attachment:fixed;}
.ie6 header { position: absolute; top: expression(eval(documentElement.scrollTop)); }

.ie6 header .dropdown ul,
.ie7 header .dropdown ul,
.ie6 header .dropdown li,
.ie7 header .dropdown li { zoom: 1;}

.ie6 .story-nav { 
	position: absolute;
	top: expression(eval((documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight) / 2) + 80 )); 
	}

.ie6 .ui-bubble-tooltip,
.ie6 .ui-bubble-tooltip span { background-image: url(../templates/default_site/img/bubble-tooltip-horizontal-ie6.png); }

.ie6 .parallax { zoom: 1; }
.ie6 .parallax .caption { 
	position: absolute;
	top: expression(eval(documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight) -20 )); 
	}

.ie6 h1,
.ie7 h1 { margin-bottom: 44px;}				        

.ie7 .specialisms { margin-bottom: 30px;}
			        
.ie6 .articles {zoom:1}
.ie6 .blog-list article,
.ie7 .blog-list article { margin: 0 0 20px; }

.ie6 .blog article h1,
.ie7 .blog article h1 { line-height: 1.2em; margin-bottom: 35px; }

.ie6 .blog article time,
.ie7 .blog article time { 
	line-height: 25px;
	padding-top: 65px;
	height: 65px;
	}
	
.ie6 .blog-list article time,
.ie7 .blog-list article time { 
	padding-top: 25px;
	height: 65px;
	}

.ie6 .useful-links li,
.ie7 .useful-links li { padding: 0 0 0 25px; }
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.fr { float: right}
.fl { float: left}

.top-spacer { margin-top: 50px;}
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
	
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
  header { position: fixed; }
}
@media only screen and (min-height: 768px) {
  /* Style adjustments for viewports 768px and over go here */
  header { position: fixed; }
  #intro article .content {	margin-top: 280px; }
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}