/* CSS Document */
img {border:none!important;}
div.sideframe{
	top:110px;
	left:250px;
	height:550px;
	position:absolute;
	background-color:#B3BADF;
	text-align:center;
	color:#FFFFFF;
	width: 550px;
	}
div.sideframe a{
	color:#FFFF00;
	}

#map{
	top:110px;
	left:0px;
	position:absolute;
	}


#header{
		width: 802px;
		height: 109px;
		top: 0px;
		position: absolute;
		}
		

tr.topnav td{
	border-bottom:dashed #000000 1px;
	border-top: dashed #000099 1px;
	
	margin: 0px;
	padding: 0px;
	width: 160px;
	text-align:center;
	}

tr.topnav a{
	color:#FFFFFF!important;
	font-weight:bold!important;
	font-size:16px;
	}
				
#header img{
	padding: 0px;
	margin: 0px;
	spacing: 0px;
	outline: 0px;
	}					


#links{
	top:640px;
	left:0px;
	width: 100%;
	position:absolute;
}
	#links a{color:#FFFFFF;}
	#links a:hover{color:#FFFF00;}

#tab_intro{
	
}
	#tab_intro h4{
		font-size:16px;
		margin-bottom:5px;
	}
	#tab_intro h5{
		font-size:14px;
		text-decoration:underline;
		font-weight:bold;
		margin-top:5px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
	}


body {
	background-color: #B3BADF;
	width:800px;
	height: 100%;
}


div.maplink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold!important;
	position: absolute;
	z-index: 99;
}
	div.maplink a{
		color:#000000;
	    text-decoration:none;
	}
	div.maplink a:hover{
		text-decoration:underline;
	}


#link_ferry {
	left: 90px;
	top: 140px;
}
	#tab_ferry{
		visibility:hidden;
		}
#link_saladan {
	left: 70px;
	top: 125px;
}
	#tab_saladan{
		visibility:hidden;
		}
#link_klongdao {
	left: 50px;
	top: 180px;
}
	#tab_klongdao{
		visibility:hidden;
		}
#link_longbeach {
	left: 40px;
	top: 230px;
}
	#tab_longbeach{
		visibility:hidden;
		}
#link_klongkhong {
	left: 30px;
	top: 310px;
}
	#tab_klongkhong{
		visibility:hidden;
		}
#link_klongnin {
	left: 60px;
	top: 390px;
}
	#tab_klongnin{
		visibility:hidden;
		}
#link_oldtown {
	left: 190px;
	top: 490px;
	text-align:center;
}
	#tab_oldtown{
		visibility:hidden;
		}
#link_seagypsy {
	left: 180px;
	top: 525px;
	text-align:right;
}
	#tab_seagypsy{
		visibility:hidden;
		}
#link_lighthouse {
	left: 150px;
	top: 560px;
	text-align:right;
}
	#tab_lighthouse{
		visibility:hidden;
		}
#link_market {
	left: 50px;
	top: 155px;
}
	#tab_market{
		visibility:hidden;
		}
#link_dive {
	left: 10px;
	top: 530px;
}
	#tab_dive{
		visibility:hidden;
		}
#link_party {
	left: 200px;
	top: 340px;
}
	#tab_party{
		visibility:hidden;
		}
#link_sunset {
	left: 10px;
	top: 450px;
}
	#tab_sunset{
		visibility:hidden;
		}
#link_viewpoint {
	left: 190px;
	top: 435px;
}
	#tab_viewpoint{
		visibility:hidden;
		}
#link_cave {
	left: 115px;
	top: 430px;
}
	#tab_cave{
		visibility:hidden;
		}
#link_elephant {
	left: 100px;
	top: 255px;
}
	#tab_elephant{
		visibility:hidden;
		}
#link_boxing {
	left: 40px;
	top: 290px;
}
	#tab_boxing{
		visibility:hidden;
		}

#tab_contact{
	visibility:hidden;
	}
	
#footer {
	position: absolute;
	top: 680px;
	left:0px;
	clear: both;
	width: 100%;
}
table.footer{
	width:100%;
	}

td.footertext{
	align: center;
	width:100%;
	color:#FFFFFF;
	background-color:#0000CC;
	font-size:14px;
	height: 60px;
        }
td.footbar {
	width:100%;
	height: 3px;
	background-color:#000066;
	}
				
a.base{
	color: #FFFFFF;
	}
a.base:link{
	color: #EAEAEA;
	}
a.base:visited{
	color: #EAEAEA;
	}