@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helve6-webfont.eot');
    src: url('fonts/helve6-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helve6-webfont.woff') format('woff'),
         url('fonts/helve6-webfont.ttf') format('truetype'),
         url('fonts/helve6-webfont.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helve7-webfont.eot');
    src: url('fonts/helve7-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helve7-webfont.woff') format('woff'),
         url('fonts/helve7-webfont.ttf') format('truetype'),
         url('fonts/helve7-webfont.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: italic;
}
.helv { font-family: Helvetica, 'Arial Narrow', sans-serif; }
.box-shadow (@x: 0, @y: 5px, @blur: 5px, @color: #444) {
	box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	-webkit-box-shadow: @arguments;
}
.fleft { float: left; }
.fright { float: right; }
.rounded (@radius)	{
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}
.expanded { letter-spacing: 0.25em; }
.condensed { letter-spacing: -0.05em; }
.upper { text-transform: uppercase; }
.small {
	font-size: 90%; 
}
.tdunder { text-decoration: underline; }
.tdnone { text-decoration: none; }

// Useful colours...
.black { color: #000; }
.purple { color: #8F268E; }
@purple: #8F268E;
@dgrey: #57585A;
@lgrey: #9C9DA0;
@ltergrey: #B2B2B2;
// Once again!

.title { 
	font-size: 21px; 
	.helv;
}
h1, h2, h3, h4, h5 {
	.helv;
	.upper;
	.condensed;
}
h2 { font-size: 30pt; }

// ########################### Container shadow
#container { 
	.box-shadow(0px,0px,25px);
	overflow: auto;
	margin: 0 auto;
	width: 980px;
	background-color: #fff;
	overflow-x: hidden;
}
// ########################### Header & Footer Background
.header_wrapper {
	overflow: auto;
	background-color: @purple;
	height: 190px;
	margin-bottom: -190px;
}
.footer_wrapper {
	min-height: 46%;
	margin-top: -175px;
	position: relative;
	z-index: -1;
	bottom: 0px;
	background-color: @dgrey;
}
// ########################### Main Styles Start Here!
body { background: url(images/bg-words.png) }
.header {
	background-color: #fff;
	height: 150px;
	margin-bottom: -21px;
	padding-top: 40px;
	.profile-link {
		float: right;
		margin: -28px 0 0;
	}
	h3 { 
		
		font-size: 14pt;
		width: 189px;
		letter-spacing: -0.1em;
		.fright;
		position: relative;
		right: 27px;
		a {
			text-decoration: none;
			color: @dgrey;
			&:hover { color: @purple; }
		}
	}
	#contact-top {
		margin-top: 60px;
	}
}
.content-wrapper { overflow: auto; }
.l-title { 
	font-size: 73pt;
	text-align: center;
	.helv;
	.upper;
	.condensed;
	margin: 30px 0;
}
#menu {
	background-color: @purple;
	overflow: auto;
	.menu {
		.fright;
		.helv;
		font-size: 14pt;
			a { 
				color: #fff;
				text-decoration: none;
				&:hover { color: #ccc; }
		}
		li { margin-right: 15px; }
		margin: 10px 0;
	}
}
.menu {
	li {
		display: inline;
	}
}
// ########################### Front-page buttons

.f-page {
	padding: 50px 0;
	overflow: auto;
	li { 
		display: block;
		float: left;
		margin: 0 auto;
		width: 300px;
	}
	h2 {
		background: url(images/button.png) center center no-repeat;
		text-align: center;
		height: 65px;
		padding-top: 13px;
		a {
			color: #fff;
			text-decoration: none;
			&:hover { color: #ccc; }
		}
	}
	h3 {
		width: 200px;
		margin-left: 55px;
		font-family: arial, helvetica, sans-serif;
		text-transform: inherit;
		text-align: center;
	}
}

// ########################### Page Styles
.title { 
	font-size: 39pt;
	border-bottom: 3px solid @dgrey;
}
.content {
	padding-bottom: 20px;
	min-height: 330px;
}
.page {
	.grid_12 {
		* { max-width: 540px; }
	}
	padding-top: 15px;
	h1 {
		font-size: 18pt;
		left: 0px;
		margin-left: 110px;
		margin-top: 10px;
		width: 370px;
		position: relative;
		.fright;
		font-style: italic;
		color: @lgrey;
	}
	h2 { margin: 10px 0; }
	#page-title { margin-bottom: 0; }
	a, a:visited {
		color: @purple;
		text-decoration: none;
		&:hover { color: #666; }
	}
	p { 
		margin: 10px 0 15px;
		input { .fright; }
	}
	span { 
		textarea { margin: 5px 0 10px 266px; }
	}
	input.first { margin-right: -80px; }
	.alignright { .fright; }
	.alignleft { .fleft; }
	.captcha-755 input { float: none; margin-left: 200px;}
}
// ########################### Case studies
.c-study-wrap { 
	padding-top: 70px;
	h3 {
		font-size: 13pt;
		margin: 3px 0 5px;
	}
	.case-study { 
		margin-bottom: 12px;
		min-height: 260px;
		width: 283px;
		padding: 0 9px;
		border: 1px solid @ltergrey;
		.cs-more { .fright; }
		.attachment-c-study { 
			.fright;
			margin-left: 5px;
		}
	}
}
.cs-title {
	.condensed;
	.helv;
	color: @ltergrey;
	font-size: 20pt;
	display: block;
	.upper;
}
// ########################### News
.blog-page {
	overflow: auto;
	padding-top: 15px;
	a {
		text-decoration: none;
		color: @purple;
		&:hover { color: @dgrey; }
	}
	.title { 
		a {
			text-decoration: none;
			color: @dgrey;
			&:hover { color: @purple; }
		}
		&:hover { 
			border-bottom: 3px solid @purple;
		}
	}
	.date { 
		height: 31px;
		padding-top: 10px;
		.helv;
		font-size: 14pt;
	}
	.the-cats {
		.date;
	}
	.p-excerpt { 
		margin-bottom: 30px;

	}
}
.news-item {
	margin-bottom: 25px;
}
.sidebar {
	ul { 
		border-left: 1px solid @ltergrey;
		padding-left: 10px; 
	}
	li { 
		list-style: none;
		margin: 5px 0;
		a { 
			color: @purple;
			.tdnone;
			&:hover { 
				color: @dgrey;
				.tdnone;
			}
		}
		h2 { margin: 15px 0 5px }
	}	
}
// ########################### Footer!
.pre-footer {
	padding: 15px 0;
	.helv;
	font-size: 14pt;
	color: #fff;
	background-color: @dgrey;
	a { color: #fff; }
	margin: 0;
	width: 100% !important;
	div { 
		display: inline;
		margin: 0 18px;
	}
}
footer {
	min-height: 200px;
	color: @ltergrey;
	.menu { 
		text-align: right;
		li { margin-right: 10px; }
	}
	.address, .menu { font-size: 8pt; }
	a, a:visited {
		.tdnone;
		color: @ltergrey;
		&:hover { color: @purple; }
	}
	.accreditations { 
		margin-top: -60px;
		li { list-style: none; }
		
	}
	.credits {
		height: 66px;
		position: relative;
		
	}
}

// ########################## Slider!
.slider { 
	min-height: 400px;
	background: url(images/slider-shadow.png) center center no-repeat;
}
.slider-wrapper { 
	position: absolute;
	margin-left: -90px;
}
#s-shadow {
	position: absolute;
	bottom: -110px;
	left: 390px;
}
.nivo-controlNav { 
	position: absolute;
	bottom: -30px;
	left: 50%;
}
.nivo-controlNav a {
	display: block;
	width: 10px;
	height: 10px;
	background: url(images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 7px;
	float: left;
}
.nivo-controlNav a.active {
    background-position:0 -10px;
}
.nivo-directionNav a {
	display: block;
	width: 25px;
	height: 200px;
	background: url(images/arrows.png) no-repeat 0% 50%;
	text-indent: -9999px;
	border: 0;
	top: 90px !important;
	z-index: 0 !important;
}
.nivo-prevNav { left: -21px !important;}
.nivo-nextNav { 
	right: -21px !important;
	background-position: 100% 50% !important;
}