* { margin: 0; padding: 0;}
body {
	background: #FBFBFB;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000; 
	text-align: center;
	margin: 0 0 15px 0;
}

/* links */
a, a:visited {
	background: inherit;
	text-decoration: underline;		
}
a:hover {
	background: inherit;
	padding-bottom: 0;
	/*border-bottom: 1px solid #000000;*/
}

/* headers */
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-weight: Bold; 	
}
h1 {
	font-weight: normal;
	color:#FF0000;
}
h2 {
	font-size:13px;	
	color:#0000CC;
	text-decoration:none;
}
h3 {
	font-size: 130%;	
}
h1, h2, h3, p {
	padding: 0px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

/* LAYOUT */ 
#wrap {
	position: relative;
	width: 1024px;	
	margin: 0 auto;
	background: #fff;
	text-align: left;
	background: #FBFBFB;
}
#content-wrap {
	float: left;
	width: 1024px;
	margin-left: 0px;
	display: inline;
	padding: 0; 	
	border-top: 0px solid #fff;
}

/* header links */
#header #header-logo {
	position: absolute;
	top: 8px; right: 45px;	
	color: #838181;
	font-size: 10px;	
	font-weight: bold;
}
/* header-photo */
#header-photo {
	position: relative;
	clear: both;
	margin: 0px auto;
	height: 72px;
	width: 1024px;
	background: #fff url(../image/abg.jpg) no-repeat center center;
}
#header-photo #pic1 {
	position: absolute;
	margin: 0; padding: 0;
	font: 15px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #000066;
	top: 0px; left: 739px;		
}
#header-photo #pic2 {
	position: absolute;
	margin: 0; padding: 0;
	font: 15px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #000066;
	top: 0px; left: 923px;		
}
#header-photo h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 36px Arial, Helvetica, sans-serif;;
	letter-spacing: -1px;
	color: #000066;
	text-transform: none;
	text-decoration: none;
	border: none;
	top: 9px; left: 45px;	
}
#header-photo h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 16px Courier New;
	text-transform: none;
	color: #000066;
	text-decoration:none;
	top: 50px; left: 45px;		
}
#header-photo #logo {
	position: absolute;
	margin: 0; padding: 0;
	font: 15px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #000066;
	top: 15px; left: 10px;		
}

/* Button Navigation */
#nav {
	clear: both;	
	padding: 0;	
	text-align: center;		
}
#nav ul {
	float: left;
	list-style: none;
	background-color:#F6F6F6;
	width: 1024px;		
	padding: 0;	margin: 0 0 0 0px;
	height: 25px;
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 4px 8px 4px 13px;	
	border-bottom: none;
	color: #0000CC;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	background-color:#F4E3D7;
	color: #0000CC;
}
#nav ul li#current a {	
	background: #DBDBDB;		
}

/* Left Menu */
#leftnav{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#leftnav h3{
	padding: 10px 0px 0px 10px;
}

#leftnav a:link, #leftnav a:visited {
	display: block;
	font-weight: normal;
	color:#000000;
	margin: 0px;
	padding: 3px 0px 4px 10px;
	text-decoration:none;
}
#leftnav a:hover{
	background-color: #F4E3D7;
	text-decoration: none;
}

/* Main Column */
.two-col #main {
	margin: 0px 0px 0px 184px;
}

/* right column */
#rightcol {
	float: right;
	width: 840px;
	margin-top: 0px;	
}
#rightcolumn h1, #sidebar h1 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #444; 		
}

/* footer-wrap */
#footer-wrap {
	clear: both;
	width: 1024px;
	font-size: 95%;
	padding: 5px 0;
	text-align: left;
	font: normal 12px Arial, Helvetica, sans-serif;	
	background: #FBFBFB;
}
#footer-wrap a {
	text-decoration: none;
	font-weight: normal;
}
#footer-wrap a:hover {
	color: #000000;	
}
#footer-wrap p {
	padding: 10px 0;
}
#footer-wrap h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

/* footer */
#footer {
	clear: both;
	color: #000000;	
	margin: 0 auto 10px auto; 
	width: 1024px;
	padding: 5px 0;
	text-align: center;
}
#footerleft{
	clear: both;
	color: #000000;	
	margin: 0 auto 0px auto; 
	width: 1024px;
	padding: 0px 0;
	text-align: left;
}
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

.clear { clear: both; }
/* inside column */
#hyper {
	float: right;
	width: 836px; 
	padding: 0px;	
	margin-top: 0px;
	text-align:left;
}
#space {
	float: right;
	width: 834px; 
	padding: 0px;	
	margin-top: 0px;
	text-align:left;
}
#title {
	float: right;
	width: 834px; 
	padding: 0px;	
	margin-top: 0px;
	text-align:left;
	background: #F0F0F0;
}
#raft1 {
	float: right;
	width: 834px; 
	padding: 0px;	
	margin-top: 0px;
	text-align:left;
	background: #E9E9E9;
}
#raft2 {
	float: right;
	width: 834px; 
	padding: 0px;	
	margin-top: 0px;
	text-align:left;
	background: #E4E4E4;
}
#raft3 {
	float: right;
	width: 834px; 
	padding: 0px;	
	margin-top: 0px;
	text-align:left;
	background: #DFDFDF;
}
#map1 {
	float: right;
	width: 834px; 
	padding: 0px;	
	margin-top: 0px;
	text-align:left;
	background-color:#F6F6F6;
}
#map2 {
	float: right;
	width: 834px; 
	padding: 0px;	
	margin-top: 0px;
	text-align:left;
	background-color:#7BADCE;
}
#left420 {
	float: left;
	width: 414px; 
	padding-left:0px;
	margin-top: 0px;
}
#right420 {
	float: right;
	width: 414px; 
	padding-left:2px;
	margin-top: 0px;	
}
#left570 {
	float: left;
	width: 570px; 
	padding-left:0px;
	margin-top: 0px;
}
#left640{
	float: left;
	width: 628px; 
	padding-left:2px;
	margin-top: 0px;
}
#left690{
	float: left;
	width: 678px; 
	padding-left:2px;
	margin-top: 0px;
}
#left590{
	float: left;
	width: 578px; 
	padding-left:2px;
	margin-top: 0px;
}
#left500{
	float: left;
	width: 500px; 
	padding-left:2px;
	margin-top: 0px;
}
#right150 {
	float: right;
	width: 150px;
	padding:0px;
	margin-top: 0px;
}
#right200 {
	float: right;
	width: 200px;
	padding:0px;
	margin-top: 0px;
}
#right250 {
	float: right;
	width: 250px;
	padding:0px;
	margin-top: 0px;	
}
#tour {
	float: left;
	width: 420px; 
	padding-left:0px;
	margin-top: 0px;	
}
#trekking {
	float: left;
	width: 470px; 
	padding-left:0px;
	margin-top: 0px;	
}
#cost {
	float: right;
	width: 140px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 0px;
    text-align: right;
}
#cost0 {
	float: left;
	width: 120px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
    text-align: right;
}
#tab {
	float: left;
	width: 255px; 
	padding-left:2px;
	margin-top: 0px;	
}
#tab0 {
	float: left;
	width: 100px; 
	padding-right:2px;
	text-align:right;
	margin-top: 0px;	
}
#tab1 {
	float: left;
	width: 111px; 
	padding-right:4px;
	margin-top: 0px;	
}
#tab11 {
	float: left;
	width: 124px; 
	padding-right:4px;
	margin-top: 0px;	
}
#tab12 {
	float: left;
	width: 124px; 
	padding-right:12px;
	text-align:right;
	margin-top: 0px;	
}
#tab2 {
	float: left;
	width: 220px; 
	padding-left:0px;
	margin-top: 0px;	
}
#tab3 {
	float: left;
	width: 150px; 
	padding-left:0px;
	margin-top: 0px;	
}
#it {
	float: left;
	width: 330px; 
	padding-left:0px;
	margin-top: 0px;	
}
#it0 {
	float: left;
	width: 92px; 
	padding-right:2px;
	text-align:right;
	margin-top: 0px;	
}
#it00 {
	float: left;
	width: 120px; 
	padding-right:2px;
	text-align:right;
	margin-top: 0px;	
}
#tab13 {
	float: right;
	width: 190px; 
	padding-right:2px;
	margin-top: 0px;	
}
#tabred {
	float: left;
	width: 150px; 
	padding-left:0px;
	margin-top: 0px;	
	background: #FF3300;
}

#day {
	float: left;
	width: 50px; 
	padding: 2px;
	margin-top: 0px;	
}
#activity {
	float: right;
	width: 770px;
	padding: 2px;
	margin-top: 0px;
    text-align: left;
}
#activity1 {
	float: right;
	width: 512px;
	padding: 2px;
	margin-top: 0px;
    text-align: left;
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 184px;
	margin-top: 0px;
	padding-left:4px;
	padding-right:0px;
	background-color:#F6F6F6;
}	
#side1 {
	float: left;
	width: 184px; 
	padding-right:0px;
	margin-top: 0px;	
	background-color:#F1F1F1;	
}
#side2 {
	float: left;
	width: 184px; 
	padding-right:0px;
	margin-top: 0px;	
	background-color:#ECECEC;	
}
#side3 {
	float: left;
	width: 184px; 
	padding-right:0px;
	margin-top: 0px;	
	background-color:#E7E7E7;	
}
#side4 {
	float: left;
	width: 184px; 
	padding-right:0px;
	margin-top: 0px;	
	background-color:#E2E2E2;	
}
#side5 {
	float: left;
	width: 184px; 
	padding-right:0px;
	margin-top: 0px;	
	background-color:#DDDDDD;	
}
#main h1 {
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
}
.normal {	
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}
.bluenormal {
	color: #0000cc;
}
.bluebold {
	color: #0000cc;
	font-weight: bold;
}
.bluebold1 {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #0000cc;
	font-weight: bold;
}
.bluenormalunderline {
	color: #0000cc;
	text-decoration: underline;
}
.blueboldunderline {
	color: #0000cc;
	font-weight: bold;
	text-decoration:underline;
}
.boldunderline {
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
}
.rednormal {
	color: #FF0000;
}
.redbold {	
	font: normal 16px Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
}
.redboldnormal {
	color: #FF0000;
	font-weight:bold;
}
.redboldunderline {
	color: #FF0000;
	font-weight:bold;
	text-decoration: underline;
}
.smallred{
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight:bold;
}
