/* CSS for RajaLaut.com
Coded by: Faizal Heesyam 
Contact: pairacy [at] gmail [dot] com */

html { padding:15px 0; }
body {
text-align:justify;
background:#c0deff url(_images/bg-diagonal-blue.gif) repeat fixed;
font:normal 11px Georgia, "Times New Roman", Times, serif;
color:#333333; padding:0px; margin:0px; }

a { outline:none; }

/* FRAME */
#border1 { width:900px; border:1px solid #053049; margin:0 auto; }
#border2 { width:898px; border:1px solid #F7EDCD; margin:0 auto; }

/* ARGENTUM NITRAT - NO3 */
#box { width:896px; border:1px solid #4A310D; xborder-top:none; margin:0 auto; background-color:#fffff5; }
#header { width:896px; height:92px; background: url(_images/header.jpg) no-repeat top left; margin:0 auto; }
#logo { float:left; width: 167px; height:92px; background:transparent url(_images/head-logo.gif) no-repeat top left; }
#title { float:right; width: 729px; height:92px; background:transparent url(_images/head-slogan.gif) no-repeat top right; }
#bar { clear:both; width:100%; height:5px; margin:0 auto; background-color:#003366; }

/* COFFEE BEAN */
.hr-chocolate, .hr-coffee, .hr-milk { height:10px; padding:0; margin:0; }
.hr-chocolate { background-color:#614318; }
.hr-coffee { background-color:#D2BF78; }
.hr-milk { background-color:#F4F4C3; }

/* MC FLURRY OREO * YUMMY! */
#main-menu, #sub-menu { float:left; }
#main-menu, #sub-menu, #content { margin: 0; padding: 0;  }
#main-menu h3, #sub-menu h3, #content h3 {
float:left; font-size:10px; display:none;
margin:0 0 20px 10px;
padding:0 8px 6px 8px;
text-transform:uppercase; }
#main-menu { width: 140px; xbackground-color:#faf6df; background:#d0bd78 url(_images/bg-nav1.gif) repeat-y top left; }
#main-menu h3 { color:#FFFFFF; background-color:#8e804e; xbackground-color:#423316; }
#sub-menu { width:170px; background-color:#F4F4C3; xbackground-color:#f4f4c3; text-align:left; }
#sub-menu h3 { color:#423316; background-color:#D2BF78; xbackground-color:#D2BF78; margin-bottom:13px; }

/* CONTENT SETTING */
#content { float:right; width: 586px; background: #fffff5 url(_images/tribal.jpg) no-repeat top right; xbackground-color:#f9fdff; }
#content h3 { color:#333333; background-color:#F4F4C3; margin-bottom:13px; }
#content h3 a { color:#333333; background-color:#F4F4C3; margin-bottom:13px; }
#content h3 a:hover { color:#006699; text-decoration:none; }
#content h2.slogan { color:#666666; text-align:left; font-weight:normal; font-style:italic; font-size:22px; text-decoration:none; margin:12px; margin-bottom:8px; }
#content h2 { color:#006699; font-style:italic; font-size:16px; text-decoration:underline; margin: 0 12px 8px 12px; }
#content p.brief { color:#999966; font-size:16px; font-style:italic; margin:0 12px 12px 12px; }
#content p.brief-index { color:#666666; font-size:14px; margin:0 12px 12px 12px; }
#content p { color:#333333; font-size:12px; line-height:18px; margin:14px; margin-top:0; }
#content ul { margin:0; padding:0 12px 0 26px; }
#content li { line-height:18px; list-style:square; font-size:12px; margin-bottom:10px; }

#content a { color:#8c7830; /*#006699;*/ }
#content a:hover { color:#CC9933; }

#content p.places {
margin:10px; padding:2px 4px;
text-transform:uppercase;     
text-align:right;
font-size:10px; color:#FFFFFF;
background-color:#006699; }

#content p.places a { color:#FFFFCC; font-weight:bold; padding:0 4px; }
#content p.places a:hover { color:#FFCC66; text-decoration:none; }




/* BARCADY COKE */
#spec { font-size:12px; padding-bottom:20px; } 
#spec table { width:500px; border:1px solid #999999; margin:0 auto; }
#spec th, #spec td {  padding:2px 8px; }
#spec th { text-align:right; width:120px; vertical-align:top; }
#spec td { text-align:left; border-left:1px solid #D9D9D9; }
#spec tr { background-color:#FFFFFF; }
#spec tr.odd { background-color:#f4f4c3/*F4F4F5*/; }
#spec td.kepala {
text-align:center;
color:#FFFFFF; font-size:14px;
background-color:#006699;
text-transform:uppercase;
font-weight:bold; }

/* HOTSPOT */
#deck { margin:0 auto; padding:0; }
#deck a {
display:block; width:12px; height:12px;
background-color:#99FF33;
border:1px solid #003366;
margin:0; padding:0; }
#deck a:hover { background-color:#FFFF33; }

#deck dl {
margin: 0; padding: 0; position: relative;
width:550px; height:749px;
background:url(about/layout.jpg) no-repeat top center; }

/* #deck dl * { display:none; } */
#deck dd { margin: 0; padding: 0; position: absolute; }

dd#bathroom { top:290px; left:160px; }

dd#twin-cabin1 { top:290px; left:100px; }
dd#twin-cabin2 { top:294px; left:200px; }
dd#twin-cabin3 { top:452px; left:195px; }

dd#double-cabin1 { top:350px; left:100px; }
dd#double-cabin2 { top:350px; left:200px; }
dd#double-cabin3 { top:452px; left:105px; }

dd#dining-room { top:500px; left:370px; }
dd#exterior-deck { top:380px; left:350px; }

/* DESTINATION MAP */
#sea-map { margin:0 auto; padding:0; }
#sea-map dl {
margin: 0; padding: 0; position: relative; width:885px; height:796px;
background:url("_images/map-dummy1.jpg") no-repeat top left; }
/* background:url("_images/map-dummy.jpg") no-repeat top left; } */

#sea-map dd { margin: 0; padding: 0; position: absolute; }
#sea-map dd a { display:block; font-family:"lucida grande"; font-size:11px; margin:0; padding:0; text-decoration:none; xborder:1px dashed #003366; }
#sea-map dd a:hover { xborder:1px dashed #003366; }
#sea-map dd span { visibility:hidden; }

dd.map-legend {
 right:0;width:230px; height:41px;
top:0; xbackground:url(maps/legend.gif) no-repeat top right; }


dd#banggi { top:391px; left:494px; }
dd#banggi a { width:44px; height:18px; }

dd#brunei { top:435px; left:391px; }
dd#brunei a { width:64px; height:18px; }

dd#kotakinabalu { top:417px; left:476px; }
dd#kotakinabalu a { width:79px; height:18px; }

dd#kualalumpur { top:472px; left:176px; }
dd#kualalumpur a { width:81px; height:18px; }

dd#kuching { top:500px; left:346px; }
dd#kuching a { width:50px; height:20px; }

dd#labuan { top:412px; left:430px; }
dd#labuan a { width:44px; height:18px; }

dd#langkawi { top:406px; left:88px; }
dd#langkawi a { width:56px; height:19px; }

dd#mentawai { top:580px; left:23px; }
dd#mentawai a { width:120px; height:35px; }

dd#mergui { top:304px; left:61px; }
dd#mergui a { width:48px; height:18px; }

dd#myanmar { top:78px; left:8px; }
dd#myanmar a { width:118px; height:48px; }

dd#palawan { top:327px; left:486px; }
dd#palawan a { width:47px; height:18px; }

dd#penang { top:427px; left:110px; }
dd#penang a { width:49px; height:18px; }

dd#phuket { top:375px; left:69px; }
dd#phuket a { width:47px; height:18px; }

dd#portklang { top:489px; left:165px; }
dd#portklang a { width:54px; height:16px; }

dd#similan { top:355px; left:56px; }
dd#similan a { width:46px; height:18px; }

dd#singapore { top:517px; left:226px; }
dd#singapore a { width:94px; height:20px; }

dd#sipadan { top:458px; left:514px; }
dd#sipadan a { width:52px; height:18px; }

dd#thailand { top:198px; left:125px; }
dd#thailand a { width:118px; height:40px; }

dd#bali { top:710px; left:440px; }
dd#bali a { width:40px; height:20px; }

dd#komodo { top:725px; left:530px; }
dd#komodo a { width:60px; height:20px; }

dd#pangkor { top:448px; left:75px; }
dd#pangkor a { width:90px; height:20px; }

dd#sangalaki { top:478px; left:523px; }
dd#sangalaki a { width:60px; height:18px; }

dd#bandasea { top:655px; left:660px; }
dd#bandasea a { width:115px; height:40px; }

dd#rajaampat { top:534px; left:732px; }
dd#rajaampat a { width:70px; height:70px; }

/* DEFINITION (LIGHTBOX POPUP) */
#definition { margin:10px; font-size:11px; line-height:16px; }
#definition p { margin-top:5px; }
#lightbox h2 { font-size:16px; color:#316373; margin:0 0 12px 0; }
#lightbox ul { margin:10px; padding:0; }
#lightbox a { padding-top:10px;color:#996600; text-transform:uppercase; font-weight:bold; }
#lightbox a:hover { text-decoration:none; }

/* DOWNLOADS */
table.download { width:530px; margin:0 0 20px 12px; }
.download td { padding:20px; width:120px; }
.download img { margin-bottom:12px; }
.download a { font-size:14px; }
.download a:hover { text-decoration:none; }

/* GALLERY */
table.gallery { width:550px; margin:0 0 20px 20px; }
.gallery td { padding:0; width:120px; }
.gallery img { margin-bottom:16px; border:2px solid #006699; }
.gallery img:hover { border:2px solid #CC9933; }
.gallery a { font-size:14px;color:#006699; }
.gallery a:hover { text-decoration:none;color:#CC9933; }

/* HIGHLIGHT */
/* #highlight { width:716px; height:166px; background:#000000 url("_images/banner.jpg") no-repeat top center; } */
#highlight-area { width:100%; height:166px; background:#fffff5 url(_images/banner-rajalaut.jp) no-repeat top right; }

/* NEWS & UPDATES */
#news { width: 100%; padding:0; margin: 0 auto 20px auto;	}
#news h5 { font-size:10px; color:#006699; margin:0 9px; text-transform:uppercase; text-decoration:underline; }
#news p { color:#666666; font-size:11px; margin:0 4px 7px 4px; padding:0 5px 7px 5px; border-bottom:1px solid #DAD8B6; line-height:14px; }
#news p a { color:#006699; font-weight:bold; font-size:11px; }
#news p a:hover { text-decoration:none; }

/* NOTES */
.notes { margin-top:0; font-size:11px; padding:0 10px; }
.notes a { color:#006699;  }
.notes a:hover { color:#0066CC; text-decoration:underline; }
.notes img { margin:0 0 3px 0; }
.notes textarea { width:140px; height:60px; font:normal 10px Georgia, "Times New Roman", Times, serif; padding:0; margin:0 auto; }

/* LINK DIRECTORY */
#link-directory li { font-size:11px; color:#333333; border-top:1px solid #CCCCCC; margin-right:20px; padding-top:10px; }
#link-directory em { color:#CC9900; }
#link-directory h4 { margin:0; font-size:12px; text-transform:uppercase; }
#link-directory h4 a { color:#006699;  }
#link-directory h4 a:hover { color:#0066CC; text-decoration:underline; }

/* QUOTES */
#quotes { width: 100%; margin: 20px auto; }
#quotes p {
margin:0 auto; padding:0 5px; letter-spacing:0px;
font:bold 10px Georgia, "Times New Roman", Times, serif;
color:#666666; text-align:center; }
#quotes em { font-weight:normal; }

/* CONTACT FORM */
.contact-form { padding:0 12px; }
.contact-form fieldset, .contact-form form { border:0; margin:0; padding:0; }
.contact-form label { font-size:11px; display:block; font-weight:bold; margin:0; color:#003366; }
.contact-form input.text, .contact-form textarea {
width:300px; color:#333333;
font:normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
padding:3px; margin:0 0 10px 0;
border:1px solid #999999; border-right-width:3px; }

.contact-form input.text1 {
width:130px; color:#333333;
font:normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
padding:3px; margin:0 0 10px 0;
border:1px solid #999999; border-right-width:3px; }

.contact-form select { border:1px solid #999999; }
.contact-form option, .contact-form select { color:#333333; font:normal 12px "Lucida Grande", Arial, Helvetica, sans-serif; }
.contact-form select { padding:0; margin:0; border:1px solid #999999; }

.contact-form input.submit {
background-color:#003366; color:#FFFFFF;
padding:3px 6px; margin-top:12px; width:120px;
font:bold 12px Georgia, "Times New Roman", Times, serif; }

.contact-form h6 { clear:right; color:#CC9900; text-transform:uppercase; font:normal 10px Georgia, "Times New Roman", Times, serif; margin:20px 0 60px 0; }
.contact-form h6 a { color:#003366; font-weight:bold; }
.contact-form h6 a:hover { text-decoration:none; }

 /* ADDRESS */
.address * { margin:0; padding:0; }
.address { float:right; width:210px; border-left:1px solid #CCCCCC; }
.address h4 { margin-left:10px; font-size:11px; color:#003366; text-decoration:underline; }
.address p { color:#333333; }

/* PAGINATION */
.pagination { font-size:12px; margin:6px 0; text-transform:uppercase; }
.pagination td { padding:2px 3px; }
.pagination a { padding:0 3px; font-weight:bold; }

/* GUESTBOOK */
#guestbook { margin:10px; padding-top:10px; }
#guestbook p.stats { margin:0; font-size:11px; padding:2px 4px; color:#FFFFFF; background-color:#af9d5a; }

.entries { width:100%; background-color:#f4f4c3; margin:0; border:1px solid #003366; }
.entries th {
padding:4px 0; text-align:center;
font-size:10px; text-transform:uppercase;
background-color:#8c7e4b; color:#FFFFFF; }

.entries td { 
padding:5px 8px;
font-size:11px;
border-bottom:1px solid #af9d5a;
border-left:none; }

td.row1 { background-color:#FFFFF0; }
td.row2 { background-color:#FFFFFF; }

/* MENU NAVIGATION */
#menu { width: 100%; padding:6px 0 0 0; margin: 0 auto 20px auto; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li a {
height: 32px; voice-family: "\"}\"";  voice-family: inherit;
height: 24px; text-decoration: none; }	
#menu li span { text-transform:uppercase; font-size:20px; }
#menu li a {
display: block; margin-left:6px;
padding: 4px 4px 4px 3px;
font-size:14px; color: #333333;
text-transform:uppercase;
text-align: right; text-decoration: none;}
#menu li a:hover { color:#003399; background:url(_images/nav-indicator.gif) no-repeat right center; }
#menu li a.now, #menu li a.now:hover { background-color:#F4F4C3; xbackground-color:#f4f4c3; color:#336699; padding-right:3px; }

/* MENU-SMALL */
#menu2, #msc_menu { width: 100%; padding:0; margin: 0 auto;}
#menu2 ul, #msc_menu ul { list-style: none; margin: 0; padding: 0; }
#menu2 li, #msc_menu li { border:1px solid #f4f4c3; margin:0 4px;}
#menu2 li a, #msc_menu li a {
display:block;
background:url(_images/nav2-divider.gif) no-repeat top left;
padding: 8px 8px 6px 6px;
font-size:14px; color: #333333;
text-transform:uppercase; text-decoration: none; }
#menu2 li a:hover, #msc_menu li a:hover { color:#336699; text-decoration:underline; }
#menu2 li a.now2,
#menu2 li a.now2:hover
#msc_menu li a.now2,
#msc_menu li a.now2:hover { text-decoration:none; color:#006699; xbackground:url(_images/nav2-active.gif) no-repeat top left; }

/* SUB-LOCATION */
.sub-location { xborder:1px solid #FF3366; margin-bottom:12px; }
.sub-location ul { list-style: none; margin:0; padding: 0; }
.sub-location li { padding-bottom:4px; }
.sub-location li span { cursor:pointer; text-decoration:underline; text-transform:uppercase; }

ul.sub-again { margin-bottom:12px; list-style: none; padding:0; }
ul.sub-again li { padding:4px 0 0 4px; }
ul.sub-again li span { cursor:pointer; color:#336699; text-decoration:underline; text-transform:capitalize; }

/* FOOTER */
#footer { clear:both; text-transform:uppercase; width:896px; height:50px; color:#FFFFFF; background-color:#006699; margin:0 auto; }
#footer div.registered, #footer div.validator { float:left; height:50px; }
#footer div.registered p, #footer div.validator p, #footer div.copyright p { margin-top:18px; font-size:11px; }
#footer div.registered { width:140px; text-align:center; background-color:#d0bc73; }
#footer div.validator { width:10px; font-weight:bold; text-align:center; background-color:#F4F4C3; color:#FFFFFF; }
#footer div.validator a { color:#FFFFFF; font-weight:normal; }
#footer div.validator a:hover { color:#D6C67A; text-decoration:none; }
#footer div.copyright { float:right; background-color:#fffff5; width:746px; height:50px; }
#footer div.copyright p { xmargin-left:16px; text-align:center; font-size:10px; color:#666666; }
#footer div.copyright a { color:#666666; }
#footer div.copyright a:hover { color:#D6C67A; text-decoration:none; }


/* pic frame */
.pic-frame { width:726px; height:120px; margin:0 10px; margin-right:none; }
.pic-frame td { width:141px; text-align:left; }


/* Trip link */
a.trip-link { text-decoration:underline; color:#999999;}
a.trip-link:hover { text-decoration:none; }


/* Home Highlight */
.home-highlight {
width:746px; height:325px; /* FIX VALUE */
background:#FFFFFF; }

.home-highlight-text {
width:320px; xheight:318px;
padding:10px 10px 0 10px;  }

ul.home-highlight-list {
 margin:0 0 0 10px; padding:0; }

 .home-highlight-list li {
 font-size:10px; border:1px solid #FFCCAA;
 margin:0; line-height:16px; }

 #join-in span {
 font-weight:bold; font-size:10px;
 color:#000000;  }

 #join-in p.title {
 margin:0; font-size:15px; border-bottom:1px solid #999999;
 font-weight:bold; color:#990033; }

 #join-in p { margin:0 0 2px 10px; font-size:11px; }
 #join-in hr {margin:0 0 10px 0;}
 
 
 p.itinerary_link a { background:url(_images/pdf.gif) no-repeat center left; padding:0 0 0 20px; margin:0 20px 0 0; }