@CHARSET "UTF-8";

/************************************************************************
 * This stylesheet covers bespoke styling
 * Authors:-
 * Will Paige
 * Henryk Kwak
 * Ian Barker
 *
 * © copyright 2013 Toucan Graphic Design
 ************************************************************************

/************************************************************************
 *	THIS FOLLOW FILES FOLLOWS THESE RULES
 * 	1. BASE Rules - defined as all base styles for elements
 * 	2. LAYOUT Rules - strictly for base layout styles
 * 	3. MODULE Rules - basic styling for re-usable modules
 * 	4. STATE Rules - defines base styling for element's states
 * 	5. THEME Rules - Colors, borders and backgrounds assignment
 ************************************************************************/


/**************************************************************************
											BASE
 **************************************************************************/


h1.hidden, .logo h1 {
	display: none;
}
::selection {
	background: #9C3; /* Safari & chrome */
	color: #fff;
}

::-moz-selection {
	background: #9C3; /* Firefox */
	color: #fff;
}

input:-webkit-autofill {
    color: #fff !important;
}

body {
	font: 62.5%/1.5em arial, helvetica, verdana, sans-serif;
	color: #666;
}

img {
	/* STYLED FOR RESPONSIVE IMAGES
    max-width: 100%;
    height: auto;
    width: 100%;
    */
}

a {
	text-decoration: none;
	color: #666;
}

b,
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
}

input,
textarea,
select {
	padding: 5px;
	font-family: Arial;
}

input[type="submit"] {
	width: auto;
}

input:focus,
textarea:focus,
select:focus {
}

.sprite {
	background: url(/images/sprite.png) no-repeat;
}


/**************************************************************************
										LAYOUT
 **************************************************************************/


/*** BORDER LAYOUT ***/
.layout-border {
	overflow: auto;
}

.layout-border > * {
	display: none;
}

[class*="layout-border-"] {
	display: block;
}

.layout-border-top,
.layout-border-bottom {
	width: 100%;
	clear: both;
}

.layout-border > .layout-border-left {
	float: left;
}

.layout-border > .layout-border-right {
	float: right;
}

.layout-border > .layout-border-center {
	float: left;
}



/*** COLUMN LAYOUT ***/
.layout-column > * {
	float: left;
}

.layout-column.wide {

}

.layout-column .one-2 {

}

.layout-column .two-2 {

}


.mainContent {
	padding: 25px 0;
}

.mainContent.wide {
	padding: 25px 10px;
}

/*** ROW LAYOUT ***/

.layout-row > * {
	float: left;
	width: 100%;
}



/*** GRID LAYOUT ***/

.layout-grid > * {
	display: inline-block;

   /* IE7 HACK */
   *display: inline;
   *zoom: 1;
}



/*** TABS LAYOUT ***/

.layout-tabs {
	display: block;
	position: relative;
}

.layout-tabs > * {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}



/*** XY LAYOUT ***/
.layout-xy {
	position: relative;
}

.layout-xy > * {
	position: absolute;
	left: 0;
	top: 0;
}



/*** LAYOUT INLINE ***/

.layout-inline > * {
    float: left;
}


.nav-footer .layout-inline li {
    display: inline;
    float: none;
    text-align: right;
}


/*** LAYOUT STACKED ***/

.layout-stacked > * {
    display: block;
}


/**************************************************************************
										MODULES
 **************************************************************************/

body.root div.one-1 {
	height: 590px;
}

.module {
	padding: 0;
}

.module-logo a {
	background: url('/images/sprite.png') no-repeat 0 0;
	text-indent: -999px;
	width: 160px;
	height: 65px;
	display: block;
}

.module-logo > h2 {
	margin-bottom: 0;
}


/**	NAVIGATION 	**/


.nav-primary {
	width: 1000px;
}
.nav-primary ul {
	float: left;
	clear: both;
	width: 1000px;
}
/**	FOOTER NAVIGATION		**/

.nav-footer {
	float: left;
	width: 100%;
}

.nav-footer a {
	padding: 0 7px;
}



/**	ACCESSIBILITY CONTROLS	**/

.module-access-controls a {
	width: 14px;
	height: 14px;
	display: block;
}

.contrast .sprite {
	height: 21px;
	width: 21px;
	text-indent: -999em;
}

.module-access-controls .normal {
	background-position: -1px -66px;
}

.module-access-controls .medium {
	background-position: -15px -66px;
}

.module-access-controls .large {
	background-position: -29px -66px;
}

.module-access-controls .high {
	background-position: -67px -87px;
}

.module-access-controls .lo {
	background-position: -46px -87px;
}


/** 	IMAGE SLIDER/FADER 	**/

.fade-images,
.slide-images {
	position: relative;
	margin-bottom: 10px;
}

.fade-images .item {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.slide-images .item {
	float: left;
}

.slide-images {
	overflow: hidden;
}

.slide-wrapper {
	position: relative;
	width: 9999px;
}

.image-controls {
	position: absolute;
	bottom: 0;
	height: 10px;
}

.image-controls > li {
	display: inline-block;
	margin-right: 2px;

	*display: inline;
	*zoom: 1;
}



/** 	SOCIAL MEDIA FEED		**/

.social-media-feed-item {
	background-position: 0 2px;
	background-repeat: no-repeat;
}



/**	SITEMAP STYLING 	**/

ul.sitemap {
	margin: 10px 30px;
	font-size: 12px;
}

ul.sitemap li {
	margin-left: 25px;
	line-height: 25px;
	list-style-type: square;
}

ul.sitemap a,
ul.sitemap a:visited {
	text-decoration: none;
}

ul.sitemap a:hover {
	text-decoration: underline;
}


/** FORM STYLING **/

.field {
	clear: both;
}

.captcha_field {
	margin: 0 0 0 10px;
	font-size: 2.6em;
	padding: 4px 4px 3px 4px;
	width: 149px;
}




/**************************************************************************
										STATES
 **************************************************************************/

.is-bold {
	font-weight: bold;
}

.is-italic {
	font-style: italic;
}

.is-hidden {
	display: none;
}

.is-error {
	color: #f00;
}

div.error {
	margin-bottom: 10px;
	padding: 0px;
	font-size: 12px;
}

p.error {
	float: left;
	width: 100%;
	font-size: 12px;
}

/**	BUTTONS	**/

.editableMCE,
.editableText {
	padding-bottom: 50px;
}




/**************************************************************************
										THEMES
 **************************************************************************/


.theme- {
}

/**************************************************************************
										CUSTOM
 **************************************************************************/


div.wrapper,
div.header,
div.footer {
	overflow: hidden;
}

body.root div.header {
	margin-bottom: 15px;
}

div.wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 10;
	position: relative;
	box-shadow: 0 2px 7px rgba(0,0,0,0.4);
	background-color: #fff;
	padding-bottom: 20px;
}

div.centralizer {
	position: relative;
	width: 1000px;
	margin: 10px auto;
}

div.header,
div.footer {
	clear: both;
}


div.header {
	height: 165px;
	position: relative;
}

a.social {
    float: right;
    font-size: 20px;
    margin-left: 12px;
}

a.social:first-of-type {
    margin-right: 8px;
}

a.tumblr {
	width: 71px;
	height: 20px;
	display: block;
	background: transparent url('/images/tumblr.jpg') no-repeat 0 0;
}

a.twitter {
    color: #00aced;
}

a.instagram {
    color: #517fa4;
}

div.header .one {
	height: 130px;
}

div.header .one .one-2 {
	width: 665px;
	height: 130px;
}

div.one-2.logo {
	width: 665px;
	height: 130px;
}

.one-2.logo {
	background: transparent url('/images/logo.jpg') no-repeat -8px bottom;
}


div.header .one .two-2 {
	overflow: hidden;
	float: left;
}
div.module-newsletter {
	width: 300px;
}
.module-newsletter h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 25px 0 5px 11px;
}
.module-newsletter p {
	margin: 0 0 9px 11px;
	font-size: 11px;
	line-height: 13px;
}
.module-newsletter form {
	font-size: 12px;
	overflow: hidden;
	margin: 0;
	padding: 0;

}

.module-newsletter input {
	line-height: 100%;
	height: 24px;
	border: none;
	padding : 0 10px;
	font-size: 12px;
	display: block;
	float: left;
}
.module-newsletter input.text {
	width: 206px;
	background: #eee;
	border: none;
}
.module-newsletter input.button {
	background-color: #666;
	color: #fff;
	width: 72px;
	line-height: 16px;
	font-size: 14px;
	margin-left: -5px;
}
div.header .two {
	height: 35px;
}


.main-nav a,.main-nav {
	color: #444;
	font-size: 16px;

}
.main-nav a {
	padding: 7px 13px;
	display: block;
}
.main-nav li {
	border-top: 4px solid #eee;
	width: 160px;
	margin-right: 2px;
}
.main-nav li:hover,.main-nav li.is-selected {
	color: #b20000;
	border-top: 4px solid #b20000;
}
.main-nav li:hover a,.main-nav li.is-selected a {
	color: #b20000;
}
.main-nav li.is-last {
	margin-right: 0;
}
.main-nav ul ul {
	display: none;
}

.module-main {
	padding: 0 15px;
}

.module-main div.article {
	padding: 27px 0;
	width: 450px;
	font-size: 12px;
	font-size: 12px;
}

.module-main div.article p {
	font-size: 12px;
}
.module-main .module-right {
	width: 475px;
	min-height: 550px;
	padding: 2px 10px 0 32px;
	overflow: hidden;
}

.module-main .module-right-one {
	width: 270px;
	min-height: 550px;
	padding: 2px 10px 0 32px;
	overflow: hidden;
}

.big-images.module-main .module-right-one {
    width: 782px;
    padding-left: 5px;
}

div.photo p.caption a {
	color: #fff;
	text-decoration: underline;
}

div.photo {
	padding: 7px 0 5px;
	overflow: hidden;
}

div.photo-one {
	padding: 7px 0 5px;
	overflow: hidden;
	width: 280px;
}

div.photo img {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

div.photo-one img {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

div.photo p.caption {
	color: #fff;
	background-color: #b20000;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	padding: 0 15px;
	overflow: hidden;
	float: left;
}

div.photo.portrait p.caption ,div.photo.big p.caption{
	width: 297px;
}

div.photo.big p.caption ,div.photo.big p.caption{
	width: 592px;
}

div.photo.landscape p.caption {
	width: 462px;
}

div.photo.big img {
	width: 622px;
}

div.photo-one.big img {
	width: 280px;
}

div.photo.portrait {
	width: 622px;
}

div.photo-one.portrait {
	width: 280px;
}

div.photo.portrait img {
	width: 327px;
}

div.photo-one.portrait img {
	width: 280px;
}

div.photo.landscape img {
	width: 492px;
}

div.photo-one.landscape {
	width: 280px;
}

div.photo div.title {
	float: left;
	margin: 4px 0 0 20px;
	width: 120px;
	font-size: 12px;
	line-height: 14px;
}

div.photo.landscape div.title {
	width: 100%;
	margin-left: 0;
}

div.photo div.title h4 {
	font-weight: bold;
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 12px;
}

.module-logos {
	float: left;
	clear: both;
	overflow:hidden;
	height: 65px;
	position: relative;
	width: 1000px;
}

.module-logos ul {
	position: absolute;
	width: 2000px;
	height: 64px;
}
.module-logos li {
	margin: 0 15px;
	position: relative;
}
.module-logos li img.bw {
	position: absolute;
	z-index: 3;
}

.module-logos li img.bw:hover {
	opacity: 0;
	filter: alpha(pacity=0);
}

.module-logos li img.colour {
	position: relative;
	z-index: 0;
}

div.footer {
	height: 360px;
	background: #eee;
	color: #464646;
	z-index: 8;
}

.fixer {
	position: fixed;
	width: 100%;
	bottom: 5px;
	min-height: 500px;
}

.fixer .absoluter {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.bottom-nav {
	background-color: #eee;
	padding: 15px;
	font-weight: bold;
	width: 1000px;
	margin: 10px auto;
	position: relative;
	bottom: 30px;

}

.bottom-nav .layout-inline > li {
	display: block;
	float: left;
	margin-right: 4px;
	width: 160px;
	border-top: 4px solid #ddd;
	padding-top: 4px;
}

.bottom-nav  li {
	margin: 8px 0;
	line-height: 11px;
	width: 160px;
}
.bottom-nav a:hover {
	color: #000;
}


.footer-nav {
	width: 1000px;
	margin: 10px auto;
}
.nav-footer {
	border-top: 1px solid #ccc;
	text-align: right;
	font-size: 11px;

}
.nav-footer ul {
	padding-right: 20px;
}
.nav-footer li {
	line-height: 25px;
}


.one-2 {
	width: 186px;
}
.two-2 {
	width: 812px;
}

div.two-2 div.module-main div.article.one {
	width: 264px;
	min-height: 50px;
}

div.two-2 div.module-main div.article.one.wide , div.article.one.wide, div.article.two.wide {
	width: 750px;
}

body.root div.article.one.wide {
	width: 435px;
	margin-right: 25px;
}

div.two-2 div.module-main.big-images div.article.one {
	width: 600px;
	min-height: 0;
}

div.two-2 div.module-main.big-images div.article.two {
    width: 782px;
    min-height: 0;
}

div.two-2 div.module-main.big-images .module-right {
	padding: 2px 10px 0 0;
	width: 782px;
}

/**
 * 	Submenu
 */

ul#sub-navigation {
	width: 160px;
	font-size: 14px;
	padding: 48px 0;
	font-weight: normal;
	float: left;
	clear: both;

}
ul#sub-navigation ul {
	clear: both;
	float: left;
	width: 160px;
	margin-left: 20px;
}
ul#sub-navigation ul.submenu li {
	padding-bottom: 2px;

}
ul#sub-navigation ul.submenu a {
	line-height: 18px;
}
ul#sub-navigation ul.submenu a.selected {
	border-top: none;
}

ul#sub-navigation li {
	float: left;
	clear: both;
	width: 160px;
	padding-bottom: 8px;
    font-weight: bold;
    font-size: 13px;
}
ul#sub-navigation li a {
	display: block;
	padding: 0 0 5px 15px;
	float: left;
	clear: both;
	width: 145px;
	line-height: 16px;
	color: #000;
	border-top: 4px solid #fff;
}

ul#sub-navigation li a:hover {
	color: #b20000;

}

ul#sub-navigation a.selected  {
	border-top: 4px solid #b20000;
	color: #b20000;
}

.layout-stacked {
	float: left;
	clear: both;
	width: 100%;
}

.cycle {
	height: 550px;
}
.cycle .title {
	height: 550px;
}


form.form_enquiry {
	padding: 0 15px 25px;
}
form.form_enquiry input.text{
	width: 257px;
}

a.expander {
	width: 100%;
	line-height: 30px;
	color: #000;
	float: left;
	clear: both;
	height: 30px;
}


div.field {
	margin-bottom: 10px;
}
.success {
	font-size: 12px;
	color: #008800;
}

label {
	font-size: 12px;
}
input.text,textarea {
	border: 1px solid #ccc;
}


input.sqButton.submit {
	background-image: none;
	background-color: #666;
	color: #fff;
	width: auto;
	padding: 3px 15px;
	font-size: 14px;
}

.cms-files h2 {
	font-size: 14px;
}
.cms-files li {
	font-size: 12px;
	padding: 4px 0;
}

.sq_listing_table {
	margin: 25px 0;
	line-height: 200%;
}
.events-item {
	font-size: 12px;
	margin-bottom: 25px;
}
.events-item h4 {
	margin-bottom: 3px;
}