@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-color: #fff;
	margin: 5px
}

body.menu_open {
	overflow: hidden;
}

,
dl, ol, ul {
	padding: 0;
	margin: 0
}

,
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px
}

p {
	margin-top: 0
}

a img {
	border: none
}

.container {
	margin: 0 auto
}

.insidecontent {
	width: 960px;
	margin: 0 auto
}

#header {
	width: 100%;
	background-image: url(../images/header.jpg);
	background-repeat: repeat-x;
	height: 140px
}

#footer {
	width: 100%;
	background-image: url(../images/footer-bg2015.jpg);
	text-align: center;
	color: #F5F5F5;
	height: 158px;
	position: relative;
	clear: both;
	background-repeat: repeat-x
}

#footer a {
	color: #F5F5F5;
	text-decoration: none
}

#footer a:hover {
	text-decoration: underline
}

article, aside, figure, footer, header, section {
	display: block
}

.marble {
	width: 100%;
	background-image: url(../images/whitemarblebackground.jpg);
	background-repeat: repeat-x;
	height: 448px
}

.photo {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.bookmarks {
	text-align: center
}

.bookmarks a {
	display: inline-block;
	width: 34px;
	height: 34px
}

.bookmarks a:hover {
	background-position: 0 -34px
}

.bookmarks .facebook {
	background: url(../images/facebook.png) left top no-repeat;
	margin-right: 0
}

.bookmarks .instagram {
	background: url(../images/instagramlogo.png) left top no-repeat;
	margin-right: 0
}

.centerlogo {
	text-align: center;
	position: absolute;
	top: 17px;
	right: 0;
	left: 0
}

.centerdiv {
	text-align: center;
    overflow:auto;
}

.navigationbar1 {
	margin: 0 0 0 18px;
	padding: 12px 0;
	margin: 0 auto,
}

.menuup {
	width: 100%;
	float: center;
	padding: 0;
	margin: 0 0 8px 5px;
	list-style: none
}

.menuup ul {
	position: absolute;
	display: none
}

.gallery {
	margin: 5px 3px;}
	
.gallery img {
	width:32%;
	padding:4px;
	transition:1s;}
	
.gallery img:hover {
	transform: scale(1.1);
}

.gallery1 img {
	width:170px;
	padding:4px;
	transition:1s;}
	
	.gallery1 img:hover {
	transform: scale(1.1);
}

.gallery2 img {
	width:260px;
	padding:4px 18px 4px 20px;
	transition:1s;}
	
		.gallery2 img:hover {
	transform: scale(1.1);
}
	
.danlogo {background-image: url(../gallery/daniellogo.gif);
	background-repeat: no-repeat;
    background-position: right; 
}

@media screen and (max-width: 767px) {
	.menuup {
		width: 100%;
	}
	.gallery img {
	width:32%;  !important;
	padding:1px;
	}
}

.menuup ul {
	position: absolute !important;
	display: none;
	min-width: 180px;
}

.menuup a {
	color: #FA8648;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Times New Roman';
	font-weight: 700;
	font-size: 16px;
	line-height: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.menuup li.sfHover ul, .menuup li:hover ul {
	z-index: 105
}

ul.menuup li.sfHover li ul, ul.menuup li:hover li ul {
	top: -999px;
	display: none
}

ul.menuup current li li:hover ul, ul.menuup li li.sfHover ul {
	left: 100%;
	top: 0
}

ul.menuupq > li {
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%
}

.menuup li a:hover {
	color: #FA8648
}

.menuup li {
	padding: 0 21px 0 25px;
	display: inline;
	position: relative;
	float: left
}

.menuup li:first-child {
	border-left: none
}

.menuup li a {
	display: block;
	font-size: 16px;
	line-height: 0;
	color: #FFFDF4;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Times New Roman';
	font-weight: 700;
	margin: 5px 10px 0 0;
	padding: 6px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

ul.menuup > li.current > a, ul.menuup > li.sfHover > a, ul.menuup > li > a:hover {
	color: #FA8648
}

.bullets {
	margin-left: 30px
}

ul {
	margin: 0;
	padding: 0;
	list-style-image: none
}

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px
}

,
.grid_9, .leftgrid {
	display: inline;
	float: left;
	position: relative;
	margin: 0 10px
}

.leftgrid {
	width: 645px
}

.fullgrid {
	width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px
}

.top-7 {
	margin-top: 7px
}

.textarea {
	font-family: 'Times New Roman';
	font-size: 12px;
	color: #454545;
	text-transform: uppercase;
	line-height: 15px;
	height: 65px;
	padding: 5px 7px;
	width: 284px;
	border: 1px solid #2f2f2f;
	background: #171717;
	resize: none;
	overflow: auto
}

.border-2 {
	padding: 0;
	background: url(../images/border-2.gif) left bottom repeat-x
}

.grid_9, .leftgrid, .rightgrid {
	display: inline;
	float: left;
	position: relative;
	margin: 0 10px
}

.rightgrid {
	width: 265px
}

.pad-2 {
	padding-bottom: 22px
}

.pad-1 {
	padding-bottom: 10px
}

a.button {
	transition: all .5s ease;
	background: url(../images/smallerbutton.jpg) left top;
	font-family: 'Times New Roman';
	font-size: 16px;
	color: #FFFDF4;
	text-decoration: none;
	line-height: 42px;
	padding: 0;
	text-transform: uppercase;
	display: inline-block;
	min-width: 154px;
	text-align: center;
	box-shadow: 0 0 #151311
}

a.button:hover {
	color: #FA8648
}

.containertabs {
	width: 460px;
	margin: 0 auto;
	display: block
}

.smallbuttons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: 85%
}

.buttonmoredetails {
	background-image: url(../images/moredetailsbutton.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 47px;
	width: 158px;
	margin: 0 auto;
	display: block;
	text-align: center;
	vertical-align: middle
}

.buttonsmaller {
	background-image: url(../images/smallerbutton.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 63px;
	width: 172px;
	margin: 0 auto;
	display: block;
	text-align: center;
	vertical-align: middle
}

.buttons {
	background-image: url(../images/buttons1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 62.5px;
	width: 220px;
	margin: 0 auto;
	display: block;
	text-align: center;
	vertical-align: middle
}

.innerbutt {
	line-height: 62.5px
}
.innerbutt1 {
	line-height: 47px
}

.whitelinks {
	font-family: 'Times New Roman';
	color: #FFFEF9;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none
}

.whitelinks:hover {
	font: Arial, Helvetica, sans-serif;
	color: #FA8648;
	font-size: 15px;
	font-weight: 700;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

.heading {
	padding: 0 0 19px;
	background: url(../images/border-2.gif) left bottom repeat-x;
	margin: 14px 0 18px
}

h2 {
	font-family: Arial, Arial;
	font-size: 16px;
	line-height: 25px;
	color: #633;
	font-weight: 700;
	margin: 20px 0
}

h1 {
	font-family: 'Times New Roman', Arial;
	font-size: 21px;
	line-height: 38px;
	color: #633;
	font-weight: 700;
	text-transform: uppercase;
	margin: 49px 0 48px
}

a {
	cursor: pointer;
	color: #000;
	text-decoration: underline
}

a:hover {
	text-decoration: none
}

.textlg {
	font-size: 15px;
	font-weight: bolder
}

.lglink {
	font-weight: 700;
	font-size: 14px
}

.content14b {
	font-size: 14px;
	font-weight: bolder;
	text-align: left
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	width: 100%
}

#search-form {
	background: #fff;
	width: 250px;
	overflow: hidden;
	float: right;
	border: 1px solid #e8e8e8;
	margin-right: 18px;
	margin-top: 38px
}

#search-form input {
	width: 200px;
	height: 14px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #b9b9b9;
	border: none;
	background: 0 0;
	vertical-align: top;
	padding: 8px 5px 7px 7px;
	display: inline-block;
	float: left;
	outline: 0;
	text-transform: uppercase
}

#search-form a {
	background: url(../images/magn.png) 0 -1px no-repeat;
	display: inline-block;
	vertical-align: top;
	float: right;
	width: 31px;
	height: 29px
}

#search-form a:hover {
	background: url(../images/magn.png) 0 -32px no-repeat
}

.headerlayoutl {
	width: 50%;
	float: left;
	height: 165px;
	margin-bottom: 15px;
	font-size: 14px
}

.headerlayoutr {
	width: 50%;
	float: right;
	text-align: right;
	height: 165px;
	margin-bottom: 15px
}

.headingbar {
	height: 26px;
	padding-left: 7px;
	color: #fff;
	font-weight: bolder;
	margin-top: 30px
}

.photos {
	margin: 0 auto 30px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center
}

.line {
	text-align: center;
	padding-top: 25px
}

.blackborder {
	border: thin solid #000
}

.browsecontainer {
	width: 640px;
	margin-top: 20px;
	padding-left: 5px;
	font-size: 13px
}

.image {
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
	vertical-align: text-top
}

.leftdiv {
	float: left
}

.rightdiv {
	float: right
}

.containervenues {
	width: 910px;
	margin: 10px auto 0
}

.tablewidth9 {
	width: 9%
}

.tablewidth14 {
	width: 14%
}

.tablewidth11 {
	width: 11%
}

.tablewidth12 {
	width: 12%
}

.tablewidth10 {
	width: 10%
}

.tablewidth17 {
	width: 17%
}

.tablewidth16 {
	width: 16%
}

.tablewidth18 {
	width: 18%
}

.tablewidth8 {
	width: 8%
}

.tablewidth7 {
	width: 7%
}

.tablewidth6 {
	width: 6%
}

.tablewidth13 {
	width: 13%
}

.tablewidth15 {
	width: 15%
}

.tablewidth22 {
	width: 22%
}

.tablewidth35 {
	width: 35%
}

.tablewidth24 {
	width: 24%
}

.tablewidth25 {
	width: 25%
}

.tablewidth20 {
	width: 20%
}

.tablewidth50 {
	width: 50%
}

.tablewidth33 {
	width: 33%
}

.tablewidth30 {
	width: 30%
}

.tablewidth19 {
	width: 180px
}

.tablewidth61 {
	width: 61%
}

.line1 {
	width: 95%;
	margin: 0 auto
}

.tablewidth39 {
	width: 39%
}

.table {
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-weight: 700
}

.table1 {
	vertical-align: middle;
	text-align: center
}

.confsearchhsm {
	height: 20px
}

.tablecontents {
	text-align: center;
	background: #fff
}

.dkcreambackground {
	background-color: #FEE8CF
}

.creambackground {
	background-color: #FFF
}

.tablewidth {
	width: 33%
}

.tableheight {
	height: 33px
}

.tablewidthname {
	width: 37%
}

.tablewidthemail {
	width: 15%
}

.tablewidthaddress {
	width: 27%
}

.tablewidthphone {
	width: 21%
}

.venueinfotable {
	width: 180px;
	vertical-align: text-top
}

.tablesettings {
	width: 100%;
	margin: 0 auto
}

.confsearch {
	background-color: #4E1616;
	color: #fff;
	text-align: center
}

.centrebold {
	font-weight: 700;
	text-align: center
}

.confsearchw {
	width: 150px
}

.confsearchwsubmit {
	width: 80px
}

.conferencecentre {
	margin: 0 auto
}

#search-website {
	background: #FFFDF4;
	width: 180px;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	margin: 0 auto;
	position: relative
}

#search-website input {
	width: 140px;
	height: 12px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	border: none;
	background: 0 0;
	vertical-align: top;
	padding: 8px 5px 7px 7px;
	display: inline-block;
	float: left;
	outline: 0
}

#search-website a {
	background: url(../images/magn.png) 0 -1px no-repeat;
	display: inline-block;
	vertical-align: top;
	float: right;
	width: 27px;
	height: 27px
}

#search-website a:hover {
	background: url(../images/magn.png) 0 -28px no-repeat
}

.title {
	font-family: 'Times New Roman', Arial;
	font-size: 21px;
	line-height: 38px;
	color: #633;
	font-weight: 700;
	text-transform: uppercase;
	margin: 49px 0 48px,
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px
}

h3 {
	font-family: 'Times New Roman', Arial;
	font-size: 21px;
	line-height: 38px;
	color: #633;
	font-weight: 700;
	text-transform: uppercase;
	margin: 49px 0 48px
}

.leftalign {
	text-align: left
}

.navbar {
	width: 100%;
	background-image: url(../images/navigationbackground.jpg);
	background-repeat: repeat-x;
	height: 44px
}

.map {
	width: 50%;
	float: left
}

.venueform {
	width: 50%;
	float: right
}

.tablewidth15 {
	width: 15%
}

.formheight {
	height: 30px;
	vertical-align: middle
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 41px;
	height: 41px;
	border: none;
	text-indent: 100%;
	background: url(../images/ui.totop.png) no-repeat left top
}

#toTopHover {
	background: url(../images/ui.totop.png) no-repeat left -51px;
	width: 41px;
	height: 41px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0)
}

#toTop:active, #toTop:focus {
	outline: none
}

.face {
	vertical-align: bottom
}

.emailform {
	font: "Arial Black", Gadget, sans-serif;
	font-weight: 700
}

#footer {
	background: url(../images/footer-bg2015-v2.jpg) !important;
	border-top: 6px solid #fb894a;
	height: auto !important;
	padding-bottom: 20px
}

.accommodation {
	margin: 10px 22px 22px 22px
}

.accommtable {
	display: block;
	margin: 0 auto;
	width: 95%
}
.accommtablevideo {
	display: block;
	margin: 0 auto;
	width: 90%
}

.copyright {font-size:13px}

.imagescenter {
	display: block;
	margin: 0 auto;
!important
}
/* Galaxy Tab vertical below */
@media only screen and (max-device-width: 810px) and (orientation: portrait) {
	.buttonmoredetails {
		background-image: url(../images/smallerbutton.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		height: 63px !important;
		width: 130px !important;
		margin: 0 auto;
		display: block;
		text-align: center;
		vertical-align: middle
	}
	
	.browsecontainer img {
		display: block;
		float: none
	}	
	
		.buttonmoredetails {
	background-image: url(../images/smallerbuttonmob.jpg)!important;
	height: 48px !important;
	width: 137px !important;
}

	.buttonsmaller {
		background-image: url(../images/smallerbutton.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		height: 63px !important;
		width: 130px !important;
		margin: 0 auto;
		display: block;
		text-align: center;
		vertical-align: middle
	}
		.banner {
		width: 95% !important;
		height: auto
	}
.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}	
	
}

@media all and (min-width: 1023px) {
	.navigationbar1 input, .navigationbar1 label {
		display: none
	}
}

@media all and (max-width: 1023px) {
	.navigationbar1 input, .navigationbar1 label {
		display: none
	}

	.MagicSlideshow {
		width: 100% !important;
		margin: 0;
		height: auto
	}

	.photo {
		width: 95%
	}

	.marble {
		height: 448px
	}

	.insidecontent {
		width: 100% !important;
		margin: 0
	}

	.menuup li a {
		margin-right: 0
	}

	.leftgrid {
		width: 60%;
		margin-right: 5%;
		float: left
	}

	.rightgrid {
		width: 30%;
		float: right
	}

	.browsecontainer {
		padding-left: 0
	}

	.browsecontainer .line img {
		width: 100% !important
	}

	p.centerdiv a.button {
		min-width: 130px
	}

	p.centerdiv a.smallerbutton {
		min-width: 130px
	}

	img.blackborder {
		width: 90%;
		height: auto
	}

	.browsecontainer {
		width: 95% !important;
		padding-top: 20px;
		margin-top: 0
	}

	.title, h1 {
		line-height: 1.2em
	}

	.whitelinks, .whitelinks:hover, a.button {
		font-size: 13px
	}

	.whitelinks, .whitelinks:hover, a.smallerbutton {
		font-size: 13px
	}

	.containervenues {
		width: 95%
	}

	.centerdiv img {
		width: 95%;
		height: auto
	}

	.tablesettings {
		width: 99%
	}
}

@media screen and (max-width: 960px) {
	.menuup li {
		padding: 0 14px
	}

	.menuup li a {
		font-size: 14px
	}

	.marble {
		height: 400px
	}
}
/* Galaxy Tab Portrait below */
@media screen and (max-width: 810px) {
	.marble {
		height: 380px
	}
	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}

	.accommphoto {
		max-width: 290px !important;
		height: auto
	}

	.accommodation {
		margin: 5px 5px 5px 5px !important
	}

	.photo {
		width: 95%
	}

	.leftgrid {
		width: 65%;
		margin-right: 1%;
		float: left
	}

	.rightgrid {
		width: 29%;
		float: right
	}
}

@media screen and (max-width: 767px) {
	body {
		margin: 0 !important
	}
	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}

	.navbar label {
		display: block
	}

	.MagicSlideshow {
		width: 100% !important;
		margin: 0;
		padding-left: 10px
	}

	.grid_9, .leftgrid, .rightgrid {
		width: 95% !important;
		margin: 0;
		padding-left: 10px
	}

	.leftgrid {
		width: 95% !important;
		margin: 0;
		padding-left: 15px
	}

	.photo {
		width: 100%
	}

	.title {
		padding-left: 0
	}

	.insidecontent {
		width: 95% !important
	}

	p.centerdiv a img {
		width: 100%;
		height: auto
	}

	#header {
		margin-top: 36px
	}

	.centerlogo {
		position: relative
	}

	.centerlogo img {
		width: 100% !important;
		height: auto;
		max-width: 340px
	}

	#header {
		height: 130px;
		border-bottom: 6px solid #fa7b34
	}

	h1 {
		line-height: 1.2em
	}

	.browsecontainer {
		width: 95% !important;
		padding-top: 20px;
		margin-top: 0
	}

	.browsecontainer .line {
		width: 95%
	}

	.browsecontainer .line img {
		width: 100% !important
	}

	.background9 {
		background: #fee8d0
	}

	.browsecontainer img {
		display: block;
		float: none
	}

	.top-7.border-2.pad-1.centerdiv a.button {
		width: 100% !important
	}

	.top-7.border-2.pad-1.centerdiv a.smallerbutton {
		width: 100% !important
	}

	.headerlayoutl, .headerlayoutr {
		width: 100%;
		float: left;
		text-align: left
	}

	#footer a, .tableborder.style6 {
		font-size: .8em
	}

	.buttons.leftdiv, .buttons.rightdiv, .containertabs {
		width: 100%
	}

	.navbar {
		padding: 0;
		margin: 0 !important;
		z-index: 10;
		position: fixed;
		top: -10px;
		left: 0;
		width: 100%
	}

	.navigationbar1 {
		padding: 0;
		margin: 0 !important;
		z-index: 10;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		overflow-y: scroll;
	}

	.navigationbar1.open_mod {
		height: 100vh;
	}

	ul.menuup {
		cursor: pointer;
		list-style-type: none;
		margin: 0 !important;
		padding: 0;
		position: absolute;
		left: 0;
		top: 0
	}

	ul.menuup li {
		display: inline-block;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		height: auto !important;
		border-left: 0 !important
	}

	ul.menuup li a {
		display: block;
		min-width: 140px;
		margin-top: 0 !important;
		text-align: center;
		color: #fff;
		background: #202020;
		text-decoration: none;
		border-bottom: 1px solid #333;
		padding: 22px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400
	}

	ul.menuup li:hover a {
		background: #3a1f30
	}

	ul.menuup li:hover ul a {
		background: #f3f3f3;
		color: #2f3035;
		height: 40px;
		line-height: 40px
	}

	ul.menuup li:hover ul a:hover {
		background: #3a1f30;
		color: #fff
	}

	ul.menuup li ul {
		display: none
	}

	ul.menuup li ul li {
		display: block;
		float: none
	}

	ul.menuup li ul li a {
		width: auto;
		min-width: 100px;
		padding: 0 20px
	}

	.hidden:hover, ul.menuup ul li a:hover + .hidden {
		display: block
	}

	.show-menu {
		z-index: 200;
		display: none !important;
		padding: 10px 0;
		color: #fff;
		cursor: pointer;
		font-size: 1.5em;
		font-weight: 400;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		background: #3a1f30;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

	.show-menu span {
		padding: 0 0 0 5px;
	}

	label.show-menu {
		cursor: pointer;
		text-transform: uppercase;
		font-size: 1.5em;
		font-weight: 400
	}

	label.show-menu img {
		vertical-align: baseline;
		margin-right: 15px
	}

	input[type=checkbox] {
		display: none
	}

	input[type=checkbox]:checked ~ .menuup {
		display: block
	}
}

@media screen and (max-width: 767px) {
	ul.menuup {
		z-index: 100;
		position: static;
		transition: all 0.3s ease;
		transform: translate(0, calc(-100% - 40px));
		background-color: #202020;
		/*display: none*/
	}
	
.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}	

	ul.menuup.open_mod {
		height: 100vh;
		transition: all 0.3s ease;
		transform: translate(0, 0);
	}

	ul.menuup li {
		margin-bottom: 0
	}

	li a, ul.menuup li {
		width: 100%
	}

	.top-menu-item {
		display: block;
		float: none !important;
	}

	.show-menu {
		z-index: 200;
		display: flex !important;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
	}
}

@media screen and (max-width: 500px) {
	.marble {
		height: 230px
	}
	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}

	.table.confsearch, .tablesettings td {
		font-size: .8em
	}

	iframe {
		width: 95% !important
	}

	.headerlayoutl {
		width: 60%;
		font-size: .9em;
		height: auto !important
	}

	.headerlayoutr {
		width: 35%;
		float: right
	}

	.headerlayoutl .lglink, .headerlayoutl p {
		font-size: .9em
	}

	td ul .bullets {
		margin-left: 5px !important
	}

	.containervenues img, .headerlayoutr img {
		width: 100%;
		height: auto
	}

	.containervenues table {
		width: 100%
	}

	.containervenues table td {
		vertical-align: top;
		font-size: .9em;
		padding-right: 5px
	}

	.tablesettings th {
		vertical-align: top
	}

	tr.centerdiv.specials td {
		display: block
	}

	.capacity img {
		width: auto !important
	}

	p.centerdiv a.button {
		width: 100%
	}

	p.centerdiv a.smallerbutton {
		width: 100%
	}
}
/* iphone vertical */
@media screen and (max-width: 450px) {
	.smallbuttons {
		width: 100% !important
	}

	.buttonsmaller {
		background-image: url(../images/smallerbutton.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		height: 63px !important;
		width: 100px !important;
		margin: 0 auto;
		display: block;
		text-align: center;
		vertical-align: middle
	}
	
	.buttonmoredetails {
	background-image: url(../images/smallerbuttonmob.jpg)!important;
	height: 48px !important;
	width: 137px !important;
}

	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}
	
	.gallery1 img {
	width:20% !important;
	padding:4px;
	transition:1s;}
	
	.gallery2 img {
	width:30% !important;
	padding:4px !important;
	transition:1s;}

	.marble {
		height: 170px
	}

	.centerlogo {
		top: 11px;
		right: 0;
		left: 0
	}

	.face1 {
		max-width: 20px !important;
		height: auto
	}

	.venueinfotable {
		width: 40%;
		vertical-align: text-top
	}

	.photo {
		width: 90%;
		height: auto
	}

	.photowidth {
		width: 65% !important;
		vertical-align: center
	}

	.logosm {
		text-align: right !important;
		vertical-align: center;
		height: 150px !important;
		vertical-align: center;
		width: auto !important
	}

	.tick {
		width: 12px;
		margin: 0 auto;
		vertical-align: center
	}

	.elmasphoto {
		max-width: 190px !important;
		height: auto
	}

	.accommphoto {
		max-width: 300px !important;
		height: auto
	}

	.accommheading {
		font-size: 12px !important
	}

	.accommodation {
		margin: 5px 5px 5px 5px !important
	}

	.banner {
		width: 95% !important;
		height: auto
	}

	.table td {
		font-size: .7em
	}

	.tablecontents td {
		font-size: .7em
	}

	.map {
		width: 90%;
		float: left;
		margin-top: 20px;
		margin: 0 auto
	}

	.venueform {
		width: 85%;
		float: left;
		clear: left;
		margin-top: 20px
	}
	
	.video {
		width: 100%; !important;
		vertical-align: center;
		}
}

@media screen and (min-width: 768px) {
	.top-menu-item {
		border-bottom: 10px solid transparent !important
	}

	.sub-menu {
		padding: 0 !important;
		border-top: 4px solid #transparent;
		border-style: solid !important;
		position: absolute !important;
		display: block !important;
		background: #3a2933;
		color: #fff;
		z-index: 100;
		top: 27px;
		left: 0;
		border: none !important;
		padding: 0;
		opacity: 0;
		transition: all 0.3s ease;
		visibility: hidden;
		pointer-events: none;
		transform: translate(0, -30px);
	}

	.top-menu-item:hover .sub-menu {
		/*display: block !important;*/
		opacity: 1;
		transition: all 0.3s ease;
		visibility: visible;
		pointer-events: auto;
		transform: translate(0, 0);
	}

	.sub-menu li {
		padding: 0;
		width: 100%;
		text-align: center;
		height: auto !important;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: 1px solid #54434d;
		padding-right: 0 !important
	}

	.sub-menu li a {
		line-height: 100% !important;
		font-weight: 400;
		font-size: 15px;
		text-transform: uppercase;
		display: block;
		width: 100%
	}
}

@media screen and (max-width: 767px) {
	.top-menu-item:hover .sub-menu {
		/*display: none !important*/
		opacity: 0;

		visibility: hidden;
		pointer-events: none;
		transition: all 0.3s ease;
	}
}

@media screen and (max-width: 800px) {
	.map {
		width: 100%;
		float: center;
		margin-top: 20px;
		margin: 0 auto
	}
	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}

	.venueform {
		width: 100%;
		clear: left;
		padding-top: 30px;
		margin: 0 auto !important
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
	p {
		font-size: 10px !important;
		line-height: 1.5em !important
	}

	.leftgrid {
		font-size: 10px !important
	}

	.photo {
		width: 90% !important
	}
	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}

	.marble {
		height: 280px !important
	}

	.headerlayoutl {
		width: 50% !important
	}

	.headerlayoutr {
		width: 50% !important;
		text-align: right
	}

	.bullets {
		font-size: 10px
	}

	.centerlogo {
		top: 10px;
		right: 0;
		left: 0
	}

	.button {
		max-width: 60px !important
	}

	.smallerbutton {
		max-width: 60px !important
	}

	.content14b {
		font-size: 11px !important
	}

	.lglink {
		font-size: 11px !important
	}

	.textlg {
		font-size: 11px !important
	}

	.elmasphoto {
		max-width: 190px !important;
		height: auto
	}

	.photowidth {
		width: 60%;
		vertical-align: center;
		font-size: 9px
	}

	.rend {
		width: 98% !important;
		height: auto
	}

	.photowidth {
		width: 65% !important;
		vertical-align: center
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	p {
		font-size: 10px !important;
		line-height: 1.5em !important
	}
	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}

	.leftgrid {
		font-size: 10px !important
	}

	.photo {
		width: 90% !important
	}

	.marble {
		height: 280px !important
	}

	.headerlayoutl {
		width: 50% !important
	}

	.headerlayoutr {
		width: 50% !important;
		text-align: right
	}

	.bullets {
		font-size: 10px
	}

	.centerlogo {
		top: 10px;
		right: 0;
		left: 0
	}

	.button {
		max-width: 60px !important
	}

	.smallerbutton {
		max-width: 60px !important
	}

	.content14b {
		font-size: 11px !important
	}

	.lglink {
		font-size: 11px !important
	}

	.textlg {
		font-size: 11px !important
	}

	.elmasphoto {
		max-width: 190px !important;
		height: auto
	}

	.photowidth {
		width: 60%;
		vertical-align: center;
		font-size: 9px
	}

	.rend {
		width: 98% !important;
		height: auto
	}

	.photowidth {
		width: 65% !important;
		vertical-align: center
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
	p {
		font-size: 10px !important;
		line-height: 1.5em !important
	}

	.leftgrid {
		font-size: 10px !important
	}
	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}

	.photo {
		width: 90% !important
	}

	.marble {
		height: 280px !important
	}

	.headerlayoutl {
		width: 50% !important
	}

	.headerlayoutr {
		width: 50% !important;
		text-align: right
	}

	.bullets {
		font-size: 10px
	}

	.centerlogo {
		top: 10px;
		right: 0;
		left: 0
	}

	.button {
		max-width: 60px !important
	}

	.smallerbutton {
		max-width: 60px !important
	}

	.content14b {
		font-size: 11px !important
	}

	.lglink {
		font-size: 11px !important
	}

	.textlg {
		font-size: 11px !important
	}

	.elmasphoto {
		max-width: 190px !important;
		height: auto
	}

	.photowidth {
		width: 60%;
		vertical-align: center;
		font-size: 9px
	}

	.rend {
		width: 98% !important;
		height: auto
	}

	.photowidth {
		width: 65% !important;
		vertical-align: center
	}
}
/* iphone horizontal */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	p {
		font-size: 10px !important;
		line-height: 1.5em !important
	}
	
	.gallery img {
	width:30% !important;
	padding:2px;
	transition:1s;}

	.leftgrid {
		font-size: 10px !important
	}

	.photo {
		width: 90% !important
	}

	.marble {
		height: 290px !important
	}

	.headerlayoutl {
		width: 50% !important
	}

	.headerlayoutr {
		width: 50% !important;
		text-align: right
	}

	.bullets {
		font-size: 10px
	}

	.centerlogo {
		top: 12px;
		right: 0;
		left: 0
	}

	.button {
		max-width: 60px !important
	}

	.smallerbutton {
		max-width: 60px !important
	}

	.content14b {
		font-size: 11px !important
	}

	.lglink {
		font-size: 11px !important
	}

	.textlg {
		font-size: 11px !important
	}

	.elmasphoto {
		max-width: 190px !important;
		height: auto
	}

	.photowidth {
		width: 60%;
		vertical-align: center;
		font-size: 9px
	}

	.rend {
		width: 98% !important;
		height: auto
	}

	.photowidth {
		width: 65% !important;
		vertical-align: center
	}

	.logosm {
		height: 75% !important;
		vertical-align: center;
		width: auto !important;
		text-align: right !important;
	}

	.logosm1 {
		height: 70% !important;
		vertical-align: center;
		width: auto !important;
		text-align: right !important
	}

	.logosm2 {
		height: 40% !important;
		vertical-align: center;
		width: auto !important;
		text-align: right !important
	}
}
/* Galaxy Tab horizontal below */
@media only screen and (max-device-width: 1280px) and (orientation: landscape) {
	.photo {
		width: 90%;
		height: auto
	}

	.marble {
		height: 430px
	}
}

.MagicSlideshow, .mss-slider, .mss-slide-wrapper, .mss-slide, .mss-selectors, .mss-selectors-wrapper, .mss-selector, .mss-selector:before, .mss-selector:after, .mss-selectors-eye, .mss-caption, .mss-caption span, .mss-button, .mss-arrow, .mss-button span, .mss-arrow span, .mss-fullscreen {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.MagicSlideshow, .mss-slider, .mss-selectors {
	line-height: 100%;
	vertical-align: top
}

.mss-slider, .mss-slide, .mss-selectors {
	border: none;
	display: inline-block;
	position: absolute
}

.mss-slide-wrapper, .mss-slide {
	direction: ltr;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: top left;
	perspective-origin: top left
}

.MagicSlideshow {
	width: 100%;
	max-width: 100%;
	height: auto;
	background: transparent;
	direction: ltr;
	overflow: visible;
	display: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	}

.MagicSlideshow:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	height: 0
}

.mss-slider {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: auto;
	height: auto;
	z-index: 1
}

.mss-slide-wrapper {
	position: relative;
	z-index: 1
}

.mss-slide {
	overflow: hidden;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 1
}

.mss-slide:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mss-content-slide {
	text-align: left
}

.mss-slide-active {
	z-index: 99
}

.mss-slide img {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-ms-interpolation-mode: bicubic
}

.mss-slide > img.mss-slide-img {
	position: relative;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle
}

.lt-ie8-magic .mss-slide img.mss-slide-img {
	display: inline-block !important;
	width: 100% !important
}

.mss-selectors {
	direction: ltr;
	overflow: hidden;
	z-index: 100;
	left: 0;
	top: 0
}

.mss-selectors-horizontal .mss-selectors {
	width: 100%;
	white-space: nowrap
}

.mss-selectors-bottom .mss-selectors {
	top: auto;
	bottom: 0
}

.mss-selectors-vertical .mss-selectors {
	height: 100%
}

.mss-selectors-right .mss-selectors {
	left: auto;
	right: 0
}

.mss-selectors-wrapper {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	text-align: center
}

.mss-selector {
	vertical-align: top;
	line-height: 100%;
	cursor: pointer;
	display: inline-block
}

.mss-selectors-eye {
	z-index: 10
}

.mss-thumbnails .mss-selectors-container {
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	text-align: left;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.mss-selectors-horizontal .mss-thumbnails .mss-selectors-container {
	height: 100%
}

.lt-ie8-magic .mss-selectors-horizontal .mss-thumbnails .mss-selectors-container {
	height: auto;
	float: left
}

.mss-selectors-vertical .mss-thumbnails .mss-selectors-container {
	width: 100%;
	text-align: center
}

.lt-ie8-magic .mss-selectors-vertical .mss-thumbnails .mss-selectors-container {
	width: auto
}

.mss-thumbnails .mss-selector {
	overflow: hidden
}

.mss-selectors-horizontal .mss-thumbnails .mss-selector {
	width: auto;
	height: 100%
}

.mss-selectors-vertical .mss-thumbnails .mss-selector {
	width: 100%;
	height: auto
}

.mss-thumbnails .mss-selectors-container > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	margin: 0 1px
}

.ie8-magic .mss-thumbnails .mss-selectors-container > img {
	max-width: none !important;
	max-height: none !important
}

.mss-bullets .mss-selectors-container {
	display: inline-block;
	text-align: center
}

.mss-bullets .mss-selectors-wrapper:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.mss-caption {
	z-index: 50;
	position: absolute;
	display: block
}

.mss-caption span {
	width: 100%;
	z-index: 100
}

.mss-button, .mss-arrow {
	cursor: pointer;
	z-index: 1000;
	position: absolute;
	display: block;
	opacity: 0;
	outline: 0;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.lt-ie9-magic .mss-slider .mss-arrow {
	filter: alpha(opacity=0)
}

.mss-button, .mss-desktop .mss-selectors .mss-arrow, .mss-desktop .mss-slider:hover .mss-arrow, .lt-ie9-magic .mss-slider:hover .mss-arrow {
	opacity: .6;
	filter: alpha(opacity=60)
}

.mss-slider:hover .mss-button:hover, .mss-desktop .mss-slider:hover .mss-arrow:hover, .mss-desktop .mss-selectors:hover .mss-arrow:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.mss-button-hidden {
	opacity: 0 !important;
	filter: alpha(opacity=0) !important
}

.mss-selectors .mss-arrow {
	position: relative;
	display: inline-block
}

.mss-fullscreen {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2147483647 !important
}

.mss-loader {
	position: absolute;
	z-index: 0
}

.magic-temporary-img img {
	max-height: none !important;
	max-width: none !important
}

.mss-hidden {
	display: none !important;
	visibility: hidden !important
}

.mss-slider:hover .mss-disabled, .mss-selectors .mss-disabled {
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important
}

.mss-responsive-img {
	left: -10000px;
	z-index: -1
}

.transformStyle {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.backface-visHid {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.defParentDiv {
	overflow: visible;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.mss-button, .mss-arrow {
	cursor: pointer;
	width: 40px;
	height: 40px;
	z-index: 1000;
	background-repeat: no-repeat;
	background-color: transparent !important;
	background-image: none !important;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0
}

.ie9-magic .mss-button, .ie9-magic .mss-arrow, .lt-ie9-magic .mss-button, .lt-ie9-magic .mss-arrow {
	background-image: url(graphics/buttons.png) !important;
	background-position: -200%
}

.mss-button span, .mss-arrow span {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-image: url(graphics/buttons.png);
	background-color: #402F37;
	border: 2px solid #402F37;
	border-radius: 7px;
	margin-top: -20px;
	display: block;
	position: absolute;
	top: 50%
}

.ie8-magic .mss-button span, .ie8-magic .mss-arrow span {
	top: auto
}

.lt-ie8-magic .mss-button span, .lt-ie8-magic .mss-arrow span {
	width: 36px;
	height: 36px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	.mss-button span, .mss-arrow span {
		background-image: url(graphics/buttons%402x.png);
		background-size: 216px 120px
	}
}

.mss-arrow {
	z-index: 120
}

.mss-horizontal .mss-arrow {
	width: 60px;
	height: 100%;
	top: 0
}

.mss-horizontal .mss-arrow-prev {
	left: 0
}

.mss-horizontal .mss-arrow-prev span {
	left: 8px;
	background-position: -72px -24px
}

.mss-horizontal .mss-arrow-next {
	right: 0
}

.mss-horizontal .mss-arrow-next span {
	right: 8px;
	background-position: -108px -24px
}

.mss-vertical .mss-arrow {
	left: 50%;
	margin-left: -20px
}

.mss-vertical .mss-arrow span {
	margin: -20px 0 0;
	left: 0
}

.mss-vertical .mss-arrow-prev {
	top: 8px
}

.mss-vertical .mss-arrow-prev span {
	background-position: -180px -24px
}

.mss-vertical .mss-arrow-next {
	bottom: 8px
}

.mss-vertical .mss-arrow-next span {
	background-position: -144px -24px
}

.mss-loader {
	background: transparent center no-repeat;
	background-image: url(graphics/loader.gif);
	width: 42px;
	height: 42px;
	top: 50%;
	left: 50%;
	margin: -21px 0 0 -21px;
	opacity: .2
}

.lt-ie9-magic .mss-loader {
	filter: alpha(opacity=20)
}

.freecontactform {
	width: 700px;
	font-family: arial;
	border: 1px solid #AAA;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.freecontactformheader {
	font-size: 18px;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center
}

.freecontactformmessage {
	text-align: center;
	padding-bottom: 10px
}

.freecontactform td {
	padding: 4px;
	font-size: 13px
}

.freecontactform p {
	padding: 4px
}

.freecontactform label {
	padding: 4px
}

.freecontactform label {
	padding-right: 10px
}

.required {
	font-weight: 400
}

.required_star {
	font-weight: 700;
	color: red
}

.not-required {
	font-weight: 400
}

.antispammessage {
	padding: 10px;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	font-weight: 700
}

.antispamquestion {
	font-weight: 400
}

#nav > a {
	display: none
}

}


/*Media Query*/
/*18fab*/



@media all and (min-width: 900px) and (max-width: 1600px) {

.menuup li:nth-child(7) .sub-menu li {
    width: 50% !important;
}


}



@media only screen and (min-width: 900px) and (max-width: 1600px) {

.menuup li:nth-child(7) .sub-menu li {
    width: 50% !important;
}

.menuup li:nth-child(7) .sub-menu {
    width: 500px !important;
    left: -200px;
}

.menuup li:nth-child(7) .sub-menu li {
    width: 50% !important;
}


}




@media only screen and (max-width: 767px) {

.menuup li:nth-child(7) .sub-menu li {
    width: 36% !important;
    float:left;
}

.menuup li:nth-child(7) .sub-menu {
    width: 140% !important;

}

.menuup li:nth-child(7) .sub-menu li {
    width: 36% !important;
        float:left;
}
.containervenues{position: relative; z-index: 9;}

}


@media only screen and (max-width: 768px) and (orientation: landscape) {

.menuup li:nth-child(7) .sub-menu li {
    width: 36% !important;
    float:left;
}

.menuup li:nth-child(7) .sub-menu {
    width: 140% !important;
 
}

.menuup li:nth-child(7) .sub-menu li {
    width: 36% !important;
        float:left;
}


}


/* Portrait */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

.menuup li:nth-child(7) .sub-menu {
    width: 140% !important;
 
}
}