/*
  Gallery page layout on computers and tablets (gallery.html).
  v004 20261027 125217 · Generated with Claude Opus 5.5
  Ported from the original forumhomini.com stylesheet. Rule order and !important flags are
  deliberate: later rules override earlier ones. Every rule starts with .desktop or .phone so it
  only applies to that layout (see EDITING.md).
*/

.desktop body {
	background-color: #2D2B28;
	margin: 0;
	margin-bottom:60px;
	background-image: url(../images/template/topbg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.desktop .main_content_area, .desktop .left_sidebar, .desktop .right_sidebar, .desktop .footer, .desktop  {
 border: 1px solid #bbb;
  
}
.desktop .main_container, .desktop .footer {
	width: 100%;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}
.desktop .footer	{
	display:block;
	height:30px;
	background-color:#666;
	margin-top:7px;
}
.desktop .main_container {
	
	width: 100%;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative;
	z-index: 1;
	font-family: "Open Sans Regular";
	font-size: 13px;
	line-height: 18px;
	color: #666;
}
.desktop .logo_topbar {
	width: 100%;
	background-color: #737069;
	height: 126px;
	display: block;
	padding-top:20px;
}
.desktop .mid_container {
	margin: 0px;
}
.desktop .main_content_area {
	float: left;
	width: 780px;
	padding: 20px;
}
.desktop .item-page {
	
}
.desktop .titlebox {
	float: right;
	font-family: "Open Sans Light";
	font-size: 42px;
	line-height: 100px;
	color: #FFF;
	text-align: right;
	margin-right: 0px;
}
.desktop .right_sidebar {
	float: right;
	width: 150px;
}
.desktop .left_sidebar {
	float: left;
	width: 150px;
}
.desktop .titlebox, .desktop .searchbox {
	float: right;
}
.desktop .subpicholder, .desktop .subpic {
	width: 100%;
	
	height: 500px;
	overflow: hidden;
	z-index: 0;
	position: relative;
}
.desktop .subpicholder {
	overflow: visible;
	z-index: 1;
	position: relative;
}
.desktop .subpicholder P {
	margin: 0px;
	overflow: hidden;
}
.desktop .subpicholder IMG {
	
}
.desktop h1, .desktop h2 {
	font-family: "Open Sans Light";
	color: #737069 !important;
	font-size: 22px;
	line-height: 24px;
	margin: 0px;
}
.desktop .mainmenu {
	display: block;
	height: 34px;
	width: 100%;
	z-index: 8000;
	float: right;
	background-color: #161412;	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.desktop .mainmenu LI, .desktop .mainmenu UL {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.desktop h1{
	display:none;
}
.desktop .mainmenu A {
	color: #FFF;
	display: inline-block;
	
	width: auto;
	height: 34px;
	font-family: "Open Sans Regular";
	font-size: 15px;
	line-height: 32px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	float: left;
	background-color: #161412;
	padding-left: 34px;
	padding-right:18px;
	margin-right:23px;
}
.desktop .mainmenu A:hover{
	background-color: #31302D;
}
.desktop .mainhome{
	background-image: url(../images/template/mainnav_icon_home.png);
	background-repeat: no-repeat;
}
.desktop .mainabout{
	background-image: url(../images/template/mainnav_icon_about.png);
	background-repeat: no-repeat;
}
.desktop .mainenquire{
	background-image: url(../images/template/mainnav_icon_enquire.png);
	background-repeat: no-repeat;
}
.desktop .maingetting{
	background-image: url(../images/template/mainnav_icon_getting.png);
	background-repeat: no-repeat;
}
.desktop .mainbook{
	background-image: url(../images/template/mainnav_icon_book.png);
	background-repeat: no-repeat;
}
.desktop .mainoffers{
	background-image: url(../images/template/mainnav_icon_offers.png);
	background-repeat: no-repeat;
}
.desktop .maingallery{
	background-image: url(../images/template/mainnav_icon_gallery.png);
	background-repeat: no-repeat;
}
.desktop .maintour{
	background-image: url(../images/template/mainnav_icon_tour.png);
	background-repeat: no-repeat;
	margin-right:0px !important;
}

.desktop blockquote {
	font-family: "Alex Brush";
	font-size: 46px;
	line-height: 36px;
	color: #E8E8E8;
	display: block;
	position: absolute;
	float:right;
	text-align:right;
	z-index: 0;
	top: 595px;
	right: 116px;
}
.desktop .item-page P, .desktop .item-page H2, .desktop .item-page UL, .desktop .item-page IMG{
	position:relative;
	z-index:1;
}

.desktop h3 {
	font-family: "Open Sans Regular";
	font-size: 16px;
	color: #737069;
	margin-bottom: 2px;
	font-weight:normal !important;
}

.desktop .footer LI, .desktop .footer UL {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.desktop .footer A {
	color: #CCC;
	display: inline-block;
	width: auto;
	height: 30px;
	font-family: "Open Sans Regular";
	font-size: 11px;
	line-height: 30px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
.desktop .footer A:hover{
	color: #FFF;
	text-decoration: underline;
}

.desktop H4.date{
	display:none;
}

.desktop #socialnav {
	color:#fff;
	display: block;
	height: 30px;
	width: 180px;
	position:absolute;
	left:50%;
	top:65px;
	margin-left:-90px;
	text-align:center;
}
.desktop A.socialicon:link{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity:0.4;
	margin-left:2px;
	margin-right:2px;
}
.desktop A.socialicon:link img{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	width:20px;
	height:20px;
	margin-bottom:10px;
}
.desktop A.socialicon:hover{
	opacity:1;
	margin-left:0px;
	margin-right:0px;
}
.desktop A.socialicon:hover img{
	width:30px;
	height:30px;
	margin-bottom:0px;
}
.desktop #socialnav img {
	border:none;
}






.desktop #bgimage{
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  z-index: 0;
  background-color: rgba(24,27,26,1);
  width: 100%;
  height: 100%;
}
.desktop #mainbgimage{
  width:100%;
  height:auto;
}
.desktop #infocolumn{
  height: auto;
  width: 350px;
  position: absolute;
  right: 280px;
  overflow: auto;
  background-color: rgba(97, 103, 101, .85);
  display: block;
  z-index: 1;
  font-size:15px;
  -moz-box-shadow: 1px 1px 21px #000000;
  -webkit-box-shadow: 1px 1px 21px #000000;
  box-shadow: 1px 1px 21px #000000;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  font-family: "Open Sans Regular";
  min-height:100%;
  

}
.desktop #infocolumn TD, .desktop #infocolumn TABLE{
  border:none;
  padding:none;
}
.desktop #infocolumn H2{
  color: #fff !important;
  font-family: "Open Sans Light";
  font-size: 34px;
  line-height: 36px;
  margin-top:30px;
}
.desktop #infocolumn A:link, .desktop #infocolumn A:visited{
  color: #CCC !important;
  text-decoration: none;
}
.desktop #infocolumn A:hover{
  color: #FFF !important;
  text-decoration: underline;
}
.desktop #infocolumn P{
  margin-top:2px;
  margin-bottom:12px;
}
.desktop #infocolumn TD P{
  margin-bottom:10px !important;
}
.desktop .hiddennav{
  display:none;
}
.desktop .breadcrumbs{
  margin-bottom:20px;
  font-size:11.5px;
  display:none;
}
.desktop body {
  margin-left: 0px;
  margin-top: 0px;
}
.desktop .mainmenu {
  margin-top: 0px;
  background-color: pink;
  height: 30px;
  width: 200px;
  display: block;
  overflow: visible;
  padding: 0px;
}
.desktop A.menulink:link, .desktop A.menulink:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: normal;
  color: #FFF;
  text-decoration: none;
  background-color: rgba(0, 0, 0, .5);
  display: inline-block;
  height: 30px;
  width: auto;
  padding-right: 10px;
  padding-left: 10px;
  margin: 0px;
  
  border-right:solid 1px rgba(255, 255, 255, .4);
}
.desktop A.menulink:hover, .desktop A.menulink:active {
  background-color: rgba(0, 0, 0, .8);
  border-bottom:solid 2px rgba(255, 255, 255, .8);
  height: 28px;
}
.desktop .toplast{
  padding-right:30px !important;
  -webkit-border-top-right-radius: 30px;
  -moz-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
  border-right:none !important;
}
.desktop .topfirst{
  padding-left:30px !important;
  -webkit-border-top-left-radius: 30px;
  -moz-border-top-left-radius: 30px;
  border-top-left-radius: 30px;
}
.desktop .firstlink{
  padding-left:20px !important;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.desktop .lastlink{
  padding-right:30px !important;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-bottom-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-right:none !important;
}
.desktop .activelink{
  color: #000 !important;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.6) !important;
  border-bottom:solid 1px rgba(255, 255, 255, .8) !important;
  height: 29px !important;
}
.desktop #homelink{
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-bottom-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-right:10px;
  padding-left:20px;
  padding-right:20px;
}
.desktop #menuwrapper, .desktop #contactwrapper {
  position: fixed;
  top: 0px;
  margin: 0px;
  padding: 0px;
  
  
}
.desktop #menuwrapper{
  
  left: 198px;
  background-color: rgba(0, 0, 0, .3);
  right: 280px;
  padding-left: 10px;
  z-index: 2;
  height: 30px;
}
.desktop #contactwrapper {
 
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  width: 240px;
  right: 0px;
  line-height: 20px;
  height:95px;
  padding-left: 40px;
  padding-top:10px;
  color: #FFF;
  overflow: hidden;
  font-family: "Open Sans Regular";
  z-index: 200;
  background-repeat: no-repeat;
}
.desktop A.contactlink:link, .desktop A.contactlink:active, .desktop A.contactlink:visited{
  text-decoration:none;
  color:rgba(255,255,255,1);
}
.desktop A.contactlink:hover{
  text-decoration:underline;
}
.desktop .contactnumber{
  font-size: 25px;
}
.desktop #logowrap{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 4;
  width: 174px;
  height: 180px;
  display: block;
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,0.5);
  border-bottom-right-radius:30px;
  padding:12px;
  
}
.desktop #ForumHominiHotel, .desktop #Enquiriesdirections, .desktop #Aboutusmore, .desktop #rootsrestaurant{
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  position: absolute;
  left: -1000px;
  z-index: 3;
  border-top:solid 1px rgba(255, 255, 255, .4);
}
.desktop #slider_thumbholder{
  height: 100%;
  width: 270px;
  position: fixed;
  right: 0px;
  padding-top:70px;
  overflow: hidden;
  display: block;
  z-index: 3;
  color: #fff;
  font-family: "Open Sans Regular";
}

.desktop .slider_thumbblock {
  display: block;
  margin-top:30px;
  width: 200px;
  overflow: hidden;
  border: solid 1px #fff;
  margin-bottom: 0px;
  margin-left: 30px;
  margin-right: 5px;
  cursor: pointer;
  height: 110px;
  -moz-box-shadow: 1px 1px 21px #000000;
  -webkit-box-shadow: 1px 1px 21px #000000;
  box-shadow: 1px 1px 21px #000000;
}
.desktop .slider_thumbimage {
  width: 200px;
  
  margin-top:0px;
  padding:0px !important;
}
.desktop #optionalcontent{
  display: block;
  position: fixed;
  left: 260px;
  top: 80px;
  right: 0px;
  padding-right:290px;
  bottom: 30px;
  overflow:auto;
  font-size:22px !important;
  color: #fff;
  font-family: "Open Sans Regular";
  text-align:center;
}
.desktop H2{
  color:#FFF !important;
  font-size:24px;
}
.desktop .gallerytitle, .desktop .gallerysection{
  background:rgba(0,0,0,.5);
}
.desktop .gallerytitle{
  display:block;
  height:30px;
  margin-top:30px;
  margin-bottom:2px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}
.desktop .gallerysection{
  display:block;
  padding:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  text-align:center !important;
  margin-bottom:30px;
}

 .desktop .rsmg-content-item-container{
	width: 108px !important;
	border-radius: 5px;
	border: 2px white solid;
	max-width: none !important;
}

.desktop .rsmg-col-6{
	width: 108px !important;
	margin-right: 15px;
	max-width: none !important;
}

/* Submenu opened by the Hotel / More... buttons (js/site.js) */
.desktop #ForumHominiHotel.open,
.desktop #Aboutusmore.open {
  left: 101px;
}