/* CSS Document */

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TABLE */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.TableBg {
  background-image: url(http://boracay.li/images/boracay_21.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}
.TableBorder
{
	background          : #ffffff;
/*
	border-color        : #333333;
	border-top-width    : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;
	border-right-width  : 1px;
	border-style        : solid;
*/
}
.TableBorderBlack
{
	background          : #ffffff;
	border-color        : #333333;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
}
.TableBorderGray
{
	border-color        : #ff6600;
	border              : 1px solid #e2e2e2;
	border-style        : solid;
	background          : #ffffff;
}
.TitleBg {
	background-image: url(http://boracay.li/images/title_blue.gif);
	background-position: top-left;
	background-repeat: no-repeat;
}
.Title
{
	font-family         : arial; 
	font-size           : 12px; 
	font-weight         : bold;
	color               : #FFFFFF; 
	background          : #804040;
}
.TitleDarkGray
{
	font-family         : arial; 
	font-size           : 12px; 
	font-weight         : bold;
	color               : #000000; 
	background          : #999999;
}
.TitleGray
{
	font-family         : arial; 
	font-size           : 12px; 
	font-weight         : bold;
	color               : #000000; 
	background          : #E2E2E2;
}
.TitleMenu
{
	font-family         : verdana; 
	font-size           : 11px; 
	font-weight         : bold;
	color               : #FFFFFF; 
}
.TrBlue {
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	background: #f0fafd;
}
.TrGray {
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	background: #fbfbfb;
}
.TrWhite {
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	background: #ffffff;
}
.TrPink {
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	background: #FF8080;
}
.TrPurple {
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	background: #990066;
}
.TrOrange {
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	background: #FF9900;
}
.TrGreen {
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	background: #33FF00;
}
.TrRed {
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	background: #FF0000;
}
.cursor {
    cursor:hand;
	cursor:pointer;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TEXT BOX */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.TextBox
{
	font-family         : arial; 
	font-size           : 12px; 
	font-weight         : normal;
	color               : #333333; 

	height              : 18px;
	background          : #ffffff;
	border-color        : #333333;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
}
.TextBoxGray
{
	font-family         : arial; 
	font-size           : 11px; 
	font-weight         : normal;
	color               : #333333; 

	height              : 15px;
	width				: 200px;
	background          : #ffffff;
	border-color        : #999999;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
}
.TextBoxWhite
{
	font-family         : arial; 
	font-size           : 11px; 
	font-weight         : normal;
	color               : #333333; 

	height              : 13px;
	background          : #ffffff;
	border-color        : #ffffff;
	border-width        : 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TEXT AREA */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.TextArea
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : normal;
	color       : #333333; 

	background  : #ffffff;
	border-color: #999999;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTON */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.Button
{
	font-family         : arial; 
	font-size           : 11px; 
	font-weight         : normal;
	color               : #FFFFFF; 

	height              : 20px;
	background          : #666666;
	border-color        : #333333;
	border-style        : solid;
	border-width        : 1px 1px 1px 1px;
    cursor              : hand;
	cursor              : pointer;

/*
    solid   : #f3f3f3;
	z-index : auto; 
*/
}

.ButtonWhite
{
	font-family         : arial; 
	font-size           : 11px; 
	font-weight         : bold;
	color               : #333333; 

	height              : 20px;
	background          : #FFFFFF;
	border-color        : #333333;
	border-style        : solid;
	border-width        : 1px 1px 1px 1px;
    cursor              : hand;
	cursor              : pointer;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SELECT LIST */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.SelectList 
{
	font-family : arial; 
	font-size   : 10px; 
	font-weight : normal;
	color       : #333333; 

	height      : 15px;
	background  : #ffffff;
	border-color: #999999;
	border-width        : 1px 1px 1px 1px;
}	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TEXT */
/* B for Bold  */
/* R for normal */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Red */
.R11Red
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : normal;
	color       : #FF0000; 
}
.R9Red
{
	font-family : arial; 
	font-size   : 9px; 
	font-weight : normal;
	color       : #FF0000; 
}
.B11Red
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #FF0000; 
}
.B12Red
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #FF0000; 
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* DARK GRAY FONTS*/
.B12DarkGray
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #666666; 
}
.B14DarkGray
{
	font-family : arial; 
	font-size   : 14px; 
	font-weight : bold;
	color       : #666666; 
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LIGHT GRAY FONTS*/

.R11LightGray
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : normal;
	color       : #999999; 
}
.B11LightGray
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #999999; 
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BLACK FONTS*/
.R10Black
{
	font-family : arial; 
	font-size   : 10px; 
	font-weight : normal;
	color       : #333333; 
}
.R11Black
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : normal;
	color       : #333333; 
}
.R12Black
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : normal;
	color       : #333333; 
}

.B11Black
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #333333; 
}

.B12Black
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #333333; 
}
.B16Black
{
	font-family : arial; 
	font-size   : 16px; 
	font-weight : bold;
	color       : #333333; 
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* WHITE FONTS*/
.B11White
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #FFFFFF; 
}
.B12White
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #FFFFFF; 
}
.B12White
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #FFFFFF; 
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BROWN FONTS*/
.B11Brown
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #746b62; 
}
.B12Brown
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #413935; 
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* AQUA BLUE*/
.B12GreenBlue
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #336699;
/*	color       : #5C75A5; */
}
.R11AquaBlue
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : normal;
	color       : #008AFF; 
}
.B11AquaBlue
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #008AFF; 
}
.B12AquaBlue
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #008AFF; 
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BLUE*/
.R11Blue
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #0c92ba; 
}
.R11Blue
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #0c92ba; 
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LINKS */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* WHITE LINK*/
a.linkB12White:link 
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #FFFFFF; 
	text-decoration: none;
}
a.linkB12White:visited
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #FFFFFF; 
	text-decoration: none;
}
a.linkB12White:active
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #FFFFFF; 
	text-decoration: none;
}
a.linkB12White:hover
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #FFFFFF; 
	text-decoration: none;
}
/* BLUE */
a.linkB12Blue:link 
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #0000FF; 
	text-decoration: none;
}
a.linkB12Blue:visited
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #0000FF; 
	text-decoration: none;
}
a.linkB12Blue:active
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #0000FF; 
	text-decoration: none;
}
a.linkB12Blue:hover
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #0000FF; 
	text-decoration: none;
}
/* BLACK LINK*/
a.linkB12Black:link 
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #333333; 
	text-decoration: none;
}
a.linkB12Black:visited
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #333333; 
	text-decoration: none;
}
a.linkB12Black:active
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #333333; 
	text-decoration: none;
}
a.linkB12Black:hover
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #666666; 
	text-decoration: none;
}

/* DARK GRAY LINK*/
a.linkB12DarkGray:link 
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #666666; 
	text-decoration: none;
}
a.linkB12DarkGray:visited
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #666666; 
	text-decoration: none;
}
a.linkB12DarkGray:active
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #666666; 
	text-decoration: none;
}
a.linkB12DarkGray:hover
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #666666; 
	text-decoration: underline;
}


/* LIGHT GRAY LINK*/
a.linkB11LightGray:link 
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #999999; 
	text-decoration: none;
}
a.linkB11LightGray:visited
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #999999; 
	text-decoration: none;
}
a.linkB11LightGray:active
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #999999; 
	text-decoration: none;
}
a.linkB11LightGray:hover
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #999999; 
	text-decoration: underline;
}


/* BROWN LINK*/
a.linkB12Brown:link 
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #413935; 
	text-decoration: none;
}
a.linkB12Brown:visited
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #6C6561; 
	text-decoration: none;
}
a.linkB12Brown:active
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #413935; 
	text-decoration: none;
}
a.linkB12Brown:hover
{
	font-family : arial; 
	font-size   : 12px; 
	font-weight : bold;
	color       : #6C6561; 
	text-decoration: underline;
}


/* AQUA LINK*/
a.linkR11Aqua:link 
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : normal;
	color       : #008AFF; 
	text-decoration: none;
}
a.linkR11Aqua:visited
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : normal;
	color       : #008AFF; 
	text-decoration: none;
}
a.linkR11Aqua:active
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : normal;
	color       : #008AFF; 
	text-decoration: none;
}
a.linkR11Aqua:hover
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : normal;
	color       : #008AFF; 
	text-decoration: underline;
}

/* INQUIRED */
a.linkInquired:link 
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #33FF00; 
	text-decoration: none;
}
a.linkInquired:visited
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #33FF00; 
	text-decoration: none;
}
a.linkInquired:active
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #33FF00; 
	text-decoration: none;
}
a.linkInquired:hover
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #33FF00; 
	text-decoration: underline;
}


a.linkConfirmed:link 
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #FF4848; 
	text-decoration: none;
}
a.linkConfirmed:visited
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #FF4848; 
	text-decoration: none;
}
a.linkConfirmed:active
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #FF4848; 
	text-decoration: none;
}
a.linkConfirmed:hover
{
	font-family : arial; 
	font-size   : 11px; 
	font-weight : bold;
	color       : #FF4848; 
	text-decoration: underline;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Menu */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.shadow
{
/* for ie */
    height      : 2em;
    filter      : Shadow(Color=#e2e2e2, Direction=60, Strength=3);
/* for mozilla*/
    line-height : 2em;
    white-space : nowrap;
}

.shadow:before 
{
/* for mozilla*/
	display     : block;
	margin      : 0 0 -2.00em 0.08em;
	padding     : 0;
	color       : #e2e2e2; 
}

#shadow_1:before { 
/* for mozilla*/
  content: 'HOME'; 
}
#shadow_2:before { 
/* for mozilla*/
  content: 'LOCATION'; 
}
#shadow_3:before { 
/* for mozilla*/
  content: 'THE HOUSES/THE ROOMS'; 
}
#shadow_4:before { 
/* for mozilla*/
  content: 'THE ISLAND'; 
}
#shadow_5:before { 
/* for mozilla*/
  content: 'PHOTO GALLERY'; 
}
#shadow_6:before { 
/* for mozilla*/
  content: 'GUESTBOOK'; 
}
#shadow_7:before { 
/* for mozilla*/
  content: 'CONTACT US'; 
}

html*.shadow {
  [color:black;
   text-shadow: #e2e2e2 1px 1px 1px; 
  ]color:auto;
}

.dummyend[id]{clear: both;}

html*.shadow:before {
  [color:red;
   display: none;
  ]color:auto; 
}
.dummyend[id]{clear: both;}
/*
.columnBackground
{
	background-image: url(images/column_background.gif);
	background-repeat: repeat-y;
	background-position: center;
}
*/








.unnamed1 {
	background-color: #000000;
}