/*

Theme Name: Karma Samui

Theme URI: http://www.karmasamui.com/

Author: Made Suastika

*/



/* CSS Document */



body{
	margin:0;
	padding:0;
	background:url(images/bg-body.jpg) repeat-x #e8d4a2;
	font-family:Arial, Helvetica, sans-serif;
}

p, h2, h3{

	margin:10px 0 16px 0

}

a{

	outline:none;

}



a {

	text-decoration: none;

	color: #000;

	font-weight:bold;

}



a:hover {

	text-decoration: none;

	color: #e675ad;

}







#reservation{

	padding:14px;

	background:#FFF;

	margin:0;

	-moz-opacity:.85;

	filter:alpha(opacity=85);

	opacity:.85;

	border:1px solid #a8e8f9;

}

#reservation .textbox{

	background:#FFF;

	border:1px solid #b9b9b9;

	margin-bottom:4px;

}

#reservation .button{

	background:#174e73;

	border:1px solid #000;

	color:#FFFFFF;

}

#reservation .calendarbutton{

	background:url(images/calendar-icon.jpg) 0 0 no-repeat;

	text-indent:-2000px;

	border:1px solid #FFF;

	width:30px;

	height:22px;

	padding:0;

	margin-top:-4px;

}









#container{

	width:799px;

	margin:0 auto;

	background:#f6efdc;

}

#header{

	background:url(images/bg-bottompan.jpg) repeat-y #f6efdc;

	height:34px;

	line-height:34px;

	padding:0 10px;

	color:#000;

	font-size:11px;

}

#mainmenu{

	background:url(images/bg-menu.jpg) no-repeat;

	height:95px;

}

#mainmenu ul{

	margin:0;

	padding:0;

	text-align:center;list-style:none

}

#mainmenu ul li{

	display:inline;

}

#mainmenu a{

	font-family: Tahoma, verdana, "Times New Roman";

	font-size: 13px;

	font-style: normal;

	line-height: 95px;

	font-weight:bold;

	color:#FFEBAE;

	text-decoration: none;

	font-variant: small-caps;

	text-transform: capitalize;

	padding: 0px 18px 0 18px;

}

#mainmenu a:hover{

	font-family: Tahoma, verdana, "Times New Roman";

	font-size: 13px;

	font-style: normal;

	font-weight:bold;

	color:#FFFFFF;

	text-decoration: none;

	font-variant: small-caps;

	text-transform: capitalize;

	padding: 0px 18px 0 18px;

}

#banner{
	background:url(images/bg-banner.jpg) repeat-y;
	padding:20px 9px 0 9px;
	white-space:nowrap;
	height:228px;
}
#banner img{
	border:1px solid #fffbcf;
}





#content{

	background:url(images/bg-bottompan.jpg) repeat-y;

	padding:0 0 10px 0;

}

#maincontent{

	font-size:12px;

	background:url(images/bg_sub_head_shadow.jpg) no-repeat;

	padding:40px 24px 0 24px;

}

#leftpan{

	width:451px;

	padding-right:14px;

	float:left;

	/*background:url(images/content-right-shadow.gif) right top no-repeat;*/

	line-height:18px;

}

#leftpan h2{

	font-size:18px;

	font-weight:normal;

	border-bottom:1px solid #e0caa0;

	padding:0 0 4px 0;

}

#leftpan h3{

	font-size:16px;

	font-weight:bold;

	padding:0 0 4px 0;

}

#leftpan p{

	text-align:justify;

}

#rightpan{

	width:272px;

	float:right;

}

#bookform{

	height:242px;

	background:#facae7;

	border:1px solid #e97bb2;

	padding:4px;

}

#bookform-content{

	background:url(images/bg-booking-form.jpg) repeat-x;

	height:218px;

	padding:12px;

	color:#FFF;

}

#bookform-content form{

	margin:0;

	padding:0;

}

#bookform-content form input, select{

	border:1px solid #822754;

	margin-top:4px;

	font-size:11px;

	padding:2px;

}

#bookform-content h2{

	background:url(images/book-online-icon.gif) no-repeat;

	font-size:20px;

	font-weight:normal;

	color:#822754;

	padding-left:28px;

	margin:0 0 8px 0;

	border-bottom:1px solid #f0b1d0;

	padding-bottom:4px;

}

#bookform-content .smalltext{

	font-size:11px;

}

#bookform-content .smalltext a{

	color:#FFF;

	text-decoration:none;

}

#bookform-content .smalltext a:hover{

	color:#000;

}

#bookform-content .button{

	background:url(images/bg-botton.jpg) repeat-x;

	font-size:11px;

	font-weight:bold;

	color:#000;

	margin-top:12px;

	height:24px;

	width:112px;

}

#bookingform-shadow{

	background:url(images/bg-booking-form-shadow.jpg) no-repeat;

	height:20px;

}

#navigation {

	margin:0px;

	padding:0px;

	text-indent:0px;

	width:272px;

	font-size:11px;

}
#navigation2 {

	margin:0px auto;

	padding:0px;

	text-indent:0px;
	
	text-align:right;

	width:799px;

	font-size:11px;
	
	background-color:#CCC;

}

#navigation a.head {

	cursor:pointer;

	background:url(images/bg-side-menu-header.jpg) no-repeat;

	color:#000;

	display:block;

	font-weight:bold;

	margin:0px;

	padding:0px;

	text-indent:14px;

	text-decoration: none;

	line-height:37px;

	font-size:14px;

	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;

}

#navigation a.head:hover {

	background:url(images/bg-side-menu-header-hover.jpg) no-repeat;

	color:#FFF;

	line-height:36px;

	border-bottom:1px solid #bca261;

}

#navigation a.selected {

	background:url(images/bg-side-menu-header-hover.jpg) no-repeat;

	color:#FFF;

}

#navigation a.selected:hover {

	background:url(images/bg-side-menu-header-hover.jpg) no-repeat;

	color:#FFF;

	line-height:37px;

	border:none;

}

#navigation a.current {

	background-color:#FFFF99;

}

#navigation ul {

	border-width:0px;

	margin:0px;

	padding:0px;

	text-indent:0px;

	background:url(images/bg-side-menu-content.jpg) no-repeat #000;

	height:140px;

}

#navigation li {

	list-style:none outside none; display:inline;

}

#navigation li li p{

	margin:0;

	padding:10px 10px 0 0;

}

#navigation li li a {

	color:#e675ad;

	text-decoration: none;

	float:right;

	padding-right:14px;

	background:url(images/arrow.gif) right 50% no-repeat;

	margin-right:10px;

}

#navigation li li a:hover {

	color:#000;

}

#navigation .img1{

	float:left;

	margin:10px 8px 0 8px;

}













#bottompan{

	background:url(images/bg-bottompan.jpg) repeat-y;

	padding-bottom:19px;

}

#bottompancontent{

	background:url(images/bottompan-shadow.jpg) 0 0 no-repeat;

	padding:30px 19px 0 19px;

}

.bottompanleft{
	width:451px;
	padding-right:19px;
	float:left;
}
.bottompanright{
	width:272px;
	float:right;
}
.bottom_box{
	background: url(images/bg-bottom-block.jpg) repeat-x #faf4db;
	border:1px solid #ead5a6;
	padding:12px;
	font-size:12px;
	margin-bottom:22px;
}
.bottom_box a img{
	border:2px solid #FFF;
}
.bottom_box a:hover img{
	border:2px solid #000;
}
.bottom_box h3{
	font-size:18px;
	font-weight:normal;
	background:url(images/arrow3.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	margin:0 0 10px 0;
}
.bottom_box h3 a{
	font-weight:normal;
}
.bottom_box p{
	margin:0 0 10px 0;
}
.video{
	margin-bottom:22px;
}

















#footer{
	background:#171518;
	width:100%;
}
#footer-content{
	width:799px;
	margin:0 auto;
	background:url(images/bg_foot.jpg) repeat-y #171518;
}

#footer-top{

	background: url(images/bg_content_shadow.jpg) 0 top no-repeat;

}

#footer-bottom{

	background:url(images/bg_bottom.jpg) 0 bottom no-repeat;

	height:188px;

	padding:0 19px;

}

#footer .logo{

	float:left;

	width:203px;

	height:67px;

	padding:28px 0 0 0;

	text-align:right;

}

#footer .map{

	float:right;

	height:110px;

	width:197px;

	padding:21px 0 0 0;

	text-align:left;

}

#footermenu{

	text-align: center;

	font-size:11px;

	margin:0 auto;

	padding-top:69px;

}

#footermenu a{

	color:#ffebae;

	text-decoration:none;

	margin:0 8px;

}

#footermenu a:hover{

	color:#FFF;

}

#copyright{

	text-align: center;

	font-size:11px;

	margin:0 auto;

	color:#ffebae;

	width:220px;

}

#copyright a{

	text-decoration:none;

	color:#ffebae;

}

#copyright a:hover{

	color:#FFF;

}

#clock{

	float:right;

	font-size:11px;

	color:#ffebae;

	padding-right:39px;

}

#newsletter{

	font-size:11px;

	color:#ffebae;

	float:left;

	padding-left:9px;

}

#clock input{

	font-size:11px;

	background:#565249;

	border:1px solid #999999;

	color:#e3d9b9;

}

#newsletter input{

	font-size:11px;

	background:#565249;

	border:1px solid #999999;

	color:#e3d9b9;

}

.clear{

	clear:both;

	line-height:1px;

	margin:0;

	padding:0;

}

.line{
	background:url(images/img_dot.gif) repeat-x;
	margin:0 0 7px 0;
	padding:0;
	line-height:1px;
	clear:both;
}

.notebox{

	font-size:11px;

	padding:15px 20px 5px 20px;

	background: url(images/corner-triangle.jpg) right bottom no-repeat #FFF;

	border:1px solid #a8e8f9;

	display: block;

	margin-bottom:18px;

}

.notebox p{

	margin:0 0 10px 0

}

.cal{

	background:#FFF;

}

.imagegallery{

	background:url(images/bg-image-gallery.jpg) repeat-x #f8f2d8;

	height:214px;

	border-top:1px solid #d8c698;

}

.imagegallery h2{

	margin:8px 22px;

	padding:0 0 6px 0;

	font-size:22px;

	font-weight:normal;

	background:url(images/image-gallery-line.jpg) left bottom repeat-x;

}

.imagegallery h2 a{

	background:none;

	font-weight:normal;

	color:#000;

}

.imagegallery h2 a:hover{

	color:#e67baf;

}

.imagegallery a{

	padding-right:14px;

	background:url(images/arrow.gif) right 50% no-repeat;

	margin-top:10px;

	color:#e67baf;

}

.imagegallery a:hover{

	color:#000;

}

.imagegallery-shadow{

	background:url(images/bg-image-gallery-shadow.jpg) no-repeat;

	height:23px;

}

.downloadmenu{

	background:url(images/bg-download-menu.jpg) repeat-x #F7D0E3;

	padding:0;

	float:left;

	width:271px;

	margin-bottom:3px;

	font-size:12px;

	color:#000;

}

.downloadmenu-shadow{

	background:url(images/bg-download-menu-shadow.jpg) right bottom no-repeat;

	margin:0;

	padding:5px 5px 5px 11px;

	height:64px;

	width:255px;

	display:block;

}

.downloadmenu-shadow h2{

	color:#FFFFFF;

	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size:30px;

	margin:0;

	padding:0;

	line-height:32px;

}

.downloadmenu-shadow h2 a{

	color:#FFF;

	font-weight:normal;

}

.downloadmenu-shadow h2 a:hover{

	color:#000;

}

.downloadmenu-shadow img{

	float:left;

	margin-right:8px;

}

.downloadmenu-shadow a{

	text-decoration:none;

	color:#000;

}

.downloadmenu-shadow a:hover{

	color:#FFF;

}

.pdf{

	background:url(images/pdf-icon.jpg) no-repeat;

	padding-left:18px;

	margin-left:5px;

}

.flash{

	background:url(images/flash-icon.jpg) no-repeat;

	padding-left:18px;

	margin-left:5px;

}



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

ul.listing{

	margin:0;

	padding:0;

	list-style:none;

}

ul.listing a{

	text-decoration:none;

	color:#000;

}

ul.listing a:hover{

	color:#e675ad;

}

ul.listing p{

	margin:2px 0 10px 0;

}

ul.listing li{

	padding-bottom:10px;

	margin-bottom:18px;

	display:block;

	float:left;

	width:100%;

	border-bottom:1px solid #e5d6ae;

}

ul.listing li h4{

	font-size:12px;

	font-weight:bold;

	margin:0 0 4px 0;

	padding:0;

}

ul.listing li img{

	float:left;

	padding:5px;

	border:1px solid #c2a46a;

	background:#FFF;

	margin:0 15px 30px 0;

}

ul.listing li a img{

	

}

ul.listing li a:hover img{

	background:#f8ebc8;

}

a.view_btn{

	background: url(images/view-btn.gif) 0 50% no-repeat;

	padding:6px 6px 6px 32px;

}

/*----------------------------Listing with Shadow------------------------------------*/

ul.listing_shadow{

	margin:0;

	padding:0;

	list-style:none;

}

ul.listing_shadow h5{

	margin:0 0 2px 0;

	padding:0;

	font-size:12px;

}

ul.listing_shadow a{

	text-decoration:none;

	color:#000;

}

ul.listing_shadow a:hover{

	color:#e675ad;

}

ul.listing_shadow p{

	margin:2px 0 10px 0;

}

ul.listing_shadow li{

	padding-bottom:36px;

	margin-bottom:18px;

	display:block;

	float:left;

	width:100%;

	background:url(images/listing-shadow.jpg) 50% bottom no-repeat;

}

ul.listing_shadow li.last{

	padding-bottom:36px;

	margin-bottom:18px;

	display:block;

	float:left;

	width:100%;

	background:none;

}

ul.listing_shadow li h4{

	font-size:12px;

	font-weight:bold;

	margin:0 0 4px 0;

	padding:0;

}

ul.listing_shadow li img{

	float:left;

	padding:5px;

	border:1px solid #c2a46a;

	background:#FFF;

	margin:0 15px 30px 0;

}

ul.listing_shadow li a img{

	

}

ul.listing_shadow li a:hover img{

	background:#f8ebc8;

}

a.view_btn{

	background: url(images/view-btn.gif) 0 50% no-repeat;

	padding:6px 6px 6px 32px;

}



/*----------------------------More button------------------------------------*/

a.more {

	color: #e675ad;

	text-decoration: none;

	float:right;

	padding-right:14px;

	background:url(images/arrow.gif) right 50% no-repeat;

	margin-right:10px;

	margin-top:10px;

}

a.more:hover {

	color:#000;

}

a.moreleft {

	color: #e675ad;

	text-decoration: none;

	padding-left:14px;

	background:url(images/arrow2.gif) left 50% no-repeat;

	padding-right:5px;

}

a.moreleft:hover {

	color:#000;

}


/*----------------------------MEDIA------------------------------------*/
ul.media{
	margin:0;
	padding:0;
	list-style:none;
}
ul.media li{
	display:block;
	padding:6px;
	margin:0 0 10px 0;
	border-bottom:1px dashed #a7b880;
	clear:both;
	height:120px;
}
ul.media li img{
	border:1px solid #93a95e;
	padding:5px;
	background:#FFF;
	float:left;
	margin:0 10px 5px 0;
}
ul.media li a img{
	border:1px solid #93a95e;
}
ul.media li a:hover img{
	background:#f8ebc8;
}
ul.media li a.download{
	background:url(images/download-icon.jpg) no-repeat;
	text-decoration:none;
	color:#72a42e;
	height:20px;
	padding:2px 0 4px 30px;
        clear:both;
        display:block;
}
ul.media li a.download:hover{
	color:#000;
}


ul.bottom-nav{
	margin:0 0 22px 0;
	padding:0;
	list-style:none;
	width:49%;
}
ul.bottom-nav li{
	border-bottom:1px solid #e0d0a5;
	font-size:16px;
	font-weight:bold;
}
ul.bottom-nav li{
	padding:10px 8px;
	height:34px;
	display:block;
}
ul.bottom-nav li:hover{
	background:#e3d09f;
	color:#FFFFFF;
	display:block;
}
ul.bottom-nav li .desc{
	font-size:11px;
	font-weight:normal;
}
.social_bookmark{
	padding:10px 0 0 0;
	border-bottom:1px solid #e0d0a5;
	font-size:16px;
	font-weight:bold;
	height:56px;
	margin-bottom:22px;
}
.social_bookmark a img{
	border:1px solid #FFF;
}
.social_bookmark a:hover img{
	border:1px solid #000;
}
.video_small{
	padding-bottom:26px;
	border-bottom:1px solid #e0d0a5;
	font-size:16px;
	font-weight:bold;
	height:126px;
}















.accordion_wrapper{

	font-size:12px;

	border:1px solid #a8e8f9;

	margin-bottom:16px;

}

.accordion_wrapper h2{

	font-size:20px;

	font-weight:normal;

	margin:0 0 12px 0;

	padding:0;

	color:#4e8bd8;



}

.accordion_wrapper p{

	margin:0 0 8px 0;

}

.accordion_wrapper .acToggle{

	background: url(images/bg-accordion-title.jpg) repeat-x #FFF;

	color:#000;

	cursor:pointer;

	line-height:38px;

	font-size:14px;

	font-weight:bold;

	padding:0 14px;

}

.acStretch{

	background-color:#f5fafe;

	padding:0 14px 14px 14px;

}

.acStretch .leftbox{

	width:175px;

	padding-right:8px;

	padding-bottom:14px;

	float:left;

	border-right:1px solid #cfe6f6;

	margin-right:12px;

	background:url(images/shadow.jpg) no-repeat left bottom;

}

.acStretch .leftbox a{

	padding-left:48px;

	text-decoration:none;

	color:#ffb027;

	font-weight:bold;

}

.acStretch .leftbox a:hover{

	color:#000;

}

.acStretch .leftbox img{

	border:1px solid cce1f0#;

	padding:5px;

	background:#FFF;

	clear:both;

}

.acStretch .rightbox{

	float:left;

	display:block;

	width:475px;

}

.acStretch .rightbox .datetitle{

	color:#8b8b8b;

}





.acStretch .rightbox .pricetitle{

	color:#cd0404;

}

.virtual_tour_block{

	padding:8px;

	background:url(images/bg-block.jpg) repeat-y;

	border-top:1px solid #e675ad;

	border-bottom:1px solid #e675ad;

	margin:10px 0 16px 0;

}

.virtual_tour_block h4{

	margin:0;

}

.virtual_tour_block img{

	float:left;

	padding:5px;

	border:1px solid #c2a46a;

	background:#FFF;

	margin:0 15px 2px 0;

}

.shadow{

	background: url(images/listing-shadow.jpg) no-repeat;

	height:30px;

	clear:both;

	margin-bottom:10px;

}

.download_pdf{

	background:url(images/pdf-icon-small.gif) 6px 4px no-repeat #f7e8c1;

	height:58px;

	line-height:58px;

	padding:0 8px 0 50px;

	border:1px solid #e0f5b6;

	font-size:18px;

	margin:10px 0 16px 0;

}

.download_pdf a{

	font-weight:normal;

}

.box{
	background:#e0cd9b;
	padding:10px;
	border:1px solid #c0ae80;
	margin:10px 0 16px 0;
}

.box ul{

	margin:0 0 0 20px;

	padding:0;

}

.box h4{

	margin:0 0 4px 0;

}

.single_line{

	border-top:1px solid #e0caa0;

	margin:30px 0 18px 0;

}

.double_line{

	border-top:2px solid #e0caa0;

	margin:30px 0 18px 0;

}

.flashborder{

	padding:5px;

	border:1px solid #c2a46a;

	background:#FFF;

	margin:0 0 20px 0;

}

.tebalkan2{
	padding:3px;
	font-weight:bold;
}
.edm{
        padding:8px;
        background-color: #e6d2a0;
        float:right;   
}
.trip_advisor{
float:left;
}
.trip_advisor ul, .trip_advisor li{
margin:0;
padding:0;
}
.trip_advisor div{
margin:0;
padding:0;
}

/* Blogtoys ------------------------------------------- */

.blogtoy {
border-top: 1px solid black;
font-size: 0.8571em;
line-height: 1.66666em;
clear: both;
}

.blogtoy .space1,
.blogtoy .space2 {
clear: both;
width: 200px;
padding-bottom: 0.6em;
}

.blogtoy h2.widgetheader {
font-size: 12px;
width: 799px;
margin: 0 auto;
text-align: right;
position: relative;
z-index: 10;
line-height: 1.75em;
color: #eee;
}

.blogtoy h2.widgetheader:hover {
color: #fff;
cursor: pointer;
}

.blogtoy dt {
float: left;
clear: left;
padding-left: 0.9em;
margin-right: 1.2em;
}

.blogtoy dd {
margin-left: 0.9em;
}

.blogtoy a:link,
.blogtoy a:visited {
text-decoration: none;
}

.blogtoy a:focus,
.blogtoy a:hover,
.blogtoy a:active {
color: #fff;
text-decoration: underline;
}

.blogtoy .innerwidget {
margin: 0 auto;
width: 37.5em;
text-align: left;
overflow: hidden;
position: relative;
z-index: 0;
color:#FFF
}

.blogtoy ul li {
padding-left: 13px;
background: url(images/pix-arrow-right.gif) 1px 0.5em no-repeat;
}

.blogtoy ul li.rss {
background: url(images/rss.gif) 1px 50% no-repeat;
padding-left: 18px;
.slide{
	width:799px;
	padding:3px;
	margin:0 auto;
	color:#000;
	border:1px solid #FFF;
	background-color:#999;
	text-align:right;
}
.email{
        font-weight:normal;
}
.single_dash {
     
        border-top: 1px dashed #f8cce3;
        
        margin:18px 0 18px 0;
        
}