/* Shinta Mani layout for handheld devices - shintamani.com */
/* Last updated 02/03/05 */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2005 id3 (http://www.id3.co.th) and may not be reproduced. */ 
body {
	background-color: #dacdb4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5e411b;
	margin: 10px;
}
h1 {
	font-size: 18px;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	font-weight: normal;
}
h3 {
	font-size: 12px;
	font-weight: normal;
}
img {
	border: 0px;
}
#global {
}
#top {
	margin: 0px;
	padding: 0px;
	border: none;
}
#top img {
}
#header {
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom: 20px;
	padding: 0px;
	border-top-width: 1px; /* we need a value here to avoid gap */
	border-top-style: solid;
	border-top-color: #877049;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #a72800;
}
#shot {
	display: none;
}
#navigation {
}
#navigation ul {
	list-style-type: none;
	list-style-image: none;
}
#navigation li {
	white-space: nowrap;
	padding-bottom:10px;
}
#navigation a, #navigation a:visited, #navigation a:hover, #navigation a:active {
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	display: block;
}
#main {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbac90;
	padding-bottom: 10px;
}
#main a:link {
	text-decoration: none;
	color: #5e411b;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5e411b;
}
#main a:visited {
	text-decoration: none;
	color: #5e411b;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5e411b;
}
#main a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5e411b;
}
#main a:active {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5e411b;
}
#main h1+p:first-letter 
{
}
#main h1+img 
{
	margin-top: 10px;
	margin-bottom: 10px;
}
#sidebar {
	width: 195px;
	float: left;
	clear:right;
}
#mainbar {
	width: 480px;
	margin-left: 230px;
}
#content {
	text-align: justify;
}
#leftcol {
	width: 350px;
	float: left;
}
#rightcol {
	width: 350px;
	margin-left: 360px;
}
.box {
	width: 100%;
	border:none;
} 
.box h4 {
	font-size:12px;
	padding:10px;
}
.boxbody {
	padding:0px 5px 0px 5px;
	margin:-10px 0 0 0px;
}
.boxbody p{
	padding-left:7px;
	padding-right:7px;
}
.boxfooter {
	margin-top:20px;
}
.boxfooter p {
	padding:5px;
	margin:-15px 0 0 0;
}
.gallery {
	padding: 0px;
	display: block;
	clear: none;
	margin: 0px;
}
.gallery img {
	border: 5px solid #e8e1d3;
	margin: 0px;
	padding: 0px;
	background-color: #e8e1d3;
}
.gallery a, .gallery a:visited {
	text-decoration: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	background-color: #e8e1d3;
	border: none;
}
.gallery a:hover {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color: #5e411b;
	border: none;
}
#portrait {
	height: 97px;
	width: 96px;
}
#portrait img {
}
#packages h3 {
	font-weight: bold;
	background-color: #e8dcc5;
	padding: 10px;
	margin: 0px;
	border: 1px solid #5e411b;
}
.room {
	background-color: #e8dcc5;
	padding: 10px;
}
.roomleft {
	float: left;
	width: 150px;
}
.roomshot {
	height: 139px;
	width: 138px;
}
.roomshot img {
}
table.rates td {
	background-color:#f8eedd;
	padding:5px;
}
table.rates td.prices {
	font-weight:bold;
}
hr {
	clear:both;
	height:1px;
	margin: -1px 0px 0px;
	padding:0px;
	border:none;
	visibility: hidden;
}
#footer {
	font-size: 10px;
	margin-top: 5px;
}
#footer a {
	text-decoration: underline;
	color: #5e411b;
	border: none;
}
#footer a:hover {
	text-decoration: none;
	border: none;
}

#room img.pic_link{
	float:right;
	border:0px solid;
	visibility:hidden;
}
/* forms */
form {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5e411b;
	border: 1px solid #5e411b;
	padding: 2px;
	margin: 5px;
}
input checkbox {
	border: none;
}
input:focus, select:focus, textarea:focus {
	background-color: #ffffe3;
}
fieldset {
	display: block;
	padding: 5px;
	border: 1px dotted #5e411b;
	margin-bottom: 10px;
	width: 450px;
}
legend {
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
	background-color: #dacdb4;
}
label {
	padding: 5px;
	float:left;
	text-align:right;
	width: 200px;
	cursor: hand;
	white-space: nowrap;
	line-height: 15px;
}
.button {
	cursor: hand;
	background-color: #dacdb4;
	border: none;
	vertical-align: baseline;
	padding: 5px;
}
.button:active {
	cursor: hand;
	background-color: #dacdb4;
	border: none;
	vertical-align: baseline;
	padding: 5px;
}
#mainbar-float{
	margin-left:35px;
	float:left;
	clear:none;
	width:200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:370px;
}
/* location */
#mainbar-float #location-map {
	float:left;
	margin-left:20px;
	width:200px;
}
#mainbar-float #location-map h2{
	width:200px;
}
#mainbar-float #location-map a#map {
	background-image:url(../p/location-maps.jpg);
	background-color: #f9f0e0;
	background-repeat: no-repeat;
	background-position:left;
	height: 136px;
	width: 197px;
	display:block;
	border:3px solid #f9f0e0;
	float:left;
}
}
#mainbar-float #angkor-panorama {
	float:left;
	margin-left:20px;
	width:120px;
}
#mainbar-float #angkor-panorama h2{
	width:200px;
}
#mainbar-float #angkor-panorama ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#mainbar-float #angkor-panorama li{
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	width:200px;
	height:45px;
}
#mainbar-float #angkor-panorama li a#panorama-thumb-1{
	background-image:url(../p/panorama-thumb-taphrom-temple1.jpg);
	background-color: #f9f0e0;
	background-repeat: no-repeat;
	background-position:left;
	height: 45px;
	width: 64px;
	display:block;
	border:1px solid #f9f0e0;
	float:left;
	margin-right:10px;
}
#mainbar-float #angkor-panorama li a#panorama-thumb-2{
	background-image:url(../p/panorama-thumb-taphrom-temple2.jpg);
	background-color: #f9f0e0;
	background-repeat: no-repeat;
	background-position:left;
	height: 45px;
	width: 64px;
	display:block;
	border:1px solid #f9f0e0;
	float:left;
	margin-right:10px;
}
#mainbar-float #angkor-panorama li a:hover#panorama-thumb-2{
	background-position:right;
	border-color:#877049;
}
#mainbar-float #angkor-panorama li a#panorama-thumb-3{
	background-image:url(../p/panorama-thumb-angkorwat.jpg);
	background-color: #f9f0e0;
	background-repeat: no-repeat;
	background-position:left;
	height: 45px;
	width: 64px;
	display:block;
	border:1px solid #f9f0e0;
	float:left;
	margin-right:10px;
}
#mainbar-float #angkor-panorama li a:hover#panorama-thumb-3{
	background-position:right;
	border-color:#877049;
}
