/* CSS Document */
*{ margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; line-height:normal;}
.floating { margin: 0 10px 10px 0; float:left;}
html, body { width:100%; height:100%; margin:0; padding:0; }
html { background:url(../img/back.jpg)  top center repeat-x; background-color:#eceddd; }
html a:hover { visibility: visible; }
a { text-decoration:none; }
a img { border:none; }
ul { margin:0; padding:0; list-style:none; }
#container_a { width:870px; margin:auto; background:#fff url(../img/back.jpg) top center no-repeat; position: relative;}
#top { width:850px; height:100px; background:url(../img/topbg.jpg); position:absolute; top:10px; left:10px;}
#logo { position:absolute; top:0; left:-20px; }
#slogan { position:absolute; top:0; right:0; }
#flash, #map {
	position:absolute;
	top:110px;
	left:10px;
	background:#faf9f2;
	width:848px;
}
#map {height:470px; font:14px/20px arial; color:#333; margin:0; padding:0; }
#map em { font:12px/20px arial; color:#666; }

.space { margin-top:15px;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
#Clear { clear:both;}
.clear { clear:both;}
.borderstyle { width:auto; border-top:dashed 1px #ebd2ca;}
#content_container {margin:0; width:840px; height:auto; background:#faf9f2; padding:0px 0px 10px 0px ;}

#all_container {margin:0; width:830px; background:#faf9f2; padding:10px; float:left;}
#canvasgallery { background-image:url(../img/ayanamgalleryback.png); background-repeat:repeat-x; padding:8px; margin:auto; height:140px; background:#030202;}
#canvasgallery img { cursor:hand; cursor:pointer;}
#highlights { float:left; margin-left:4px; }


#rightpanel{ width:350px; float:left; margin:15px 0px 0px 15px; height:auto;}
#rightpanel p{ padding:10px; color:#5c5d5d; line-height:16px;}
h1{ font-size:18px; color:#666600;}
#disc{list-style-type: disc; margin:10px 0px 0px 23px; font:Arial, Helvetica, sans-serif; font-size:11px; color:#666; line-height:150%;}
#disc li { list-style-image:url(../img/liststyle.png);}
#floatleft { float:left;}
.floatleft { float:left;}
.floatright { float:right;}

#all_float{float:left; padding:8px; margin-bottom:10px;}
#all_float_a{float:left; padding:8px; margin:0; margin-bottom:20px; background:#f4f5eb; border:1px #d0d1bc solid;}
#all_float_a h2 { width:777px; background:#f4f5eb; padding: 7px 5px 7px 10px;}


.footer {width:810px; height:40px; background:url(../img/footer2-back.png) no-repeat top left; margin:0; float:left; padding:10px 20px 0 20px; color:#ccc;}
.footer a { text-decoration:none; color:#f2f0e2;}
#homestay_canvas .imgflaot { float:left; margin-right:10px;}
#homestay_canvas { padding:10px; background:#faf9f2; height:auto; float:left; border:#cfcbac dotted 1px; margin-bottom:5px; background:url(../img/activities_bg.jpg) repeat-x bottom center; width:800px;}
#homestay_canvas .box { width:371px; height:145px; padding:6px 11px; float:left; background:#ebf8fc url(../img/boxbg.png) repeat-x bottom; border:thin #e7e5d6 solid; repeat-x; margin:0 5px 5px 5px;}
#homestay_canvas .floatleft { float:left;}
h3 { font-size:16px; font-weight:bold; color:#8f8d80;}
#homestay_canvas .rightmargin { margin-right:15px; border:#fff 2px solid;}
h2{font-size:15px; font-weight:bold; color:#000; margin:0;}


#canvas .imgflaot { float:left; margin-right:5px;}
.img_groupfloat { float:left; padding:0 2px 10px 2px;}
#canvas { padding:10px; background:#faf9f2; height:auto; float:left; margin-bottom:5px; background:url(../img/activities_bg.jpg) repeat-x bottom center;}
#canvas .box { width:784px; height:auto; float:left; background:#ededde; repeat-x bottom; border:thin #e7e5d6 solid; padding:10px; margin:10px 0 10px 0;}
#canvas .floatleft { float:left;}
h3 { font-size:16px; font-weight:bold; color:#8f8d80; text-decoration:none;}

#canvas .rightmargin { margin-right:15px;}
h2{font-size:15px; font-weight:bold; color:#000; margin:0;}


#pacagescontent_container {margin:0; width:850px; height:450px; background:#faf9f2; padding:15px 0px 10px 0px ;}
.margintext { margin-left:10px;}
#imagecontainer { float:left;}
#rightbox { float:right; width:250px; height:221px; }
.packagesautoheight { height:350px;}
#homestay_canvaswithcolor {padding:10px; margin:15px 20px 10px 20px; background-color:#eeede5;height:160px; border:#c7c5b2 dashed 1px}

#touristspotcontent { float:none; padding:5px; margin:auto;}
#spotboxes { float:left; margin:2px;}
#spotboxes a {float:left; padding:14px; background:#ebe9db;}
#spotboxes a:hover { background:#d4d1be;}
#contactcontent {float:left; background-color:#faf9f2; width:650px; contactcontentmargin-left:10px;}
#contactcontent .rightcanvas { float:left; margin:18px 25px 0 0; height:225px; width:250px; background:#f4f5eb; padding:10px 0px 0px 5px; border-top:5px solid #d0d1bc; border-bottom:5px solid #d0d1bc;}
.noborder { border:inherit;}
#packagesinfo{ background:#fcefeb;}
#packagesinfo img{border:1px solid #ebd2ca; margin:5px 0 5px 10px ;}
#packagesinfo th{ background:#ad3b1c url(../img/package_th.gif) repeat-x;padding:5px; color:#fff; font: bold 11px Arial, Helvetica, sans-serif;}
#packagesinfo td{ padding:5px 20px 5px 0px; border-bottom:1px solid #ebd2ca; color:#000;}
#packagesinfo .alter{ background:#f6e6e1;}
.color { color:#000;}
.packagescanvas { margin:0px 10px 0px 10px; float:left; width:810px; background:#e6e0d1; padding-bottom:10px;}
.smallbox { margin:18px; float:left; background-repeat:no-repeat;}
#packagesinfo .header{ padding:0; background:#fcefeb; border:0;}
#packagesinfo .header a{ color:#fff; font:18px normal Georgia, "Times New Roman", Times, serif; display:block; float:left; background:#d15a3a url(../img/package_tab.gif) repeat-x; margin:0 2px 0 0; padding:8px 20px; border-bottom:2px solid #fff;}
#packagesinfo .header a span{padding:8px 2.5px; font:inherit}
#packagesinfo .header a:hover{background:#d15a3a url(../img/package_tab_hov.gif) repeat-x;}
#packagesinfo .header .active,#packagesinfo .header .active:hover{background:#ad3b1c url(../img/package_tab_active.gif) repeat-x; border-bottom:2px solid #c54623;}
#nav { position:absolute; right:3px; bottom:0; }
#nav a { height:21px; margin:0 0 0 2px; padding:5px 10px 0 5px; font-size:13px; color:#fff; background:url(../img/nav-up.png) repeat-x; display:block; float:left; }
#nav a:hover, #nav .current { background:url(../img/nav-over.png) repeat-x; }

#right_listing li {font:14px Arial, Helvetica, sans-serif; color:#6b6852; line-height:25px;background:url(../img/listimg_arrow.gif) no-repeat center left; padding:0 0 0 15px; width:390px; float:left;}
.text_floating { margin:0 3px 3px 3px; float:none; text-align:center;}
#webform{ width:260px; height:300px; background:#faf9f2; float:left; margin-left:6px;}
#webform .letter { font: bold 13px Arial, Helvetica, sans-serif; display:block; padding:10px 0 3px 5px; color:#a9a99c;}
#webform .inputstyle { width:217px; height:22px; font-size:15px; color:#999; background:url(../img/webformbg01.jpg) no-repeat left top; padding:5px 0 0 8px;}
#webform .commentstyle{ width:217px; height:87px; font-size:15px; color:#999; background:#fff; padding:5px 0 0 8px; background:url(../img/webformbg02.jpg);}
#webform span{padding-left:32px}
#homestay_canvas1 h3{color:#900; padding:18px 0 5px 0; }
#homestay_canvas1 h4{font:12px; color: #BE7E7E; }
#homestay_canvas1 h5{color:#FFBBC6; font-size:10px}

.syosys{ float:right; width:150px;}