/* ===== Primary Styles ========================================================
   Author: Dan Mitchell - dan@creativeedge.co.uk
   ========================================================================== */


.header:before, .header:after { content: ""; display: table; }
.header:after { clear: both; }
.header { *zoom: 1; }

.middle:before, .middle:after { content: ""; display: table; }
.middle:after { clear: both; }
.middle { *zoom: 1; }

.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }

body {
	background: #ffffff;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin-top:0;
}

h1 {
	color:#006699;
	font-size: 1.7em;
	line-height: 1.8em;
	font-weight: normal;
}

h2 {
	color:#333;
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: bold;
}

h3 {
	color:#999999;
	font-size: 0.9em;
	line-height: 1.6em;
	font-weight: lighter;
}

h4 {
	color:#006699;
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: bold;
}

table {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006699;
	margin:2em 0;
}
	table.no-border {
		border:0;
	}
td, th {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 3px;
}
.odd {
	background-color: #d7e0e8;
}

iframe {
	max-width: 100%;
	margin-bottom: 1em;
	position: relative;
	z-index: 1;
}

.content {
	font-size:0.9em;
	line-height:1.6em;
}

ul {
	list-style:url(../images/subnav.hover.png);
	padding-left:1.5em;
}

.wrapper {
	width:980px;
	margin:0 auto 2em auto;
	background: #fff;
	border:1px solid #ccc;
	border-top:none;
	padding:5px 15px 10px 15px;
	-webkit-box-shadow: 0px 0px 5px 0px #999;
	box-shadow: 0px 0px 5px 0px #999; 
}

.language-select {
	text-align:right;
	margin-bottom:1em;
}

header {
	position:relative;
	border-bottom:6px solid #006699;
	padding-bottom:10px;
	margin-bottom:30px;
}
	header h3.logo {
		margin:0;
		line-height:1em;
	}
		header h3.logo a {
			display:block;
			width:288px;
			height:95px;
			background: url('../images/logo.png');
		}
			header h3.logo span {
				display:none;
			}
	header .top-links {
		position:absolute;
		right:0;
		top:10px;
		color: #666;
		font-size:1em;
	}
		header .top-links a {
			color: #666;
			text-decoration:none;
		}
			header .top-links a:hover {
				color: #006699;
			}
	
	a.mobile-nav-controller {
		display:none;
		background: #006699;
		padding:5px 10px;
		color: #fff;
		text-align:center;
		-webkit-box-shadow: 0px 0px 5px 0px #666;
		box-shadow: 0px 0px 5px 0px #666; 
	}
	
	nav {
		text-transform:uppercase;
		position:absolute;
		z-index:999;
		left:285px;
		bottom:0;
		font-size:1.1em;
	}
		nav ul {
			list-style:none;
			margin:0;
			padding:0;
			border-right:1px solid #c0c0c0;
		}
			nav li {
				margin:0;
				padding:0;
				float:left;
				border-left:1px solid #c0c0c0;
			}
				nav a,
				nav a:visited {
					display:block;
					background: #000;
					color: #fff;
					text-decoration:none;
					padding:5px 10px;
					font-weight:bold;
				}
					nav a:hover {
						color: #fff;
						background: #006699;
						text-decoration:none;
					}
				nav a.selected {
					color: #fff;
					background: #006699;
				}
			nav ul ul {
				display:none;
				position:absolute;
				background: url('../images/tint.white.90.png');
				border:0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-webkit-box-shadow: 0px 0px 5px 0px #999;
				box-shadow: 0px 0px 5px 0px #999; 
				font-size:0.9em;
				text-transform:none;
			}
				nav ul ul li {
					float:none;
					border:none;
				}
					nav ul ul a,
					nav ul ul a:visited {
						color: #000;
						background: none;
					}
						nav ul ul a:hover {
							color: #006699;
							background:none;
						}
					nav ul ul a.selected {
						color: #006699;
						background: none;
					}
		nav li:hover ul {
			display:block;
		}
			
footer {
}
	footer .upper {
		border-bottom:6px solid #006699;
		border-top:1px solid #ededed;
		height:290px;
		position:relative;
		background: url('../images/footer.higher.bg.jpg') left bottom no-repeat;
	}
		footer .upper h5 {
			float:left;
			margin:0;
			margin-top:-30px;
			line-height:1em;
			color: #000;
			font-size:1.2em;
			background: #fff;
			padding:10px;
			border:1px solid #ededed;
			border-bottom:none;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
			footer .upper h5 span {
			}
		footer .upper ul {
			list-style:none;
			margin:0;
			padding:0;
			margin-left:20px;
			margin-top:30px;
		}
			footer .upper li {
				float:left;
				margin:0 18px;
			}
				footer .upper li a {
					display:block;
					border:3px solid #fff;
					position:relative;
					color: #fff;
					text-decoration:none;
					text-transform:uppercase;
					height:114px;
					font-weight:bold;
				}
				footer .upper li a span {
					display:block;
					position:absolute;
					left:0;
					bottom:0;
					width:100%;
					padding:2px 0;
					text-align:center;
					background: url('../images/tint.75.png');
				}
					footer .upper li a:hover span {
						color: #006699;
					}
	footer .lower {
		color: #666;
		margin-top:1em;
	}
		footer .lower .left {
			float:left;
			margin-left:15px;
		}
		footer .lower .right {
			float:right;
			margin-right:15px;
		}
			footer .lower .right a {
				margin-left:30px;
			}
p.last {
	margin-bottom:0;
}

.middle {
	padding-bottom:50px;
	font-size:1.2em;
}
	.column-left {
		float:left;
		min-height:1px;
		width:265px;
	}
	.column-center {
		float:left;
		width:495px;
		margin:0 20px;
	}
	.column-right {
		float:right;
		width:145px;
	}
	.column-center-right {
		float:left;
		width:695px;
		margin-left:20px;
		/*
		height:392px;
		overflow:hidden;
		*/
	}

ul.subnav {
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.9em;
}
	ul.subnav li {
		padding:3px 0;
	}
		ul.subnav a,
		ul.subnav a:visited {
			color: #000;
			text-decoration:none;
			padding-left:16px;
		}
			ul.subnav a:hover {
				color: #006699;
				background: url('../images/subnav.hover.png') left center no-repeat;
			}
		ul.subnav a.selected {
			font-weight:bold;
			color: #006699;
			background: url('../images/subnav.arrow.png') left center no-repeat;
		}

.quote {
	font-weight:bold;
	line-height:1.6em;
}
	.quote img.quote-start {
		vertical-align:bottom;
	}
	.quote img.quote-end {
		vertical-align:top;
	}


.home-left-panel {
	padding:0em 1.5em;
	background: #EEEEEE;
	font-size:0.9em;
	line-height:1.7em;
	height:290px;
	overflow:hidden;
}
	.home-left-panel p {
		margin:1.5em 0 1em 0;
	}
	.home-left-panel p:last-child {
		margin-bottom:0;
	}
	
	

.faqs {
}
	.faq {
	}
		.faq h3.question {
			font-size:1.2em;
			font-weight:bold;
			line-height:1.2em;
		}
			.faq h3.question img {
				vertical-align:middle;
				margin-bottom:2px;
			}
		.faq .answer {
			margin-bottom:1em;
			display:none;
			padding-left:1.3em;
		}




.contact-form {
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin:1em 0;
}
	.row {
		margin:1em 0;
	}
		.row p {
			margin:0 0 0 100px;
		}
	.row label {
		display:block;
		float:left;
		cursor:pointer;
		width:100px;
		padding-top:0.5em;
	}
	.row input {
		float:left;
		width:380px;
		padding:0.5em;
		outline:none;
	}
	.row textarea {
		float:left;
		width:380px;
		height:100px;
		padding:0.5em;
		outline:none;
		margin-bottom:1em;
	}
	.captcha-row {
		padding-left:100px;
	}
	.button-row {
		padding-left:100px;
		font-size:1.3em;
	}
.form-type-a .row {
	margin: 0.5em 0;
}
.form-type-a .row label {
	float: none;
	width: auto;
}
.form-type-a .row input,
.form-type-a .row textarea {
	float: none;
	width: 75%;
	box-sizing:border-box;
}
.form-type-a .button-row {
	padding-left: 0;
	margin-bottom: 2em;
	margin-top: 1em;
}
.form-type-a .row.file-row {
	padding-top:0;
	margin-top:0;
}

.locations {
}
	.locations .selector {
		font-size:1.2em;
	}
	.locations .map {
		float:right;
		line-height:0;
	}
	.locations .info {
		float:left;
		margin-top:2em;
	}
	.locations .info div {
		display:none;
	}


table.managers h2 {
	margin:0;
}
table.managers p {
	margin:0;
}




.article-summary {
	margin-bottom:2em;
	border-bottom:1px solid #aaa;
	padding-bottom:2em;
}
	.article-summary h6 {
		margin:0 0 0.5em 0;
		line-height:1.2em;
		font-weight:normal;
		font-style:italic;
		font-size:1em;
	}
	.article-summary h1 {
		line-height:1.2em;
		font-size:1.2em;
		font-weight:bold;
	}
	.article-summary p {
		margin:0;
	}
	.article-summary img {
		max-width: 100%;
		height: auto;
	}


.article-blog {
	margin-bottom:2em;
	border-bottom:1px solid #aaa;
	padding-bottom:2em;
}
	.article-blog h6 {
		margin:0 0 0.5em 0;
		line-height:1.2em;
		font-weight:normal;
		font-style:italic;
		font-size:1em;
	}
	.article-blog h1 {
		line-height:1.2em;
		font-size:1.2em;
		font-weight:bold;
	}
	.article-blog p {
		margin:0 0 1.5em 0;
	}
	.article-blog img {
		max-width: 100%;
		height: auto;
	}


.article h6 {
	margin:0 0 0.5em 0;
	line-height:1.2em;
	font-weight:normal;
	font-style:italic;
	font-size:1em;
}
.article h1 {
	line-height:1.2em;
	font-size:1.2em;
	font-weight:bold;
}
.article h2 {
	color:#006699;
	margin:1em 0;
}
.article img {
	max-width: 100%;
	height: auto;
}




.slideshow {
	line-height:0;
	position:relative;
	width:100%;
	height:290px;
	overflow:hidden;
}
	.slideshow ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		.slideshow li {
			position:absolute;
			top:0;
			left:0;
			z-index:1;
		}
		.slideshow li.active {
			z-index:3;
		}
		.slideshow li.next {
			z-index:2;
		}





blockquote {
	border-left: 2px solid #ddd;
	font-style:italic;
	margin: 20px 0 20px 40px;
	padding: 0 0 0 20px;
	font-size: 20px;
	font-weight:normal;
	quotes: "" "";
}


.blog-side {
	margin-bottom: 3em;
}
	.blog-side h5 {
		color: #999;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: normal;
		margin:0;
		padding:0;
	}
	.blog-side ul {
	}
	

.feedbackform {
	margin-left:-265px;
	width: 940px;
	border: 1px solid #ddd;
	border-collapse:collapse;
}
	.feedbackform th,
	.feedbackform td {
		border: 1px solid #ddd;
		padding: 5px;
		text-align:center;
	}
	.feedbackform tr.odd {
		background: none;
	}
	.feedbackform th {
		text-align:center;
		font-weight:bold;
		font-size: 10px;
		line-height: 1.2;
		background: #f7f7f7;
		border-bottom: 1px solid #666;
	}
	.feedbackform input {
		box-sizing:border-box;
		width:100%;
		text-align:center;
		font-size: 12px;
	}
	.feedbackform tfoot td {
		padding: 1em;
	}
	.feedbackform button {
		font-size: 13px;
	}



.map-container {
	position: relative;
	height: 300px;
	margin: 0 6em 1.5em 0;
	overflow: hidden;
}
	#map-canvas {
		position: relative;
		width: 100%;
		height: 100%;
	}
.map-locations {
	display: none;
}

.mobileheader,
.mobilefooter {
	display:none;
	font-family: Arial, Helvetica, sans-serif;
}

.mobileheader {
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background: rgba(255,255,255,1);

	color: #fff;
	border-bottom: 1px solid #c5cdc5;
	-webkit-box-shadow: 0 0 0.5em 0 #333;
	box-shadow: 0 0 0.5em 0 #333;
}
	.mobileheader .mobiletitle {
		text-align:center;
		font-size:1.3em;
		padding: 0.5em 0;
	}
		.mobileheader .mobiletitle a,
		.mobileheader .mobiletitle a:visited {
			color: #fff;
			text-decoration:none;
		}
		.mobileheader .mobiletitle img {
			width: auto;
			height: 3em;
			vertical-align:middle;
		}


@media all and (min-width: 0px) and (max-width: 480px) {
	.map-container {
		margin: 0 0 1.5em 0;
	}
	.form .row input {
		box-sizing:border-box;
		max-width:100%;
	}
	.feedbackformcontainer {
		overflow-x: auto;
	}
	.feedbackformcontainer::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 14px;
		height: 14px;
	}
	.feedbackformcontainer::-webkit-scrollbar-thumb {
		border-radius: 8px;
		border: 3px solid #fff;
		background-color: rgba(0, 0, 0, .3);
	}
		.feedbackform {
			margin-left:0;
			width: 100%;
		}
}