/*-------------------------------------------------------------------------------------------
	Template:	Clear Group (cleargroup)
	Version:	0.4.2
	Site:	thecleargroup.com
	Author:	Niall Deakin / Contedia
	Email:	niall.deakin@contedia.com

	Notes:
	"Clear Group" is a fully responsive, Joomla-based template for "The Clear Group" (.com).
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------
0.0		-	Contents

	1.0	-	Standard styling
	1.1	-	Responsive Grid System
					Setup
					Columns 1 - 12

	2.0	-	General styling
					Accordions
					Hotboxes
					Popup
					Slider
	2.1	-	General styling	:	Head
					Search
					Navigation
	2.2	-	General styling	:	Body
					Sidebar
					"Pay Online" sidebar
	2.3	-	General styling	:	Foot

	3.0	-	Unique Page Backgrounds

	4.0	-	Inner Page Styling
	4.1	-	Inner Page Styling	:	Home
	4.2	-	Inner Page Styling	:	Forms
-------------------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------------------
	0.1		-	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, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: inherit;
		font-size: 99%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		/*vertical-align: baseline; Mod For HSC */
	}
	
	html {
		font-size: 62.5%;
		overflow-y: scroll;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	
	*, *:before, *:after
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	body { background:#fff; }
	
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	main,
	nav,
	section
	{ display:block; }
	
	ol, ul { list-style:none; }
	table { border-collapse:separate; border-spacing:0;}
	caption, th, td { font-weight:normal; /*text-align:left;*/ }
	blockquote:before, blockquote:after,
	q:before, q:after { content:""; }
	blockquote, q { quotes:"" ""; }
	a:focus { outline:thin dotted; }
	a:hover, a:active { outline:0; }
	a img { border:0; }

	/*-------------------------------------------------------------------------------------------
	0.2		-	Setup
	-------------------------------------------------------------------------------------------*/
	body,
	button,
	input,
	select,
	textarea {
		color: #404040;
		font-family: sans-serif;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	h1, h2, h3, h5, h6 {
		clear: both;
	}
	p {
		margin-bottom: 1.5em;
	}
	b, strong {
		font-weight: bold;
	}
	dfn, cite, em, i {
		font-style: italic;
	}
	blockquote {
		margin: 0 1.5em;
	}
	address {
		margin: 0 0 1.5em;
	}
	pre {
		background: #eee;
		font-family: "Courier 10 Pitch", Courier, monospace;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.6;
		margin-bottom: 1.6em;
		max-width: 100%;
		overflow: auto;
		padding: 1.6em;
	}
	code, kbd, tt, var {
		font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	}
	abbr, acronym {
		border-bottom: 1px dotted #666;
		cursor: help;
	}
	mark, ins {
		background: #fff9c0;
		text-decoration: none;
	}
	sup,
	sub {
		font-size: 120%;
		height: 0;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	small {
		font-size: 75%;
	}
	big {
		font-size: 125%;
	}

	/*-------------------------------------------------------------------------------------------
	0.3		-	Element
	-------------------------------------------------------------------------------------------*/
	hr {
		background-color: #ccc;
		border: 0;
		height: 1px;
		margin-bottom: 1.5em;
	}
	ul, ol {
		margin: 0 0 1.5em 3em;
	}
	ul {
		list-style: disc;
	}
	ol {
		list-style: decimal;
	}
	li > ul,
	li > ol {
		margin-bottom: 0;
		margin-left: 1.5em;
	}
	dt {
		font-weight: bold;
	}
	dd {
		margin: 0 1.5em 1.5em;
	}
	img {
		height: auto; /* Make sure images are scaled correctly. */
		max-width: 100%; /* Adhere to container width. */
	}
	figure {
		margin: 0;
	}
	table {
		margin: 0 0 1.5em;
		width: 100%;
	}
	th {
		font-weight: bold;
	}

	/*-------------------------------------------------------------------------------------------
	0.4		-	Forms
	-------------------------------------------------------------------------------------------*/
	button,
	input,
	select,
	textarea {
		font-size: 100%; /* Corrects font size not being inherited in all browsers */
		margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
		vertical-align: baseline; /* Improves appearance and consistency in all browsers */
		*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
	}
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		border: 1px solid #ccc;
		border-color: #ccc #ccc #bbb #ccc;
		border-radius: 3px;
		background: #e6e6e6;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
		color: rgba(0, 0, 0, .8);
		cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
		-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1;
		padding: .6em 1em .4em;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	}
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		border-color: #ccc #bbb #aaa #bbb;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
	}
	button:focus,
	input[type="button"]:focus,
	input[type="reset"]:focus,
	input[type="submit"]:focus,
	button:active,
	input[type="button"]:active,
	input[type="reset"]:active,
	input[type="submit"]:active {
		border-color: #aaa #bbb #bbb #bbb;
		box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
	}
	input[type="checkbox"],
	input[type="radio"]
	{ padding:0; /* Addresses excess padding in IE8/9 */ }
	input[type="search"] {
		-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
		-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
		-moz-box-sizing:    content-box;
		box-sizing:         content-box;
	}
	input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance:none; }
	button::-moz-focus-inner,
	input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
		border: 0;
		padding: 0;
	}
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		color: #666;
		border: 1px solid #ccc;
		border-radius: 3px;
	}
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	input[type="search"]:focus,
	textarea:focus
	{ color:#111; }
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"]
	{ padding:3px; }
	textarea {
		overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
		padding-left: 3px;
		vertical-align: top; /* Improves readability and alignment in all browsers */
		width: 98%;
	}

	/*-------------------------------------------------------------------------------------------
	0.5		-	Text
	-------------------------------------------------------------------------------------------*/
	a { color:royalblue; }
	a:visited { color:purple; }
	a:hover, a:focus, a:active { color:midnightblue; }

	/*-------------------------------------------------------------------------------------------
	0.6		-	Font Awesome
	-------------------------------------------------------------------------------------------*/
	@font-face {
		font-family: 'FontAwesome';
		src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
		src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/*-------------------------------------------------------------------------------------------
1.0		-	Standard styling
-------------------------------------------------------------------------------------------*/
*, body, button, input, select, textarea { font-family:"myriad-pro", FontAwesome, sans-serif; }

*:before, *:after { font-family:FontAwesome; }

body { color:#666; font-size:1.8em; overflow:hidden; }

h1 { color:#00ab9a; font-size:1.9em; padding:.2em .5em; }
h2 { color:#00ab9a; font-size:1.5em; font-weight:400; margin-bottom:.5em; }
h3 { color:#00ab9a; font-size:1.5em; font-weight:400; margin:1em 0 .5em; }
h4 { background:#00ab9a; color:#fff; font-size:1.45em; font-weight:400; padding:.4em .5em .5em; margin:0.25em 0 0; }
h4 a:link {background:#f8f3f3;  padding:0 5px 0 5px;}

h5 { color:#00ab9a; font-size:1.25em; font-weight:400; margin:1em 0 .5em; }

a, a:visited { color:#00ab9a; text-decoration:none;}
a:hover { color:#666; }
a, a:hover, a:active, a:focus { outline:0; }

p { margin-bottom:.5em }
ul { list-style:none; margin:0; }
li { color:#666; font-size:1em; margin-bottom:.5em; }

ol { counter-reset:item; }
ol li { display: block; }
ol li:before {
	display: inline-block;
	content: counter(item) ".";
	counter-increment: item;
	font-family: "myriad-pro", sans-serif;
	color: #00ab9a;
	font-weight: 600;
	margin: 0 1.3em 0 -2em;
}

b, strong { font-weight:600; }

dd { margin-bottom:.75em; }

hr {
	background: #ccc;
	border-bottom: .063em solid #ebebeb;
	height: 0;
	border: 0;
	margin-bottom: 1.5em;
	-webkit-box-shadow: 0 0 .025em .033em #ebebeb;
	-moz-box-shadow: 0 0 .025em .033em #ebebeb;
	box-shadow: 0 0 .025em .063em #ebebeb;
}

blockquote { position:relative; background:rgba(0,0,0,.1); color:#555; font-size:1.3em; line-height:1.4em; padding:.5em 1em; margin:.5em 0; }
blockquote br { display:block; line-height:1.75em; }
blockquote:after {
	top: 100%;
	left: 5%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(234, 234, 234, 0);
	border-top-color: rgba(0,0,0,.1);
	border-width: .5em;
	margin-left: -.5em;
}

button,
input,
select,
textarea {
	color: #666;
	font-weight: 400;
	padding: .5em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea
{ color:#666; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #666;
	outline: none;
	box-shadow: 0 0 .313em rgba(0, 171, 154, 1);
}

button:focus { outline:none; }

*::-webkit-input-placeholder { color:#666; }
*::-moz-placeholder { color:#666; }
*:-moz-placeholder { color:#666; }
*:-ms-input-placeholder { color:#666; }

	/*-------------------------------------------------------------------------------------------
	1.1		-	Responsive Grid System
	-------------------------------------------------------------------------------------------*/
	.section { clear:both; padding:0; margin:0; }
	
	.col { display:block; float:left; margin:2% 0 2% 1.6%; }
	.col:first-child { margin-left:0; }
	
	.group:before, .group:after { content:""; display:table; }
	.group:after { clear:both; }
	.group { zoom:1; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.1	-	Responsive Grid System	:	One Column (rather redundant, but oh well)
		-------------------------------------------------------------------------------------------*/
		.span_1_of_1 { width:100%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.2	-	Responsive Grid System	:	Two Columns
		-------------------------------------------------------------------------------------------*/
		.span_2_of_2 { width:100%; }
		.span_1_of_2 { width:49.2%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.3	-	Responsive Grid System	:	Three Columns
		-------------------------------------------------------------------------------------------*/
		.span_3_of_3 { width:100%; }
		.span_2_of_3 { width:66.13%; }
		.span_1_of_3 { width:32.26%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.4	-	Responsive Grid System	:	Four Columns
		-------------------------------------------------------------------------------------------*/
		.span_4_of_4 { width:100%; }
		.span_3_of_4 { width:74.6%; }
		.span_2_of_4 { width:49.2%; }
		.span_1_of_4 { width:23.8%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.5	-	Responsive Grid System	:	Five Columns
		-------------------------------------------------------------------------------------------*/
		.span_5_of_5 { width:100%; }
		.span_4_of_5 { width:79.68%; }
		.span_3_of_5 { width:59.36%; }
		.span_2_of_5 { width:39.04%; }
		.span_1_of_5 { width:18.72%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.6	-	Responsive Grid System	:	Six Columns
		-------------------------------------------------------------------------------------------*/
		.span_6_of_6 { width:100%; }
		.span_5_of_6 { width:83.06%; }
		.span_4_of_6 { width:66.13%; }
		.span_3_of_6 { width:49.2%; }
		.span_2_of_6 { width:32.26%; }
		.span_1_of_6 { width:15.33%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.7	-	Responsive Grid System	:	Seven Columns
		-------------------------------------------------------------------------------------------*/
		.span_7_of_7 { width:100%; }
		.span_6_of_7 { width:85.48%; }
		.span_5_of_7 { width:70.97%; }
		.span_4_of_7 { width:56.45%; }
		.span_3_of_7 { width:41.94%; }
		.span_2_of_7 { width:27.42%; }
		.span_1_of_7 { width:12.91%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.8	-	Responsive Grid System	:	Eight Columns
		-------------------------------------------------------------------------------------------*/
		.span_8_of_8 { width:100%; }
		.span_7_of_8 { width:87.3%; }
		.span_6_of_8 { width:74.6%; }
		.span_5_of_8 { width:61.9%; }
		.span_4_of_8 { width:49.2%; }
		.span_3_of_8 { width:36.5%; }
		.span_2_of_8 { width:23.8%; }
		.span_1_of_8 { width:11.1%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.9	-	Responsive Grid System	:	Nine Columns
		-------------------------------------------------------------------------------------------*/
		.span_9_of_9 { width:100%; }
		.span_8_of_9 { width:88.71%; }
		.span_7_of_9 { width:77.42%; }
		.span_6_of_9 { width:66.13%; }
		.span_5_of_9 { width:54.84%; }
		.span_4_of_9 { width:43.55%; }
		.span_3_of_9 { width:32.26%; }
		.span_2_of_9 { width:20.97%; }
		.span_1_of_9 { width:9.68%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.10	-	Responsive Grid System	:	Ten Columns
		-------------------------------------------------------------------------------------------*/
		.span_10_of_10 { width:100%; }
		.span_9_of_10 { width:89.84%; }
		.span_8_of_10 { width:79.68%; }
		.span_7_of_10 { width:69.52%; }
		.span_6_of_10 { width:59.36%; }
		.span_5_of_10 { width:49.2%; }
		.span_4_of_10 { width:39.04%; }
		.span_3_of_10 { width:28.88%; }
		.span_2_of_10 { width:18.72%; }
		.span_1_of_10 { width:8.56%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.11	-	Responsive Grid System	:	Eleven Columns
		-------------------------------------------------------------------------------------------*/
		.span_11_of_11 { width:100%; }
		.span_10_of_11 { width:90.76%; }
		.span_9_of_11 { width:81.52%; }
		.span_8_of_11 { width:72.29%; }
		.span_7_of_11 { width:63.05%; }
		.span_6_of_11 { width:53.81%; }
		.span_5_of_11 { width:44.58%; }
		.span_4_of_11 { width:35.34%; }
		.span_3_of_11 { width:26.1%; }
		.span_2_of_11 { width:16.87%; }
		.span_1_of_11 { width:7.63%; }
	
		/*-------------------------------------------------------------------------------------------
		1.1.12	-	Responsive Grid System	:	Twelve Columns
		-------------------------------------------------------------------------------------------*/
		.span_12_of_12 { width:100%; }
		.span_11_of_12 { width:91.53%; }
		.span_10_of_12 { width:83.06%; }
		.span_9_of_12 { width:74.6%; }
		.span_8_of_12 { width:66.13%; }
		.span_7_of_12 { width:57.66%; }
		.span_6_of_12 { width:49.2%; }
		.span_5_of_12 { width:40.73%; }
		.span_4_of_12 { width:32.26%; }
		.span_3_of_12 { width:23.8%; }
		.span_2_of_12 { width:15.33%; }
		.span_1_of_12 { width:6.86%; }

/*-------------------------------------------------------------------------------------------
2.0		-	General styling
-------------------------------------------------------------------------------------------*/
span.highlight { background:#b3eee8; }

.container { width:70em; margin:0 auto; }

.left { text-align:left !important; }
.right { text-align:right !important; }
.center { text-align:center !important; }

.intro { font-size:1.2em; }
#article article h3 { padding:.5em 0 0; border-top:.125em solid #c9c9c9; }
#article article hr { display:none; }

#article article ul,
#article article ol { margin:0; }

#article article ul li { margin-left:3em; }
#article article ol li { margin-left:2.5em; padding-left:.5em; }

#article article ul li:before {
	position: relative;
	top: .7em;
	left: -2em;
	display: block;
	content: '\25a0';
	color: #00ccb8;
	font-size: 1em;
	line-height: 0;
	vertical-align: middle;
}
#article article ul.landing li { margin-left:0; }
#article article ul.landing li:before { display:none; }

#article article ul.tagged li{
	display:inline;
	margin-left: 0;
}
#article article ul.tagged li:before {
	content: none;
}
	
p.meta {
	background: #ebebeb;
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
	font-size: 125%;
	padding: .5em;
	margin-bottom: 0;
	border-bottom: .063em solid #c9c9c9;
	-webkit-box-shadow: 0 .25em .25em -.25em #c9c9c9;
	-moz-box-shadow: 0 .25em .25em -.25em #c9c9c9;
	box-shadow: 0 .25em .25em -.25em #c9c9c9;
}
.meta a { color:#666; font-weight:600; text-decoration:none; }

.button {
	background: #00ab9a;
	display: block;
	width: 100%;
	color: #fff !important;
	font-size: 1.25em;
	font-weight: 400;
	text-decoration: none;
	padding: .5em .75em;
}

.mini-button {
	display: inline-block;
	width: auto;
	font-size: 1em;
	padding: .1em .5em;
	clear: both;
}
.button:active,
.button:focus,
.button:visited { color:#fff; }
.button:hover { background:#00ccb8; color:#fff; }

.required:after { content:"*"; color:#f00; margin-left:.5em; }
.alert { color:#f00; }

.shadow {
	border-bottom: .063em solid #c9c9c9;
	-webkit-box-shadow: 0 .25em .25em -.25em #c9c9c9;
	-moz-box-shadow: 0 .25em .25em -.25em #c9c9c9;
	box-shadow: 0 .25em .25em -.25em #c9c9c9;
}

		/*-------------------------------------------------------------------------------------------
		2.0.1	-	General styling	:	Accordions
		-------------------------------------------------------------------------------------------*/
		.su-spoiler-title,
		div.fake-accordion {
			background: #00ab9a;
			width: 100%;
			min-height: 1.8em !important;
			line-height: 1.8em !important;
			color: #fff !important;
			font-size: 1.1em !important;
			font-weight: 400 !important;
			margin: 0;
		}
		div.fake-accordion:before { font-family:FontAwesome; font-size:.9em; margin:0 -.3em 0 .75em; }
		div.fake-accordion a { display:inline-block; width:97%; color:#fff; font-weight:400; padding:.5em 0 .5em .7em; }
		
		.su-spoiler-title:hover,
		div.fake-accordion:hover
		{ background:#00ccb8; }
		
		div.internal:before { content:"\f0c1"; }
		div.external:before { content:"\f08e"; }
		
		.su-accordion, .su-spoiler,
		.su-accordion .su-spoiler { margin-bottom:0 !important; }
		
		div.fake-accordion,
		.su-spoiler { margin:.5em 0; }
		
		.su-spoiler-icon { width:inherit; height:inherit; font-size:.9em; text-align:left; text-align:start; }
		.su-spoiler-style-default > .su-spoiler-title { padding-left:2em !important; }
		.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left:.8em !important; }
		
		/*-------------------------------------------------------------------------------------------
		2.0.2	-	General styling	:	Hotboxes
		-------------------------------------------------------------------------------------------*/
		.overlay {
			position: relative;
			display: inline-block;
			background: #000;
			height: 9.8em;
			margin: .5em auto;
			overflow: hidden; 
		}
		.overlay a { display:inline-block; color:#fff; }
		.overlay img { width:100%; }
		.overlay:hover img { opacity:.2; }
		.overlay .content { padding: .4em 1em; }
		.overlay h4 { background:transparent; font-size:1.3em; padding:0; margin-top:0; }
		.overlay p { color:#fff; font-size:.9em; line-height:1.2em; margin:.5em 0 0; opacity:0; }
		.overlay .button {
			position: absolute;
			top: 73%;
			left: 40%;
			width: 20%;
			font-size: 1em;
			text-align: center;
			padding: .3em;
			opacity: 0;
		}
	
		/*-------------------------------------------------------------------------------------------
		2.0.3	-	General styling	:	Overlay
		-------------------------------------------------------------------------------------------*/
		.overlay .content {
			position: relative;
			top: -6.85em;
			background: rgba(0, 171, 154, 1);
			height: 100%;
		
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-o-transition: all .5s ease;
			-ms-transition: all .5s ease;
			transition: all .5s ease;
		}
		.overlay:hover img,
		.overlay:hover p,
		.overlay:hover .button {
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}
		
		.overlay:hover .content { top:-14.1em; background:rgba(0, 171, 154, .5); }
		.overlay:hover p,
		.overlay:hover .button { opacity:1; }

		.overlay .fa { margin-left:.5em; }

		/*-------------------------------------------------------------------------------------------
		2.0.4	-	General styling	:	Popup
		-------------------------------------------------------------------------------------------*/
		.popup_back {
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 1000;
		}
		
		.popup_cont {
			position: fixed;
			top: 50% !important;
			left: 50% !important;
			background: #fff;
			width: 55%;
			box-shadow: 0 .188em .625em #666;
			transform: translate(-50%, -50%);
			z-index: 1002;
		}
		.preloader { z-index:1001; }
		
		.popup_close {
			position: absolute;
			top: .5em;
			right: .7em;
			cursor: pointer;
			color: #fff;
			font-size: 1.25em;
			line-height: 1em;
			z-index: 1100;
		}
		
		.popup_close-button {
			position: relative;
			cursor: pointer;
			width: 20%;
			color: #fff;
			text-align: center;
			margin: 0 auto 1em;
			z-index: 1012;
		}
		a.popup_close-button { margin-top:-30em; }
		.popup_back { cursor:pointer; background-color:#fff; }
		
		div.popup {
			background: #fff;
			width: 100%;
			padding: 0;
			margin: 0 auto;
		}
		div.related-product { height:34em; }
		
		.popup_content {
			position: relative;
			max-height: 30em;
			padding: 0 1em 0 .5em;
			margin: .5em;
			overflow: auto;
			z-index: 1010;
		}
		.popup_content::-webkit-scrollbar-track { background:#ccc; -webkit-box-shadow:inset 0 0 .3em rgba(255, 255, 255, .3); box-shadow:inset 0 0 .3em rgba(255, 255, 255, .3); }
		.popup_content::-webkit-scrollbar { background:#f5f5f5; width:.6em; }
		.popup_content::-webkit-scrollbar-thumb { background:#00ab9a; -webkit-box-shadow:inset 0 0 .3em rgba(255, 255, 255, .3); box-shadow:inset 0 0 .3em rgba(255, 255, 255, .3); }
		
		.related-product .popup_content { overflow:hidden; }
		
		.popup-gradient {
			position: relative;
			top: -34em;
			height: 35em;
			z-index: 1012;
		
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		}
		.popup iframe { width:100%; height:100%; }
		.popup .button {
			position: relative;
			top: 80%;
			width: 15%;
			text-align: center;
			margin: 0 auto;
		}
		
		.preloader { left:50%; margin:-10px 0 0 -25px; position:fixed; top:50%; }
		
		.popup_cont h1 { background:#00ab9a; color:#fff; font:200% "myriad-pro", sans-serif; text-indent:.5em; padding:.25em 0; margin:0; }
		.popup_content h1 { display:none; }
	
		/*-------------------------------------------------------------------------------------------
		2.0.5	-	General styling	:	Slider
		-------------------------------------------------------------------------------------------*/
		.slider {
			position: relative;
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.slider ul {
			position: relative;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		.slider ul li {
			position: relative;
			display: block;
			width: 51em;
			height: 13.5em;
			padding: 0;
			margin: 0;
			float: left;
		}
		
		#article article .slider li { margin:0; }
		#article article .slider-dots ul li { margin:0 .5em; }
		
		#article article .slider li:before,
		#article article .slider-dots ul li:before
		{ display:none; }
		
		.slider-dots ul { text-align:center; }
		
		.slider-dots ul li {
			display: inline-block;
			width: .5em;
			height: .5em;
			background: #ccc;
			padding: 0;
			margin: 0 .5em;
			border-radius: 50%;
		}
		.slider-dots ul li:hover,
		.slider-dots ul li.active
		{ background:#666; }

	/*-------------------------------------------------------------------------------------------
	2.1		-	General styling	:	Head
	-------------------------------------------------------------------------------------------*/
	#header #logo img { width:75%; margin-left:1.2em; }
	
	#header .col { margin-bottom:1.8%; }

		/*-------------------------------------------------------------------------------------------
		2.1.1	-	General styling	:	Search Bar Section
		-------------------------------------------------------------------------------------------*/
		#search { text-align:right; font-size:.95em; }
		
		/*	top level navigation for site pages	*/
		#search ul { list-style:none; text-align:right; padding:0; margin:0 .15em .5em 0; }
		#search ul li { display:inline; }
		#search ul li a { color:#666; font-weight:400; text-decoration:none; padding:0 0 0 1.15em; }
		
		/*	Styling for the actual search form	*/
		#search form label { display:none; }
		
		#search .search { margin-top:1em; }
		#search input[type="text"] {
			width: 28%;
			color: #aaa;
			font-weight: 400;
			padding-left: .5em;
			border: 0;
			border-bottom: .125em solid #ccc;
			border-radius: 0;	
		
			-webkit-transition: width .8s;
			transition: width .8s;
		}
		#search input[type="text"]:focus {
			width: 50%;
			color: #666;
			font-style: normal;
			font-weight: 600;
			box-shadow: none;
		}
		
		#search .button {
			position: relative;
			top: .55em;
			left: -.5rem;
			background: #00AB9A;
			width: 1.7em;
			height: 1.7em;
			display: inline;
			padding: .4em;
		}
		
		/*-------------------------------------------------------------------------------------------
		2.1.2	-	Navigation
		-------------------------------------------------------------------------------------------*/
		#main-navigation { position:relative; background-color:#eaeaea; z-index:10; }
		
		#main-navigation a.external:after { content:"\f08e"; margin-right:.5em; float:right; }

			/*-------------------------------------------------------------------------------------------
			2.1.2.1	-	Navigation	:	Main Navigation (horizontal)
			-------------------------------------------------------------------------------------------*/
			#main-navigation ul {
				display: table;
				position: relative;
				width: 100%;
				list-style: none;
				text-align: left;
				padding: 0;
				margin: 0;
			}
			#main-navigation ul li { display:table-cell; font-size:1.1em; margin:0; }
			
			#main-navigation ul li a {
				display: block;
				width: 100%;
				color: #555;
				text-decoration: none;
				padding: .7em 1em .7em 1em;
			}
			#main-navigation ul li.open > a,
			#main-navigation ul li:hover > a { color:#00ccb8; font-weight:400; padding-bottom:.3em; border-bottom:.45em solid #00ccb8; }
			
			/*	CSS hack for MS browsers	*/
			_:-ms-lang(x), _:-webkit-full-screen, #main-navigation ul li.open > a  { padding-bottom:.32em; border-bottom:.4em solid #00ccb8; }
			
			#main-navigation ul li.alias-parent-active,
			#main-navigation ul li.active
			{ background:#00ab9a; }
			#main-navigation ul li.alias-parent-active > a,
			#main-navigation ul li.active > a
			{ color:#fff; font-weight:400; border-bottom:0; }
			
			#main-navigation ul li.parent ul { display:inline; margin-left:0; }
			
			/*-------------------------------------------------------------------------------------------
			2.1.2.2	-	Navigation	:	Child Navigation ("left") 78.750em
			-------------------------------------------------------------------------------------------*/
			#main-navigation ul ul {
				position: absolute;
				top: 100%;
				left: 0;
				background:rgba(255, 255, 255, .97);
				width: 0;
				height: 0;

				opacity: 0;

				border-bottom: .063em solid #c9c9c9;
				-webkit-box-shadow: 0 .25em 1em -.25em #c9c9c9;
				-moz-box-shadow: 0 .25em 1em -.25em #c9c9c9;
				box-shadow: 0 .25em 1em -.25em #c9c9c9;

				-webkit-transition: all .5s ease;
				-moz-transition: all .5s ease;
				-o-transition: all .5s ease;
				transition: all .5s ease;
			}

			#main-navigation ul ul li {
				display: block;
				background: rgba(102, 102, 102, 0);
				overflow: hidden;
				height: 0;
				font-size: .9em;
			
				-webkit-transition: all .5s ease .2;
				-moz-transition: all .5s ease .2s;
				-o-transition: all .5s ease .2s;
				transition: all .5s ease .2s;
			}
			#main-navigation ul ul li a { color:#666; font-weight:400;

			-webkit-transition: color .5s ease .2s;
			-moz-transition: color .5s ease .2s;
			-o-transition: color .5s ease .2s;
			transition: color .5s ease .2s;
			}

			#main-navigation ul ul li:hover > a { color:#666; border:0; }

			#main-navigation ul ul li.open { background:rgba(102,102,102,1); }
			#main-navigation ul ul li.open > a { color:#fff; padding-bottom:.4em; border:0; }
			
			#main-navigation ul li.open > ul { height:27em; width:35.36em; opacity:1; }
			#main-navigation ul li:nth-child(n+4) ul { left:35.36em; width:28.3em; }
			#main-navigation ul li ul li:nth-child(n+4) > ul { left:39.3em; }
			
			#main-navigation ul li.open > ul li { height:3em; }
			#main-navigation ul li.open > ul li > ul li { height:0; }
			
			/*-------------------------------------------------------------------------------------------
			2.1.2.3	-	Navigation	:	Grandchild Navigation ("right")
			-------------------------------------------------------------------------------------------*/
			#main-navigation ul ul ul {
				position: absolute;
				top: 0;
				left: 39.3em;
				width: 0;
				height: 0;
			/*	border-left: .15em dotted transparent;*/
			}
			
			#main-navigation ul ul ul li {
				background: rgba(102, 102, 102, 0);
				width: 0;
				height: 3em;
				font-size: 1em;
				white-space: nowrap;
			
				-webkit-transition: all .5s ease .2;
				-moz-transition: all .5s ease .2s;
				-o-transition: all .5s ease .2s;
				transition: all .5s ease .2s;
			}
			#main-navigation ul ul ul li.open { background:rgba(102,102,102,1); }
			
			#main-navigation ul ul ul li > a { color:#666;

			-webkit-transition: color .5s ease .2s;
			-moz-transition: color .5s ease .2s;
			-o-transition: color .5s ease .2s;
			transition: color .5s ease .2s;
			}
			#main-navigation ul ul ul li.open > a { color:#fff; }
			
			#main-navigation ul li.open > ul li.open > ul { background:rgba(255, 255, 255, .97); width:31.65em; height:30em; border-left-color:#666; }
			#main-navigation ul li.open > ul li:nth-child(n+4).open > ul { width:31.55em; }
			#main-navigation ul li.open > ul li.open > ul li { width:100%; height:3em; }
			
			@keyframes navIcon {
				0% { opacity:0; }
				50% { opacity:0; }
				100% { opacity:1; }
			}
			#main-navigation ul li.open > ul li.open > ul li a.external:after { animation:navIcon 2s linear normal; }

	/*-------------------------------------------------------------------------------------------
	2.2		-	General styling	:	Body
	-------------------------------------------------------------------------------------------*/
	#main-content { position:relative; }
	#main-content header h1 {
		background: #00ab9a;
		width: 100%;
		color: #fff;
	}
	#main-content #article { position:relative; top:8em; margin-bottom:8em; }
	#home #main-content #article { margin-bottom:0; }
	#main-content #article .item-page { padding-left:1em; }
	
	#home #main-content{
		min-height: 26.75em;; margin-bottom: 1.8em;
	}
	
	p.address { line-height:1.3em; margin:0 0 1em; }

		/*-------------------------------------------------------------------------------------------
		2.2.1	-	General styling	:	Sidebar
		-------------------------------------------------------------------------------------------*/
		#sidebar h2 { font-weight:700; padding:0 0 0 .3em; margin:.3em 0 .15em; }
		#sidebar h3 { color:#666; font-size:1.3em; font-weight:400; padding:0; margin:0; }
		#sidebar h4 { background:transparent; color:#00ab9a; font-size:1.25em; font-weight:400; padding:0; margin:0; }
		#sidebar h5 { font-size:1.05em; padding:0; }
		
		#sidebar p { font-size:.9em; }
		#sidebar a { font-weight:600; }
		#sidebar img { margin:0 auto; }

		#sidebar .fa { margin-right:.7em; }
		
		#side-expert > article,
		#side-study > article div.custom,
		#side-bar article,
		#alt-bar article {
			background:rgba(0,0,0,.05); color:#666; font-size:1em; text-align:left; padding:.55em 1em;
		
			border-bottom: .063em solid #c9c9c9;
			-webkit-box-shadow: 0 .25em .25em -.25em #c9c9c9;
			-moz-box-shadow: 0 .25em .25em -.25em #c9c9c9;
			box-shadow: 0 .25em .25em -.25em #c9c9c9;
		}
		
		#side-study > article div.custom { margin-bottom:.5em; }
		
		#sidebar .formResponsive textarea,
		#sidebar .formResponsive input[type="text"],
		#sidebar .formResponsive input[type="password"] { padding-right:0; }
		
		#sidebar .rsform-block-antispam .formControls .formBody div div div { margin:0 auto; }
		
		/*-------------------------------------------------------------------------------------------
		2.2.2	-	General styling	:	Expert sidebar module
		-------------------------------------------------------------------------------------------*/
		#side-expert article h3 { padding:0; border:0; }
		#side-expert article h4 { margin-bottom:.2em; }
		#side-expert .button:before { content:'\f095'; margin-right:.7em; }
		
		/*-------------------------------------------------------------------------------------------
		2.2.3	-	General styling	:	Related Page sidebar module
		-------------------------------------------------------------------------------------------*/
		#side-related p {
			display:block; padding:0;

			border-bottom: .063em solid #c9c9c9;
			-webkit-box-shadow: 0 .25em .25em -.25em #c9c9c9;
			-moz-box-shadow: 0 .25em .25em -.25em #c9c9c9;
			box-shadow: 0 .25em .25em -.25em #c9c9c9;
		}
		#side-related a { display:block; font-weight:400; }
		#side-related img { display:block; }
		
		#side-related .button,
		.clear-tags .button { background:#00ccb8; font-size:1em; padding:.2em .75em; }
		#side-related .button:hover,
		.clear-tags .button:hover { background:#00ccb8; }
		
		/*-------------------------------------------------------------------------------------------
		2.2.4	-	General styling	:	Expert sidebar module
		-------------------------------------------------------------------------------------------*/
		#side-study .button { margin:0; }
		#side-study .button:before { content:'\f15c'; margin-right:.7em; }
		
		/*-------------------------------------------------------------------------------------------
		2.2.5	-	General styling	:	In Need sidebar module
		-------------------------------------------------------------------------------------------*/
		#sidebar p.in-need  { background:#00ab9a; color:#fff; font-size:1.45em; line-height:1.15em; font-weight:400; padding:.55em 1em; }
		#sidebar p.in-need a { color:#fff; font-weight:600; }
		#sidebar h3.in-need {
			background: #ebebeb;
			background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
			background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
			background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
			background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
			background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
			font-size: 1.5em;
			line-height: 1.15em;
			padding: .67em;
			margin-bottom: 0;
		}
		
		/*-------------------------------------------------------------------------------------------
		2.2.6	-	General styling	:	Call to Action sidebar module
		-------------------------------------------------------------------------------------------*/
		#alt-bar h2,
		#alt-bar a { color:#ff8c37; }
		#article #alt-bar article h3 { padding:0; border-top:0; }
		#article #alt-bar .button { background:#ff8c37; }
		#article #alt-bar .button:hover { background:#ffa651; }

		#sidebar .call-to { background:rgba(0,0,0,.05); }
		#sidebar .call-to .button:before { content:'\f290'; margin-right:.7em; }
		
		#sidebar .call-to .button { background:#ff8c37; }
		#sidebar .call-to .button:hover { background:#ffa651; }
		
		#sidebar h2.call-to { background:#ff8c37; color:#fff; font-weight:600; padding:.1em .2em .2em .7em; margin:0; }
		#sidebar h3.call-to,
		#sidebar h4.call-to { padding:.5em .7em 0; }
		#sidebar p.call-to:last-of-type {
			border-bottom: .063em solid #c9c9c9;
			-webkit-box-shadow: 0 .25em .25em -.25em #c9c9c9;
			-moz-box-shadow: 0 .25em .25em -.25em #c9c9c9;
			box-shadow: 0 .25em .25em -.25em #c9c9c9;
		}
		
		#sidebar .call-to a { color:#ff8c37; font-weight:600; }
		#sidebar .call-to a:hover { color:#666; }
		
		/*-------------------------------------------------------------------------------------------
		2.2.7	-	General styling	:	Pay Online sidebar module
												Get rid of the ID's when switching over,
												or check if actually needed in the first place.
		-------------------------------------------------------------------------------------------*/
		#sidebar #pay-online h2,
		#sidebar .pay-online h2 { background:#00ab9a; color:#fff; font-size:1.45em; font-weight:400; padding:.5em; }
		#sidebar #pay-online p,
		#sidebar .pay-online p {
			background: #ebebeb;
			background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
			background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
			background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
			background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 100%);
			background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
			font-size: 1.5em;
			padding: .5em;
			margin-bottom: 0;
		}
		#sidebar #pay-online a,
		#sidebar .pay-online a { font-weight:600; text-decoration:none; }

	/*-------------------------------------------------------------------------------------------
	2.3		-	General styling	:	Foot
	-------------------------------------------------------------------------------------------*/
	#footer { padding-bottom:1em; }

	#footer .container { border-top:1em solid #eaeaea; }
	
	/*	Map credit	*/
	#footer .credit {
		display: none;
		background: rgba(255, 255, 255, .5);
		color: #666;
		font-size: .9em;
		padding: .2em 1em;
		margin: 0 auto 17.75em;
	}
	#home #footer .credit { display:block; }
	
	/*	CLEAR logo styling	*/
	#footer-logo img { width:60%; }
	
	/*	Copyright Section (includes navigation)	*/
	#copyright ul { list-style:none; text-align:center; padding:0; margin:0 0 .5em; }
	#copyright ul li { display:inline; }
	#copyright ul li a { color:#00ab9a; font-size:.9em; font-weight:400; text-decoration:none; padding:0 .5em; }
	#copyright span { font-size:.9em; }
	
	/*	Social media icons in footer	*/
	#social { text-align:right; }
	#social ul { list-style:none; }
	#social ul li { display:inline-block; margin:0 .25em; }
	#social ul li a { display:inline-block; }
	#social .fa { background:#00ab9a; color:#fff; font-size:1.5em; padding:.5em; }
	#social img { vertical-align:middle; margin-bottom:.4em; }
	
	/*	The fine-print blurb at the end	*/
	#fineprint { font-size:90%; text-align:center; }
	#fineprint span { display:block; }

/*-------------------------------------------------------------------------------------------
3.0		-	Unique Page Backgrounds
-------------------------------------------------------------------------------------------*/
/*	Template:	copy & paste	*/
#content {
	position: relative;
	top: 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('') no-repeat 50% 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('') no-repeat 50% 0;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('') no-repeat 50% 0;
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('') no-repeat 50% 0;
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('') no-repeat 50% 0);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('') no-repeat 50% 0;
	min-height: 31.75em;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
	z-index: 1;
}

/*	Pure gradient for inner content	*/
.content-gradient {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20em);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(20em,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20em);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20em);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20em);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20em);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

		/*-------------------------------------------------------------------------------------------
		3.0.1	-	Unique Page Backgrounds	:	About Us
		-------------------------------------------------------------------------------------------*/
		/*	See "Our People" (3.5.2)	*/
		
		#about-us #sidebar ul.acquisitions { font-size:.9em; padding-bottom:.3em; margin-left:.3em; }
		#about-us #sidebar ul.acquisitions li { background:url('/templates/cleargroup/images/acq-li.png') no-repeat 0 50%; background-size:1.5em; padding-left:2em; }
		#about-us #sidebar ul.acquisitions li:last-of-type { background:url('/templates/cleargroup/images/acq-li-last.png') no-repeat 0 50%; background-size:1.5em; }
		
		/*-------------------------------------------------------------------------------------------
		3.0.2	-	Unique Page Backgrounds	:	Careers
		-------------------------------------------------------------------------------------------*/
		#careers #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/careers-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/careers-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/careers-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/careers-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/careers-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/careers-bg.jpg') no-repeat 50% 0;
			min-height: 31.75em;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			z-index: 1;
		}
		
		/*-------------------------------------------------------------------------------------------
		3.0.3	-	Unique Page Backgrounds	:	News
		-------------------------------------------------------------------------------------------*/
		#news #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/news-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/news-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/news-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/news-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/news-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/news-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}
		
		#news .rsblog-entry-content .intro { margin-bottom:.2em; }
		#news .rsblog-entry-content .intro:after { content:''; display:block; margin:0; clear:both; }
		#news .rsblog-entry-image { margin:0 1em 0 0; clear:both; }
		#news .rsblog-entry-image img { max-width:12em; margin:0; }
		#news a.rsblog-entry-more.btn-primary.button { clear:both; }

		/*-------------------------------------------------------------------------------------------
		3.0.4	-	Unique Page Backgrounds	:	Privacy Policy
		-------------------------------------------------------------------------------------------*/
		#privacy-policy #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/privacy-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/privacy-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/privacy-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/privacy-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/privacy-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/privacy-bg.jpg') no-repeat 50% 0;
			min-height: 31.75em;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			z-index: 1;
		}
		
		/*-------------------------------------------------------------------------------------------
		3.0.5	-	Unique Page Backgrounds	:	Cookies Policy
		-------------------------------------------------------------------------------------------*/
		#cookies-policy #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/cookie-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(29em,rgba(255,255,255,1))), url('/templates/cleargroup/images/cookie-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/cookie-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/cookie-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em, url('/templates/cleargroup/images/cookie-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/cookie-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}
		
		/*-------------------------------------------------------------------------------------------
		3.0.6	-	Unique Page Backgrounds	:	Terms of Business
		-------------------------------------------------------------------------------------------*/
		#terms-of-business #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/terms-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/terms-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/terms-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/terms-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/terms-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/terms-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}
	
		#terms-of-business div.fake-accordion { background:#666; }

		/*-------------------------------------------------------------------------------------------
		3.0.7	-	Unique Page Backgrounds	:	404
		-------------------------------------------------------------------------------------------*/
		
		/*-------------------------------------------------------------------------------------------
		3.0.8	-	Unique Page Backgrounds	:	Call Me Back
		-------------------------------------------------------------------------------------------*/
		/*	See "Contact CLEAR" (3.5)	*/

	/*-------------------------------------------------------------------------------------------
	3.1		-	Unique Page Backgrounds	:	For Your Businesses
	-------------------------------------------------------------------------------------------*/
	#for-your-business #content {
		position: relative;
		top: 0;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/business-bg.jpg') no-repeat 50% 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/business-bg.jpg') no-repeat 50% 0;
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/business-bg.jpg') no-repeat 50% 0;
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/business-bg.jpg') no-repeat 50% 0;
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/business-bg.jpg') no-repeat 50% 0);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/business-bg.jpg') no-repeat 50% 0;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
		z-index: 1;
	}

		/*-------------------------------------------------------------------------------------------
		3.1.1	-	Unique Page Backgrounds	:	Agriculture, Manufacturing, and Distribution
		-------------------------------------------------------------------------------------------*/
		#agriculture-manufacturing-and-distribution #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/agriculture-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/agriculture-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/agriculture-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/agriculture-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/agriculture-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/agriculture-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

			/*-------------------------------------------------------------------------------------------
			3.1.1.2	-	Unique Page Backgrounds	:	Farms
			-------------------------------------------------------------------------------------------*/
			#farms #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/farms-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/farms-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/farms-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/farms-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/farms-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/farms-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}
			
			#farms .content-gradient {
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 14em);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(14em,rgba(255,255,255,1)));
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14em);
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14em);
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14em);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14em);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			}
			
			/*-------------------------------------------------------------------------------------------
			3.1.1.3	-	Unique Page Backgrounds	:	Food Processing
			-------------------------------------------------------------------------------------------*/
			#food-processing #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 12em, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/food-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(12em,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/food-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 12em,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/food-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 12em,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/food-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 12em,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/food-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 12em,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/food-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}
			
			/*-------------------------------------------------------------------------------------------
			3.1.1.4	-	Unique Page Backgrounds	:	Manufacturing
			-------------------------------------------------------------------------------------------*/
			#manufacturing #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 12em, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/manufacturing-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(12em,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/manufacturing-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 12em,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/manufacturing-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 12em,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/manufacturing-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 12em,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/manufacturing-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 12em,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/manufacturing-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.1.5	-	Unique Page Backgrounds	:	Vending
			-------------------------------------------------------------------------------------------*/
			#vending #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/vending-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/vending-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/vending-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/vending-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/vending-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/vending-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}
			
			/*-------------------------------------------------------------------------------------------
			3.1.1.6	-	Unique Page Backgrounds	:	Wholesale and distribution
			-------------------------------------------------------------------------------------------*/
			#wholesale-and-distribution #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/wholesaling-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/wholesaling-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/wholesaling-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/wholesaling-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/wholesaling-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/wholesaling-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

		/*-------------------------------------------------------------------------------------------
		3.1.2	-	Unique Page Backgrounds	:	Community, Care and Education
		-------------------------------------------------------------------------------------------*/
		#community-care-and-education #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/community-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/community-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/community-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/community-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/community-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/community-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

			/*-------------------------------------------------------------------------------------------
			3.1.2.1	-	Unique Page Backgrounds	:	Care
			-------------------------------------------------------------------------------------------*/
			#care #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/care-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/care-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/care-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/care-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/care-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/care-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			#care .content-gradient {
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15em);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(15em,rgba(255,255,255,1)));
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15em);
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15em);
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15em);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15em);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			}

			/*-------------------------------------------------------------------------------------------
			3.1.2.2	-	Unique Page Backgrounds	:	Charity
			-------------------------------------------------------------------------------------------*/
			#charities #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/charity-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/charity-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/charity-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/charity-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/charity-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/charity-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.2.3	-	Unique Page Backgrounds	:	Education
			-------------------------------------------------------------------------------------------*/
			#education #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/education-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/education-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/education-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/education-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/education-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/education-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.2.4	-	Unique Page Backgrounds	:	Scout Groups
			-------------------------------------------------------------------------------------------*/
			#scout-and-guide-groups #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/scouts-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/scouts-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/scouts-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/scouts-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/scouts-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/scouts-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			#scout-and-guide-groups .content-gradient {
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 13em);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(13em,rgba(255,255,255,1)));
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 13em);
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 13em);
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 13em);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 13em);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			}

			/*-------------------------------------------------------------------------------------------
			3.1.2.5	-	Unique Page Backgrounds	:	Garden Squares
			-------------------------------------------------------------------------------------------*/
			#garden-squares #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/garden-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/garden-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/garden-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/garden-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/garden-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/garden-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

		/*-------------------------------------------------------------------------------------------
		3.1.3	-	Unique Page Backgrounds	:	Events & Exhibitions
		-------------------------------------------------------------------------------------------*/
		#events-and-exhibitions #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/events-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/events-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/events-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/events-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/events-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/events-bg.jpg') no-repeat 50% 0;
			min-height: 31.75em;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			z-index: 1;
		}

			/*-------------------------------------------------------------------------------------------
			3.1.3.1	-	Unique Page Backgrounds	:	Event Cancellation
			-------------------------------------------------------------------------------------------*/
			#event-cancellation #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/cancellation-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/cancellation-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/cancellation-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/cancellation-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/cancellation-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/cancellation-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

		/*-------------------------------------------------------------------------------------------
			3.1.3.1	-	Unique Page Backgrounds	:	Exhibitors
		-------------------------------------------------------------------------------------------*/
		#exhibitors #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/exhibitors-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/exhibitors-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/exhibitors-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/exhibitors-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/exhibitors-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/exhibitors-bg.jpg') no-repeat 50% 0;
			min-height: 31.75em;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			z-index: 1;
		}

		/*-------------------------------------------------------------------------------------------
		3.1.4	-	Unique Page Backgrounds	:	Legal and Professions
		-------------------------------------------------------------------------------------------*/
		#legal-and-professions #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/professions-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/professions-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/professions-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/professions-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/professions-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/professions-bg.jpg') no-repeat 50% 0;
			min-height: 31.75em;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			z-index: 1;
		}

			/*-------------------------------------------------------------------------------------------
			3.1.4.1	-	Unique Page Backgrounds	:	Accountants
			-------------------------------------------------------------------------------------------*/
			#accountants #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/accountants-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/accountants-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/accountants-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/accountants-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/accountants-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/accountants-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.4.2	-	Unique Page Backgrounds	:	Architects
			-------------------------------------------------------------------------------------------*/
			#architects #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/architect-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(29em,rgba(255,255,255,1))), url('/templates/cleargroup/images/architect-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/architect-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/architect-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em, url('/templates/cleargroup/images/architect-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/architect-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.4.3	-	Unique Page Backgrounds	:	Barristers
			-------------------------------------------------------------------------------------------*/
			#barristers #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/barristers-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/barristers-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/barristers-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/barristers-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/barristers-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/barristers-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			#barristers .content-gradient {
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 14em);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(14em,rgba(255,255,255,1)));
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14em);
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14em);
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14em);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14em);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			}
			/*-------------------------------------------------------------------------------------------
			3.1.4.4	-	Unique Page Backgrounds	:	Solicitors
			-------------------------------------------------------------------------------------------*/
			#solicitors #content,
			#professional-indemnity #content{
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/solicitors-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(24em,rgba(255,255,255,1))), url('/templates/cleargroup/images/solicitors-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/solicitors-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/solicitors-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em, url('/templates/cleargroup/images/solicitors-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/solicitors-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

		/*-------------------------------------------------------------------------------------------
		3.1.5	-	Unique Page Backgrounds	:	Market Traders
		-------------------------------------------------------------------------------------------*/
		/*	Not needed - external link	*/

		/*-------------------------------------------------------------------------------------------
		3.1.6	-	Unique Page Backgrounds	:	Property and Construction
		-------------------------------------------------------------------------------------------*/
		#property-and-construction #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25em), url('/templates/cleargroup/images/property-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(25em,rgba(255,255,255,1))), url('/templates/cleargroup/images/property-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25em), url('/templates/cleargroup/images/property-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25em), url('/templates/cleargroup/images/property-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25em, url('/templates/cleargroup/images/property-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25em), url('/templates/cleargroup/images/property-bg.jpg') no-repeat 50% 0;
			min-height: 31.75em;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			z-index: 1;
		}

			/*-------------------------------------------------------------------------------------------
			3.1.6.1	-	Unique Page Backgrounds	:	Commercial Property
			-------------------------------------------------------------------------------------------*/
			#commercial-property #content,
			#property #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/commercial-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(24em,rgba(255,255,255,1))), url('/templates/cleargroup/images/commercial-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/commercial-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/commercial-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em, url('/templates/cleargroup/images/commercial-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/commercial-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.6.2	-	Unique Page Backgrounds	:	Construction
			-------------------------------------------------------------------------------------------*/
			#construction #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/construction-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/construction-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/construction-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/construction-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/construction-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/construction-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.6.3	-	Unique Page Backgrounds	:	Property Developers
			-------------------------------------------------------------------------------------------*/

			/*-------------------------------------------------------------------------------------------
			3.1.6.4	-	Unique Page Backgrounds	:	Residential Property
			-------------------------------------------------------------------------------------------*/
			#residential-property #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/residential-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(24em,rgba(255,255,255,1))), url('/templates/cleargroup/images/residential-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/residential-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/residential-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em, url('/templates/cleargroup/images/residential-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/residential-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.6.5	-	Unique Page Backgrounds	:	Becoming an Appointed Rep
			-------------------------------------------------------------------------------------------*/
			#becoming-an-appointed-rep #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/appointed-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/appointed-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/appointed-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/appointed-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/appointed-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/appointed-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

		/*-------------------------------------------------------------------------------------------
		3.1.7	-	Unique Page Backgrounds	:	Fine Dining and Catering
		-------------------------------------------------------------------------------------------*/
		#fine-dining-and-catering #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/fine-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/fine-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/fine-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/fine-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/fine-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/fine-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}
			/*-------------------------------------------------------------------------------------------
			3.1.7.1	-	Unique Page Backgrounds	:	Catering
			-------------------------------------------------------------------------------------------*/
			#catering #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/catering-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/catering-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/catering-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/catering-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/catering-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/catering-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.7.2	-	Unique Page Backgrounds	:	Fine Dining
			-------------------------------------------------------------------------------------------*/
			#fine-dining #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/dining-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(29em,rgba(255,255,255,1))), url('/templates/cleargroup/images/dining-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/dining-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/dining-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em, url('/templates/cleargroup/images/dining-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/dining-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

		/*-------------------------------------------------------------------------------------------
		3.1.8	-	Unique Page Backgrounds	:	Tree Surgeons
		-------------------------------------------------------------------------------------------*/
		#tree-surgeons #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/arborplan-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/arborplan-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/arborplan-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/arborplan-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/arborplan-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/arborplan-bg.jpg') no-repeat 50% 0;
			min-height: 31.75em;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			z-index: 1;
		}

		#tree-surgeons #mobile { border-right-color:#096b3a; }
		#tree-surgeons #mobile-navigation li { border-bottom-color:#096b3a; }
		#tree-surgeons #mobile-toggle:after { color:#096b3a; }

		#tree-surgeons #main-content header h1,
		#tree-surgeons #main-navigation ul li.alias-parent-active,
		#tree-surgeons #main-navigation ul li.active,
		#tree-surgeons #main-navigation ul ul.nav-child li:hover,
		#tree-surgeons h4,
		#tree-surgeons .su-spoiler-title,
		#tree-surgeons div.fake-accordion,
		#tree-surgeons #sidebar p.in-need,
		#tree-surgeons .popup_cont h1
		{ background:#096B3A; }

		#tree-surgeons #article article li:before
		{ color:#0c8d4d; }

		#tree-surgeons #main-navigation ul li:hover > span,
		#tree-surgeons #main-navigation ul li:hover > a
		{ border-bottom-color:#0c8d4d; }

		#tree-surgeons h2,
		#tree-surgeons h3,
		#tree-surgeons a
		{ color:#096B3A; }

		#tree-surgeons #sidebar h4 { background:transparent; color:#096B3A; }

		#tree-surgeons #sidebar h3
		{ color:#666; }

		#tree-surgeons .button
		{ background:#096B3A; color:#fff; }
		#tree-surgeons .call-to
		{ background:#ff8c37; color:#fff; }

		#tree-surgeons .su-spoiler-title:hover,
		#tree-surgeons div.fake-accordion:hover,
		#tree-surgeons .button:hover
		{ background:#0c8d4d; }

		/*-------------------------------------------------------------------------------------------
		3.1.9	-	Unique Page Backgrounds	:	Other Business Sectors
		-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------
			3.1.9.1	-	Unique Page Backgrounds	:	Craft and Design
			-------------------------------------------------------------------------------------------*/
			#craft-and-design #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20em), url('/templates/cleargroup/images/craft-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(20em,rgba(255,255,255,1))), url('/templates/cleargroup/images/craft-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20em), url('/templates/cleargroup/images/craft-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20em), url('/templates/cleargroup/images/craft-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20em, url('/templates/cleargroup/images/craft-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20em), url('/templates/cleargroup/images/craft-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.9.2	-	Unique Page Backgrounds	:	Quoted Companies
			-------------------------------------------------------------------------------------------*/
			#quoted-companies #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/quoted-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/quoted-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/quoted-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/quoted-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/quoted-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/quoted-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.9.3	-	Unique Page Backgrounds	:	Technology Companies
			-------------------------------------------------------------------------------------------*/
			#technology-companies #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/technology-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/technology-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/technology-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/technology-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/technology-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/technology-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.9.4	-	Unique Page Backgrounds	:	Vending
			-------------------------------------------------------------------------------------------*/
			/*	See "Vending" (3.1.1.5)	*/


		/*-------------------------------------------------------------------------------------------
		3.1.10	-	Unique Page Backgrounds	:	Specialist Products
		-------------------------------------------------------------------------------------------*/
		#specialist-products #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/specialist-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/specialist-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/specialist-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/specialist-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/specialist-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/specialist-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

			/*-------------------------------------------------------------------------------------------
			3.1.10.1	-	Unique Page Backgrounds	:	After the Event
			-------------------------------------------------------------------------------------------*/
			#after-the-event #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/after-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(29em,rgba(255,255,255,1))), url('/templates/cleargroup/images/after-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/after-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/after-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em, url('/templates/cleargroup/images/after-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/after-bg.jpg') no-repeat 50% 0;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.10.2	-	Unique Page Backgrounds	:	Legal Indemnities
			-------------------------------------------------------------------------------------------*/
			#legal-indemnities #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/legal-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(24em,rgba(255,255,255,1))), url('/templates/cleargroup/images/legal-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/legal-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/legal-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em, url('/templates/cleargroup/images/legal-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/legal-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.10.3	-	Unique Page Backgrounds	:	Professional Indemnity
			-------------------------------------------------------------------------------------------*/
			/*	See "Solicitors" (3.1.4.4)	*/
			
			/*-------------------------------------------------------------------------------------------
			3.1.10.4	-	Unique Page Backgrounds	:	Rights of Light
			-------------------------------------------------------------------------------------------*/
			#rights-of-light #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/rights-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/rights-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/rights-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/rights-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/rights-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/rights-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

			/*-------------------------------------------------------------------------------------------
			3.1.10.5	-	Unique Page Backgrounds	:	Warranty and Indemnity
			-------------------------------------------------------------------------------------------*/
			#warranty-and-indemnity #content {
				position: relative;
				top: 0;
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/warranty-bg.jpg') no-repeat 50% 0;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/warranty-bg.jpg') no-repeat 50% 0;
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/warranty-bg.jpg') no-repeat 50% 0;
				background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/warranty-bg.jpg') no-repeat 50% 0;
				background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/warranty-bg.jpg') no-repeat 50% 0);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/warranty-bg.jpg') no-repeat 50% 0;
				min-height: 31.75em;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
				z-index: 1;
			}

	/*-------------------------------------------------------------------------------------------
	3.2		-	Unique Page Backgrounds	:	For Your Home
	-------------------------------------------------------------------------------------------*/
	#for-your-home #content {
		position: relative;
		top: 0;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/home-bg.jpg') no-repeat 50% 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(24em,rgba(255,255,255,1))), url('/templates/cleargroup/images/home-bg.jpg') no-repeat 50% 0;
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/home-bg.jpg') no-repeat 50% 0;
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/home-bg.jpg') no-repeat 50% 0;
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em, url('/templates/cleargroup/images/home-bg.jpg') no-repeat 50% 0);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/home-bg.jpg') no-repeat 50% 0;
		min-height: 31.75em;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
		z-index: 1;
	}

	/*-------------------------------------------------------------------------------------------
	3.3		-	Unique Page Backgrounds	:	Our Claims Service
	-------------------------------------------------------------------------------------------*/
	#our-claims-service #content {
		position: relative;
		top: 0;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/claims-bg.jpg') no-repeat 50% 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(24em,rgba(255,255,255,1))), url('/templates/cleargroup/images/claims-bg.jpg') no-repeat 50% 0;
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/claims-bg.jpg') no-repeat 50% 0;
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/claims-bg.jpg') no-repeat 50% 0;
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em, url('/templates/cleargroup/images/claims-bg.jpg') no-repeat 50% 0);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/claims-bg.jpg') no-repeat 50% 0;
		min-height: 31.75em;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
		z-index: 1;
	}
		/*-------------------------------------------------------------------------------------------
		3.3.1	-	Unique Page Backgrounds	:	Claim Control
		-------------------------------------------------------------------------------------------*/

		/*-------------------------------------------------------------------------------------------
		3.3.2	-	Unique Page Backgrounds	:	For Your Business
		-------------------------------------------------------------------------------------------*/
		/*	See "For Your Business" (3.1)	*/

		/*-------------------------------------------------------------------------------------------
		3.3.2.1	-	Unique Page Backgrounds	:	Motor
		-------------------------------------------------------------------------------------------*/
		#motor #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/motor-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/motor-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/motor-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/motor-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/motor-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/motor-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

		/*-------------------------------------------------------------------------------------------
		3.3.2.2	-	Unique Page Backgrounds	:	Liability
		-------------------------------------------------------------------------------------------*/
		#liability #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/liability-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(24em,rgba(255,255,255,1))), url('/templates/cleargroup/images/liability-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/liability-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/liability-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em, url('/templates/cleargroup/images/liability-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 24em), url('/templates/cleargroup/images/liability-bg.jpg') no-repeat 50% 0;
			min-height: 31.75em;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
			z-index: 1;
		}

		/*-------------------------------------------------------------------------------------------
		3.3.2.3	-	Unique Page Backgrounds	:	Property
		-------------------------------------------------------------------------------------------*/
		/*	See "Commercial Property" (3.1.5.1)	*/

		/*-------------------------------------------------------------------------------------------
		3.3.2.4	-	Unique Page Backgrounds	:	Professional Indemnity
		-------------------------------------------------------------------------------------------*/
		/*	See "Solicitors"	*/

		/*-------------------------------------------------------------------------------------------
		3.3.3	-	Unique Page Backgrounds	:	Helpline Numbers
		-------------------------------------------------------------------------------------------*/
		#helpline-numbers #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/helpline-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/helpline-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/helpline-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/helpline-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/helpline-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/helpline-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

		/*-------------------------------------------------------------------------------------------
		3.3.4	-	Unique Page Backgrounds	:	For Your Home
		-------------------------------------------------------------------------------------------*/
		/*	See "For Your Home" (3.2)	*/

	/*-------------------------------------------------------------------------------------------
	3.4		-	Unique Page Backgrounds	:	Other Services and Facilities
	-------------------------------------------------------------------------------------------*/
	#other-services-and-facilities #content {
		position: relative;
		top: 0;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/other-bg.jpg') no-repeat 50% 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/other-bg.jpg') no-repeat 50% 0;
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/other-bg.jpg') no-repeat 50% 0;
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/other-bg.jpg') no-repeat 50% 0;
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/other-bg.jpg') no-repeat 50% 0);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/other-bg.jpg') no-repeat 50% 0;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
		z-index: 1;
	}

		/*-------------------------------------------------------------------------------------------
		3.4.1	-	Unique Page Backgrounds	:	Risk Management Solutions
		-------------------------------------------------------------------------------------------*/
		#risk-management-solutions #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/risk-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/risk-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/risk-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/risk-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/risk-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/risk-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

		/*-------------------------------------------------------------------------------------------
		3.4.2	-	Unique Page Backgrounds	:	Our Insurance Audit
		-------------------------------------------------------------------------------------------*/
		#our-insurance-audit #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/audit-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/audit-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/audit-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/audit-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/audit-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/audit-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

		/*-------------------------------------------------------------------------------------------
		3.4.3	-	Unique Page Backgrounds	:	Pay Online
		-------------------------------------------------------------------------------------------*/
		#pay-online #content,
		#pay-online-confirmation #content,
		#pay-online-complete #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/pay-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/pay-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/pay-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/pay-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/pay-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/pay-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

	/*-------------------------------------------------------------------------------------------
	3.5		-	Unique Page Backgrounds	:	Contact CLEAR
	-------------------------------------------------------------------------------------------*/
	#contact-clear #content,
	#call-me-back #content,
	#contact-us #content {
		position: relative;
		top: 0;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/contact-bg.jpg') no-repeat 50% 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/contact-bg.jpg') no-repeat 50% 0;
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/contact-bg.jpg') no-repeat 50% 0;
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/contact-bg.jpg') no-repeat 50% 0;
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/contact-bg.jpg') no-repeat 50% 0);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/contact-bg.jpg') no-repeat 50% 0;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
		z-index: 1;
	}

		/*-------------------------------------------------------------------------------------------
		3.5.1	-	Unique Page Backgrounds	:	Complaints
		-------------------------------------------------------------------------------------------*/
		#complaints #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/complaints-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28em,rgba(255,255,255,1))), url('/templates/cleargroup/images/complaints-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/complaints-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/complaints-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em, url('/templates/cleargroup/images/complaints-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 28em), url('/templates/cleargroup/images/complaints-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

		/*-------------------------------------------------------------------------------------------
		3.5.1	-	Unique Page Backgrounds	:	Our Locations
		-------------------------------------------------------------------------------------------*/
		#search-results #content,
		#our-locations #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 27em), url('/templates/cleargroup/images/locations-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(27em,rgba(255,255,255,1))), url('/templates/cleargroup/images/locations-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 27em), url('/templates/cleargroup/images/locations-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 27em), url('/templates/cleargroup/images/locations-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 27em, url('/templates/cleargroup/images/locations-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 27em), url('/templates/cleargroup/images/locations-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

		#our-locations #article article h3 {
			padding-top: 0;
			margin-top: 0;
			border-top: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		/*-------------------------------------------------------------------------------------------
		3.5.2	-	Unique Page Backgrounds	:	Our People
		-------------------------------------------------------------------------------------------*/
		#our-people #content,
		#other-business-sectors #content,
		#about-us #content {
			position: relative;
			top: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/people-bg.jpg') no-repeat 50% 0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(29em,rgba(255,255,255,1))), url('/templates/cleargroup/images/people-bg.jpg') no-repeat 50% 0;
			background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/people-bg.jpg') no-repeat 50% 0;
			background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/people-bg.jpg') no-repeat 50% 0;
			background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em, url('/templates/cleargroup/images/people-bg.jpg') no-repeat 50% 0);
			background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 29em), url('/templates/cleargroup/images/people-bg.jpg') no-repeat 50% 0;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
			z-index: 1;
		}

		#our-people .su-spoiler-content .col { margin-bottom:0; }
		#our-people #article article h3 { padding-top:.2em; margin:0 0 -.2em; }

		#our-people #article article .fa { font-size:1.2em; margin:0 1em 0 .5em; }
		#our-people #article article .fa-envelope { margin-left:.45em; }

		#our-people #article article a.button { display:inline-block; width:auto; font-size:1em; font-weight:600; padding-right:1.5em; }
		#our-people a.linkedin:before { content:"\f0e1"; font-size:1.1em; font-weight:400; margin-right:1em; }

		/*-------------------------------------------------------------------------------------------
		3.5.3	-	Unique Page Backgrounds	:	Contact Us
		-------------------------------------------------------------------------------------------*/
		/*	See "Contact CLEAR" (3.5)	*/

/*-------------------------------------------------------------------------------------------
4.0		-	Inner Page Styling
-------------------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------------------
	4.1		-	Inner Page Styling	:	Home
	-------------------------------------------------------------------------------------------*/
	.grid { margin:0; }
	.grid .col { margin:0 0 0 1.6%; }
	.grid .col:first-child { margin-left:0; }

	.grid .overlay .content { top:-3em; }
	.grid .overlay:hover .content { top:-10.25em; }
	.grid .overlay .button { position:absolute; left:25%; width:50%; }

	.columns { margin:2.5em 0 0; }
	.columns .col { margin-top:0; margin-bottom:0; }
	.columns header { font-size:1.25em; border-bottom:.1em solid #ebebeb; padding-bottom:.25em; }
	.columns p {
		display: block;
		display: -webkit-box;
		width: 100%;
		height: 4.5em;
		color: #000;
		font-size: .9em;
		margin: 1em auto 1em;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.columns.newsarea .col { 
		background:rgba(0,0,0,.05); 
		border-bottom: .063em solid #c9c9c9;
		-webkit-box-shadow: 0 .25em .25em -.25em #c9c9c9;
		-moz-box-shadow: 0 .25em .25em -.25em #c9c9c9;
		box-shadow: 0 .25em .25em -.25em #c9c9c9; 
		padding: .33em 0.9em 0.9em;
	}
	.columns.newsarea .col header{
		color: #00ab9a;
		font-weight: 600;
		border-bottom:none;
		background-color: #FFF;
		margin: -.33em -0.9em -0.9em;
		padding: 0 0.9em 0.3em;
	}
	.columns.newsarea .col p{
		color: #666;
		margin: 1.9em auto 1em;
	}

	#home #main-content header h1 { background:none; color:#666; padding:0; margin:.5em 0 .25em; }
	#home #main-content #article { top:0; }

	#home #footer { background:url('/templates/cleargroup/images/footer-bg.jpg') bottom center no-repeat; padding-top:0; }

		/*-------------------------------------------------------------------------------------------
		4.1.1	-	Inner Page Styling	:	Slider
		-------------------------------------------------------------------------------------------*/
		#home .slider { max-width:105.7em !important; height:28.2em !important; }
		#home .slider ul li { width:105.7em; height:28.2em !important; }
		#home .slider-dots { position:relative; margin-top:-2em; }

		#home .slider ul li img { left:0; max-width:100%; -webkit-animation:none; -moz-animation:none; animation:none; }

		#home .slider ul li.active .overlay {
			position: absolute;
			top: -100%;
			left: 0;
			background: rgba(0, 171, 154, 1);
			width: 100%;
			height: 100%;
			margin: 0;

			-webkit-animation: bounce-down 12s ease 0s normal;
			-moz-animation: bounce-down 12s ease 0s normal;
			animation: bounce-down 12s ease 0s normal;
		}

		#home .slider ul li.active .home-slider {
			color: rgba(255, 255, 255, 1);
			font-size: 2.2em;
			word-wrap: break-word;
			padding: 0;
			margin: 0;

			-webkit-animation: fade-in-quick-out 12s ease 0s normal;
			-moz-animation: fade-in-quick-out 12s ease 0s normal;
			animation: fade-in-quick-out 12s ease 0s normal;
		}

		#home .slider ul li.slide-1 .home-slider { width:50%; margin:3% 0 0 3%; }
		#home .slider ul li.slide-2 .home-slider { width:40%; margin:3% 0 0 41%; }
		#home .slider ul li.slide-3 .home-slider { width:50%; margin:9% 0 0 5%; }
		#home .slider ul li.slide-4 .home-slider { width:40%; margin:8% 0 0 11%; }
		#home .slider ul li.slide-5 .home-slider { width:25%; margin:9% 0 0 10%; }
		#home .slider ul li.slide-6 .home-slider { width:50%; margin:11% 0 0 3%; }
		#home .slider ul li.slide-7 .home-slider { width:25%; margin:10% 0 0 6%; }
		#home .slider ul li.slide-8 .home-slider { width:30%; margin:8% 0 0 3%; }

		@-webkit-keyframes bounce-down {
			0% { top:-100%; }
			8% { top:-100%; }
/*			10% { top:-90%; }
			12% { top:-92%; }
			13% { top:-90%; }
			14% { top:-91%; }
			15% { top:-90%; }
			20% { top:-90%; background:rgba(0,171,154,.8); }
*/			27% { top:0; background:rgba(0,171,154,.5); }
			90% { top:0; }
			95% { top:100%; }
			100% { top:100%; background:rgba(0,171,154,.5); }
		}
		@-moz-keyframes bounce-down {
			0% { top:-100%; }
			8% { top:-100%; }
/*			10% { top:-90%; }
			12% { top:-92%; }
			13% { top:-90%; }
			14% { top:-91%; }
			15% { top:-90%; }
			20% { top:-90%; background:rgba(0,171,154,.8); }
*/			27% { top:0; background:rgba(0,171,154,.5); }
			90% { top:0; }
			95% { top:100%; }
			100% { top:100%; background:rgba(0,171,154,.5); }
		}
		@keyframes bounce-down {
			0% { top:-100%; }
			8% { top:-100%; }
/*			10% { top:-90%; }
			12% { top:-92%; }
			13% { top:-90%; }
			14% { top:-91%; }
			15% { top:-90%; }
			20% { top:-90%; background:rgba(0,171,154,.8); }
*/			27% { top:0; background:rgba(0,171,154,.5); }
			90% { top:0; }
			95% { top:100%; }
			100% { top:100%; background:rgba(0,171,154,.5); }
		}

		@-webkit-keyframes fade-in-quick-out {
			0% { color:rgba(255, 255, 255, 0); }
			25% { color:rgba(255,255,255,0); }
			30% { color:rgba(255,255,255,1); }
			85% { color:rgba(255,255,255,1); }
			90% { color:rgba(255, 255, 255, 0); }
			100% { color:rgba(255, 255, 255, 0); }
		}
		@-moz-keyframes fade-in-quick-out {
			0% { color:rgba(255, 255, 255, 0); }
			25% { color:rgba(255,255,255,0); }
			30% { color:rgba(255,255,255,1); }
			85% { color:rgba(255,255,255,1); }
			90% { color:rgba(255, 255, 255, 0); }
			100% { color:rgba(255, 255, 255, 0); }
		}
		@keyframes fade-in-quick-out {
			0% { color:rgba(255, 255, 255, 0); }
			25% { color:rgba(255,255,255,0); }
			30% { color:rgba(255,255,255,1); }
			85% { color:rgba(255,255,255,1); }
			90% { color:rgba(255, 255, 255, 0); }
			100% { color:rgba(255, 255, 255, 0); }
		}

	/*-------------------------------------------------------------------------------------------
	4.2		-	Inner Page Styling	:	Forms
	-------------------------------------------------------------------------------------------*/
	.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive select
	{ width:97.5% !important; }

	.formResponsive input[type="submit"], #sidebar #Send,
	form#payonline input[type="button"], form#payonline input[type="submit"] {
		background: #00ab9a;
		display: inline-block;
		width: auto;
		color: #fff !important;
		font-size: 1em;
		font-weight: 400;
		text-decoration: none;
		padding: .7em 1.5em;
		border: 0;
		border-radius: 0;
		clear: both;
	}
	.formResponsive input[type="submit"]:hover, #sidebar #Send:hover,
	form#payonline input[type="button"]:hover, form#payonline input[type="submit"]:hover
	{ background:#00ccb8; text-shadow:none; box-shadow:none; }

	.formContainer { background:#eaeaea; padding:1em !important; }
	.formResponsive .formHorizontal .rsform-block { margin:0; }
	.formResponsive .formHorizontal .formControls { margin:0 !important; }
	
	.formResponsive textarea,
	.formResponsive input[type="text"],
	.formResponsive input[type="password"]
	{
		font-size: 1em;
		padding: 1em .5em;
	}
	
	.formResponsive select
	{
		font-size: 1em;
		padding: .7em .5em;
	}
	
	.formResponsive textarea,
	.formResponsive input[type="text"],
	.formResponsive input[type="password"],
	.formResponsive select
	{
		width: 100%;
		border: 0;
		border-radius: 0;
	}
	
	.formResponsive textarea:focus,
	.formResponsive input[type="text"]:focus,
	.formResponsive input[type="password"]:focus,
	.formResponsive select:focus
	{
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	form#payonline input { width:100%; padding: 1.4rem 0.9rem 1.3rem; border-radius:0; }

	/*-------------------------------------------------------------------------------------------
	4.3		-	Inner Page Styling	:	Tables
	-------------------------------------------------------------------------------------------*/
	table { border-collapse:collapse; border-spacing:.5em 0;  }

	thead { background:rgba(0,171,154,1); color:#fff; }
	thead td { font-size:1.15em; padding:.3em 0; }

	tr { /*border-bottom:.063em solid #ccc; transition:background .5s ease;*/ }
	/*tr:nth-child(even) { background:rgba(234,234,234,.5); }
	 tr:hover { background:rgba(0,171,154,.2); } */

	td { /*width:auto;*/ padding:.5em 0; }

	thead tr { border:0; }
	thead h3 { color:#fff; margin:0; }
	#article article table h3 { border-top:none; padding:0; }

	thead td:first-of-type { padding-left:.75em; }
	td:first-of-type { padding-left:1em; }

	table table { margin-bottom:0; }

	tr tr { border-bottom:0; transition:none; }
	tr tr:nth-child(even) { background:transparent; }
	tr tr:hover { background:transparent; }

	td td { padding:0; }
	td td:first-of-type { padding-left:0; }

	#helpline-numbers td { width:33.33%; }

	.su-table .related .su-icon { margin:.5em 0 0; }
	.su-table .related .su-icon i { padding:0; }
	.su-table .related .su-even td { background:transparent !important; }

	.su-table .related,
	.su-table .related * { border:0 !important; }
	.su-table .related tr:hover { background:transparent; }
	.su-table .related td { width:33.33%; text-align:center; padding:0 !important; }
	.su-table .related td a { display:block; font-size:.9em; color:#666; }

	.su-table .related td a:hover,
	.su-table .related td a:hover .su-icon i:hover { color:#00ab9a !important; }

	/*-------------------------------------------------------------------------------------------
	4.4		-	Inner Page Styling	:	Search Results Form
	-------------------------------------------------------------------------------------------*/
	#searchForm .btn-group { margin-bottom:1em; width: 40%; }

	#searchForm input[type="text"] {
		width: 100%;
		color: #666;
		font-weight: 400;
		padding-left: .5em;
		border: 0;
		border-bottom: .125em solid #ccc;
		border-radius: 0;	
		line-height: 1.51;
	}
	#searchForm input[type="text"]:focus { box-shadow:none; }

	#searchForm button {
		background: #00AB9A;
		width: 1.95em;
		height: 1.95em;
		display: inline;
		color: #fff;
		font-size: 1em;
		text-shadow: none;
		padding: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}
	#searchForm button:focus { border:0; }

	#searchForm input[type="text"]::-webkit-input-placeholder { color:#ccc; }
	#searchForm input[type="text"]::-moz-placeholder { color:#ccc; }
	#searchForm input[type="text"]:-moz-placeholder { color:#ccc; }
	#searchForm input[type="text"]:-ms-input-placeholder { color:#ccc; }

	dl.search-results div.search-result { padding:.2em .5em; }
	dl.search-results div.search-result:nth-child(odd) { background:#f3f3f3; }
	dl.search-results div.search-result:nth-child(even) { background:#fff; }

	dl.search-results dd.result-link { margin-bottom:1.5em; }

	.pagination { width:70%; text-align:center; margin:1rem auto 0 auto; }

	.pagination ul { list-style:none; }
	.pagination li { margin:0 .5em; float:left; }

	#article article .pagination li:before { content:''; }

	.pagination li.pagination-start .pagenav:before { content:'\f049'; margin-right:.5em; }
	.pagination li.pagination-prev .pagenav:before { content:'\f048'; margin-right:.5em; }
	.pagination li.pagination-next .pagenav:after { content:'\f051'; margin-left:.5em; }
	.pagination li.pagination-end .pagenav:after { content:'\f050'; margin-left:.5em; }

	/*-------------------------------------------------------------------------------------------
	4.5		-	Inner Page Styling	:	Extra
	-------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------
		4.5.1	-	Inner Page Styling	:	Header
		-------------------------------------------------------------------------------------------*/
		#craft-and-design #main-navigation ul li.item-150 > span,
		#entertainment-and-media #main-navigation ul li.item-150 > span,
		#exhibitors #main-navigation ul li.item-150 > span,
		#market-traders #main-navigation ul li.item-150 > span,
		#quoted-companies #main-navigation ul li.item-150 > span,
		#technology-companies #main-navigation ul li.item-150 > span,
		#tree-surgeons #main-navigation ul li.item-150 > span
		{ color:#fff; }

		/*-------------------------------------------------------------------------------------------
		4.5.2	-	Inner Page Styling	:	Landing Pages
		-------------------------------------------------------------------------------------------*/
		ul.landing { list-style:url('/templates/cleargroup/images/landing-bullet.png'); }

		/*-------------------------------------------------------------------------------------------
		4.5.3	-	Inner Page Styling	:	Final Overides
		-------------------------------------------------------------------------------------------*/
		#fineprint a { color:#00ab9a; }

		dt.result-title { font-size:1.2em; font-weight:600; }

		#epd input[type="submit"] {
			background: #00ab9a;
			color: #fff;
			font-size: 1.1em;
			text-shadow: none;
			padding: .5em 1.2em;
			border: 0;
			border-radius: 0;
			box-shadow: none;
		}

		footer.rsblog-entry-meta { border-bottom-color:#c9c9c9; }

/*-------------------------------------------------------------------------------------------
6.0		-	Responsiveness
	largest		2	1920 (1080)		120		- 21.5" monitor / 23" monitor / 1080p TV
				8	1680 (1050)		105		- 22" monitor
				7	1600 (900)		100		- 20" monitor
				5	1440 (900)		90		- 19" monitor
	popular		1	1366 (768)		85.375	- 14" Notebook / 15.6" Laptop / 18.5" monitor
				4	1280 (800)		80		- 14" Notebook
	cut-off		3	1024 (768)		64		- 15" monitor
				6	768  (1024)		48		- very small

					768				48		- iPad (verticle)
					1024			64		- iPad (horizontal)

					414				25.875	- iPhone 6+ (verticle)
					736				46		- iPhone 6+ (horizontal)
					375				23.438	- iPhone 6 (verticle)
					667				41.688	- iPhone 6 (horizontal)
					320				20		- iPhone 5 (verticle)
					568				35.5	- iPhone 5 (horizontal)

					240				15		- "Crappy" Android (verticle)
					320				20		- "Crappy" Android (horizontal)
					384				24		- Android (verticle)
					600				37.5	- Android (horizontal)
				
-------------------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------------------
	6.1		-	Responsiveness	:	General
	-------------------------------------------------------------------------------------------*/
	#mobile, #desktop-overlay { position:fixed; overflow-y:scroll; }
	#desktop { position:absolute; }

	#mobile,
	#desktop-overlay,
	#desktop {
		 top:0; left:0; bottom:0;
	
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: 1s ease-in-out;
	}

	#mobile { display:none; background:#fff; font-size:1.2em; z-index:598; }
	#desktop-overlay { background:#fff; opacity:0; width:100%; height:100%; z-index:595; }
	#desktop { width:100%; z-index:596; }

	@media only screen and (min-width: 120em) {
		#main-navigation,
		#footer { width:105.6em; margin:0 auto; }

		#home #main-navigation { width:105.7em; }

		#footer { border-top:1em solid #eaeaea; }
		#footer .container { border-top:0; }
	}

		/*-------------------------------------------------------------------------------------------
		6.1.1	-	Responsiveness	:	Button
		-------------------------------------------------------------------------------------------*/
		#mobile-button {
			display: none;
			background: transparent;
			margin: 0;
			border: 0;
			box-shadow: none;
			z-index: 600;
		}

		#mobile-button.lines-button {
			position: fixed;
			top: 2%;
			left: 2%;
			z-index: 599;
		
			padding: 2rem 1rem;
			transition: .8s ease-in-out;
			cursor: pointer;
			user-select: none;
		}
		#mobile-button.lines-button:hover { opacity:1; }
		#mobile-button.lines-button.close { left:50%; -webkit-transform:scale3d(0.8,0.8,0.8); transform:scale3d(0.8,0.8,0.8); }

		#mobile-button .lines {
			display: inline-block;
			width: 4rem;
			height: 0.57143rem;
			background: #666;
			border-radius: 0.28571rem;
			transition: .8s ease-in-out;
			position: relative;
		}
		#mobile-button.lines-button.x.close .lines { background:transparent; }

		#mobile-button .lines:before { top:1rem; }
		#mobile-button .lines:after { top:-1rem; }
		#mobile-button.lines-button.x.close .lines:before { -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); }
		#mobile-button.lines-button.x.close .lines:after { -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); }

		#mobile-button .lines:before,
		#mobile-button .lines:after {
			display: inline-block;
			width: 4rem;
			height: 0.57143rem;
			background: #666;
			border-radius: 0.28571rem;
			transition: .75s;
			position: absolute;
			left: 0;
			content: '';
			-webkit-transform-origin: 0.28571rem center;
			transform-origin: 0.28571rem center;
		}
		#mobile-button.lines-button.x.close .lines:before,
		#mobile-button.lines-button.x.close .lines:after {
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			top: 0;
			width: 4rem;
		}

		/*-------------------------------------------------------------------------------------------
		6.1.2	-	Responsiveness	:	Navigation & Logo
		-------------------------------------------------------------------------------------------*/
		#mobile-logo { width:100%; text-align:center; border-bottom:.2em solid #00ab9a; }
		#mobile-logo img { width:50%; margin:.5em 0 .7em; }

		#mobile-navigation { padding:.5em 1em; }

		#mobile-navigation ul {
			position: relative;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			margin: 0 0 .5em;
			float: left;
		}
		#mobile-navigation ul li > ul { display:block; }

		#mobile-navigation li { margin:0; border-bottom:.1em dotted #00ab9a; }
		#mobile-navigation li a { display:block; padding:.5em 0 .5em .5em; }
		#mobile-navigation ul li > ul li { margin-left:1em; }

		#mobile-navigation ul { z-index:501; margin-left:0; }
		#mobile-navigation ul ul { z-index:502; }
		#mobile-navigation ul ul ul { z-index:503; }

		#mobile-navigation ul.open { left:0; }

	/*-------------------------------------------------------------------------------------------
	6.2		-	Responsiveness	:	Small desktop	1366px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 85.375em) {
		body { font-size:1.5em; }

		.container { width:96%; margin:0 auto; }
		#footer .container { width:100%; padding:0 2%; }

		#main-navigation ul ul { width:43.55em; }
		#main-navigation ul li:nth-child(n+4) ul { left:43.65em; width:34.85em; }

		#main-navigation ul ul ul { left:48.35em; }
		#main-navigation ul li ul li:nth-child(n+4) > ul { left:48.35em; }
		#main-navigation ul li:hover > ul li:hover > ul { width:38.8em; }
		#main-navigation ul li:hover > ul li:nth-child(n+4):hover > ul { width:38.85em; }

		.popup_cont { width:80%; }

		/*	Slider styling	*/
		.slider { width:100% !important; }
		.slider ul li { width:85em; }

		/*	Grid Overlay/Hotbox	*/
		.grid .overlay .content { top:-5.5em; }
		.grid .overlay:hover .content { top:-12.85em; }

		.overlay .content { top:-10.5em; }
		.overlay:hover .content { top:-17.7em; }
	}

	/*-------------------------------------------------------------------------------------------
	6.3		-	Responsiveness	:	Smallest desktop	1280px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 80em) {
		/*-------------------------------------------------------------------------------------------
		6.3.1	-	Responsiveness	:	General
		-------------------------------------------------------------------------------------------*/
		#main-content { margin-bottom:0; }

		/*-------------------------------------------------------------------------------------------
		6.3.2	-	Responsiveness	:	Navigation
		-------------------------------------------------------------------------------------------*/
		#main-navigation ul ul { width:40.85em; }
		#main-navigation ul li:nth-child(n+4) ul { left:40.85em; width:32.6em; }

		#main-navigation ul ul ul { left:45.35em; }
		#main-navigation ul li ul li:nth-child(n+4) > ul { left:45.35em; }
		#main-navigation ul li:hover > ul li:hover > ul { width:36.3em; }
		#main-navigation ul li:hover > ul li:nth-child(n+4):hover > ul { width:36.2em; }

		/*-------------------------------------------------------------------------------------------
		6.3.3	-	Responsiveness	:	Slider
		-------------------------------------------------------------------------------------------*/
		#home .slider { height:22.8em !important; }
		#home .slider ul li { width:85.25em; }

		/*-------------------------------------------------------------------------------------------
		6.3.4	-	Responsiveness	:	Footer
		-------------------------------------------------------------------------------------------*/
		#footer .credit { width:100%; }

		/*-------------------------------------------------------------------------------------------
		6.3.5	-	Responsiveness	:	GRID & Overlay
		-------------------------------------------------------------------------------------------*/
		.grid .overlay .content { top:-5em; }
		.grid .overlay:hover .content { top:-12em; }

		.overlay .content { top:-9.5em; }
		.overlay:hover .content { top:-16.6em; }
	}

	/*-------------------------------------------------------------------------------------------
	6.4		-	Responsiveness	:	Mobile (iPad Horizontal)	1024px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 64em) {
		/*-------------------------------------------------------------------------------------------
		6.4.1	-	Responsiveness	:	General
		-------------------------------------------------------------------------------------------*/
		#mobile { left:-50%; display:block; width:50%; }
		#desktop { left:0; }
		#mobile-button { display:inline-block; }

		/*-------------------------------------------------------------------------------------------
		6.4.!	-	Responsiveness	:	Search
		-------------------------------------------------------------------------------------------*/
		#mobile div.search { display:none !important; }	/* hidden for now	*/

		/*-------------------------------------------------------------------------------------------
		6.4.2	-	Responsiveness	:	Responsive nav menu
		-------------------------------------------------------------------------------------------*/
		body { font-size:1.5em; }

		#mobile.open { left:0; }
		#mobile.open:before { left:0; }
		#desktop-overlay.active { opacity:.8; z-index:597; }

		#main-navigation { display:none; }
		#mobile-navigation li.parent { cursor:pointer; }

		/*-------------------------------------------------------------------------------------------
		6.4.3	-	Responsiveness	:	Respsonive Grid System
		-------------------------------------------------------------------------------------------*/
		.col
		{ margin:1% 0 1% 0%; }

		.span_1_of_2, .span_2_of_2,
		.span_3_of_3, .span_2_of_3, .span_1_of_3,
		.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4,
		.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5,
		.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6,
		.span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7,
		.span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8,
		.span_9_of_9, .span_8_of_9,	.span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9,
		.span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10,
		.span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11,
		.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12
		{ width:100%; }

		/*-------------------------------------------------------------------------------------------
		6.4.4	-	Responsiveness	:	Header
		-------------------------------------------------------------------------------------------*/
		#header { border-bottom:.5em solid #00ab9a; }
		#header #logo img { width:35%; margin-left:0; margin-top:.5em }
		#logo { text-align:center; }
		#search { display:none; }
		#search input[type="text"] { width:40%; }
		#search input[type="text"]:focus { width:60%; }

		/*-------------------------------------------------------------------------------------------
		6.4.5	-	Responsiveness	:	Footer
		-------------------------------------------------------------------------------------------*/
		#footer { padding-top:.5em; padding-bottom:0; }

		#home #footer { background:none; padding-top:.5em; }
		#home #footer .credit { display:none; }

		#footer .span_4_of_12 { width:32.26%; }
		#footer #copyright { width:40.73%; }
		#footer #footer-logo { width:23.8%; }

		#footer-logo img { width:90%; }
		#social ul li { margin:0; }
		#fineprint { display:none; }

		/*-------------------------------------------------------------------------------------------
		6.4.6	-	Responsiveness	:	Main content
		-------------------------------------------------------------------------------------------*/
		#home #main-content #article { top:1em; }
		#home #main-content #article { margin-bottom:2em; }

		#main-content #article .item-page { padding:0 .5em; }

		#main-content #sidebar { padding:0 .5em; border-top:.2em solid #eaeaea; }

		/*-------------------------------------------------------------------------------------------
		6.4.7	-	Responsiveness	:	Slider
		-------------------------------------------------------------------------------------------*/
		#home #content > .custom { display:none; }

		.slider ul li { width:65em; }
		.slider blockquote { font-size:1.2em; }
		.slider p { margin-left:0; }

		/*-------------------------------------------------------------------------------------------
		6.4.8	-	Responsiveness	:	Overlays
		-------------------------------------------------------------------------------------------*/
		.overlay .content p,
		.overlay .content .button { display:none; }

		.overlay:hover img { opacity:1; }
		.overlay:hover .content { top:-10.4em; background:rgba(0, 171, 154, 1); }

		.grid .overlay .content,
		.grid .overlay:hover .content { top:-12.2em; }

		/*-------------------------------------------------------------------------------------------
		6.4.9	-	Responsiveness	:	GRID
		-------------------------------------------------------------------------------------------*/
		.grid .col { margin:1.6% 0 1% 1.6%; }
		.grid .col:first-child { margin-left:0; }
		.grid .span_1_of_4 { width:49.2%; }
		.grid .span_1_of_4:nth-child(2n+1) { clear:both; margin-left:0; }

		/*-------------------------------------------------------------------------------------------
		6.4.10	-	Responsiveness	:	COLUMNS
		-------------------------------------------------------------------------------------------*/
		.columns { margin-top:0; }

		.columns .col { margin:1% 0 1% 1.6%; }
		.columns .col:first-child { margin-left:0; }
		.columns .span_1_of_4 { width:23.8%; }

		/*-------------------------------------------------------------------------------------------
		6.4.11	-	Responsiveness	:	Module Areas
		-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------
			6.4.11.1	-	Responsiveness	:	Meet our Expert
			-------------------------------------------------------------------------------------------*/
			#sidebar #side-expert { display:none; }

			/*-------------------------------------------------------------------------------------------
			6.4.11.2	-	Responsiveness	:	Related Pages
			-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------
				6.4.11.2.1	-	Responsiveness	:	Section Group
				-------------------------------------------------------------------------------------------*/
				#sidebar #side-related article { clear:both; padding:0; margin:0; }

				#sidebar #side-related article:before,
				#sidebar #side-related article:after { content:""; display:table; }
				#sidebar #side-related article:after { clear:both; }
				#sidebar #side-related article { zoom:1; }

				/*-------------------------------------------------------------------------------------------
				6.4.11.2.2	-	Responsiveness	:	Col Span
				-------------------------------------------------------------------------------------------*/
				#sidebar #side-related div.custom { display:block; width:49.2%; float:left; margin:0; }
				#sidebar #side-related div.custom:nth-child(odd) { margin-left:0; }
				#sidebar #side-related div.custom:nth-child(even) { margin-left:1.6%; }

			/*-------------------------------------------------------------------------------------------
			6.4.11.3	-	Responsiveness	:	Case Study
			-------------------------------------------------------------------------------------------*/
			#sidebar #side-study p { font-size:1.1em; }

			/*-------------------------------------------------------------------------------------------
			6.4.11.4	-	Responsiveness	:	Popup
			-------------------------------------------------------------------------------------------*/
			.popup_cont { transform:translate(-50%, -60%); }
			.popup_back { height:100% !important; }

		/*-------------------------------------------------------------------------------------------
		6.4.12	-	Responsiveness	:	Our People
		-------------------------------------------------------------------------------------------*/
		#our-people .col { margin:1% 0 1% 1.6%; }
		#our-people .col:first-of-type { margin-left:0; }
		#our-people .span_7_of_10 { width:69.52%; }
		#our-people .span_3_of_10 { width:28.88%; }
	}

	/*-------------------------------------------------------------------------------------------
	6.5		-	Responsiveness	:	Mobile (iPad Vertical)	768px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 48em) {
		/*-------------------------------------------------------------------------------------------
		6.5.1	-	Responsiveness	:	General
		-------------------------------------------------------------------------------------------*/
		#mobile { left:-100%; width:100%; }
		#mobile.open { width:100%; }

		.button { font-size:1.1em; }

		/*-------------------------------------------------------------------------------------------
		6.5.2	-	Responsiveness	:	Mobile navigation menu
		-------------------------------------------------------------------------------------------*/
		#mobile-button.lines-button { top:2%; left:3%; }
		#mobile-button.lines-button.close { left:91%; }

		#mobile-logo img { width:30%; }

		/*-------------------------------------------------------------------------------------------
		6.5.3	-	Responsiveness	:	Overlays
		-------------------------------------------------------------------------------------------*/
		.overlay .content,
		.overlay:hover .content { top:-6.25em; }

		/*-------------------------------------------------------------------------------------------
		6.5.4	-	Responsiveness	:	GRID
		-------------------------------------------------------------------------------------------*/
		.grid .overlay .content,
		.grid .overlay:hover .content { top:-7.35em; }

		/*-------------------------------------------------------------------------------------------
		6.5.5	-	Responsiveness	:	Slider
		-------------------------------------------------------------------------------------------*/
		.slider { width:100% !important; }
		.slider ul li { width:48.5em; }

		.popup_cont { transform:translate(-50%, -70%); }

		/*-------------------------------------------------------------------------------------------
		6.5.6	-	Responsiveness	:	Footer
		-------------------------------------------------------------------------------------------*/
		#footer { margin-bottom:0; }

		#footer .span_4_of_12,
		#footer #copyright,
		#footer #footer-logo
		{ width:100%; text-align:center; }
		#footer-logo img { width:30%; }

		/*-------------------------------------------------------------------------------------------
		6.5.6	-	Responsiveness	:	Our People
		-------------------------------------------------------------------------------------------*/
		#our-people .col { margin:1% 0; }
		#our-people .span_7_of_10 { width:100%; }
		#our-people .span_3_of_10 { display:none; }
	}

	/*-------------------------------------------------------------------------------------------
	6.6		-	Responsiveness	:	Mobile (iPhone 6+ Horizontal)	736px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 46em) {
		#header { height:6.05em; }
		#header #logo img { width:30%; }

		#main-content { font-size:.95em; }

		/*-------------------------------------------------------------------------------------------
		6.6.x	-	Responsiveness	:	GRID
		-------------------------------------------------------------------------------------------*/
		.grid .overlay .content,
		.grid .overlay:hover .content { top:-7.9em; }

		/*-------------------------------------------------------------------------------------------
		6.6.x	-	Responsiveness	:	COLUMNS
		-------------------------------------------------------------------------------------------*/
		.columns .col { margin:1% 0 1% 1.6%; }
		.columns .col:first-child { margin-left:0; }
		.columns .span_1_of_4 { width:49.2%; font-size:1.15em; }
		.columns .span_1_of_4:nth-child(2n+1) { clear:both; margin-left:0; }

		/*-------------------------------------------------------------------------------------------
		6.6.x	-	Responsiveness	:	Overlays
		-------------------------------------------------------------------------------------------*/
		.overlay .content,
		.overlay:hover .content { top:-6.5em; }

		/*-------------------------------------------------------------------------------------------
		6.6.x	-	Responsiveness	:	Sidebar
		-------------------------------------------------------------------------------------------*/
		#sidebar > div { display:block; width:100%; float:left; margin:1% 0; }
		#sidebar h2.expert { padding-top:.5em; margin-top:.5em; border-top:.125em solid #c9c9c9; }

		/*-------------------------------------------------------------------------------------------
		6.6.x	-	Responsiveness	:	Popup
		-------------------------------------------------------------------------------------------*/
		.popup_cont { transform:translate(-50%, -50%); }
		div.related-product { height:25em; }
		.popup_content { max-height:21.1em; }
		.popup-gradient { top:-25em; height:25em; }
		a.popup_close-button { margin-top:-23em; }

		/*-------------------------------------------------------------------------------------------
		6.6.x	-	Responsiveness	:	Footer
		-------------------------------------------------------------------------------------------*/
		#footer-logo img { width:50%; }
	}

	/*-------------------------------------------------------------------------------------------
	6.7		-	Responsiveness	:	Mobile (iPhone 6 Horizontal)	667px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 41.688em) {
		#header { height:5.75em; }

		.popup_cont { font-size:.9em; }

		/*-------------------------------------------------------------------------------------------
		6.7.x	-	Responsiveness	:	GRID
		-------------------------------------------------------------------------------------------*/
		.grid .overlay .content,
		.grid .overlay:hover .content { top:-6.5em; }

		/*-------------------------------------------------------------------------------------------
		6.7.x	-	Responsiveness	:	Overlays
		-------------------------------------------------------------------------------------------*/
		.overlay .content,
		.overlay:hover .content { top:-5.35em; }
	}

	/*-------------------------------------------------------------------------------------------
	6.8		-	Responsiveness	:	Mobile (iPhone 5 Horizontal)	568px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 35.5em) {
		#header { height:5.2em; }

		.popup_cont { font-size:.8em; }

		/*-------------------------------------------------------------------------------------------
		6.8.x	-	Responsiveness	:	GRID
		-------------------------------------------------------------------------------------------*/
		.grid .overlay .content,
		.grid .overlay:hover .content { top:-4.65em; }

		#sidebar #side-related div.custom { width:100%; }
		#sidebar #side-related div.custom:nth-child(even) { margin-left:0; }

		/*-------------------------------------------------------------------------------------------
		6.8.x	-	Responsiveness	:	Overlays
		-------------------------------------------------------------------------------------------*/
		.overlay .content,
		.overlay:hover .content { top:-3.5em; }
	}

	/*-------------------------------------------------------------------------------------------
	6.9		-	Responsiveness	:	Mobile (iPhone 4 Horizontal)	480px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 30em) {
		#header { height:4.8em; }

		.popup_cont { width:95%; }

		.overlay h4 { font-size:1.2em; }

		/*-------------------------------------------------------------------------------------------
		6.9.x	-	Responsiveness	:	GRID
		-------------------------------------------------------------------------------------------*/
		.grid .overlay .content,
		.grid .overlay:hover .content { top:-2.5em; }

		/*-------------------------------------------------------------------------------------------
		6.9.x	-	Responsiveness	:	Overlays
		-------------------------------------------------------------------------------------------*/
		.overlay .content,
		.overlay:hover .content { top:-2.7em; }
	}

	/*-------------------------------------------------------------------------------------------
	6.10	-	Responsiveness	:	Mobile (iPhone 6+ Vertical)	414px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 25.875em) {
		#header { height:5.85em; }
		#header #logo img { width:50%; }

		/*-------------------------------------------------------------------------------------------
		6.10.1	-	Responsiveness	:	General
		-------------------------------------------------------------------------------------------*/
		#mobile-button.lines-button { top:0; }
		#mobile-button.lines-button.close { left:86%; }

		#mobile-logo img { width:50%; }

		#main-content #article { margin-bottom:9em; }

		/*-------------------------------------------------------------------------------------------
		6.10.2	-	Responsiveness	:	GRID & COLUMNS
		-------------------------------------------------------------------------------------------*/
		.grid .col,
		.columns .col { margin:1.6% 0; width:100%; }

		.overlay h4 { font-size:1.3em; padding:0 0 .2em; }

			/*-------------------------------------------------------------------------------------------
			6.10.2.1	-	Responsiveness	:	GRID Overlay
			-------------------------------------------------------------------------------------------*/
			.grid .overlay .content,
			.grid .overlay:hover .content { top:-10.5em; }

			/*-------------------------------------------------------------------------------------------
			6.10.2.2	-	Responsiveness	:	COLUMN Paragraph
			-------------------------------------------------------------------------------------------*/
			.columns p { height:3em; font-size:1em; }

		/*-------------------------------------------------------------------------------------------
		6.10.x	-	Responsiveness	:	Overlays
		-------------------------------------------------------------------------------------------*/
		.overlay .content,
		.overlay:hover .content { top:-3em; font-size:.9em; }

		/*-------------------------------------------------------------------------------------------
		6.10.3	-	Responsiveness	:	Popup
		-------------------------------------------------------------------------------------------*/
		.popup_cont { transform:translate(-50%, -50%); }
		div.related-product { height:30em; }
		.popup_content { max-height:26.1em; }
		.popup-gradient { top:-30em; height:30em; }
		a.popup_close-button { width:30%; margin-top:-27.5em; }
	}

	/*-------------------------------------------------------------------------------------------
	6.11	-	Responsiveness	:	Mobile (iPhone 6 Vertical)	375px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 23.438em) {
		#header { height:5.55em; }
		#mobile-button.lines-button.close { left:85%; }

		.overlay { height:9em; }

		/*-------------------------------------------------------------------------------------------
		6.11.2	-	Responsiveness	:	GRID Overlay
		-------------------------------------------------------------------------------------------*/
		.grid .overlay .content,
		.grid .overlay:hover .content { top:-9.7em; }
	}

	/*-------------------------------------------------------------------------------------------
	6.12	-	Responsiveness	:	Mobile (iPhone 5 Vertical)	320px
	-------------------------------------------------------------------------------------------*/
	@media only screen and (max-width: 20em) {
		#header { height:5.05em; }
		#mobile-button.lines-button.close { left:82%; }

		.overlay { height:7.7em; }
		.overlay h4 { font-size:1.1em; }

		.overlay .content,
		.overlay:hover .content { top:-2.5em; font-size:.9em; }

		/*-------------------------------------------------------------------------------------------
		6.12.2	-	Responsiveness	:	GRID Overlay
		-------------------------------------------------------------------------------------------*/
		.grid .overlay .content,
		.grid .overlay:hover .content { top:-8.3em; }
	}