/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}strong, b {font-weight: bold;}em, i {font-style: italic;}
/*reset*/

@font-face {
  font-family: 'Open Sans Semibold';
  src: local(Open Sans Semibold), url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

//body {font-family: 'Open Sans', sans-serif;font-family:Arial, Helvetica, sans-serif; font-style: normal; font-size:12px}
body {font-family: 'Open Sans', sans-serif;line-height: 1.2em; font-size: 13px;
//background-repeat:repeat-x;
//background-attachment:fixed;
//background-position:center center;
//background-color:#019875;
//background-color:#02b289;
//background-color:#f1ecd8;
background-color:#FFFFFF;
}

p {margin-top: 0em;
  margin-bottom: 0.3em;}

h1 {font-size:16px;font-weight:bold;padding-bottom:20px;color: #000000}
h2 {font-size:14px;font-weight:bold;padding-bottom:20px;color: #000000}

  .body-wrapper {width: 1024px; height: 768px; margin: 0 auto;}
  .header-wrapper{width: 1024px; height: 109px; position: relative;background-color: #E6CBA2;}
  .header-wrapper .logo-plcholder {width: 265px; height: 99px;padding-top: 10px;}
  .title-wrapper{width: 1024px; height: 50px; position: relative;background-color: #f0f0f0;border: 1px solid #f0f0f0;}
  .title { font-family:Arial, Helvetica, sans-serif; font-style: italic; font-size:25px; color:#001878; font-weight:bold; line-height:45px; letter-spacing:3px;padding: 4px 20px 4px;}
  .left-wrapper {width: 156px; height: 100%; position: absolute; background-color: #f0f0f0;left:0;}
  .left-wrapper-topmargin {height: 65px; background-color: #f0f0f0;}
  .right-wrapper {width: 869px; height: 50%; position: absolute; background-color: #fff;right:0;}
  .right-wrapper-content {margin-top:50px;position: relative; background-color: #fff; padding: 20px;}
  .content-wrapper-main {width: 1024px; height: 100%; position: relative;background-color: #fff;border-bottom: 1px solid #000; margin: 10 auto;border: 1px solid #f0f0f0;}
  .content-scroller {
	//width:830px;
	width:850px;
	height:600px;
	overflow:auto;
	scrollbar-face-color: #cdcdcd; scrollbar-3dlight-color: #333333; scrollbar-base-color: #333333; 
	scrollbar-track-color: #f0f0f0; scrollbar-darkshadow-color: #000; scrollbar-arrow-color: #fff; 
	scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff;
   }
  .content-scroller hr {
	width:100%;
   }

  .content {
	margin-right:3em;
   }
  .content ol,ul { margin-left: 50px;}
  .footer-wrapper {width: 1024px; height: 109px; position: relative;background-color: #d87860;font-size: 12px;}
  .footer-wrapper p {padding: 15px 30px;color: #ffffff;}
  .footer-nav ul{  float: right; list-style-type:none;padding: 15px 0px;}
  .footer-nav a:hover{  color: #ffffff;text-decoration: none;}
  .footer-nav a{  color: #ffffff;text-decoration: none; }
  .footer-nav ul li{  float: left; list-style-type:none;  padding: 0px 10px;}
  
  .location-popup h1{float: left;}
  .location-popup a {float: right;margin: 10px 10px; text-decoration: none;}
  .viewmap-btn {background: #000; color: #fff; font-size: 12px; padding: 2px 8px; }
  
  .toggle {
    border: 1px solid #999;
    border-top: none;height: 30px; width: 450px; position: absolute; left: 50px; bottom: 50px;background-color: #fff;opacity:0.90; filter:alpha(opacity=90); /* For IE8 and earlier */}
  .toggle h1 {line-height: 30px; padding-left: 20px; font-size: 14px;font-weight: bold; float: left;}
  .sub-header {padding-bottom: 3px;font-size: 12px; font-weight: bold;}  
  
  span.maximize {width: 14px; height: 14px; padding: 8px 18px 8px 8px; float: right;background: url(../images/toggle-maximize.jpg) no-repeat 8px 8px;}
  span.minimize {width: 14px; height: 14px; padding: 8px 18px 8px 8px; float: right;background: url(../images/toggle-minimize.jpg) no-repeat 8px 8px;}
  span.maximize:hover {background: url(../images/toggle-maximize_a.jpg) no-repeat 8px 8px;;}
  span.minimize:hover {background: url(../images/toggle-minimize_a.jpg) no-repeat 8px 8px;;}
  
  .container {
	width:100%;
	margin-top:100px;
	color:black;
  }
  .scrollable-container {overflow: scroll; width: 390px; height: 220px;padding: 5px 20px;}
  .scrollable-content {line-height: 1.2em; width: 380px; min-height: 180px; font-size: 13px;}
  .scrollable-content a:hover {color: #666;}
  .scrollable-content a {text-decoration: none; color: #000;}
  .scrollable-content p {padding-bottom: 1em; font-size: 13px;}
  .scrollable-content p:last-child {padding-bottom: 0em; font-size: 13px;}
  
  .scrollable-big-background {overflow: scroll; width: 964px; height: 560px;padding: 0px 20px;}
  .scrollable-big {width: 950px; min-height: 770px; background: url(../images/masterplan/waterpark.jpg);}
  
  .pull-up-content h1 {line-height: 30px; padding-left: 20px; font-size: 14px; font-weight: bold;}
  .pull-up-clip {
    width: 452px;
    height: 255px;
    position: absolute;
    left: 50px;
    bottom: 81px;
    /*background-color: #ff0000;*/
    opacity:0.95;
    filter:alpha(opacity=95); /* For IE8 and earlier */
	overflow:hidden;
    }
  .pull-up-content {
    overflow:hidden;position:absolute;
    width: 450px;
    height: 250px;
    /*position: relative;*/
    left: 0px;
    bottom: 0px;
    background-color: #fff;
    border: 1px solid #999;
    border-bottom: none;
    opacity:0.95;
    filter:alpha(opacity=95); /* For IE8 and earlier */
    }
  
  .floorplan-wrapper .andamanseries-logo {position: absolute; right: 40px; top: 30px;}
  .floorplan-imgplcholder { width: 530px; height: 560px; float: left; }
  .floorplan-desc {width: 490px; float: right; bottom: 10px; right: 0; position: absolute;}
  .floorplan-desc h1 {font-size: 14px; padding-bottom: 15px; line-height: 1.1em;font-weight: bold;}
  .floorplan-desc h3 {font-size: 12px; line-height: 1.1em;}
  .floorplan-desc p {font-size: 12px; line-height: 1.3em; padding-bottom: 15px;}
  .floorplan-desc p.smalltext {font-size: 10px;}
  
  .blockplan-wrapper { width: 1024px; height: 560px;}
  .blockplan-wrapper h1{font-size: 14px; padding: 30px 45px; line-height: 1.1em;font-weight: bold; }
  
  .gallery-wrapper {padding-top: 50px;}
  .gallery-details {width: 200px; height: 530px; float: left; padding-left: 50px; font-size: 14px;}
  .gallery-details h1 {padding-bottom: 25px; font-weight: 300;}
  .gallery-details p {line-height: 1.5em; color: #666;}
  .gallery-plcholder {width: 700px; height: 530px; float: right;}
  .gallery-images-thumb {margin-top: 20px;}
  .gallery-images-thumb li { width: 100px; height: 60px;float: left; margin-right: 15px;}
  
  .VR-wrapper {width: 984px; height: 560px; padding-left: 35px; background-image: url(../images/03vr/01.JPG); position: relative;}
  .VR-wrapper h1 {padding: 20px 20px 20px 0px; line-height: 1.2em; font-size: 14px;}
  .VR-wrapper h2 {line-height: 1.2em; font-size: 14px; position: absolute; left: 50px; bottom: 50px;}
  .VR-iframe-placeholder { width: 640px; height: 400px; background-color: #ccc; float: left; }
  .VR-floorplan-placeholder {width: 340px; height: 400px; background-color: #ccc; float: right; position: relative;}

  .site-ori-block-name {position: absolute;color: #fff;font-size: 15px;font-weight: bold;}
  .VR-location-marker {position: absolute; width: 10px; height: 10px; border: 3px solid #28e8d9;background-color: #28e8d9;}
  .waterpark-tooltip-marker {position: absolute; width: 8px; height: 8px; border: 1px solid #000;background-color: #fff7a0; border-radius: 4px; }
  #site-orientation-marker  p.tooltip-left, #site-orientation-marker  p.tooltip-right {width: 100px; text-align: center;font-size: 11px; font-weight: bold; color: #7e6d58}
  #site-orientation-marker  p.tooltip-left .xsmall, #site-orientation-marker  p.tooltip-right .xsmall { font-size: 9px; font-weight: normal; color: #000;}
  .tooltip-left, .tooltip-right {border: 1px solid #000;padding:3px; font-size: 13px; background-color: #fff; opacity: 0.95;filter:alpha(opacity=95);z-index: 1599;}
  #hotspot-contents { position:absolute; top:50px;left:70px; }
  #hotspot-contents li { width:400px; height:150px; position:absolute; opacity:0; }

  
  .block-list {font-family: 'Open Sans Semibold', sans-serif;padding: 130px 30px 130px 50px;width: 102px; height: 300px; float: left;font-size: 14px; line-height: 1.2em; color: #999; font-weight: 500;}
  .block-list a {text-decoration: none;color: #7e6d58}
  .thumb-list { padding: 30px;width: 122px; height: 500px; float: left;}
  .the-gallery {height: 560px; width: 660px; float: left; background-image: url(../images/gallery-const-bg.jpg);position: relative;}
  .gallery-big-image {width: 550px; height: 413px; margin: 50px auto 7px auto;}
  .the-gallery p.imagedesc{padding-left: 55px; font-size: 12px; line-height: 1.2em;}
  .block-list ul {width: 102px;}
  .block-list ul li{padding: 10px 0px; }
  .block-list ul li.active {list-style-type: square; color: #836b49; }
  .thumb-list ul {width: 105px;}
  .thumb-list ul li {
    cursor: pointer;
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    margin: 5px; width: 42px; height: 32px; float: left;}
  .thumb-list ul li:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    margin: 5px; width: 42px; height: 32px; float: left;}
  .thumb-list ul li.active{
    filter: none;
    -webkit-filter: grayscale(0);
    }

  #contents-beachpool h1,
  #contents-adventurepool h1,
  #contents-outdoorspa h1,
  #contents-signaturepool h1,
  #contents-clubhouse h1,
  #contents-recreationpark h1,
  #contents-arrival h1 { padding-bottom: 10px;}

  
  #hover-beachpool {background: url(../images/03masterplan/beachpool-overlay.png); width: 141px; height: 123px; position: absolute; 
    right: 223px;
    top: 47px;
    opacity: 0.8;
    filter:alpha(opacity=80);
    }
  #hover-adventurepool {background: url(../images/03masterplan/adventurepool-overlay.png); width: 214px; height: 149px; position: absolute; 
  right: 242px;
  top: 141px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }
  
  #hover-outdoorspa {background: url(../images/03masterplan/outdoorspa-overlay.png); width: 74px; height: 73px; position: absolute;
  right: 370px;
  top: 290px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }
  #hover-signaturepool {background: url(../images/03masterplan/formalsignaturepool-overlay.png); width: 131px; height: 74px; position: absolute; 
  right: 235px;
  top: 290px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }
  
  #hover-clubhouse {background: url(../images/03masterplan/clubhouse-overlay.png); width: 181px; height: 83px; position: absolute; 
  right: 235px;
  top: 370px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }
  #hover-recreationpark {background: url(../images/03masterplan/recreation-overlay.png); width: 116px; height: 184px; position: absolute; 
  right: 116px;
  top: 303px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }
  #hover-arrival {background: url(../images/03masterplan/arrival-overlay.png); width: 150px; height: 84px; position: absolute; 
  right: 227px;
  top: 453px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }
  
  .enquiries-wrapper {font-size: 13px;line-height: 1.3em;width: 1024px; height: 530px; margin-top: 30px;}
  .enquiries-wrapper .form {width: 500px; height: 530px; float: left;}
  .enquiries-wrapper .form dl { width: 400px; height: 400px; margin: 0 auto;}
  .enquiries-wrapper .form dd, .enquiries-wrapper .form dt {float: left;}
  .enquiries-wrapper .form dt {width: 130px; height: 35px; line-height: 25px;}
  .enquiries-wrapper .form dd {width: 220px; height: 35px;}
  .enquiries-wrapper .hidden-thankyou p {padding: 30px 50px;}
  .enquiries-wrapper .hidden-thankyou {width:500px;height: 200px; float: left;}
  
  .enquiries-wrapper .form input[type="text"] {width: 200px; height: 20px; line-height: 20px; font-size: 13px;}
  .contact-info {width: 100%; height: 530px; float: right;}
  .contact-info .form-footer {width: 100%; height: 100px; margin-top: 50px;}
  .contact-info .form-footer li {height: 100px; float: left;}
  .contact-info .form-footer p {padding: 10px;line-height: 1.5em;}
  .contact-info .contact-item {width: 100%; margin-bottom: 25px; position: relative; }
  .contact-info .contact-item .viewmap-btn {background: #000; color: #fff; font-size: 12px; padding: 2px 8px; }
  .contact-info .contact-item .contact-map {position: absolute; right: 60px; bottom: 0; }
  .contact-info .contact-item a.contact-map{text-decoration: none;}
  .videopage-wrapper {background: url(../images/video-bg.jpg); background-repeat: repeat-x;width: 1024px; height: 510px; padding-top: 50px; }
  .video-container {width: 650px; height: 420px; margin: 0 auto;background: url(../images/video-frame-bg.png); background-repeat: repeat-x;} 
  
  
hr {
     color: #666;
     background: #666; 
     width: 100%; 
     height: 1px;
	 margin-bottom:20px;
}

.top_menu {color: #305878;margin-right:20px; margin-top:20px; margin-bottom:20px; float:right;}

.top_menu a {color: #305878;text-decoration: none;}

.top_menu a:hover {text-decoration: underline;}


tr.d0 td {
    background-color: #E6CBA2; color: black;vertical-align:middle;padding:15px;
}
tr.d1 td {
    background-color: #ffffff; color: black;vertical-align:middle;padding:15px;
}
tr.d0 td a {
    background-color: #E6CBA2; color: black;text-decoration: none;vertical-align:middle;
}
tr.d1 td a {
    background-color: #ffffff; color: black;text-decoration: none;vertical-align:middle;
}
tr.d0 td a:hover {
    background-color: #E6CBA2; color: black;text-decoration: underline;vertical-align:middle;
}
tr.d1 td a:hover {
    background-color: #ffffff; color: black;text-decoration: underline;vertical-align:middle;
}

.disclaimer .disclaimer-text {width: 780px; text-align: justify; margin: 0 0 20px 0;color:#000000;}
.disclaimer .disclaimer-title { font-weight: bold; margin: 10px 0;color:#000000;}

#picture 
{ 
    position: absolute;
    width:  785px;
    height: 412px;
}
.facilities-description {
	position:absolute;
	margin-top:425px;
	//width:785px;
	width:840px;
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	text-align:left;
	vertical-align:top;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	text-align:left;
	vertical-align:top;
}
#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: auto;
}
#cssmenu ul {
  background: #333333;
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  background: #333333 url('/images/seperator.png') bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #cccccc;
}
#cssmenu ul ul a {
  color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #2580a2 url('/images/hover.png') bottom center no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #333333;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('/images/sub_sep.png') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 225px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #2580a2 url('/images/hover_sub.png') center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}

#subcontainer {
	padding:50px 10px;
	margin:100px auto;
	width:95%;
	border:1px solid #CCCCCC;
}