/* ===== colours 
#473B4A - Dark Purple
#8C205C - Bright Pink
#644B5B - Medium Purple
#733702 - Brown
#BF702A - Orange
===== */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, center, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, footer, header, hgroup, menu, nav, section, summary, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

body {
	margin-top: 20px;
	background-image: url(../images/texture-300.png);
	font: 14px/21px "Nobile", "Georgia", "Times New Roman", serif;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

/* #Typography
================================================== */
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 10px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

h1, h2, h3, h4, h5, h6 {
	color: #473B4A;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h4, h5, h6 {
	color: #8C205C;
}

hr.greygrad, hr.greygrad_reverse {
	border: 0;
	height: 15px;
	clear: both;
}

hr.greygrad {
	margin-left: 2em;
	margin-right: 2em;
}

.greygrad {
	/* fallback */
	background-color: #644B5B;
	background: -ms-radial-gradient( center bottom, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
	background: -moz-radial-gradient(center bottom, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
	background: -webkit-radial-gradient(center bottom, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100%);
	background: -o-radial-gradient( center bottom, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
	background: -khtml-radial-gradient( center bottom, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
	background: radial-gradient( center bottom, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
}

.greygrad_reverse {
	/* fallback */
	background-color: #644B5B;
	background: -ms-radial-gradient( center top, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
	background: -moz-radial-gradient(center top, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
	background: -webkit-radial-gradient(center top, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100%);
	background: -o-radial-gradient( center top, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
	background: -khtml-radial-gradient( center top, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
	background: radial-gradient( center top, farthest-side, rgba(100, 75, 91, 0.65) 25%, transparent 100% );
}

footer {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	font-size: .75em;
	color: #8C205C;
	text-align: center;
	padding-bottom: 0.25em;
}

a {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #02209E;
}

a:hover, a:active {
	color: #118BF7;
}

/* ===== container ===== */

.container {
	background: rgba(255, 255, 255, 0.65);
	width: 960px;
	margin: 3em auto 3em auto;
	position: relative;
}

.container .column {
	float: left;
	display: inline; 
	margin-left: 10px; 
	margin-right: 10px;
}

.container .one-half.column {
	width: 420px;
}

/* ===== Header ===== */

header {
/* 	padding: 10px 0 0; */
	padding: 0;
}

header a.logo {
	display: block;
	width: 960px;
	height: 400px;
	background-image: url(../images/testHeader3.jpg);
	background-repeat: no-repeat;
}

header h5 {
	padding: 0.5em 0 0 10px;
	margin-left: 2em;
	width: 250px;
}

#siteDescription {
	display: none;
}

/* ===== navigation ===== */

nav {
	height: 30px;
	text-align: center;
}

div#mainMenu {
	margin: 0 auto;
}
 
nav ul li {
	display: inline;
}

nav ul li a {
  padding: 7px 15px 3px 15px;
  text-align:center;
  font-size: 1.2em;
  color: #733702;
  display: inline-block;
}
 
nav ul li a:hover {
	color: #BF702A;
}

nav ul li a.current {
	border-bottom: 1px solid #473B4A;
	color: #733702;
}

/* ===== panorama ===== */

#canvas_container {
	margin: 10px auto 0 auto;
	width: 800px;
}

p.caption{
	font-size: 0.85em;
}

/* ===== main section ===== */

section {
	padding-top: 1.5em;
	margin-left: 2em;
	margin-right: 2em;
}

section#mainContent {
/* 	position: relative; */
}

#mainContent p {
	float: left;
}

div#links {
	width: 600px;
	margin: 0 auto 0 auto;
}

.linksColumn {
	text-align: center;
	width: 268px;
}

div#image {
	margin: 0 auto 0 auto;
	width: 800px;
	padding-bottom: 0.5em;
}

.right {
	float: right;
	margin-left: 1em;
}

.left {
	float: left;
	margin-right: 1em;
}

#map {
	margin: 0 auto;
	width: 820px;
}
#map img {
	float: left;
	margin-right: 10px;
}

/* ===== gallery ===== */

div.content-gallery {
	width: 800px;
	margin: 0 auto 0 auto;
}

div.content-gallery hr {
	border: solid #8C205C;
	border-width: 1px 0 0;
	clear: both;
}

div.content-gallery h5 {
	clear: both;
}

div.image {
    float: left;
    height: auto;
    margin-left: 10px;
    text-align: center;
    width: auto;
}

div.image img {
	padding: 2px;
    border: 2px solid #473B4A;
    display: inline;
    margin: 3px;
}
div.image a:hover img {
    border-color: #8C205C;
	opacity: 0.4;
}

p.photoCaption {
	width: 170px;
	font-size: 0.8em;
	font-weight: bold;
}

.photo {
	margin-top: 0.5em;
}

/* ===== links ===== */

.linksColumn a {
/* 	font-size: 0.95em; */
}

.linksColumn span.linkCaption{
	font-size: 0.85em;
	text-align: right;
}

/* ===== terms & conditions ===== */

.tandc {
	position: relative;
	padding: 10px;
}

.tandc h1 {
	font-size: 2em;
/* 	position: absolute; */
}

.tandc h2 {
	font-size: 1.80em;
/* 	padding: 5px 0 5px 0; */
}

#mainContent.tandc p {
	float: none;
}

.tandc footer a {
	font-size: 2em;
/* 	float: left; */
	padding-left: 10px;
}

/* ===== footer ===== */

footer {
	margin: 2em 2em 0.25em 2em;
}

footer hr { border: solid #8C205C; border-width: 1px 0 0; clear: both; height: 0; }

footer p {
	float: left;
}

footer p#copy {
	float: right;
}

/* ===== miscellaneous styles ===== */

.hidden {
	position: absolute;
	text-indent: -9999px;
}

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