




/*---------------HomeIllu---------------*/
	.HomeIllu {
	float: left;
	clear: both;
	width: 780px;
	margin: -43px -180px 0 -8px;
	position:relative;
	}
	.HomeIllu h4 {
	clear:both;
	color:#8F8F8F;
	font-size:9px;
	margin:41px 0 -41px 0;
	height: 20px;
	position:relative;
	text-transform:uppercase;
	z-index:3;
	overflow: hidden;
	}
	.HomeIllu img.bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index:0;
	}
	/*boxes*/
		.HomeIllu .sliderwrapper, .HomeIllu .contentdiv div {
		width: 619px;
		height: 239px;
		float: left;
		clear: none;
		position:relative;
		z-index:1;
		}
		.HomeIllu .sliderwrapper {
		height: 272px;
		margin-bottom:-33px;
		}
		.HomeIllu  .contentdiv  {
		margin: 3px 0 0 0;
		padding:0;
		float: left;
		}
		.HomeIllu .contentdiv a.boxlink  {
		position: absolute;
		width: 225px;
		height: 91px;
		z-index:3;
		left:16px;
		top: 50px;
		overflow: hidden;
		}
		.HomeIllu .contentdiv a.boxlink span   {
		position: absolute;
		top: 250px;
		}
		.HomeIllu .contentdiv p {
		float: left;
		clear: both;
		width: 440px;
		padding: 7px 0 7px 0;
		margin: 0;
		color:#666;
		font-size: 10px;
		line-height: 110%;
		background: #fff;
		height: 9px;
		}
		.HomeIllu .contentdiv p a {
		color:#1D9B97;
		font-weight: bold;
		background: url(../img/elements2.png) right -640px no-repeat;
		padding-right: 15px;
		margin-right:3px;
		}
			/*script*/
			.sliderwrapper{
		   position: relative; /*leave as is*/
		   overflow: hidden; /*leave as is*/
			}
			.sliderwrapper .contentdiv{
			visibility: hidden; /*leave as is*/
			position: absolute; /*leave as is*/
			left: 0;  /*leave as is*/
			top: 0;  /*leave as is*/
			filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
			}
	
	/*travel map*/
		.HomeIllu .TravelBox {
		float: right;
		clear: none;
		width: 157px;
		height: 259px;
		position:relative;
		z-index:1;
		margin: -21px 0 0 0;
		}
		.HomeIllu .TravelBox a.icon {
		width: 97px;
		padding: 3px 0 0 47px;
		position: absolute;
		left: 5px;
		top: 211px;
		color:#555;
		line-height: 100%;
		}
		.HomeIllu .TravelBox a.icon span {
		width: 42px;
		height: 38px;
		background:url(../img/illu/home-icons.png) left -200px no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		}
	/*foot*/
		.HomeIllu .foot {
		float: left;
		clear: both;
		width: 612px;
		border-bottom: 1px solid #ccc;
		}
		

/*WidePage*/
	.WidePage {
	float: left;
	clear: both;
	width: 780px;
	margin: 0 0 0 -8px;
	}
/*WidePage*/
	.WidePage a.semititle {
	font-size:11px;
	text-transform:uppercase;
	color:#000;
	background: url(../img/elements2.png) right -640px no-repeat;
	padding-right: 17px;
	}	

/*GuidesMap*/
	.GuidesMap	 {
	width: 619px;
	float: left;
	clear:none;
	margin-top: 9px;
	margin-bottom: 160px;
	}
	.GuidesMap	 ul{
	width: 619px;
	float: left;
	}
	.GuidesMap	 ul li {
	width: 206px;
	float: left;
	clear: none;
	}
	.GuidesMap	 ul li ul {
	width: 100%;
	}
	/*styling*/
	.GuidesMap	 ul li h2 {
	
	}
	.GuidesMap	 ul li h2 a {
	color:#222;
	}
	.GuidesMap	 ul li ul {
	margin-top: 3px;
	padding-top: 6px;
	}
		/*guide*/
		.GuidesMap	 ul li li a {
		float: left;
		padding: 0 0 0 42px;
		width: 150px;
		position:relative;
		font-weight: bold;
		color:#333;
		height: 35px;
		}
		.GuidesMap	 ul li li a span {
		position:absolute;
		left: 0;
		top: 0;
		background: url(../img/illu/home-icons.png) left top no-repeat;
		width: 37px;
		height: 32px;
		}	
		
		
/*TravelInfo*/
	.WidePage .TravelInfo {
	width: 157px;
	float: right;
	clear: none;
	margin-top:-36px;
	position:relative;
	z-index:2;
	}
	.WidePage .TravelInfo h2 a {
	color:#222;
	font-size: 10px;
	}
	.WidePage .TravelInfo ul {
	padding-top: 8px;
	float: left;
	}
	.WidePage .TravelInfo ul li {
	float: left;
	clear: both;
	}
	.WidePage .TravelInfo ul li a {
	font-size: 10px;
	padding: 2px 0 1px 9px;
	float: left;
	color:#555;
	background:url(../img/bullet-a.png) left 5px no-repeat;
	}


/*about ubud*/
	.WidePage .AboutUbud {
	width: 613px;
	float: left;
	clear: none;
	position:relative;
	margin-bottom:-10px;
	}
	.WidePage .AboutUbud h2  {
	width: 613px;
	border-bottom: 1px solid #bbb;
	padding: 0 0 3px 0;
	margin: 0;
	}
	.WidePage .AboutUbud div  {
	width: 613px;
	float: left;
	clear: both;
	}
	.WidePage .AboutUbud img.map {
	float: left;
	clear: none;
	margin: 5px 5px 0 -8px;
	}
	.WidePage .AboutUbud h3  {
	font-size: 11px;
	font-weight: normal;
	color:#333;
	padding: 12px 0 0 0;
	margin: 0;
	line-height: 120%;
	width: auto;
	float: left;
	clear: none;
	width: 480px;
	}
	.WidePage .AboutUbud h3 a  {
	background: url(../img/elements2.png) right -639px no-repeat;
	padding-right: 16px;
	}
	
	
/*news*/
	.WidePage .News {
	width: 619px;
	float: left;
	clear: none;
	}
	.WidePage .News h4  {
	width: 619px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
	}
	.WidePage .News ul {
	float: left;
	margin-top: 5px;
	}
	.WidePage .News ul li {
	color:#222;
	float: left;
	padding: 1px 0 1px 0;
	clear: both;
	}
	.WidePage .News ul li strong {
	color:#000;
	padding-right: 5px;
	font-size:10px;
	}
	.WidePage .News ul li em {
	font-style: normal;
	color:#888;
	}
	
	
	
	
	
	.WidePage  .aboutbox {
	width: 157px;
	float: right;
	clear: none;
	}
	.WidePage .aboutbox h4  {
	width: 157px;
	float: left;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
	}
	.WidePage  .aboutbox ul {
	width: 157px;
	float: left;
	background: #E4ECF1;
	margin-top: 4px;
	padding: 6px 0 6px 0;
	}
	.WidePage  .aboutbox ul li a {
	float: left;
	clear: both;
	padding: 2px 0 1px 9px;
	margin-left: 4px;
	font-size: 10px;
	color:#555;
	background:url(../img/bullet-b.png) left 5px no-repeat;
	}



/*paging dots*/
ul.PagingDots {float: left; clear: both;}
ul.PagingDots li {
float: left; 
clear: none;
width: 20px;
height: 20px;
}		
ul.PagingDots li a {
float: left;
clear: none;
width: 20px;
height: 20px;
background:url(../img/paging-dots.png) left top no-repeat;
}
ul.PagingDots li a:hover {
background:url(../img/paging-dots.png) -20px top no-repeat;
}
ul.PagingDots li.selected {
background:url(../img/paging-dots.png) -40px top no-repeat;
}
ul.PagingDots li.selected a {
display: none;
}	

/*paging dots*/
#paginate-slider1 {float: right; clear: none; margin-top: 7px; position: relative; z-index:4}
#paginate-slider1 a  {
float: left; 
clear: none;
width: 20px;
text-indent:40px;
height: 20px;
background:url(../img/paging-dots.png) left top no-repeat;
overflow: hidden;
position:relative;
}
#paginate-slider1 a a:hover {
background:url(../img/paging-dots.png) -20px top no-repeat;
}
#paginate-slider1 a.selected, #paginate-slider1 a.selected:hover {
background:url(../img/paging-dots.png) -40px top no-repeat;
}
	
	
	
	
.HomeAboutUbud{
	float: left;
	clear: both;
	width: 730px;
	margin: 0 0 0 -10px;
	position: absolute;
	left: 190px;
	top:  600px;
	border-top: 1px solid #ddd;
	padding-top: 7px;
	
}	
.HomeAboutUbud p {
	float: none;
	clear: none;
	display: inline;
	padding: 0;
	color: #888;
	
}
.HomeAboutUbud h2 {
	display: inline;
	padding: 0;
	float: none;
	font-size: 11px;
	font-weight: normal;
	color: #888;
}	
	
	

