html, body {margin:0;height: 100%;}
body {
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4b38;
	line-height:20px;
	background-color:#ebe9e5;
}
p{margin-top:0}
a{
text-decoration:none;
color:#996633;
}
a:hover{
text-decoration:none;
color:#333;
}
a, a:hover, a:active, a:focus {
   outline: 0;
}
ul{
	margin:0;
}
h3{
	margin:25px 0 7px 0;
	padding-bottom:7px;
	border-bottom:1px solid #bcb8a7;
}
.note{
	color:#557c55;
}
p.quote{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
}
p.quote span{
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#90896c;
	letter-spacing:2px;
}

/*------------------------------FORM ELEMENT-------------------------*/
textarea, input{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	border:1px solid #d3d0c4;
	background:transparent;
	color:#555;
	margin:0 3px 5px 0;
	padding:5px;
	resize:none;
}
input:focus, textarea:focus{
	border:1px solid #a0a0a0;
	color:#000;
}
textarea,
.inpString		{width:350px;}
.inpStringSh	{width:322px;}
.inpStringS		{width:735px;}
.inpShort		{width:151px;}
.inpShortSh		{width:259px;}
.inpSht			{width:60px;}
.inpSht2		{width:100px;}
.inpSht3		{width:120px;}
.inpNumber		{width:25px;text-align:right;}
.inpText		{width:342px;height:143px;}

label{
	font-size:10px;
	display:block;
	text-transform:uppercase;
}
label.desc{
	display:inline;
}
label.lbl{
	display:inline-block;
	width:100px;
	text-align:right;
	margin-right:5px;
}
input.button {
	border:none;
	font-size:10px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background:#557c55;
	color:#fff;
	padding:8px 12px 8px 12px;
	cursor:pointer;
	text-transform:uppercase;
	float:right;
}
input.button:hover {
	background:#746c47;
	color:#fff;
}
input.button:active {color:#FFFF00;} 
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	border:1px solid #d3d0c4;
	background:transparent;
	color:#555;
	width:50px;
	margin:0 3px 5px 0;
	padding:4px;
	resize:none;
}
.frmL{
	float:left;
}
.frmR{
	float:right;
}
.rsvBox{
	width:338px;
	height:290px;
	float:left;
	padding-right:21px;
	margin-right:21px;
	border-right:1px solid #d3d0c4;
}
.rsvBoxL{
	margin:0;
	padding:0;
	border:none;
}
.error {color:red;}
.inperr {border:1px solid red;}
.securitycode {color:#2a5b2b;font-weight:bold;}

/*------------------------------LAYOUT-------------------------*/
#container{
	position:relative;
    min-height: 100%;
    height: auto !important;
	height:100%;
	margin:0 auto -60px;
	width:100%;
	min-width:1160px;
}
.push{	
	height:100px;
	line-height:1px;
	clear:both;
}
.clr{
	clear:both;
	line-height:1px;
}
#content{
	position:relative;
	width:1100px;
	margin:0 auto;
}
#contentBox{
	position:relative;
	width:750px;
	margin:40px 0 0 250px;
}
#contentFBox{
	position:relative;
	margin:40px 0;
}
#content h1 span, #contentFBox h1 span{
	float:left;
	margin-left:-2000em;
}
#galleryBox{
}
#galleryBox div{
	position:relative;
	width:204px;
	height:160px;
	float:left;
	display:block;
	margin:0 20px 10px 0;
	border-top:3px solid #90896c;
	border-bottom:1px solid #d3d0c4;
	overflow:hidden;
}
#galleryBox div.last{
	margin:0 0 10px 0;
}
#galleryBox img{
	display:block;
}
#galleryBox div.infobox{
	width:204px;
	font-size:0.8em;
	display:block;
	border-top:6px solid #90896c;
	margin:0;
	padding:2px 0 0 0;
}
.download{
	width:25px;
	height:20px;
	display:block;
	background:url(../images/bt-download.png) center center no-repeat;
	float:right;
}

/*------------------------------HEADER-------------------------*/
#header{
position:relative;
background:#ebe9e5 url(../images/bg-top.png) top repeat-x;
}
#headerCon{
position:relative;
width:1160px;
margin:0 auto;
}
#headerTop{
	height:125px;
}
#logo{
position:absolute;
top:45px;
left:30px;
width:235px;
height:50px;
background:url(../images/logo-cendana-resort-and-spa.png) no-repeat;
display:block;
}
#slogan{
position:absolute;
top:65px;
right:30px;
width:325px;
height:15px;
background:url(../images/tx-the-tradition-of-exellence.png) no-repeat;
display:block;
}
#HMenu{
position:relative;
height:40px;
width:1100px;
margin:0 auto;
background:url(../images/mn-bg.png) top repeat-x;
border-top:5px solid #90896c;
}

#about, #location, #rooms, #rates, #facilities, #packages, #spa, #activities, #gallery, #reservation, #contact,
#aboutA, #locationA, #roomsA, #ratesA, #facilitiesA, #packagesA, #spaA, #activitiesA, #galleryA, #reservationA, #contactA{
height:35px;
float:left;
margin:0 18px;
}
#about,#aboutA				{background:url(../images/mn-about.png) no-repeat; width:59px;}
#location,#locationA		{background:url(../images/mn-location.png) no-repeat;width:63px;}
#rooms,#roomsA				{background:url(../images/mn-rooms.png) no-repeat;width:45px;}
#rates,#ratesA				{background:url(../images/mn-rates.png) no-repeat;width:34px;}
#facilities,#facilitiesA	{background:url(../images/mn-facilities.png) no-repeat;width:131px;}
#packages,#packagesA		{background:url(../images/mn-packages.png) no-repeat;width:66px;}
#spa,#spaA					{background:url(../images/mn-spa.png) no-repeat;width:24px;}
#activities,#activitiesA	{background:url(../images/mn-activities.png) no-repeat;width:61px;}
#gallery,#galleryA			{background:url(../images/mn-gallery.png) no-repeat;width:54px;}
#reservation,#reservationA	{background:url(../images/mn-reservation.png) no-repeat;width:80px;}
#contact,#contactA			{background:url(../images/mn-contact.png) no-repeat;width:78px;}

#about:hover, #location:hover, #rooms:hover, #rates:hover, #facilities:hover, #packages:hover, #spa:hover, #activities:hover, #gallery:hover, #reservation:hover, #contact:hover{
background-position:0 -35px;
}
#aboutA, #locationA, #roomsA, #ratesA, #facilitiesA, #packagesA, #spaA, #activitiesA, #galleryA, #reservationA, #contactA{
background-position:0 -70px;
}

#slides{
	position:relative;
	height:350px;
	width:1100px;
	margin:0 auto;
	border-top:5px solid #90896c;
	border-bottom:5px solid #90896c;
}
.slidesSdw{
	position:absolute;
	top:0;
	left:0;
	height:350px;
	width:1100px;
	display:block;
	background:url(../images/slide-shadow.png) no-repeat;
}

/*------------------------------ROOM'S PICS-------------------------*/
ul.rooms{
	padding:0;
	margin:20px 0;
	list-style:none;
}
ul.rooms li{
	list-style:none;
	padding:0;
	margin:0 21px 0 0;
	float:left;
	text-align:center;
	border-top:3px solid #90896c;
	border-bottom:1px solid #d3d0c4;
}
ul.rooms li.lroom{
	margin:0;
}
ul.rooms li img{
	display:block;
}
ul.rooms li a.rlink{
	display:block;
	padding:5px 10px;
	border-top:6px solid #90896c;
}

/*------------------------------Facility list-------------------------*/
ul.flist{
	padding:0;
	margin:20px 0;
	list-style:none;
}
ul.flist li{
	list-style:none;
	padding:7px 0;
	border-bottom:1px solid #d3d0c4;
}
ul.flist li:first-child{
	border-top:1px solid #d3d0c4;
}

/*------------------------------set menu-------------------------*/
ul.tricol{
	padding:0;
	margin:20px 0;
	list-style:none;
}
ul.tricol > li{
	list-style:none;
	margin:0 21px 20px 0;
	float:left;
	text-align:center;
	width:236px;
}
ul.tricol > li.lcol{
	margin:0 0 20px 0;
}
ul.tricol ul {
	list-style:none;
	padding:0;
	margin:0;
}
ul.tricol ul li{
	padding:4px 0;
	font-size:0.9em;
	border-bottom:1px solid #d3d0c4;
}
ul.tricol ul li:first-child, ul.tricol ul li.subhead{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #90896c;
}

ul.tricol ul li.subhead{
	padding-top:20px;
}

/*------------------------------BOTTOM-------------------------*/
#bottom{
	position:relative;
	height:60px;
	width:100%;
	min-width:1160px;
	overflow:hidden;
	margin:-60px auto 0;
	background: url(../images/bg-bottom.png) bottom repeat-x;
}
#bottomCon{
	width:1100px;
	margin:0 auto;
	padding:13px 0px;
	text-align:center;
	line-height:normal;
	font-size:11px;
	color:#817c61;
	border-top:1px solid #d3d0c4;
}
#bottomCon span{
	color:#534e31;
	text-transform:uppercase;
}

/*------------------------------listing-------------------------*/
.listtable{
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse;
}
.listtable th:first-child, .listtable td:first-child{
	text-align:left;
	padding:7px 0px;
}
.listtable th{
	font-size:10px;
	font-weight:bold;
	color:#666;
	text-transform:uppercase;
	border-bottom:1px solid #90896c;
	text-align:right;
	line-height:normal;
	padding:7px 7px;
}
.listtable td:first-child{
	text-transform:uppercase;
	font-weight:bold;
}
.listtable td:last-child, .listtable th:last-child{
	text-align:left;
}
.listtable td{
	border-bottom:1px solid #bcb8a7;
	vertical-align:top;
	text-align:right;
	line-height:normal;
	padding:7px 7px;
}