@charset "utf-8";
/* CSS Document */

body{
	background:#3e3d3b;
	font:1em/1.5em 'Verdana', 'Arial', sans-serif;
}

/* ===== COLOUR PALETTE =====*/

.orange{
	color:#f07027;
}
.lt_orange{
	color:#ec961f;
}
.creme{
	color:#f3ecd0;
}
.dk_grey{
	color:#3e3d3b;
}
.mid_grey{
	color:#8e8f93;
}
.lt_grey{
	color:#dbdbe1;
}

/* ===== MAJOR CONTAINERS =====*/

#SITE_container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:1200px; 
	height:700px;
	height: auto;
	min-height: 700px;
	display:block;
	overflow:hidden;
	background: #ffffff;
	z-index:0;
}

#GALLERY_container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	height: auto;
	min-height: 100%;
	display:block;
	overflow:hidden;
	width:1200px; 
	background: #ffffff;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	border: 1px solid #999999;
	z-index:0;
}

#gallery_backdrop{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:120px;
	padding-top:60px;
	padding-bottom:60px;
	height: auto;
	min-height: 100%;
	display:block;
	overflow:hidden;
	width:100%; 
	background:#404041;
	border-top: 5px solid #f06f2b;
	border-bottom: 5px solid #f06f2b;
}

#gallery_cell{
	position:relative;
	float:left;
	width:20%;
	height:160px;
	margin-left:10%;
	margin-bottom:25px;
	overflow:hidden;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 	
	-webkit-box-sizing:border-box;
	border:1px solid #bbbdc0;
	background:#7a7b7e;
}

#gallery_entry_l {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	margin-top:auto;
	margin-bottom:auto;
}

#gallery_entry_p {
	position:relative;
	float:left;
	width:44.5%;
	margin-left:27.75%;
	margin-right:27.75%;
}

#gallery_entry_pana_l {
	position:relative;
	float:left;
	width:100%;
	margin-top:30px;
}

#gallery_entry_pana_p {
	position:relative;
	float:left;
	width:27.25%;
	margin-left:36.375%;
	margin-right:36.375%;
}

/* ====== HOME PAGE ====== */

#image_fullspread{
	position:relative;
	float:left;
	width:100%;
	height:100%;
}

.home_title {
	position:absolute;
	width:31%;
	padding-top:15px;
	padding-bottom:15px;
	bottom:33.33%;
	right:0px;
	font-family:"RespectiveSlanted";
	font-size:2.875em;
	letter-spacing:0.05em;
	line-height:150%;
	color:#4d4d4d;
	text-align:left;
	z-index:10;
}

.home_navigation {
	position:absolute;
	width:31%;
	bottom:24%;
	right:0px;
	font-family:"Bellerose";
	font-size:1.125em;
	letter-spacing:0.075em;
	line-height:175%;
	color:#666666;
	text-align:left;
	z-index:999;
}

.home_content_bar{
	position:absolute;
	width:33.33%;
	top:0px;
	right:0px;
	height:100%;
	background:#fff;
	z-index:5;
	opacity:0.8;
}

.home_content_seperator{
	position:absolute;
	width:2px;
	top:0px;
	right:33.33%;
	height:100%;
	background:#fff;
	z-index:6;
}

.site_outline{
	position:absolute;
	top:0px;
	left:0px;
	height:700px;
	width:1200px; 
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	border: 2px solid #a8a9ab;
	z-index:999;
}

/* ====== TEXT STYLING ====== */

.readings {
	position:absolute;
	width:75%;
	left:12.5%;
	color:#666666;
	font-family:"RespectiveSlanted";
	font-size:1.8125em;
	letter-spacing:0.125em;
	line-height:175%;
	z-index:999;
	text-align:center;
}

.thankyou {
	position:absolute;
	width:75%;
	left:12.5%;
	color:#666666;
	font-family:"Bellerose";
	font-size:1.125em;
	letter-spacing:0.0625em;
	line-height:180%;
	z-index:999;
	text-align:center;
}

/* ====== SUBPAGE STYLING ====== */

.page_nav {
	position:absolute;
	bottom:6.85714285714286%;
	right:12%;
	font-family:"Bellerose";
	color:#666666;
	font-size:1.125em;
	letter-spacing:0.1em;
	text-align:right;
	z-index:999;
}

.subpage_title_center {
	position:absolute;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	bottom:3.85714285714286%;
	font-family:"RespectiveSlanted";
	font-size:1.5em;
	letter-spacing:0.0625em;
	line-height:100%;
	color:#666666;
	text-align:center;
	z-index:999;
}

#subpage_section{
	position:relative;
	float:left;
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	font-family:"RespectiveSlanted";
	font-size:5em;
	letter-spacing:0.0em;
	line-height:100%;
	color:#666666;
	z-index:10;
}

.subpage_title_background {
	position:absolute;
	width:100%;
	bottom:3.6%;
	left:0%;
	z-index:1;
	box-shadow:0px 5px 7px #8c8c8c;
}

.glyph{
	position:absolute;
	z-index:1;
}

#image {
	position:relative;
	z-index:1;
}

#image_l_small{
	position:relative;
	z-index:1;
	margin-top:22%; 
}

#image_l {
	position:relative;
	z-index:1;
}

#image_p {
	position:relative;
	z-index:1;
}

#image_pana_l {
	position:relative;
	z-index:1;
}

.image_float {
	position:absolute;
	z-index:200;
}

/* ====== MISC STYLING ====== */

img.hover {display:none;border:0;}
A:hover img.hover {display:inline;}
A:hover img.nohover {display:none;}

img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	margin-bottom:-6px;
	border: 3px double #bbbdc0;
	background:#ffffff;
}

.noborder{
	border:0px solid #fff;
}

a.pagelink:link {
	text-decoration: none;
	color:#666666;;
}
a.pagelink:visited {
	text-decoration: none;
	color:#666666;
}
a.pagelink:hover {
	text-decoration: none;
	color:#f06f2b;
}
a.pagelink:active {
	text-decoration: none;
	color:#666666;
}

a.homelink:link {
	text-decoration: none;
	color:#666666;;
}
a.homelink:visited {
	text-decoration: none;
	color:#666666;
}
a.homelink:hover {
	text-decoration: none;
	color:#f06f2b;
}
a.homelink:active {
	text-decoration: none;
	color:#666666;
}

/* ====== MEDIA QUERIES ====== */

@media (max-width: 1200px) {
	
	#SITE_container {width:100%; height:700px;}
	.site_outline{height:100%;width:100%;}

}

@media (max-width: 1024px) {
	
	#SITE_container {width:100%; height:589px; min-height: 589px; margin-top:4%;}
	#image_fullspread{	width:100%;}
	.home_title{font-size:2.25em;}
	.site_outline{height:100%;width:100%;}
	#image_l_small {margin-top:17%;}
	#image_l {width:66.666%;}
	#image_p {width:29.666%;}
	#image_pana_l {width:83.333%;}
	#image_pana_p {width:18.25%;}
	.image_float {width:29.333%;}
	#subpage_section{font-size:4em;}
	#GALLERY_container{width:100%}
	#gallery_cell{height:133px;}
	#gallery_entry_pana_l {margin-top:26px;}
	.readings{font-size:1.375em; line-height:160%}
	.subpage_title_background {bottom:4.2%;}
	.subpage_title_center {bottom:4.2%;font-size:1.3em;}
	.page_nav {bottom:6.85714285714286%; font-size:1.125em; letter-spacing:0.1em;}
}


@media (max-width: 768px) {
	
	#SITE_container {width:100%; height:439px; min-height: 439px; margin-top:28.5644%;}
	#image_fullspread{	width:100%;}
	.home_title{font-size:1.875em;}
	.site_outline{height:100%;width:100%;}
	#image_l_small {width:40%; margin-top:17%;}
	#image_l {width:66.666%;}
	#image_p {width:29.666%;}
	#image_pana_l {width:83.333%;}
	#image_pana_p {width:18.25%;}
	.image_float {width:29.333%;}
	#subpage_section{font-size:4em;}
	#GALLERY_container{width:100%}
	#gallery_cell{height:133px;}
	#gallery_entry_pana_l {margin-top:26px;}
	.subpage_title_center {font-size:1.25em;}
	.home_navigation{font-size:0.8125em;	line-height:225%; bottom:22%;}
	.readings{font-size:1.125em; line-height:150%;}
	.subpage_title_background {bottom:4.4%;}
	.subpage_title_center {bottom:3.8%;font-size:1em;}
	.page_nav {bottom:6.85714285714286%; font-size:1em; letter-spacing:0.1em;}
}