/* ---------------------Global Start--------------- */

body {
	margin: 0px;
	background-color: #022e49;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


dl, dt, dd, ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	text-decoration: none;
}

p {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}

img {
	border: none;
}

:focus {
	outline: none;
}

ins, del {
	text-decoration: none;
}

h1, h2, h3 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

form {
	margin: 0px;
	padding: 15px 25px 0px 25px;
}

/* ---------------------- Centralizer Start---------------------------- */

.centralizer {
	width: 980px;
	margin: 0 auto;
}

/* -------------------------- Top Curve Start ------------------------ */


#maincurvet {
	width: 955px;
	background: url(../images/maincurvel.gif) 0 0 no-repeat;
	height: 50px;
	padding-left: 25px;
	float: left;
	margin-top:20px;
}

#maincurvet dt {
	width: 903px;
	background: url(../images/topcurvebg.gif) 0 0 repeat-x;
	height: 25px;
	padding: 25px 27px 0px 0px;
	text-align: right;
	float: left;
}

#maincurvet dd {
	width: 25px;
	background: url(../images/maincurver.gif) 0 0 no-repeat;
	height: 50px;
	float: right;
}


/* -------------------------- Flash Banner Start ------------------------ */


#flash-banner{
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	width: 960px;
	background-color: #000000;
	float: left;
	margin-bottom: -3px;
}

#flash-banner dt {
	/*width: 153px;
	float: left;
	padding: 65px 0px 0px 10px;*/
	width: 175px;
	float: left;
	padding: 0px 0px 0px 0px;
}

#flash-banner dt a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../images/bg-mainlinks.gif);
	padding: 10px 0px 0px 15px;
	margin: 0px 0px 17px 20px;
	display: block;
	text-decoration: none;
	height: 32px;
	width: 150px;
	cursor: pointer;
}

#flash-banner dt a span {
	display: inline-block;
	height: 17px;
	padding: 3px 0px 0px 30px;
}

#flash-banner dt a:hover {
	background-position: left bottom;
}

#flash-banner dt a span.home {
	background: url(../images/icon-home.gif) left center no-repeat;
}

#flash-banner dt a span.aboutus {
	background: url(../images/icon-aboutus.gif) left center no-repeat;
}

#flash-banner dt a span.destination {
	background: url(../images/icon-destination.gif) left center no-repeat;
}

#flash-banner dt a span.activities {
	background: url(../images/icon-activities.gif) left center no-repeat;
}

#flash-banner dt a span.ecotourism {
	background: url(../images/icon-ecotourism.gif) left center no-repeat;
}

#flash-banner dt a span.contactus {
	background: url(../images/icon-contactus.gif) left center no-repeat;
}

#flash-banner dd {
	/*width: 797px;*/
	width: 755px;
	float: right;
}


/*--------------------------- Welcomebar Start --------------------------------*/


#welcomebar{
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	width: 960px;
	float: left;
	background:#000000;
}

#welcomebar dt {
	width: 310px;
	height:85px;
	float:left;
	color: #FFFFFF;
	background: url(../images/welcome.gif) 42px center no-repeat;
	padding: 20px 0px 20px 215px;
	line-height: 20px;
	font-family: "Trebuchet MS";
}

#welcomebar span {
	border-left: 1px solid #808080;
	padding-left: 25px;
	display: block;
}

#welcomebar dd {
	background:url(../images/bannerbot.gif) 0 0 repeat-x;
	width: 415px;
	height:105px;
	float:right;
	padding-top: 20px;
}

#welcomebar dd h2 {
	font-size: 18px;
	margin: 0px 0px 3px 25px;
}

#welcomebar dd ins ul {
	width: 390px;
	padding-left: 25px;
	float: left;
}

#welcomebar dd ins ul li {
	width: 175px;
	margin-right: 15px;
	float: left;
	margin-top: 7px;
	display: inline;
}

#welcomebar dd ins ul li form {
	padding: 0px;
}

#welcomebar dd ins ul li select {
	width: 135px;
	border: 1px solid #b63f28;
	float: left;
	font-family: "lucida sans unicode";
	font-size: 11px;
	color: #666666;
	height: 23px;
}

#welcomebar dd ins ul li input {
	float: right;
	width: 30px;
}


/*--------------------------- Index Body Start--------------------------------*/


#index-body, #mainbody {
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	float: left;
	width: 960px;
	background: #e5e5e5 url(../images/bg-index-body.gif) right top repeat-y;
}

#leftcol-index {
	width: 570px;
	float: left;
	padding: 25px 0px 5px 25px;
}


/*--------------------------- Right Column Start--------------------------------*/


#rightcol-index {
	width: 365px;
	float: right;
}

#rightcol-index h1 {
	color: #022e49;
	font-size: 20px;
	margin: 25px 0px 0px 25px;
}

#rightcol-index ul {
	width: 340px;
	float: left;
	margin-left: 25px;
	display: inline;
}

#rightcol-index ul li {
	width: 144px;
	margin-right: 15px;
	background: url(../images/activity-button-bg.gif) 0 0 no-repeat;
	height: 29px;
	margin-top: 15px;
	padding: 3px;
	display: inline;
	float: left;
}

#rightcol-index ul li a {
	height: 23px;
	display: inline-block;
	padding: 6px 0px 0px 42px;
	font-family:"lucida sans unicode";
	font-size: 12px;
	color: #46624e;	float: left;
}

#rightcol-index ul li a:hover {
	color: #000000;
}

#rightcol-index ul li a.trekking {
	background: url(../images/icon-trekking.gif) left center no-repeat;
}

#rightcol-index ul li a.mountaineering {
	background: url(../images/icon-mountaineering.gif) left center no-repeat;
}

#rightcol-index ul li a.bunjy {
	background: url(../images/icon-bunjy.gif) left center no-repeat;
}

#rightcol-index ul li a.safari {
	background: url(../images/icon-safari.gif) left center no-repeat;
}

#rightcol-index ul li a.paragliding {
	background: url(../images/icon-paragliding.gif) left center no-repeat;
}

#rightcol-index ul li a.rafting {
	background: url(../images/icon-rafting.gif) left center no-repeat;
}

#rightcol-index ul li a.cycling {
	background: url(../images/icon-cycling.gif) left center no-repeat;
}

#rightcol-index ul li a.sightseeing {
	background: url(../images/icon-sightseeing.gif) left center no-repeat;
}


/*--------------------------- Footer Start--------------------------------*/


#footer {
	width: 100%;
	float: left;
	background-color: #022e49;
	padding: 15px 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

#footer div {
	width: 980px;
	margin: 0 auto;
}

#footer div dl {
	width: 980px;
}

#footer div dl dt {
	float: left;
	width: 360px;
}

#footer div dl dt a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer div dl dt a:hover {
	text-decoration: underline;
}

#footer div dl dd {
	float: right;
	text-align: right;
	width: 620px;
	
}

#footer div dl dd del {
	float: left;
	padding-left: 60px;
	text-align: center;
}

#footer div dl dd del a {
	float: left;
	background: none;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	margin-right: 10px;
	display: block;
	width: auto;
}

#footer div dl dd span {
	display: block;
	float: right;
	padding-right: 10px;
}

#footer div dl dd ins a {
	background: url(../images/logo-footer.gif) 0 0 no-repeat;
	width: 113px;
	height: 32px;
	display: block;
	float: right;
}



/*--------------------------- Main Body Start--------------------------------*/


#mainbody {
	background: #e5e5e5 url(../images/bg-rightcolumn.gif) right top repeat-y;
}


/*--------------------------- Left Column Start--------------------------------*/


#leftcol-mainbody {
	width: 660px;
	float: left;
}

#leftcol-mainbody h1 {
	font-size: 24px;
	color: #000000;
	background-color: #fec642;
	border-bottom: 1px solid #cb9e35;
	padding: 20px 25px;
}

#banner {
	padding: 25px;
}

#banner img {
	padding: 4px;
	width: 600px;
	border: 1px solid #c2c2c2;
}

#banner p {
	margin-top: 15px;
	line-height: 20px;
}


/*--------------------------- Listing Start--------------------------------*/


#listing {
	background-color: #aeb7bc;
	border-top: 1px solid #8b9296;
	float: left;
	width: 660px;
}

#listing h2 {
	color: #000000;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px dashed #575b5e;
	margin: 0px 25px 0px 25px;
	font-size: 20px;
}


/*--------------------------- Activities Listing Start--------------------------------*/


#listing ul {
	width: 660px;
}

#listing ul li {
	margin-left: 25px;
	width: 292px;
	float: left;
	margin-top: 25px;
	display: inline;
}

#listing ul li a {
	line-height: 18px;
	color: #343738;
}

#listing ul li a:hover {
	color: #000000;
}

#listing ul li a img {
	float: left;
	width: 105px;
	padding: 5px;
	background-color: #e4eaec;
	border: 1px solid #a8acae;
	margin-right: 20px;
}

#listing ul li a:hover img {
	border: 1px solid #6a6d6e;
}

#listing ul li a strong {
	color: #022e49;
	margin-bottom: 5px;
	display: block;
}


/*--------------------------- Itnerary Listing Start--------------------------------*/


#listing dl {
	margin: 30px 25px 0px 25px;
	float: left;
	display: inline;
}

#listing dl dt {
	width: 180px;
	float: left;
	margin-right: 25px;
}

#listing dl dt a img {
	width: 168px;
	padding: 5px;
	background-color: #e4eaec;
	border: 1px solid #a8adaf;
}

#listing dl dt a:hover img {
	border: 1px solid #808385;
}

#listing dl dd {
	width: 405px;
	float: right;
}

#listing dl dd strong {
	color: #022e49;
	display: block;
	font-size: 13px;
}

#listing dl dd p {
	line-height: 20px;
	margin-top: 10px;
}

#listing dl dd p a {
	display: inline-block;
	background-color: #022e49;
	color: #FFFFFF;
	padding: 2px 8px 3px 8px;
	font-family: "lucida sans unicode";
}

#listing dl dd p a:hover {
	background-color: #000000;
}


/*--------------------------- Itnerary Start--------------------------------*/


#itinerary {
	padding: 0px 25px;
	float: left;
}

#itinerary p {
	padding-top: 15px;
	line-height: 20px;
}

#itinerary p strong {
	color: #022e49;
	font-weight: bold;
}

#itinerary del {
	display: inline-block;
	padding: 20px 0px 0px 0px;
	border-top: 1px dashed #575b5e;
	width: 610px;
	margin-top: 25px;
	float: left;
}

#itinerary del a {
	display: inline-block;
	background-color: #022e49;
	color: #FFFFFF;
	padding: 5px 8px;
	font-family: "lucida sans unicode";
	float: left;
}

#itinerary del a:hover {
	background-color: #000000;
}


/*--------------------------- Booking Form Start--------------------------------*/


form h3 {
	font-style: normal;
	color: #CC0000;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

form dl {
	width: 610px;
	float: left;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #575b5e;
}

form dl dt {
	width: 200px;
	float: left;
	padding-top: 3px;
}

form dl dd {
	width: 410px;
	float: right;
}

input, textarea, select {
	font-family: "lucida sans unicode";
	font-size: 11px;
	color: #666666;
}


/*--------------------------- Right Column Start--------------------------------*/


#rightcol-mainbody {
	width: 300px;
	float: right;
}


/*--------------------------- Map Start--------------------------------*/


#map {
	width: 249px;
	float: right;
	padding: 25px;
	background-color: #aeb7bc;
}

#map p {
	margin-bottom: 25px;
}

#map a {
	color: #000000;
	text-decoration: underline;
}

#map a img{
	width: 237px;
	background-color: #FFFFFF;
	border: 1px solid #959da1;
	padding: 5px;
}
 

/*--------------------------- Right Column Trip Booking Start--------------------------------*/


#booking {
	background-color: #022e49;
	width: 299px;
	float: right;
}

#booking a {
	background: url(../images/bullet-booking.gif) 10px 15px no-repeat;
	font-family: "trebuchet ms";
	font-size: 20px;
	display: inline-block;
	padding: 10px 0px 10px 40px;
	color: #FFFFFF;
	float: left;
}

#booking a:hover {
	color: #ccd5db;
}


/*--------------------------- Trip Fact Start--------------------------------*/


#tripfact {
	background: #ffffff url(../images/factcurvet.gif) 0 0 no-repeat;
	width: 249px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

#tripfact p {
	margin: 10px 0px 0px 20px;
	background: url(../images/bullet-sidemenu.gif) 0px 5px no-repeat;
	color: #022e49;
	padding-left: 15px;
}

#tripfact p strong{
	color: #000000;
}


#tripfact ins {
	background: #ffffff url(../images/factcurveb.gif) left bottom no-repeat;
	height: 20px;
	width: 249px;
	float: left;
}


/*--------------------------- Sidemenu Start --------------------------------*/


.sidemenu {
	width: 249px;
	float: right;
	padding: 25px;
	background: #cecece url(../images/bg-sidemenu.gif) left bottom repeat-x;
}

#rightcol-mainbody h1 {
	font-size: 20px;
	color: #000000;
	padding-bottom: 15px;
}

.sidemenu ul {
}

.sidemenu ul li {
	background: url(../images/bg-sidemenu-li.gif) 0 0 no-repeat;
	height: 25px;
	margin-top: 2px;
	padding: 8px 0px 0px 12px;
}

.sidemenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #022e49;
	font-size: 14px;
	background: url(../images/bullet-sidemenu.gif) left center no-repeat;
	padding-left: 17px;
}

.sidemenu ul li a:hover {
	color: #000000;
	font-weight: bold;
}


/*--------------------------- Bottom Curve Start--------------------------------*/


#index-bottom-curve, #bottom-curve, #bottom-curve-dark {
	background: url(../images/bottombgl.gif) 0 0 repeat-x;
	width: 980px;
	float: left;
}
			
#index-bottom-curve dt, #bottom-curve dt, #bottom-curve-dark dt {
	background: url(../images/bottomcurvel.gif) 0 0 no-repeat;
	width: 605px;
	height: 30px;
	text-align: right;
	float: left;
}
			
#index-bottom-curve dd, #bottom-curve dd, #bottom-curve-dark dd {
	background: url(../images/bottombgr.gif) 0 0 repeat-x;
	width: 375px;
	height: 30px;
	text-align: right;
	float: right;
}


#bottom-curve {
}

#bottom-curve-dark {
	background: url(../images/bottombgl-dark.gif) 0 0 repeat-x;
}
			
#bottom-curve dt, #bottom-curve-dark dt {
	width: 671px;
}
			
#bottom-curve dd, #bottom-curve-dark dd {
	width: 309px;
}
			
#bottom-curve-dark dt {
	background: url(../images/bottomcurvel-dark.gif) 0 0 no-repeat;
}
			
#bottom-curve-dark dd {
	width: 309px;
}