/* Hotel de la Paix - http://www.hoteldelapaixangkor.com) */
/* Last updated 22/11/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,td,th, label {
	color: #645549;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-color: #a9a491;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-image: url(p/bgpagefull.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	background-attachment: fixed;
}
dl {
	padding: 0px;
	margin: 0px;
}
dd {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
/* used for details and reservation links */
dd cite {
	font-style: normal;
}
form {
	margin: 0px;
	padding: 0px;
}
fieldset {
	padding: 5px;
	border: 1px dotted #645549;
	margin-bottom: 10px;
}
legend {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #645549;
	background-color: #c8c5b2;
}
label {
	padding: 7px;
	float:left;
	text-align:right;
	cursor: hand;
	width: 135px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:125px;
}
input, select, textarea {
	color: #645549;
	background-color: #dcd8cd;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 3px;
}
input:focus, select:focus, textarea:focus {
	background-color: #ffc;
}
/* section titles are displayed as images (mix of Mike Rundle IR and Gilder/Levin IR) */
h1 {
	font-size: 24px;
	font-weight: normal;
}
.welcomeh, .newsh, .locationh, .roomsh, .reservationh, .facilitiesh, .eventsh, .tourismh, .happeningsh, .packagesh, .linksh, .pressh, .abouth, .contacth, .communityh {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -500em;
	line-height: 20px; /* height of title images */
    /* hide from mac ie5 and force overflow for win ie <6 \*/
    overflow: hidden;
    /* end hide */
}
/* image titles */
.welcomeh {
	background-image: url(p/title_welcome.gif);
}
.newsh {
	background-image: url(p/title_news.gif);
}
.locationh {
	background-image: url(p/title_location.gif);
}
.roomsh {
	background-image: url(p/title_rooms.gif);
}
.facilitiesh {
	background-image: url(p/title_facilities.gif);
}
.eventsh {
	background-image: url(p/title_events.gif);
}
.tourismh {
	background-image: url(p/title_tourism.gif);
}
.happeningsh {
	background-image: url(p/title_happenings.gif);
}
.packagesh {
	background-image: url(p/title_packages.gif);
}
.linksh {
	background-image: url(p/title_links.gif);
}
.pressh {
	background-image: url(p/title_press.gif);
}
.abouth {
	background-image: url(p/title_about.gif);
}
.contacth {
	background-image: url(p/title_contact.gif);
}
.reservationh {
	background-image: url(p/title_reservation.gif);
}
.communityh {
	background-image: url(p/title_community.gif);
}
h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 14px;
	font-weight: normal;
}
h4 {
	font-size: 12px;
	font-weight: bold;
}
hr {
	clear:both;
	height:1px;
	margin: -1px 0px 0px;
	padding:0px;
	border:none;
	visibility: hidden;
}
img {
	border: none;
}
/* layout */
#global {
	width: 760px;
	background-color: #c8c5b2;
	margin: 0px;
	padding: 0px;
}
/* alternate navigation (non-flash users) */
#navigation {
	color: #fff;
	background-color: #2e2e2e;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#navigation ul, #sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation li {
	display: inline;
	padding: 5px 5px 5px 0px;
}
#sidebar li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#navigation a:link, #navigation a:visited {
	color: #fff;
	text-decoration: none;
}
#navigation a:hover {
	color: #ca9919;
	text-decoration: none;
}
#home #navhome a, #location #navlocation a, #rooms #navrooms a, #facilities #navfacilities a, #gallery #navgallery a, #links #navlinks a, #press #navpress a, #about #navabout a, #reservation #navreservation a, #contact #navabout a {
	color: #ca9919;
	text-decoration: none;
}
#subnav #active {
	background-image: url(p/bulletsubnav.gif);
	background-repeat: no-repeat;
	background-position: left;
}
/* main content area */
#main {
	padding-right: 10px;
	padding-left: 30px;
	padding-top: 25px;
	padding-bottom: 10px;
	background-image: url(p/bgmain.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#main a:link {
	color: #645549;
	text-decoration: underline;
}
#main a:visited {
	text-decoration: underline;
	color: #645549;
}
#main a:hover {
	text-decoration: none;
	color: #645549;
}
#main a:active {
	text-decoration: underline;
	color: #645549;
}
/* main closing includes newsletter and hdlp motto */
#mainclosing {
	margin: 0px 10px 0px 30px;
	background-image: url(p/motto.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0px;
	height: 80px;
	bottom: auto;
}
#nlform {
	top: 35px;
	bottom: 0px;
	position: relative;
	left: 0px;
	color: #645549;
	margin: 0px;
	padding: 0px;
}
#mainclosing fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
#mainclosing input, #mainclosing select {
	background-color: #dcd8cd;
	color: #645549;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
#mainclosing legend {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #645549;
}
/* pages with subnavigation have 2 extra divs: sidebar and content */
#sidebar {
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#content {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: 170px;
}
#sidebar h1 {
	/* text-indent: 10px; */
}
/* subnavigation */
#sidebar li {
	text-transform: uppercase;
	font-size: 11px;
}
#sidebar li a:link, #sidebar li a:visited {
	color: #645549;
	text-decoration: none;
	display: block;
	text-indent: 10px;
}
#sidebar li a:hover {
	color: #645549;
	text-decoration: none;
	background-image: url(p/bulletsubnav.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#sidebar li em {
	font-style: normal;
	text-indent: 15px;
	font-weight: bold;
}
/* footer */
#footer {
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aba895;
	margin: 0px 10px 0px 30px;
	font-size: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer a:link, #footer a:visited {
	color: #645549;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer address {
	font-style: normal;
	float: right;
	margin: 0px;
	padding: 0px;
	display: inline;
}
/* homepage specific */
.column {
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 210px;
}
.column dd, #news dd, #press dd {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.column dt, #news dt, #press dt {
	font-weight: bold;
	margin-bottom: 10px;
}
.column dt a:link, .column dt a:visited, #news dt a:link, #news dt a:visited, #press dt a:link, #press dt a:visited {
	text-decoration: none;
}
.column dt a:hover, #news dt a:hover, #press dt a:hover {
	text-decoration: underline;
}
.column fieldset {
	border: none;
	margin: 5px 0px;
	padding: 0px;
}
.column legend {
	margin: 0px;
	padding: 0px;
}
.column select {
	background-color: #d0cec1;
	font-size: 12px;
}
.column input {
	background-color: #78765b;
	color: #fff;
}
.left {
	float: left;
}
.dotsright {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #9c9484;
}
/* second column (news) */
.dotsboth {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #9c9484;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-top-color: #9c9484;
	border-bottom-color: #9c9484;
	border-left-color: #9c9484;
	border-top-style: none;
	border-bottom-style: none;
	padding-left: 10px;
	margin-left: 0px;
}
/* thrid column (reservation) */
.wider {
	width: 225px;
	margin: 0px;
	padding: 0px;
}
.wider #submit {
	margin-top: 10px;
}
.wider label {
	float: none;
	width: auto;
}
/* news */
#news {
	background-color: #c8c5b2;
	background-image: none;
}
#news a:link, #cocktails a:link {
	color: #645549;
	text-decoration: underline;
}
#news a:visited,  #cocktails a:visited {
	text-decoration: underline;
	color: #645549;
}
#news a:hover,  #cocktails a:hover {
	text-decoration: none;
	color: #645549;
}
#news a:active,  #cocktails a:active {
	text-decoration: underline;
	color: #645549;
}
#news #sidebar {
	float: left;
}
#news #content {
	margin-left: 180px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e3e0d8;
}
#news #footer {
	margin: 0px;
	padding: 5px;
	font-size: 12px;
}
#news #global {
	width: 610px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#news h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}
#news h2 {
	font-size: 12px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #383838;
	padding: 10px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#newsarchive {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#newsperiod {
	background-color: #d0cec1;
	font-size: 12px;
}
#news th, #happenings th {
	font-weight: normal;
	text-align: left;
	color: #fff;
	background-color: #282828;
}
#news .thumb {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
/* rooms & happenings (share most rules) */
#rooms dl {
	width: 230px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#rooms dt, #happenings dt {
	font-weight: bold;
	margin-bottom: 10px;
}
#rooms dt a:link, #rooms dt a:visited, #happenings dt a:link, #happenings dt a:visited {
	text-decoration: none;
}
#rooms dt a:hover, #happenings dt a:hover {
	text-decoration: none;
	color: #282828;
}
#rooms dd cite a:link, #rooms dd cite a:visited, #happenings dd cite a:link, #happenings dd cite a:visited {
	background-color: #dad7c3;
	margin: 0px;
	padding: 5px;
	text-decoration: none;
}
#rooms dd cite a:hover, #happenings dd cite a:hover {
	background-color: #282828;
	text-decoration: none;
	color: #fff;
}
#rooms #content h1 {
	margin: 0px;
	padding: 0px;
}
/* virtual visit */
#virtualvisit {
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	width: 500px;
	height: 280px;
}
/* flash file */
.flashvisit {
	float: left;
	background-color: #333;
	margin: 0px;
	padding: 0px;
	height: 285px;
	width: 380px;
}
#reservationbutton {
	background-color: #333;
	float: right;
	height: 165px;
	width: 120px;
	margin: 0px;
	padding: 0px;
}
/* exception for cafe de la paix logo which requires black bg */
#reservationbuttonblack {
	background-color: #000;
	float: right;
	height: 165px;
	width: 120px;
	margin: 0px;
	padding: 0px;
}
/* exception for spa indochine logo which requires white bg */
#reservationbuttonwhite {
	background-color: #fff;
	float: right;
	height: 165px;
	width: 120px;
	margin: 0px;
	padding: 0px;
}
#fullscreenbutton {
	float: right;
	background-color: #202020;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 120px;
}
/* rooms: amenities and services */
#amenities {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #908a8a;
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #908a8a;
}
#services {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #908a8a;
}

/* amenities can be split among 2 <ul> */
#amenities ul {
	margin: 0px;
	padding: 0px;
	width: 250px; /* should be set to 190px when displaying Make up my Room */
	float: left;
	list-style-position: inside;
}
#services ul {
	margin: 0px;
	padding: 0px;
	width: 250px;
	float: left;
	list-style-position: inside;
}
#makeuproom {
	float: right;
	padding: 0px;
	width: 120px;
}
#amenities h2, #services h2 {
	margin: 0px 0px 10px;
	padding: 0px;
}
/* rooms: rates */
#rates {
	margin: 1px;
	padding: 0px;
	width: 500px;
}
#rates th {
	font-weight: bold;
	text-align: left;
}
#rates a:link, #rates a:visited {
	text-decoration: none;
}
#rates cite {
	font-style: normal;
	background-color: #202020;
	color: #fff;
}
#rates cite a:link, #rates cite a:visited {
	color: #fff;
	text-decoration: none;
}
/* even lines of the rates table have a different color */
.even {
	background-color: #a9a491;
}

/* program */
#archiveform {
	padding: 0px;
	margin-bottom: 10px;
	display: block;
	text-align: right;
}
#happenings dl {
	display: block;
}
#happenings .thumb {
	float: left;
}
#happenings dt, #happenings dd {
	margin-left: 90px;
}
#happenings dt em {
	font-style: normal;
	font-weight: bold;
	color: #786307;
}
#happenings dd em {
	font-style: normal;
	font-weight: bold;
}
#happenings #content dl hr {
	background-color: #9a9282;
	visibility: visible;
	margin-top: 5px;
	margin-bottom: 5px;
}

#packages #content hr {
	background-color: #9a9282;
	visibility: visible;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* links */
#links h2 {
	font-size: 14px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #645549;
	margin: 0px;
}
#links #content ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#links #content li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#links #content a:link, #links #content a:visited {
	color: #282828;
	text-decoration: none;
}
/* location */
#location #content {
	padding-top: 5px;
	width: 485px;
}
#about em {
	font-style: normal;
	font-weight: bold;
}
#about #timeline {
	margin: 0px;
	padding: 0px;
}
#about #timeline th {
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	width: 120px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #64564A;
}
#about #timeline td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #64564A;
}
/* press */
#press h2 {
	font-size: 14px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #645549;
	margin: 0px;
}
#press #content ul {
	padding: 0px;
	float: left;
	width: 265px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#press dl {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#press dt {
	float: left;
	clear: left;
}
#press dd {
	margin-left: 150px;
}
#press dd em {
	font-style: normal;
}
#press hr {
	margin-bottom: 10px;
}
#press #content li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#press #content a:link, #press #content a:visited {
	color: #282828;
	text-decoration: none;
}
/* press detail */
#pressdet #global {
	width: 610px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#pressdet {
	background-color: #c8c5b2;
	background-image: none;
}
#pressdet a:link {
	color: #645549;
	text-decoration: underline;
}
#pressdet a:visited {
	text-decoration: underline;
	color: #645549;
}
#pressdet a:hover {
	text-decoration: none;
	color: #645549;
}
#pressdet a:active {
	text-decoration: underline;
	color: #645549;
}
#pressdet #sidebar {
	float: left;
}
#pressdet #content {
	margin-left: 180px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e3e0d8;
}
#pressdet #footer {
	margin: 0px;
	padding: 5px;
	font-size: 12px;
}
#pressdet #global {
	width: 610px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#pressdet h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}
#pressdet h2 {
	font-size: 12px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #383838;
	padding: 10px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#pressdetarchive {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#pressdetperiod {
	background-color: #d0cec1;
	font-size: 12px;
}
#pressdet th {
	font-weight: normal;
	text-align: left;
	color: #fff;
	background-color: #282828;
}
#pressdet .thumb {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
/* forms */
.formtable {
	width: 360px;
	border: 1px dotted #333;
	padding: 5px;
	margin: 0px auto;
}
.formrow {
  clear: both;
  padding-top: 5px;
}
.label {
	float: left;
	width: 100px;
	text-align: right;
	cursor: hand;
}
.formfield {
	float: right;
	width: 235px;
	text-align: left;
	color: #645549;
	font-size: 11px;
}
.formbutton {
	font-size: 11px;
	display: block;
	text-align: left;
}
/* reservation */
.nofloat {
	float: none;
	width: auto;
}
.radio {
	float: none;
}
#contact #send {
	margin-left: 140px;
}
/* address display on contact and reservation pages */
#contact #hotel, #reservation #hotel {
	font-style: normal;
	float: left;
	width: 45%;
}
#contact #bangkok, #reservation #bangkok {
	font-style: normal;
	width: 45%;
	margin-left: 45%;
}
#contact blockquote {
	font-style: italic;
	margin: 0px;
	padding: 0px;
}
#contact cite {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #645549;
	font-style: normal;
	text-align: right;
	display: block;
}
/* send2friend popup */
#sendtofriend h1 {
	text-indent: 0px;
}
#sendtofriend fieldset {
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#sendtofriend #global {
	width: 460px;
	margin: 0px;
	padding: 10px;
}
#sendtofriend label {
	float: left;
}
#sendtofriend #submitfriends {
	margin-left: 140px;
}
/* downloads */
#downloads th {
	text-align: left;
}
#downloads {
	margin: 0px;
	padding: 5px;
}
#downloads a:link, #downloads a:visited {
	color: #645549;
	text-decoration: none;
}
#downloads a:hover {
	text-decoration: underline;
	color: #645549;
}
#downloads a:active {
	text-decoration: underline;
	color: #fff;
}
/* music player */
#player {
	margin: 0px;
	padding: 0px;
}
/* spa details popup */
#spadetails #content {
	background-color: #fff;
	background-image: none;
}
#spadetails h1, #spadetails h2, #spadetails h3, #spadetails h4, #spadetails #content a:link, #spadetails #content a:visited, #spadetails #content a:hover {
	color: #f76daf;
	text-decoration: none:
}
/* gallery on community page */
#thumb {
	float: left;
	height: 370px;
	width: 370px;
	margin-bottom: 10px;
}
#minithumb {
	margin: 0px 0px 10px;
	padding: 0px;
	float: left;
	list-style-type: none;
	background-color: #363636;
	width: 140px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
}
#minithumb li {
	margin: 0px;
	padding: 5px;
	float: left;
	list-style-type: none;
}