@import url('https://fonts.googleapis.com/css?family=Muli:400,600,700,800,900|Open+Sans:400,700|Mali:400');
html, body {
	padding:0;
	margin:0;
	font-family: 'Muli', sans-serif;
	width: 100%;
	height: 100%;
	/* overflow-x: hidden; Disabled to fix scroll */
}
body {
	background: #FFFFFF;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
.pagewrapper {
	float: left;
	width: 100%;
	background: #FFFFFF;
}
.wrapper {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
#header {
	position: fixed; /* Force to top for dropdown */
	width: 100%;
	z-index: 900;
}
#header.header {
	background: #FFFFFF;
	color: #666666;
}
#header.headerhome {
	background: #FFFFFF;
	background: rgba(255,255,255, .9);
	color: #666666;
}
#header #logo {
	float: left;
}
#header #logo #logo_inner {
	background: url('../img/assets/logox102x90.png') center no-repeat;
	width: 360px;
	height: 100px;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#header #logo a {
	display: block;
	padding: 0;
}
#header #contact {
	float: left;
	text-align: right;
	width: 100%;
	padding: 5px 0 16px 0;
}
/*********************************************************************************/
/* Smaller Header                                                                */
/*********************************************************************************/
#header.smaller #logo #logo_inner {
	/* animation magic */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 200px;
	height: 70px;
	background: url('../img/assets/logox68x60.png') center no-repeat;
}
/*********************************************************************************/
/* Menu.                                                                         */
/*********************************************************************************/
#header .navigation_left,
#header .navigation_right {
	display: block;
	margin: 0 auto;
	text-align: center;
}
#header .navigation_right {
	text-align: right;
}
#header .navigation_left ul,
#header .navigation_right ul {
	margin: 0 0 0 1%;
}
#header .navigation_left ul li,
#header .navigation_right ul li {
	display: inline-block;
	list-style: none;
	font-size: .875rem;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 0;
	text-transform: uppercase;
}
#header .navigation_left ul li a,
#header .navigation_right ul li a {
	color: #66666;
	text-decoration: none;
	display: block;
	padding: 3rem 1.5rem 2rem 1.5rem;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
#header.header .navigation_left ul li a,
#header.header .navigation_right ul li a {
	color: #666666;
}
#header.headerhome .navigation_left ul li a,
#header.headerhome .navigation_right ul li a {
	color: #666666;
}
#header.header .navigation_left ul li a:hover,
#header.header .navigation_right ul li a:hover,
#header.headerhome .navigation_left ul li a:hover,
#header.headerhome .navigation_right ul li a:hover {
	color: #CC0000;
	text-decoration: none;
	display: block;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}
#header.header .navigation_left ul li a.selected,
#header.header .navigation_right ul li a.selected,
#header.headerhome .navigation_left ul li a.selected,
#header.headerhome .navigation_right ul li a.selected {
	color: #CC0000;
}
/*********************************************************************************/
/* Dropdown Menu                                                                 */
/*********************************************************************************/
#header .navigation_left ul li ul,
#header .navigation_right ul li ul {
	position: absolute;
	visibility: hidden;
	margin:0;
	padding: 0;
	z-index: 1;
}
#header .navigation_left ul li ul li,
#header .navigation_right ul li ul li {
	display: block;
	float: none;	
	text-transform: none;
	background: #000000;
	background: rgba(0, 0, 0, 0.7);
}
#header .navigation_right ul li ul li {
	text-align: left;
}
#header .navigation_left ul li ul li a,
#header .navigation_right ul li ul li a {
	color: #FFFFFF;
	font-size: 1rem;
}
#header .navigation_left ul li ul li a:hover,
#header .navigation_right ul li ul li a:hover {
	background: #000000;
	color: var(--menu-gold);
	border: 0;
}
#header .navigation_left ul li ul li a,
#header .navigation_right ul li ul li a,
#header .navigation_left ul li ul li a:hover,
#header .navigation_right ul li ul li a:hover {
	padding: 1.25rem 1rem;
}
#header .navigation_left ul li ul li.title,
#header .navigation_right ul li ul li.title {
	font-size: 1.25rem;
	font-weight: 500;
	padding: 2rem 1rem 1rem 1rem;
}
#header .navigation_left ul li ul li.title a,
#header .navigation_left ul li ul li.title a:hover,
#header .navigation_right ul li ul li.title a,
#header .navigation_right ul li ul li.title a:hover {
	padding: 0;
}
/*********************************************************************************/
/* Reduced menu on scroll.                                                       */
/*********************************************************************************/
#header.smaller .navigation_left ul li a,
#header.smaller .navigation_right ul li a {
	padding: 2rem 1rem;
}
#header.smaller .navigation_left ul li ul li a,
#header.smaller .navigation_right ul li ul li a,
#header.smaller .navigation_left ul li ul li a:hover,
#header.smaller .navigation_right ul li ul li a:hover {
	padding: 1.25rem 1rem;
}
#header.smaller .navigation_left ul li ul li.title,
#header.smaller .navigation_right ul li ul li.title {
	padding: 1rem 0 0 0;
}
/*********************************************************************************/
/* Responsive Menu                                                               */
/*********************************************************************************/
.slicknav_menu {
	display:none;
}
#header #menuresp {
	display: none;
}
/*********************************************************************************/
/* Home Video                                                                    */
/*********************************************************************************/

/*********************************************************************************/
/* Home Promo                                                                    */
/*********************************************************************************/
div.wrap {
	height: 100%;
	width: 33.33333%;
	overflow: hidden;
	position: relative;
	float: left;
}

div.wrap > div {
	position: absolute;
	height: 100%;
	width: 100%;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
}
div.wrap.promo1 > div {
  background: url('../img/assets/overlay-gold.png'), url('../img/banner/bride.jpg') center right no-repeat;
  background-size: cover;
}

div.wrap.promo2 > div {
  background: url('../img/assets/overlay-green.png'), url('../img/banner/corporate.jpg') center right no-repeat;
  background-size: cover;
}

div.wrap.promo3 > div {
  background: url('../img/assets/overlay-red.png'), url('../img/banner/roulette.jpg') center center no-repeat;
  background-size: cover;
}

div.wrap.promo2 #scroll {
	display: inline-block;
	margin: 6em 0 0 0;
	text-align: center;
	width: 100%;
}
div.wrap.promo2 #scroll a {
	display: inline-block;
}
div.wrap:hover > div {
	-moz-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
div.wrap.promo1 h1,
div.wrap.promo2 h1,
div.wrap.promo3 h1 {
	font-size: 3rem;
	color: #fff;
	text-align: center;
	margin-top: 50%;
	height: 8rem;
	font-weight: 300;
}
div.wrap.promo1 .button,
div.wrap.promo2 .button,
div.wrap.promo3 .button {
  display: block;
  margin: 0 auto;
  height: 2.5rem;
  padding-top: 1.3rem;
  width: 15rem;
  text-align: center;
  color: #fff;
  border: #fff solid 0.2rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
div.wrap.promo1 .button:hover,
div.wrap.promo2 .button:hover,
div.wrap.promo3 .button:hover {
  background-color: var(--left-button-hover-color);
  border-color: var(--left-button-hover-color);
}
div.wrap.promo1 .button:hover {
  background-color: var(--gold-button-hover-color);
}
div.wrap.promo2 .button:hover {
  background-color: var(--green-button-hover-color);
}
div.wrap.promo3 .button:hover {
  background-color: var(--red-button-hover-color);
}
/*********************************************************************************/
/* Promo Wrapper                                                                 */
/*********************************************************************************/
.fullwidthpromo {
	width: 100%;
	display: flex;
	align-items: center;
}
.fullwidthpromo.promoleft {
	flex-direction: row;
}
.fullwidthpromo.promoright {
	flex-direction: row-reverse;
}
.fullwidthpromo .imgblock,
.fullwidthpromo .mapblock,
.fullwidthpromo .subtitleblock,
.fullwidthpromo .moreblock {
	display: inline-block;
	width: 50%;
	margin: 0;
}
.fullwidthpromo .imgblock {
	background: #000000;
}
.fullwidthpromo .mapblock {
	display: initial;
	margin: 0;
	padding: 0;
	width: 70%;
	background: #000000;
}
.fullimage .imgblock,
.fullimage .mapblock {
	width: 100%;
}
.bggrey {
	background: #333333;
}
.bgwhite {
	background: #FFFFFF;
}
.bgdark {
	background: #CC0000;
}
.bgcream {
	background: #FFFAE6;
}
.bgpurple {
	background: #4D0033;
}
.bgdarkred {
	background: #800000;
}
.bgmidblue {
	background: #305C92;
}
.bglightblue {
	background: #0194EB;
}
.bgwarmgrey {
	background: #e4e2de;
}

.textwhite {
	color: #FFFFFF;
}
.textwhite a {
	color: #FFFFFF;
}
.textdark p {
	color: #666666;
}
.textdark h2,
.textdark a {
	color: #800000;
}
.textred h2,
.textred p,
.textred a {
	color: #CC0000;
}
.fullwidthpromo .textblock {
	float: left;
	width: 40%;
	padding: 0 5%;
	display: initial; /* Reset flex attributes */
}
.fullwidthpromo .textmapblock {
	width: 20%;
	padding: 0 5%;
}

.promowideimg .imgblock,
.promowideimg .mapblock {
	width: 65%;
}
.promowideimg .textblock {
	width: 25%;
	padding: 0 5%;
}
.fullwidthpromo .textblock h2,
.fullwidthpromo .textblock p,
.fullwidthpromo .textblock li {

}
.fullwidthpromo .textblock p {
	font-size: 1.125rem;
	line-height: 150%;
	font-weight: 600;
}
.fullwidthpromo .textblock p.readmore {
	font-size: 1rem;
	line-height: 200%;
	font-weight: 400;
}
.fullwidthpromo .textblock h2 {
	font-weight: 800;
	margin: 0;
	font-size: 1.875rem;
	text-transform: uppercase;
}
.fullwidthpromo .textproject h2 {
	font-weight: 600;
	font-size: 2.5rem;
	text-transform: uppercase;
}
.fullwidthpromo .textproject p {
	font-size: 1.375rem;
	line-height: 150%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.fullwidthpromo .textblock h2 a {
	text-decoration: none;
}
.fullwidthpromo .textblock p a {
	text-decoration: none;
}
.fullwidthpromo .textblock p .sub {
	font-size: 24px;
}
.fullwidthpromo .textblock ul {
	float: left;
	list-style: none;
}
.fullwidthpromo .textblock ul li {
	font-weight: 400;
	margin-bottom: 1.5em;
	letter-spacing: 1px;
}
.fullwidthpromo .textmapblock h2,
.fullwidthpromo .textmapblock p {
	width: 100%;
	text-align: center;
}
.fullwidthpromo .textmapblock h2,
.fullwidthpromo .smalltitle h2 {
	display: inline-block;
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	border-bottom: solid 2px #FFFFFF;
	margin: 0 auto 10px auto;
	padding-bottom: 5px;
}
.bgpurple .textmapblock h2,
.bgpurple .smalltitle h2 {
	border-bottom: solid 2px #FFFFFF;
}
.fullwidthpromo .textmapblock p,
.fullwidthpromo .smalltext p {
	font-size: 1.125rem;
	line-height: 150%;
	margin-bottom: 1em;
}
.fullwidthpromo .imgblock img {
	width: 100%;
	height: auto;
	margin: 0;
	vertical-align:top;
	display: block;
}
.promocentre {
	float: left;
	width: 100%;
	text-align: center;
	padding: 80px 0;
}
.promocentre h3,
.promocentre p {
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 3px;
}
.promocentre h3 {
	display: inline-block;
	margin: 0 auto 20px auto;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.promocentre p {
	font-size: 24px;
	margin-bottom: 24px;
}
.textwhite h3 {
	border-bottom: solid 2px #FFFFFF;
}

.promomore {
	background: #305C92;
}
.promomore .subtitleblock {
	background: #0194EB;
}
.promomore .subtitleblock,
.promomore .moreblock {
	text-transform: uppercase;
	padding: 1rem 5%;
	line-height: 150%;
	letter-spacing: 1px;
}
.fullwidthpromo .textblock.animate h2 a,
.fullwidthpromo .textblock.animate p a,
.promomore .moreblock a {
	text-decoration: none;
	transition: all 1s;
	font-size: 100%;
}
.fullwidthpromo .textblock.animate h2 a:hover,
.fullwidthpromo .textblock.animate p a:hover,
.promomore .moreblock a:hover {
	transition: all 1s;
	font-size: 110%;
}
.projectpromo,
.projectgallery,
.contentblock {
	width: 90%;
	display: flex;
	align-items: center;
	padding: 0 5%;
	margin: 5rem 0;
}
.contentblock.imagetop {
	align-items: flex-start;
}
.projectpromo.promoleft,
.contentblock.promoleft {
	flex-direction: row;
}
.projectpromo.promoright,
.contentblock.promoright {
	flex-direction: row-reverse;
}
.projectpromo .image,
.contentblock .image {
	width: 60%;
	margin: 0;
}
.contentblock .image {
	width: 60%;
	margin: 0;
}
.contentblock.imagetop .image {
	margin: 5rem 0 0 0;
}
.contentblock .image img,
.projectpromo .image img {
	width: 100%;
	height: auto;
}
.contentblock .image a img,
.projectpromo .image a img {
	transition: all 1s;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}
.contentblock .image a:hover img,
.projectpromo .image a:hover img {
	transition: all 1s;
	-moz-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
.contentblock .text,
.projectpromo .text {
	width: 30%;
	margin: 0 5%;
}
.contentblock .image {
	width: 50%;
}
.contentblock .text {
	width: 60%;
}
.projectpromo .text h1,
.contentblock .text h1 {
	color: #CC0000;
	font-size: 2rem;
}
.contentblock .titledecorate {
	margin: 2rem auto;
	min-width: 210px;
	width: 100%;
	padding-bottom: 2rem;
	background: url('../img/assets/h1-bg.png') center bottom no-repeat;
}
.contentblock .titledecorate h1 {
	margin-bottom: 3rem;
}
.projectpromo .text h2,
.contentblock .text h2 {
	color: #CC0000;
	font-size: 1.875rem;
}
.projectpromo .text h2 {
	text-transform: uppercase;
}
.contentblock .text h3 {
	color: #0092EB;
	font-size: 1.5rem;
}
.projectpromo .text h2 a {
	color: #0092EB;
	text-decoration: none;
	transition: all 1s;
}
.projectpromo .text h2 a:hover {
	color: #666666;
	transition: all 1s;
	font-size: 110%;
}
.projectpromo .text p {
	color: #666666;
	font-size: 1.125rem;
	line-height: 150%;
}
.contentblock .text p,
.contentblock .singleline li {
	font-size: 1.125rem;
	line-height: 150%;
	font-weight: 600;
	color: #666666;
}
.contentblock .singleline {
	float: left;
	width: 100%;
	margin: 0 0 2rem 0;
	padding: 0;
}
.contentblock .singleline li:before {
	content: "\25A0  ";
	font-family:"Arial Black";
	color: #0092EB;
	padding-right: .5rem;
}
.contentblock .singleline li {
	float: left;
	margin: 0 1rem 0 0;
}
.contentblock .singleline li {
	list-style-type: none;
}
.projectpromo .text p.standfirst {
	color: #0092EB;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1.125rem;
}
.projectmain {
	margin: 20rem 0 5rem 0;
}
.projectmain .text {
	width: 26%;
	margin: 0 5%;
	padding: 1rem 2%;
	background: #ECECEC;
}
.projectgallery.reverse {
	flex-direction: reverse;
	align-items: stretch;
	justify-content: flex-end;
}
.projectgallery .image,
.projectgallery.reverse .image {
	width: 70%;
	margin: 0;
}
.projectgallery .image.width50,
.projectgallery.reverse .image.width50 {
	width: 50%;
}
.projectgallery .image img,
.projectgallery.reverse .image img {
	display: block;
	margin: 0 auto;
}
.projectlink {
	margin: 2rem 0;
}
.projectlink .text {
	min-width: 25%;
	margin: 2rem 5%;
	padding: 1rem 2%;
	background: #ECECEC;
	float: right;
}
.projectlink .text p {
	color: #666666;
	font-size: 1.5rem;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: 700;
}
.projectlink .text h3 {
	color: #0092EB;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1.75rem;
}
.projectlink .text h3 a {
	color: #0092EB;
	text-decoration: none;
}

.contentblock .textblockcentre,
.projectpromo .textblockcentre {
	margin: 0 auto;
}
.contentblock .textfull,
.projectpromo .textfull {
	width: 90%;
	margin: 0 5%;
}

.projectpromo .textcentre h1,
.contentblock .textcentre h1,
.projectpromo .textcentre h2,
.contentblock .textcentre h2,
.contentblock .textcentre h3,
.projectpromo .text p {
	text-align: center;
}
/*********************************************************************************/
/* Main Image For Content Pages                                                  */
/*********************************************************************************/
.mainimage,
.mainimageres {
	float: left;
	width: 100%;
	margin-top: 100px;
}
.mainimage img,
.mainimageres img {
	width: 100%;
	height: auto;
	float: left;
}
.mainimage .captionwrapper,
.mainimageres .captionwrapper {
	position: absolute;
	max-width: 1200px;
	margin: auto;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 98;
}
.mainimage .captionwrapper .caption,
.mainimageres .captionwrapper .caption {
	bottom: 0;
	width: 100%;
	right: 0;
	color: #FFFFFF; 
	z-index: 99;
	position: absolute;
}
.mainimage .captionwrapper .caption p,
.mainimageres .captionwrapper .caption p {
	color: #000000;
	text-align: right;
	font-size: 10px;
}
.mainimageres {
	display: none;
}
.mainimagesplit {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	background: #193441;
}
.mainimagesplit img {
	width: 50%;
	height: auto;
}
.mainimagesplit .title  {	
	width: 40%;
	padding: 0 7% 0 3%;
}
.mainimagesplit .title h1 {
	color: #FFCC33;
	font-size: 2.5rem;
}
.mainimagesplit .title p {
	color: #FFFFFF;
	font-size: 1.375rem;
	line-height: 150%;
}
.mainvideo {
	background: #FCFCFC;
}
#videowrapper video {
	display: block; /* remove gap below video */
	margin-top: -200px; /* For >1600px default to cover the video height */
}
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
.contentwrapper {
	float: left;
	padding: 3rem 0;
	width: 100%;
}
.contentwrapper.notop {
	padding: 0 0 3rem 0;
}
.contentwrapper .contentleft {
	float: left;
	width: 70%;
	margin: 0 5% 0 0;
}
.contentwrapper .contentright {
	float: left;
	width: 25%;
}
.contentwrapper hr {
	 border: 0; 
	 height: 0; 
	 border-top: 1px solid rgba(0, 0, 0, 0.1); 
	 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	 margin: 3rem 0;
	 width: 100%;
	 float: left;
}
.contentwrapper h1,
.contentwrapper h2 {
	display: block;
	letter-spacing: 1px;
	font-weight: 300;
	font-size: 2.5rem;
	margin: 0 0 3rem 0;
	color: #990000;
	height: auto;
}
.contentwrapper h2 {
	color: #0092EB;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 1rem 0;
}
.contentwrapper h3 {
	color: #333333;
	font-size: 25px;
	margin-bottom: 1rem;
}
.contentwrapper h4 {
	color: #333333;
	font-size: 20px;
	margin-bottom: 1rem;
}
.contentwrapper h2 .verysmall {
	font-size: .5em;
}
.contentlist {
	margin: 1em 2%;
}
.contentwrapper p,
.contentwrapper .contentlist li {
	color: #333333;
	font-size: 1rem;
	line-height: 150%;
	margin-bottom: 2rem;
}
.contentwrapper .contentlist li {
	margin-bottom: 1rem;
}
.blocklist {
	margin 1rem 2%;
}
.blocklist li {
	float: left;
	width: 98%;
	padding: 1rem 1%;
	margin: 0 0 1rem 0;
	list-style-type: none;
}
.blocklist li.shade {
	background: #FAFAFA;
}
.blocklist li h3 {
	float: left;
	width: 100%;
	font-size: 1.25rem;
	margin: 0 0 1rem 0;
}
.blocklist li img {
	float: left;
	width: 20%;
	max-width: 100%;
	height: auto;
	margin: 0 2% 1rem 0;
	border: solid 1px #333333;
}
.blocklist li .info {
	float: left;
	width: 75%;
}
.blocklist li .info p.small{
	font-size: .875rem;
}
.contentwrapper p.standfirst {
	color: #0092EB;
	font-size: 1.5rem;
	font-weight: 700;
}
.contentwrapper .centre,
.contentwrapper.contentcentre {
	text-align: center;
}
.contentwrapper p .small {
	font-size: 90%;
}
.contentwrapper p .price {
	font-weight: 700;
	font-size: 20px;
}
.contentwrapper p .soldout {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	color: #CC0000;
}
.contentwrapper h2 a, .contentwrapper h3 a, .contentwrapper h4 a, .contentwrapper p a {
	color: #333333;
	-moz-transition: color ease-out .5s;
	-o-transition: color ease-out .5s;
	-webkit-transition: color ease-out .5s;
	transition: color ease-out .5s;
}
.contentwrapper p a,
.contentwrapper .contentlist li a {
	color: #4D0033;
	font-weight: 700;
	text-decoration: none;
}
.contentwrapper p a:hover, .contentwrapper h2 a:hover, .contentwrapper h3 a:hover, .contentwrapper h4 a:hover, .contentwrapper .contentlist li a:hover {
	color: var(--red-100);
	text-decoration: underline;
}
.contentwrapper .contentimage {
	float: left;
	width: 100%;
	height: auto;
	margin: 1em 0;
}
.contentimagefull {
	float: left;
	width: 100%;
	height: auto;
	margin: 1.5em 0;
}
.contentwrapper .imageborder {
	border: solid 1px #000000;
	/*width: inherit;  /* This makes the next two lines work in IE8. */
    max-width: 100%;
    height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 30px;	
}
.contentwrapper .preview {
	float: left;
	width: 100%;
	margin: 2rem 0;
}
.contentwrapper .preview .imgright {
	float: right;
	width: 50%;
	height: auto;
	margin: 0 0 1em 5%;
	border: solid 1px #ECECEC;
}
.pseudobuttonwrapper {
	width: 100%;
	float: left;
	text-align: center;
}
.pseudobutton a,
.pseudobuttonsml a {
	display: inline-block;
	background: #800000;
	text-decoration: none;
	color: #FFFFFF;	
	padding: 1em;
	margin: 1em 0;
	-moz-transition: background-color ease-out .5s;
	-o-transition: background-color ease-out .5s;
	-webkit-transition: background-color ease-out .5s;
	transition: background-color ease-out .5s;
}
.pseudobutton a {
	font-size: 1.5rem;
}
.pseudobutton a:hover {
	background: #CC0000;
}
.pseudobuttonsml a {
	font-size: 90%;
}
.pagewrapper .clientlogo {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 0 5rem 0;
}
.pagewrapper .clientlogo img {
	margin: 1rem 2%;
	height: 70px;
	width: auto;
}
.contentwrapper .contentright .box {
	float: left;
	width: 100%;
	margin: 0 0 2rem 0;
	background: rgba(232, 192, 74, 1);
	padding: 1rem 0;
}
.contentwrapper .contentright .box h2,
.contentwrapper .contentright .box h3 {
	color: #FFFFFF;
	text-align: left;
	font-size: 1.25rem;
	margin: 0;
	letter-spacing: normal;
}
.contentwrapper .contentright .box h2 {
	padding: 0 0 1rem 0;
}
.contentwrapper .contentright .box h3 {
	font-size: 1.125rem;
	font-weight: 400;
}
.contentwrapper .contentright .box h3.large {
	font-size: 2rem;
}
.contentwrapper .contentright .box h2,
.contentwrapper .contentright .box h3,
.contentwrapper .contentright .box p {
	margin: 0 2%;
}
.contentwrapper .contentright .box h2 a,
.contentwrapper .contentright .box h3 a,
.contentwrapper .contentright .box p a {
	text-decoration: none;
	color: #FFFFFF;
}
.contentwrapper .contentright .box h2 a:hover,
.contentwrapper .contentright .box h3 a:hover,
.contentwrapper .contentright .box p a:hover {
	text-decoration: underline;	
}
.contentwrapper .contentright .box img {
	float: left;
	margin: 1rem 0;
}
.contentwrapper .contentright .box img.fullimage {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.textblockcentre .profile {
	float: left;
	width: 35%;
	margin: 0 5% 1rem 0;
}
.textblockcentre .profile img {
	border-radius: 50%;
	width: 100%;
	height: auto;
}


.instagramwrapper {
	float: left;
	width: 100%;
	background: #FFFFFF;
	padding: 0 0 2rem 0;
}
.instagramwrapper h2 {
	font-size: 1.75rem;
	line-height: 125%;
	color: #CC0000;
	text-align: center;
}
.instagramwrapper p {
	font-size: 1.125rem;
	line-height: 125%;
	color: #CC0000;
	text-align: center;
}
.instagramwrapper p.small {
	font-size: 1rem;
	margin: 0;
	color: #CC0000;
}
.instagramwrapper a {
	color: #CC0000;
	text-decoration: none;
	font-weight: 700;
}
.instagramwrapper a:hover {
	text-decoration: underline;
}

.testimonialwrapper {
	float: left;
	width: 100%;
	background: #09424F;
	padding: 2rem 0;
	margin: 5rem 0;
}
.testimonialwrapperhome {
	background: #800000;
}
.testimonialwrapper p {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 125%;
	color: #FFFFFF;
	font-family: 'Mali', cursive;
}
.testimonialwrapper p.small {
	font-size: 1rem;
	margin: 0;
	color: #FFFFFF;
	font-family: 'Muli', sans-serif;
}
/*********************************************************************************/
/* Content News and Events                                                       */
/*********************************************************************************/
.contentwrapper .articlewrapper {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
.contentwrapper .articlewrapper .articlethumb {
	float: left;
	width: 15%;
	margin-right: 2%;
	border: solid 1px #CCCCCC;
}
.contentwrapper .articlewrapper .articlethumb img {
	max-width: 100%;
	height: auto;
	display: block;
}
.contentwrapper .articlewrapper .articleindextext {
	float: left;
	width: 75%;
}
.contentwrapper .articlewrapper .articleindextext h3 {
	font-size: 1.25em;
	margin: 0;
}
.contentwrapper .articlewrapper .articleindextext p {
	font-size: 1em;
	margin: 0;
}
.contentwrapper .articlewrapper .articleindextext p.strong {
	font-weight: 700;
}
.contentwrapper .articlewrapper .articleindextext p.date {
	font-size: 1em;
	margin: 0 0 1em 0;
}
.contentwrapper .articlewrapper .articleindextext p.small {
	font-size: .875em;
}
.contentwrapper .articlewrapper .articleindextext p.margin {
	margin: .5em 0;
}
.contentwrapper .articlewrapper .articleindextext h3 a, 
.contentwrapper .articlewrapper .articleindextext p a {
	text-decoration: none;
}
.contentwrapper .articlewrapper .articleindextext h3 a:hover, 
.contentwrapper .articlewrapper .articleindextext p a:hover {
	text-decoration: underline;
}
.contentwrapper .newsarticle h2 {
	text-align: left;
}
.contentwrapper .newsarticle p.standfirst {
	font-size: 1.25rem;
	color: #333333;
}
.contentwrapper .pager {
	float: left;
	list-style-type: none;
	margin: 2em 0;
	padding: 0;
}
.contentwrapper .pager li {
	float: left;
	margin: 1em 1em 1em 0;
	font-weight: bold;
}
.contentwrapper .pager li a {
	background: #ECECEC;
	color: #000000;
	padding: .5em 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.contentwrapper .pager li a.selected,
.contentwrapper .pager li a:hover {
	background: rgba(229, 189, 80, 1);
	color: #FFFFFF;
}

/*********************************************************************************/
/* Enquiry Form                                                                  */
/*********************************************************************************/
#enquiryform {
	float: left;
	width: 100%;
	padding: 4rem 0 2rem 0;
	background: #ECECEC;
}
/*********************************************************************************/
/* Content Form                                                                  */
/*********************************************************************************/
.formblock {
	width: 30%;
	padding: 1rem 3%;
	margin: 0 2%;
	background: #FFFFFF;
	
}
#ajaxform {
	float: left;
	width: 90%;
	margin: 1rem 0;
}
.contentform h2 {
	font-size: 1.25rem;
	text-transform: uppercase;
	color: #B30044;
}
.contentform p {
	font-size: 1rem;
	color: #666666;
}
.contentform p .darkstrong {
	font-weight: 800;
	color: #CC0000;
}
.contentform p .midstrong,
.contentform p .midstrong a {
	font-weight: 800;
	color: #B30044;
	text-decoration: none;
}
.contentform p .midstrong a:hover {
	text-decoration: underline;
}
.contentform h3 {
	font-size: 1rem;
	text-transform: uppercase;
	color: #CC0000;
	margin: 0;
}
.contentform .formlayout {
	float: left;
	width: 100%;
	padding: 0;
}
.contentform .formlayout li {
	width: 100%;
	margin: .75rem 0;
	list-style-type: none;
	color: #666666;
}
.contentform .formlayout li.halfwidth {
	width: 50%;
}
.contentform .formobject,
.contentform .formfileobject,
.contentform textarea {
	width: 96%;
	color: #666666;
	border: 0;
	font-size: .875rem;
	padding: .5rem 2%;
	background: #ECECEC;
}
.contentform .formobject::placeholder,
.contentform textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #999999;
	opacity: 1; /* Firefox */
}
.contentform .formobject:-ms-input-placeholder,
.contentform textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #999999;
}
.contentform .formobject::-ms-input-placeholder,
.contentform textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: #999999;
}
.contentform .formautowidth {
	width: auto;
}
.contentform .formfileobject {
	color: #999999;
	border: 0;
}
.contentform textarea {
	resize: none; /* disables resizability */
}
.contentform .formlayout li.liselect {
	width: 100%;
	border: 1px solid #999999;
	margin: .75rem 0;
	background: #FFFFFF url("../img/assets/formarrow.png") no-repeat 95% 50%;
}
.contentform .formlayout li.halfwidth.liselect {
	width: 50%;
}
.contentform .formlayout li.liselect select {
	padding: .5rem 1%;
	width: 98%;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	font-size: 1.125rem;
	color: #999999;
}
.contentform .formbutton {
	display: inline-block;
	background: #990000;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: .75em 2rem;
	margin: 1em 0;
	border: 0;
	font-size: 1rem;
	letter-spacing: 2px;
	-moz-transition: background-color ease-out .5s;
	-o-transition: background-color ease-out .5s;
	-webkit-transition: background-color ease-out .5s;
	transition: background-color ease-out .5s;
	-webkit-appearance: none;
	-webkit-border-radius:0; 
	border-radius:0;
}
.contentform .formbutton:hover {
	background: #CC0000;
}
.contentform .successmsg p {
	color: #666666;
	font-weight: bold;
}
.contentform .errormsg p {
	color: #CC0000;
}
.fullwidthpromo .mapblock {
	display: inline-block;
	width: 56%;
	margin: 0 2%;
	background: #000000;
}
/*********************************************************************************/
/* Google Map                                                                    */
/*********************************************************************************/
#googleMap {
	margin: 0;
	float: left;
	width: 100%;
	height: 75%;	
	min-height: 700px;
	border: 0;
	background: #FFFFFF;
}
/*********************************************************************************/
/* Gallery                                                                       */
/*********************************************************************************/
.gallerywrapper {
	float: left;
	width: 100%;
	padding: 2rem 0;
}
.gallerywrapper h2 {
	font-size: 1.5rem;
}
.gallerythumbholder {
	float: left;
	width: 100%;
}
.gallerythumbwrapper {
	float: left;
	width: 98%;
	padding: 1em 1%;
	margin: 1em 0;
}
.gallerythumbwrapper .gallerythumbs {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.gallerythumbwrapper .gallerythumbs li {
	list-style-type: none;
	flex-basis: 17%;
	margin: .5em 1%;
}
.gallerythumbwrapper .gallerythumbs li img {
	width: 100%;
	height: auto;
	border: 1px #666 solid;
}
.gallerythumbwrapper .gallerythumbs li p {
	font-size: .875em;
	margin: .5em 0;
	line-height: 125%;
}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer {
	float: left;
	width: 98%;
	margin: 2em 1% 1em 1%;
}
#footer, #footer p, #footer li {

}
#footermenu {
	float: left;
	margin: 0 0 2em 0;
	width: 100%;
}
#footermenu ul {
	text-align: center;
	padding:0;
	z-index: 999;
}
#footermenu ul li {
	display: inline-block;
	list-style:none;
	font-size: .75rem;
}
#footermenu ul li a {
	text-decoration: none;
	color: #666666;
	display: block;
	padding: .5em 2em;
	font-weight: 400;
	-moz-transition: color ease-out .5s;
	-o-transition: color ease-out .5s;
	-webkit-transition: color ease-out .5s;
	transition: color ease-out .5s;
}
#footermenu ul li a:hover {
	color: #D2CBC6;
}
#footer #address,
#footer #social {
	float: left;
	width: 100%;
	font-size: .75rem;
	color: #FEFEFE;
}
#footer #address {
	background: url('../img/assets/logox200x176mono.png') top center no-repeat;
	background-size: contain;
	padding: 95px 0 0 0;
	margin: 2rem 0 1rem 0;
}
#footer #address p.large {
	font-size: 1rem;
	line-height: 150%;
	margin-bottom: 1em;
	font-weight: 400;
}
#footer #address p a {
	color: #FFFFFF;
}
#footer #twitter {
	float: right;
	display: block;
}
#footer #twitter a {
	color: #FFFFFF;
}
#footer #twitter .customisable-highlight {
	color: #FF0000;
}
#footer #social {
	width: 100%;
	margin: 20px 0 0 0;
	float: right;
}
#footer #social.socialtop {
	margin: 120px 0 0 0;
	float: left;
}
#footer #social img {
	margin: .5rem;
	float: right;
	max-width: 50px;
	height: auto;
}
#footer #logos {
	float: left;
	text-align: center;
	width: 50%;
	margin: .5em 0 0 0;
}
#footer #logos img {
	float: right;
	margin: 0 .25em;
	width: auto;
	height: 100%;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper a {
	color: #999999;
	-moz-transition: color ease-out .5s;
	-o-transition: color ease-out .5s;
	-webkit-transition: color ease-out .5s;
	transition: color ease-out .5s;
	text-decoration: none;
}
#footer #creditswrapper {
	float: left;
	width: 100%;
	margin: 1.5em 0;
	font-family: 'Open Sans', sans-serif;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper #webcredit {
	font-size: .875rem;
	float: left;	
	font-weight: 400;
}
#footer #creditswrapper #copyright {
	width: 65%;	
}
#footer #creditswrapper #webcredit {
	width: 35%;	
	text-align: right;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper #webcredit {
	width: 100%;	
	text-align: center;
}
#footer #creditswrapper #webcredit {
	margin-top: 1rem;
	font-size: .75rem;
}
#footer #creditswrapper #copyright a:hover {
	color: #D2CBC6;
}
#footer #creditswrapper #webcredit #beachshore:hover {
	color: #0092EB;
	/*color: #409FBB;*/
}
#footer #creditswrapper #webcredit #beachshore #beachshorebold {
	font-weight: 700;
}
#footer #terms {
	margin: 0 2em;
}
@media(max-width: 1200px) {
  h1 {
    font-size: 2rem;
    height: 6rem;
  }
  .header #menu,
  .header #contact {
	  max-width: 800px;
  }

  .button {
    width: 12rem;
  }
}

@media(max-height: 700px) {
  .button {
    top: 70%;
  }
}