@charset "utf-8";
/* CSS Document */

body{
	background: #6f6d5e url(../images/topbg.jpg) scroll repeat-x;
	color: #242211;
	font-size: 12px;
	line-height: 16px;}

#bgwrap{
	background:url(../images/maingbg.jpg) no-repeat scroll 0 0;
	height: 556px;
	width: 1024px;
	margin: 0 auto;
}

.margin {
	margin-bottom:30px;
}

p.title{
color:#242211;
float: right;
font-family:"Copperplate Gothic Light";
font-size: 16px;
font-weight: bold;
margin-top: -20px;
padding-bottom: 5px;
text-transform: uppercase;}

.rightp{margin-right: 45px;}

img.pad {
border: 4px solid #242211;
margin-bottom:5px;}
img.pad2{ border: 1px solid #242211; margin: 12px 20px 0 0;}
a.plum {color: #242211; font-weight: bold;}
h1, h2 {color:#242211; margin:10px 0 5px 0; font-size:14px; font-family:COPPERPLATE GOTHIC LIGHT; }

.room{margin: 0 20px 10px 0; border: 4px solid #242211;}
/**************NAVIGATION****************/
#wrapper{
margin: 0 auto;
position: relative;
height: 125px;
width: 800px;}

ul#menu{
position: absolute;
bottom:10px;}

ul#menu li, ul#nav2 li{
float:left; /**used to keep inline**/
text-align: center;
width:114px;}

ul#menu a, ul#nav2 a{
	color:#242211;
	display:block;
	float:left;
	font-family:"Copperplate Gothic Light";
font-size: 11Px;
	text-decoration: none;
	text-transform:uppercase;
	width:100px;}

ul#menu li .divider, ul#nav2 li .divider{
background: transparent url(../images/divider.gif) repeat-y scroll 100% 0;
float: left;
height:14px;
padding: 2px 6px 0 0;
width:1px;}

ul#menu a:hover{
color: #000;}

ul#menu a.current, ul#menu a.current:hover{
color:#B7AD8E;}

/***********END NAVIGATION****************/

/****KOH SAMUI****/


#bottom {
margin: 13px auto 0; 
min-height: 300px;
position: relative;
width: 800px;
}

#bottom2 {
margin: 94px auto 0;
position: relative;
width: 780px;
}


/*****SAMUDRA*******/
.content_r{
float: left;
margin-bottom:30px;
width: 800px;
}

.content_slide{
float: left;
margin: 0 auto;
width: 800px;
}

.content_r p, #bottom p{
font-family:Verdana, Geneva, sans-serif;
line-height: 18px;
margin-top: 10px;
text-align: justify;}

.content_r p.quote{
font-style: italic;
font-size: 10px;
line-height: 18px;
margin-top: 10px;
text-align: justify;}

.content_r span{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;}


/******Galleries*********/




#footer {
background:url(../images/foot.jpg) repeat-x scroll 0 0;
min-height:100px;
}

#navigation {
	margin: 0 auto;
	padding-top: 20px;
	width: 800px;}

#nav2 {
	float:right;
}


/***RESERVATIONS*****/


#contact-area {
  background:url(formbg.jpg) no-repeat scroll 0 0;
	width: 300px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 150px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #242211;
}

#contact-area input.submit-button {
	cursor: pointer;
	width: 100px;
	float: right;
}

label {
	color: #242211;
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 15px;
	width: 120px;
	padding-top: 5px;
	font-size: 1.2em;
}