html, body {margin:0;height: 100%;}

body {

	padding:0;

	font-family: 'Lato', sans-serif;

	font-size:10px;

	font-weight:300;

	color:#ccc;

	background:#333;

}

a{

	color:#fff;

	text-decoration:none;

}

a:hover{

	color:#002d5c;

}

b,strong{

	color:#ffffff;

	font-size:400;

}

.clr{

	clear:both;

	line-height:1px;

}



/*------------------------------Heading & Menu-------------------------*/

#logocon{

	position:fixed;

	top:0;

	right:50px;

	height:120px;

	width:350px;

	overflow:hidden;

	z-index:9000;

}

#logobox{

	position:absolute;

	top:0;

	left:0;



	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */

}

.logo{

	height:120px;

	width:350px;

	display:block;

	background-image:url(../images/bg-titles.gif);

	background-repeat:no-repeat;

	overflow:hidden;

}

.PBC	{background-position:0 0;}

.PBL	{background-position:0 -120px;}

.PBM	{background-position:0 -240px;}

.BJT	{background-position:0 -360px;}

.BAP	{background-position:0 -480px;}

.BVR	{background-position:0 -600px;}



#logobox.PBC	{top:0;}

#logobox.PBL	{top:-120px;}

#logobox.PBM	{top:-240px;}

#logobox.BJT	{top:-360px;}

#logobox.BAP	{top:-480px;}

#logobox.BVR	{top:-600px;}

#logobox.PBC,#logobox.PBL,#logobox.PBM,#logobox.BJT,#logobox.BAP,#logobox.BVR	{

	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */

}



#menucon{

	position:fixed;

	top:120px;

	left:50px;

	width:340px;

	height:38px;

	font-size:16px;



	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */



	transition-delay:0.3s;

	-moz-transition-delay:0.3s;

	-webkit-transition-delay:0.3s;

	-o-transition-delay:0.3s;

}

#menucon.menuhide{

	left:-400px;

	

	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */

}

#menucon p{

	margin:0 0 0.5em 0;

}

#menubox{

	position:relative;

	width:340px;

	height:38px;

	background:rgba(0,0,0,0.5);

	border:1px solid #888888;

	font-size:24px;

	color:#ffffff;

	overflow:hidden;



	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */

}

#menubox.menuopen{

	height:266px;

}

#menubox a{

	color:#fff;

	line-height:30px;

	height:30px;

	padding:4px 4px 4px 10px;

	text-decoration:none;

	display:block;

}

#menubox a:hover	{background-color:#002d5c;}



#menubox a.choose span{

	width:30px;

	height:30px;

	float:right;

	display:block;

	background-image:url(../images/bg-arrow.png);

	background-repeat:no-repeat;

	background-position: 0 -60px;

	background-color:#002d5c;

}

#menubox a.choose:hover span			{background-position: -30px -60px;}

#menubox.menuopen a.choose span			{background-position: 0 -30px;}

#menubox.menuopen a.choose:hover span	{background-position: -30px -30px;}



/*------------------------------Content-------------------------*/

#container{

	position:fixed;

	top:120px;

	right:50px;

	width:350px;

	height:100%;

	min-height:700px;

	background:rgba(0,0,0,0.7);

	overflow:hidden;



	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */



	transition-delay:0.3s;

	-moz-transition-delay:0.3s;

	-webkit-transition-delay:0.3s;

	-o-transition-delay:0.3s;

}

#container.conhide{

	top:100%;



	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */

}

#content{

	position:absolute;

	margin:0px 0;

	font-size:15px;

	width:20000em;

}

#content a{

	position:relative;

	height:59px;

	line-height:59px;

	border-top:1px solid #4c4c4c;

	display:block;

	color:#cccccc;

	padding:0 20px 0 80px;

}

#content a:last-child{

	border-bottom:1px solid #4c4c4c;

}

#content a:hover{

	color:#ffffff;

	background-color:#002d5c;

}

#content a span{

	position:absolute;

	left:20px;

	top:0;

	width:60px;

	height:60px;

	display:block;

	overflow:hidden;

	background-image:url(../images/bg-icons.png);

	background-repeat:no-repeat;

}

#content a span.olrsv		{background-position: 0 10px; transition: 0.5s all;}

#content a:hover span.olrsv	{background-position: -60px 10px;}

#content a span.deals		{background-position: 0 -50px; transition: 0.5s all;}

#content a:hover span.deals	{background-position: -60px -50px;}

#content a span.facts		{background-position: 0 -110px; transition: 0.5s all;}

#content a:hover span.facts	{background-position: -60px -110px;}

#content a span.broch		{background-position: 0 -170px; transition: 0.5s all;}

#content a:hover span.broch	{background-position: -60px -170px;}

#content a span.hires		{background-position: 0 -230px; transition: 0.5s all;}

#content a:hover span.hires	{background-position: -60px -230px;}

#content a span.visit		{background-position: 0 -290px; transition: 0.5s all;}

#content a:hover span.visit	{background-position: -60px -290px;}

#content a span.video		{background-position: 0 -350px; transition: 0.5s all;}

#content a:hover span.video	{background-position: -60px -350px;}

#content a span.arrow		{background-position: -50px -408px;right:10px;left:auto; transition: 0.5s all;}

#content a:hover span.arrow	{background-position: -36px -408px;}



#content .conItems{

	float:left;

	width:350px;

}

#content.PBD	{left:0;}

#content.PBC	{left:-350px;}

#content.PBL	{left:-700px;}

#content.PBM	{left:-1050px;}

#content.BJT	{left:-1400px;}

#content.BAP	{left:-1750px;}

#content.BVR	{left:-2100px;}

#content.PBD,#content.PBC,#content.PBL,#content.PBM,#content.BJT,#content.BAP,#content.BVR	{

	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */

}



#footer{

	position:absolute;

	bottom:173px;

	width:350px;

	text-align:center;

}

#pblogo{

	width:100%;

	height:60px;

	background:url(../images/logo.png) center center no-repeat;

}

#footer span{

	color:#cccc;

}



#photocon{

	position:fixed;

	bottom:-590px;

	left:0;

	width:100%;

	height:590px;

	overflow:hidden;

	background-color:rgba(0,0,0,0.9);

	

	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */

}

#photocon.showcon{

	bottom:30px;

	

	transition: all 0.5s;

	-moz-transition: all 0.5s; /* Firefox 4 */

	-webkit-transition: all 0.5s; /* Safari and Chrome */

	-o-transition: all 0.5s; /* Opera */



	transition-delay:0.3s;

	-moz-transition-delay:0.3s;

	-webkit-transition-delay:0.3s;

	-o-transition-delay:0.3s;

}

#photocon .close{

	position:absolute;

	top:0;

	right:0;

	width:50px;

	height:50px;

	overflow:hidden;

	background-image:url(../images/bg-close.png);

	background-repeat:no-repeat;

	display:block;

	cursor:pointer;

}

#photocon .close:hover{

	background-position: -50px 0;

}

#photocon h1{

	margin:0 50px;

	height:50px;

	line-height:50px;

	font-size:18px;

	font-weight:300;

	color:#999999;

}

#photocon .photolist{

	padding:0 50px;

	height:490px;

	display:none;

}

#photocon .photoshow{

	display:block;

}

/*------------------------------Background images-------------------------*/

#gal1{background-image:url(../images/1024/Candidasa-Pool-4.jpg);}

#gal2{background-image:url(../images/1024/DeluxeOceanView.jpg);}

#gal3{background-image:url(../images/1024/manggis-villa.jpg);}

#gal4{background-image:url(../images/1024/Jati-Pool-3.jpg);}

#gal5{background-image:url(../images/1024/BAP-Organic-Farm-2.jpg);}

#gal6{background-image:url(../images/1024/baliem-villaview-1-l.jpg);}

@media all and (min-width:1280px) {

	#gal1{background-image:url(../images/1600/bagus-agro-pelaga.jpg);}

	#gal2{background-image:url(../images/1600/bagus-jati.jpg);}

	#gal3{background-image:url(../images/1600/baliem-valley.jpg);}

	#gal4{background-image:url(../images/1600/puribagus-candidasa.jpg);}

	#gal5{background-image:url(../images/1600/puribagus-lovina.jpg);}

	#gal6{background-image:url(../images/1600/puribagus-manggis.jpg);}

}

@media all and (min-width:1920px) {

	#gal1{background-image:url(../images/2500/Candidasa-Pool-4.jpg);}

	#gal2{background-image:url(../images/2500/DeluxeOceanView.jpg);}

	#gal3{background-image:url(../images/2500/manggis-villa.jpg);}

	#gal4{background-image:url(../images/2500/Jati-Pool-3.jpg);}

	#gal5{background-image:url(../images/1600/BAP-Organic-Farm-2.jpg);}

	#gal6{background-image:url(../images/2500/baliem-villaview-1-l.jpg);}

}