/* ===== Primary Styles ========================================================
   Author: Dan Mitchell / Creative Edge Design ltd
   ========================================================================== */

@import url('../fonts/opensans/stylesheet.css');
@import url('../fonts/dearjoe/stylesheet.css');

section:before, section:after { content: " "; display: table; }
section:after { clear: both; }

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

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


html {
	font-size: 87.5%; /* 14px */
	color: #4a4a4a;
	font-family: 'open_sansregular', sans-serif;
	line-height: 1.4;
	background: #959595;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}
h1 { }
h2 { }
h3 { }
h4 { font-size: 17px; font-size: 1.214rem; margin: 2em 0 1.5em 0; }
h5 { font-size: 16px; font-size: 1.143rem; margin: 1em 0 -0.5em 0; }
h6 { }

a {
	color: #4a4a4a;
	text-decoration: underline;
}
	a:hover {
		color: #000;
		text-decoration: none;
	}
	
p em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px; font-size: 1.143rem;
}

p strong {
	font-size: 1.14rem;
}
p strong em {
	font-size: 1em;
}

section {
	margin-bottom: 10px; margin-bottom: 0.714rem;
}

hr {
	border: none;
	height: 1px;
	margin: 1em 0;
	background: #c5cdc5;
}

ul {
	padding: 0 0 0 1.5em;
}

.mobile {
	display: none;
}

.col,
.cols{
	clear: none;
	display: inline;
	float: left;
	margin: 0;
	margin-right: 3.06749%;
	padding: 0;
}
	.one    { width: 5.52147%; }
	.two    { width: 14.11042%; }
	.three  { width: 22.69938%; }
	.four   { width: 31.28834%; }
	.five   { width: 39.8773%; }
	.six    { width: 48.46625%; }
	.seven  { width: 57.05521%; }
	.eight  { width: 65.64417%; }
	.nine   { width: 74.23312%; }
	.ten    { width: 82.82208%; }
	.eleven { width: 91.41104%; }
	.twelve { width: 100%; margin-right: 0; }
.col.last,
.cols.last {
	margin-right:0;
}

.wrapper {
	width: 916px; width: 65.429rem; 
	margin: 0 auto;
}

header {
	background-color: #fff;
}
	header .left {
		float: left;
	}
	header .right {
		float: right;
	}
	header p {
		margin: 0;
		font-size: 1.2em;
	}
		header p a {
			text-decoration: none;
		}
		header p a:hover {
			text-decoration: underline;
		}
	header .contactinfo {
		/* margin: -2em 0 1em 5.2em; */
		margin-top: 14px; margin-top: 1rem;
		font-size: 0.8em;
		text-align: right;
	}
	header h6 {
	}
		header h6 a {
			display: block;
			width: 400px; width: 28.571rem;
			height: 69px; height: 4.929rem;
			overflow: hidden;
			text-indent: -99999px;
			background: url('../images/ui/logo.png?_2');
			background-size: contain;
		}
	header nav {
		float: right;
		font-size: 16px; font-size: 1.143rem;
		margin-top: 2.3em;
	}
		header nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			header nav li {
				float: left;
				margin-left: 10px; margin-left: 0.714rem;
			}
				header nav a {
					display: block;
					text-decoration: none;
					color: #4d4d4d;
					padding: 5px 10px; padding: 0.357rem 0.714rem;
				}
				header nav a:hover {
					border-bottom: 1px solid #4d4d4d;
				}
			header nav li.selected a {
				border-bottom: 1px solid #4d4d4d;
			}

footer {
	background-color: #959595;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fff;
	padding: 40px; padding: 2.857rem;
	font-size: 15px; font-size: 1.071rem;
}
	footer span {
	}
	footer a {
		text-decoration: none;
		color: #fff;
	}
	footer a.credit {
		font-style: normal;
	}
	
#middle {
	background: #fff;
}


.booking-information {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px; font-size: 1.143rem;
	margin-top: 10px; margin-top: 0.714rem;
	border-top: 3px solid #959595;
}
	.booking-information h5 {
		margin: 30px 0 15px 0; margin: 2.143rem 0 1.071rem 0;
		padding: 0 0 15px 0; padding: 0 0 1.071rem 0;
		font-size: 24px; font-size: 1.714rem;
		border-bottom: 1px solid #c5cdc5;
	}
	.booking-information .details {
		font-size: 20px; font-size: 1.429rem;
	}
	.booking-information a {
		color: #4a4a4a;
		text-decoration: none;
	}
	.booking-information a:hover {
		text-decoration: underline;
	}
section .booking-information {
	border-top: none;
	margin-top: 0;
	margin-bottom: 2em;
}
	section .booking-information h5 {
		margin-top: 0;
	}

section.preamble {
	margin-bottom: 2em;
}
	section.preamble h1 {
		text-align: center;
		font-style: italic;
		font-size: 24px; font-size: 1.714rem;
	}
		section.preamble h1 small {
			display: block;
			font-size: 0.8em;
			line-height: 1.3em;
		}
	section.preamble h2 {
		font-style: italic;
		font-size: 1.2em;
		font-weight: normal;
		margin: 0 0 0.8em 0;
	}
	section.preamble .newsletter-form {
		text-align: center;
	}
		section.preamble .newsletter-form input {
			border: 1px solid #b7b7b7;
			border-right: 0;
			padding: 2px;
			outline: none;
		}
		section.preamble .newsletter-form button {
			background: #636363;
			color: #fff;
			border: 2px solid #636363;
			outline: none;
		}

a.image-tile {
	display: block;
	float: left;
	width: 31.3%;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px; font-size: 1.143rem;
	font-style: italic;
	margin: 0 1% 10px 1%; margin: 0 1% 0.714rem 1%;
	line-height: 1em;
}
a.image-tile.no-link {
}
	a.image-tile img {
		width: 100%;
		height: auto;
	}
	a.image-tile span {
		display: block;
		background: url('../images/ui/arrow-right.png') 96% center no-repeat;
		background-color: #959595;
		color: #fff;
		line-height: 1.2;
	}
		a.image-tile span strong {
			display: block;
			font-weight: normal;
			padding: 5px 15px; padding: 0.357rem 1.071rem;
		}
	a.image-tile.no-link span {
		background-image: none;
	}
a.image-tile:hover span {
	background-color: #000;
}
a.image-tile.no-link:hover span {
	background-color: #959595;
}


section img {
	max-width: 100%;
	height: auto;
}

section.section {
	position: relative;
}
section.clickable .poster {
	cursor: pointer;
}
	section.section .poster {
		height: 550px; height: 39.286rem; 
		overflow: hidden;
		background: #f0f0f0;
		position: relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
		section.section .poster .descriptor {
			position: absolute;
			top: 25%;
			left: 50%;
			margin-left: -458px; margin-left: -32.714rem;
			background-color: #fff;
			background-color: rgba(255,255,255,0.8);
			width: 916px; width: 65.429rem;
			text-align: center;
		}
			section.section .poster .descriptor .inner {
				padding: 50px 100px; padding: 3.571rem 7.143rem;
				border: 4px solid #959595; border: 0.286rem solid #959595;
				margin: 8px; margin: 0.571rem;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 16px; font-size: 1.143rem;
				font-style: italic;
			}
			section.section .poster .descriptor h3 {
				font-size: 30px; font-size: 2.143rem;
				margin: 0;
			}
			section.section .poster .descriptor p:last-child {
				margin-bottom: 0;
			}
		section.section .poster .more-container {
			position: absolute;
			left: 50%;
			bottom: 0;
			margin-left: -458px; margin-left: -32.714rem;
			width: 916px; width: 65.429rem;
		}
			section.section .poster .more-container a {
				display: block;
				color: #959595;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				text-decoration: none;
				font-size: 18px; font-size: 1.286rem;
				text-align: center;
				width: 105px; width: 7.5rem;
				height: 145px; height: 10.357rem;
				padding: 30px 50px; padding: 2.143rem 3.571rem;
				background: #fff url('../images/ui/arrow-down.png') center 45% no-repeat;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				margin-bottom: -100px; margin-bottom: -7.143rem;
			}
	section.section .content {
		display: none;
	}

.mini-map-container {
	width: 100%;
	height: 257px; height: 18.357rem;
	background: #f0f0f0;
}
	.mini-map-container img {
		max-width: none;
		width: auto;
		height: auto;
	}
	.map-canvas {
		width: 100%;
		height: 100%;
	}
	
section.section-hathayoga {
}
	section.section-hathayoga .poster {
		background-image: url('../images/sections/poster-hatha-yoga.jpg');
	}

section.section-yogaresidential {
}
	section.section-yogaresidential .poster {
		background-image: url('../images/sections/poster-yoga-residential-3.jpg');
	}

section.section-yogaday {
}
	section.section-yogaday .poster {
		background-image: url('../images/sections/poster-yoga-day.jpg');
	}

section.section-painting {
}
	section.section-painting .poster {
		background-image: url('../images/sections/poster-painting.jpg');
	}

section.section-vedic {
}
	section.section-vedic .poster {
		background-image: url('../images/sections/poster-vedic.jpg?_2');
	}

section.section-running {
}
	section.section-running .poster {
		background-image: url('../images/sections/poster-running.jpg?_2');
	}

section.section-fiverhythmdance {
}
	section.section-fiverhythmdance .poster {
		background-image: url('../images/sections/poster-five-rhythm-dance.jpg?_2');
	}

section.section-creativewriting {
}
	section.section-creativewriting .poster {
		background-image: url('../images/sections/poster-creative-writing.jpg?_2');
	}

section.section-mindfullness {
}
	section.section-mindfullness .poster {
		background-image: url('../images/sections/poster-mindfullness.jpg?_2');
	}

section.section-aromatherapy {
}
	section.section-aromatherapy .poster {
		background-image: url('../images/sections/poster-aromatherapy.jpg?_2');
	}

section.section-voiceworkshop {
}
	section.section-voiceworkshop .poster {
		background-image: url('../images/sections/poster-voice-workshop.jpg?_2');
	}

section.section-meditation {
}
	section.section-meditation .poster {
		background-image: url('../images/sections/poster-meditation.jpg?_2');
	}
section.section-energetic-medicine {
}
	section.section-energetic-medicine .poster {
		/* background-image: url('../images/sections/poster-meditation.jpg?_2'); */
		background-image: url('../images/pics/aquatic-bloom-blooming-158465.jpg'); 
	}



.pic-grid {
	margin-top: 2em;

}
	.pic-grid .col,
	.pic-grid .cols {
		margin-bottom: 28px; margin-bottom: 2rem;
	}
	.pic-grid p:first-child {
		margin-top: 0;
	}
	
ul.course-meta {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px; font-size: 1.143rem;
	font-style: italic;
	color: #b7b7b7;
}
	ul.course-meta li {
		background-repeat: no-repeat;
		background-position: left center;
		line-height: 35px; line-height: 2.5rem;
		padding-left: 50px; padding-left: 3.571rem;
		border-bottom: 1px solid #c5cdc5;
	}
	ul.course-meta li:last-child {
		border-bottom: 0;
	}
		ul.course-meta li strong {
			font-weight: normal;
			font-size: 30px; font-size: 2.143rem;
		}
	ul.course-meta li.meta-time {
		background-image: url('../images/ui/meta/time.png');
	}
	ul.course-meta li.meta-price {
		background-image: url('../images/ui/meta/price.png');
	}
	ul.course-meta li.meta-places {
		background-image: url('../images/ui/meta/places.png');
	}
	ul.course-meta li.meta-date {
		background-image: url('../images/ui/meta/date.png');
	}



.fotorama__caption {
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	height: 70%;
	
	font-size: 120px; font-size: 8.571rem;
	color: #fff;
	font-family: 'dearjoeitalic', sans-serif;
	line-height: 1.2em;
	text-align: center;
}
	.fotorama__caption__wrap {
		padding: 0;
		background-color: none;
		background: none;
	}



.links h3 {
	border-top: 1px solid #c5cdc5;
	border-bottom: 1px solid #c5cdc5;
	margin: 0;
	margin-top: 2em;
	padding: 0.5em 0;
	text-align: center;
	color: #7d7d7d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

.links h4 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 24px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.om-menu {
	background: #c5cdc5;
}

.om-menu-inner ul {
	border-top: 0px solid #a5ada5;
}
	.om-menu-inner li {
		border-bottom: 1px solid #a5ada5;
		border-top: 0px solid #a5ada5;
	}
		.om-menu-inner li > span {
			color: #4a4a4a;
			background: #a5ada5;
		}
		.om-menu-inner a,
		.om-menu-inner a:visited {
			color: #4a4a4a;
		}
		.om-menu-inner a:hover {
			color: #4a4a4a;
		}
		.om-menu-inner a:active {
			color: #333;
			background: #a5ada5;
		}
		.om-menu-inner a.om-touched {
			color: #333;
			background: #a5ada5;
		}
	
.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: #fff;

	color: #4a4a4a;
	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: 60%;
			height: auto;
			vertical-align:middle;
		}

.mobilefooter {
	position:fixed;
	z-index:9999;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background: #fff;

	color: #4a4a4a;
	border-top: 1px solid #c5cdc5;
	-webkit-box-shadow: 0 0 0.5em 0 #333;
	box-shadow: 0 0 0.5em 0 #333;
}
	.mobilefooter .inner {
		padding: 1em;
		text-align: center;
	}
	.mobilefooter a {
		color: #4a4a4a;
		text-decoration: none;
	}