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

#mobile {display:none;}
#desktop {visibility:visible;}


/* Top slide show holder box */
.slider-box	{
	background:#981641 url(../images/cessnock-accommodation-near-golf-courses.png) center top no-repeat;; 
	margin:0; 
	padding:0; 
	border-bottom:solid 1px #CCCCCC; 
	min-height:540px;
	min-width:1024px; 
	width:100%;
	display:block;
}

/* logo and book online button */
.slider-top{
	z-index:100;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:110px;
	display:block;
}

.slider-top .logo     {width:210px; height:110px; vertical-align:top; display:inline-block; float:left;}
.slider-top .logo img {width:210px; height:110px; border:0; display:block;}

/* right column for property-info, btn-header and menu */
.slider-top .slider-top-right 	{width:calc(100% - 210px); height:60px; display:inline-block; float:left;}

.slider-top .property-info 		{margin:0; padding:0 15px 0 0; width:635px; height:60px; text-align:right; color:#FFFFFF; font-size:0.9em; display:inline-block; float:right;}
.slider-top .property-info span {margin:0; padding:0; font-size:0.9em; line-height:60px; height:60px; display:block;}

/* book online button */
.slider-top .btn-header			{padding:0;	width:calc(1000px - 210px - 650px); height:60px; display:inline-block; float:right;}
.slider-top .btn-header a
{
	background:#a4b517; 
	margin:0;
	padding:0;
	font:normal 1em/60px "Palatino Linotype", Palatino, "Times New Roman", serif; 
	color:#000000; 
	text-decoration:none;
	text-align:center;
	display:block; 
}
.slider-top .btn-header a:hover {background:#530720; color:#FFFFFF; text-decoration:none;}

/** Header Menu **/
.slider-top .header-menu		{
	background:url(../images/transparent_bg-white.png) repeat; 
	padding:0; 
	width:calc(100% - 1px); 
	height:49px; 
	border-left:solid 1px #e2e1de; 
	border-bottom:solid 1px #e2e1de;
	display:inline-block;
}
.slider-top .header-menu a:link, .header-menu a:visited
{
	margin:0px;
	padding:0px 7px;
	border-right:solid 1px #e2e1de;	
	height:49px;
	font:normal 0.8em/49px "Palatino Linotype", Palatino, "Times New Roman", serif;
	color:#000000;
	text-decoration:none;
	text-align:center;
	display:inline-block;
	text-transform:capitalize;
}
.slider-top .header-menu a:hover{background:#A4B517; color:#FFFFFF; font-weight:normal; display:inline-block;}
#mobile-top {display:none;}
@media only screen and (max-device-width:480px)
{
	#mobile-top {visibility:visible; display:block;}
	#desktop    {display:none;}
	.slider-box {background-image:none; background-color:#530720; min-height:480px; height:480px;}
	.slider-top-m
	{
		/*z-index:1000;
		position:absolute;
		left:0;
		top:160px;*/
		margin:0;
		width:100%;
		height:auto;
		display:block;
	}
	.slider-top-m .logo-m           {width:auto; height:120px; vertical-align:top; display:inline-block; float:left;}
	.slider-top-m .logo-m img       {width:auto; height:120px; border:0; display:block;}
	.slider-top-m .btn-header-m		{padding:0;	width:45%; height:120px; display:inline-block; float:left;}
	.slider-top-m .btn-header-m a
	{
		background:#a4b517; 
		margin:0;
		padding:0;
		font:normal 2em/120px "Palatino Linotype", Palatino, "Times New Roman", serif; 
		color:#000000; 
		text-decoration:none;
		text-align:center;
		display:block; 
	}
	.slider-top-m .header-menu-toggle
	{
		background:#FFFFFF url(../images/icon-nav-open.png) 50% 50% no-repeat; 
		background-size:contain; 
		margin:0;
		padding:0;
		width:30%; /*calc(100% - 26vw - 45%) total width - logo-m - btn-header-m*/
		height:120px;
		line-height:120px;
		display:inline-block;
		float:left;
		right:0;
		visibility:visible;
	}
	.slider-top-m .header-menu-toggle img {height:120px;}
	.slider-top-m .header-menu-m
	{
		margin:0;
		padding:0;
		width:95%;
		height:auto; 	 
		position:absolute;
		top:280px;
		right:0%;
		z-index:2000;
		display:block;
	}
	.slider-top-m .header-menu-m a:link, .header-menu-m a:visited
	{
		background:#000000; opacity:0.9; 
		color:#FFFFFF; 
		font-size:3em;
		line-height:3em;
		height:3em;
		border-bottom:solid 1px #CCCCCC;
		text-align:center;
		float:none; 
		display:block; 
	}
}

/* slider layout */
.lof-slidecontent {margin:0; padding-top:60px; left:-8px; min-width:1000px; width:100%; height:480px; position:relative; overflow:hidden; display:block;}
.lof-slidecontent .preload				{background:#FFFFFF; height:100%; width:100%; position:absolute; top:0; left:0;	z-index:100000;	text-align:center;}
.lof-slidecontent .preload div			{/*background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;*/ height:100%; width:100%;}
.lof-slidecontent .main-slider-content	{left:0; right:0; max-width:100%; max-height:480px; display:block;}
.lof-slidecontent .sliders-wrapper		{position:relative; width:100%; height:480px; z-index:0; overflow:hidden; display:block;}
.lof-slidecontent ul.sliders-wrap-inner	{overflow:hidden; position:relative; margin:0 auto; padding:0px; left:-100%; width:calc(100% * 12);/*width = no of photos x width of photo*/}

.lof-slidecontent ul.sliders-wrap-inner li
{
	background-repeat:no-repeat; background-position:50% 50%; 
	background-size:cover; /*background-size:contain; auto resize background image to fit screen size. or use background-size:cover;*/ 
	overflow:hidden; margin:0 !important; padding:0px !important; width:100%; float:left; position:relative;
	list-style:none; list-style-type:none;
	}

.lof-slidecontent ul.sliders-wrap-inner li img	{min-width:1000px; width:100%; height:auto; width: auto\9; /* ie8 */ display:block;}

.lof-slidecontent .lof-opacity li		{position:absolute;	top:0; left:0; float:inherit; }

/*******************************************************/

/* main pic slideshow */
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

.slider-description {
	background:url(../images/transparent_bg.png) repeat;
	z-index:100;
	position:absolute;
	left:16px;
	right:0;
	bottom:0;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:70px;
	padding:10px 0 0 0;
	display:block;
	text-align:center;
}
.slider-description p {margin:0; font-family:"Palatino Linotype", Palatino, "Times New Roman", serif; font-size:0.8em; color:#FFFFFF !important;}

/* item navigator */
.slider-description .navigator-wrapper{	
	position:relative;
	margin:0px auto;
	padding:0px;
	width:100%;
	overflow:hidden;
	display:block;
}

.slider-description  ul.navigator-wrap-inner	{
	position:absolute;
	top:0;
	left:0; 
	margin:0; 
	padding:0; 
	width:240px;
}
.slider-description  ul.navigator-wrap-inner li	{
	cursor:hand; 
	list-style:none; 
	margin:0; 
	padding:0; 
	overflow:hidden;
	display:inline-block; 
	float:left;
	text-align:center; 
}
.slider-description ul.navigator-wrap-inner li img{
	margin:0px 5px;
	padding:0px;
	border:none;
	width:10px;
	height:10px;
	display:inline-block;
}
.slider-description ul.navigator-wrap-inner li.active img {background:url("../images/slider-bullet-black.png"); cursor:pointer;}
.slider-description ul.navigator-wrap-inner li img {background:url("../images/slider-bullet.png"); cursor:pointer;}
.slider-description ul.navigator-wrap-inner li:hover img {background:url("../images/slider-bullet-black.png"); cursor:pointer;}
@media only screen and (max-device-width:480px)
{
	.lof-slidecontent {position:relative; padding-top:0; left:0; top:0; min-width:inherit; width:100%;}
	.lof-slidecontent .sliders-wrapper {width:100%;}
	.lof-slidecontent ul.sliders-wrap-inner        {left:-100%;}
	.lof-slidecontent ul.sliders-wrap-inner li     {min-width:100vw; width:100%; height:480px;}
	.lof-slidecontent ul.sliders-wrap-inner li img {min-width:100vw; width:100%; height:480px;}

	.slider-description {margin-left:0; padding:0 0 0.5em 0; left:0; width:100%; height:auto; display:block;}
	.slider-description p {padding:0.5em 1em 0.2em 0.5em; font-size:1.5em; width:calc(100% - 1.5em); display:block;}
	.slider-description p br {display:none;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px)
{
	#desktop .holder-box{left:0; width:100%; display:block;}
	.slider-top         {left:0; margin:0; min-width:1024px; width:100%; display:block;}
	.slider-top .header-menu a:link, .header-menu a:visited {padding-left:12px; padding-right:12px;}
	.lof-slidecontent   {left:0; width:1024px; display:block;}
	.lof-slidecontent .sliders-wrapper {left:0; width:1024px; display:block;}
	.lof-slidecontent ul.sliders-wrap-inner li img {width:1024px; height:auto;}
	.slider-description {left:0; width:100%; display:block;}
}