/*----- default definitions -----*/
* { margin: 0; padding: 0; }

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansCaptionBold';
    src: url('fonts/PTC75F-webfont.eot');
    src: url('fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTC75F-webfont.woff') format('woff'),
         url('fonts/PTC75F-webfont.ttf') format('truetype'),
         url('fonts/PTC75F-webfont.svg#PTSansCaptionBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansCaptionRegular';
    src: url('fonts/PTC55F-webfont.eot');
    src: url('fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTC55F-webfont.woff') format('woff'),
         url('fonts/PTC55F-webfont.ttf') format('truetype'),
         url('fonts/PTC55F-webfont.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBoldItalic';
    src: url('fonts/PTS76F-webfont.eot');
    src: url('fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS76F-webfont.woff') format('woff'),
         url('fonts/PTS76F-webfont.ttf') format('truetype'),
         url('fonts/PTS76F-webfont.svg#PTSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansItalic';
    src: url('fonts/PTS56F-webfont.eot');
    src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS56F-webfont.woff') format('woff'),
         url('fonts/PTS56F-webfont.ttf') format('truetype'),
         url('fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('fonts/PTN77F-webfont.eot');
    src: url('fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN77F-webfont.woff') format('woff'),
         url('fonts/PTN77F-webfont.ttf') format('truetype'),
         url('fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin:0 auto; padding:0;
	font:16px/1.3 'PTSansRegular','Lucida Sans Unicode',Arial,sans-serif; color:rgb(36,36,36);
	background:url('gfx_tilesand.jpg') top left repeat; text-align:center;	}

a:link { color:rgb(0,160,240); text-decoration:underline; }	
/* a:link:visited { color: rgb(135,35,235); } */
a:link:hover, alink:focus { color:black; background:rgb(255,175,75); text-decoration:none; }
/* a:link:active { color:rgb(65,135,65); } */

a:link img { border:1px solid black; text-decoration:none; }
a:link img:hover { border:1px solid rgb(255,175,75); text-decoration:none; }
a.top { float:right; width:24px; height:24px; text-decoration:none; margin:0.5em 0 0 0; background:url(gfx_top.png) 0 24px; }
a.top:hover { background:url(gfx_top.png) 0 0; }
a.ic { float:right; margin:0 0.75em 0 0.25em; width:64px; height:64px;}
a.ic_weather { background:url('gfx_icons.png') 0 64px; }
a.ic_sea { background:url('gfx_icons.png') 64px 64px; }
a.ic_weather:hover { background:url('gfx_icons.png') 0 0; }
a.ic_sea:hover { background:url('gfx_icons.png') 64px 0; }
a.ic_caption { color:black; text-align:center; }

h1, h2, h3, h4 { font:32px/1.0 'PTSansNarrowRegular',Arial,sans-serif; font-weight:normal; color:black;/*rgb(0,180,80);*/ }
h2, h3, h4 { padding:0.3em 0 0.3em 0; }
h2 { clear:left; }
h2.subtitle { border-top:1px dotted rgb(194,202,206); }
h3 { font-size:30px; }
h4 { font-size:26px; color:rgb(51,51,51); }
h5 { font-size:16px; font-weight:bold; padding:1em 0 0.25em 0; color:black; } 
p { margin:0 0 1em 0; }
ul, ol { margin:0; padding:0; }
li { margin:0.5em 1em; padding:0; }
li.none { margin-left:0; list-style:none; }
ul { list-style-type:disc; }
ol { list-style-type:lower-alpha; }
ol.uppercase { list-style-type:upper-alpha; }

.indent { padding-left:2em; }
.tiny { font-size:14px; }
.tiny2 { font-size:13px; }
.big { font-size: 150%; }
.review { font-size:13px; float:right; }
.divelog { color:rgb(35,135,35); font-size:14px; }
.topmargin { margin-top:1em; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.fleft { float:left; }
.fright { float:right; }

.red { color:rgb(240,0,0); }
.white { color:white; }

/*----- google top banner container -----*/
.adbanner { clear:both; margin:0 auto; padding:0.5em 0; background:rgb(20,52,76); }
.adside { float:right; margin:0 0 1em 0; width:302px; padding:17px 0 0 1px; background:url(gfx_ad300x250bgd.png) 0 0 no-repeat; }
.advbanner { float:right; margin:0 0 1em 0; width:162px; padding:17px 0 0 1px; background:url(gfx_ad160x600bgd.png) 0 0 no-repeat; }
.googleads { width:300px; float:right; margin:0 10px; padding:0; background-color:white; }

/*----- header container -----*/
#header { background-color:rgb(20,52,76); }

/*----- main menu, submenu, bottom menu and search menu containers -----*/
#searchmenu { width:980px; height:110px; margin:0 auto; padding:0; font-size:13px; background:url(gfx_clownbgd.png) 0 0 no-repeat; }
#searchmenu a { float:right; color:rgb(180,190,200); padding:3px; text-decoration:none; border-radius:4px; -moz-border-radius:4px; }
#searchmenu a:hover { color:black; background-color:rgb(255,175,75); }
#searchmenu .active { padding:3px 4px; color:black; background-color:rgb(163,197,221); }

#mmenu { clear:both; width:940px; height:40px; padding:0 20px; margin:0 auto; z-index:8; position:relative; font-size:16px;
		background-color:rgb(20,52,76); }
#mmenu ul { list-style:none; }
#mmenu ul li { margin:0; padding:0; float:left; position:relative; }
#mmenu ul li a { display:block; margin:0 0 -1px 0; padding:10px 5px; text-decoration:none; color:rgb(224,228,232);
	border-top-left-radius:6px;	border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
#mmenu ul li:hover a { color:black; background-color:rgb(255,175,75); }
#mmenu ul li.active a, #mmenu ul li.active:hover a {
	color:black; background:/*rgb(232,236,240)*/rgb(163,197,221); }
#mmenu ul ul { display:none; margin:0; padding:0; border:1px solid rgb(20,70,120);
	position:absolute; top:40px; left:0; right:auto; width:12em; text-align:left; }
#mmenu ul ul li { left:auto; margin:0; clear:left; width:100%; border-top:1px solid rgb(20,70,120); }
#mmenu ul li:hover ul { display:block; }
#mmenu ul li:hover ul li a, #mmenu ul li.active:hover ul li a {
	color:white; background:rgb(24,52,76); border-radius:0; -moz-border-radius:0; }
#mmenu ul li:hover ul li a:hover, #mmenu ul li.active:hover ul li a:hover { color:black; background:rgb(255,175,75); }
#mmenu ul ul.last { margin:0; left:auto; right:0; }


#smenu, #gmenu { width:980px; margin:0 auto; position:relative; font-size:14px;
	background:/*rgb(232,236,240)*/rgb(163,197,221); overflow:auto; }
#gmenu { background-color:rgb(230,234,238); }
#smenu ul, #gmenu ul { list-style:none; float:right; right:50%; position:relative; }
#smenu ul li, #gmenu ul li { margin:0; padding:4px 0 0 0; float:left; left:50%; position:relative; }
#smenu ul li a, #gmenu ul li a { display:block; padding:0.25em 6px; text-decoration:none; color:black;
	border-top-left-radius:5px;	border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
#smenu ul li.active a { color:white; background:rgb(24,64,92); }
#gmenu ul li.active a { color:black; background:rgb(200,205,210); }
#smenu ul li:hover a, #gmenu ul li:hover a { background:rgb(255,175,75); }
#smenu ul li.inactive a, #smenu ul li.inactive:hover a {
	color:rgb(192,192,192); background:/*rgb(232,236,240)*/rgb(163,197,221); }


/*----- containers -----*/
#intro { background:rgb(52,103,148) url('gfx_tilesea.jpg') bottom left repeat-x; }
#introtext { clear:both; margin:0 auto; padding:0 30px; width:920px; height:360px; text-align:left; color:white; }
#introtext h1 { padding:0.5em 0; color:rgb(0,180,80); }
#introtext h2, #introtext h3 { font:16px/1.0 'PTSansRegular',Arial,sans-serif; font-weight:normal; color:rgb(0,180,80); }
#introtext h2 { margin:0; padding:0.25em 0 0.5em 0; }
#introtext h3 { margin:0; padding:1em 0 0.25em 0; }
#introtext p { margin:0.5em 0 0 0; width:280px; }
#introtext a { color:rgb(120,200,255); text-decoration:underline; }	
#introtext a:hover { color:black; text-decoration:none; }
#introtext ul { margin:0 0 1em 2em; width:260px; }
#introtext li { margin:0; }
#introtext ul.gap { margin-top:1em; }
#introtext img { float:left; margin:0 1em 0 0; }
#introtext .sig { margin:2em 0 1em 0; }
#introtext i { color:rgb(180,180,180); font-size:14px; line-height:1.2; }

#page { clear:both; width:920px; margin:0 auto; padding:0 30px 1em 30px; text-align:left;
		background:white url(gfx_pagetop.jpg) top left repeat-x; overflow:auto; }
.subtitle { margin:10px 0 1em -10px; padding:0 10px; background:rgb(230,232,234); border-top:1px dotted rgb(190,190,190);
		border-radius:8px; -moz-border-radius:8px; }
.section { display:block; clear:both; margin:0.5em 0; padding:0; overflow:hidden;}
.section h1, .section h2, .section h3, .section h4 { margin-right:340px; }
.section p, .section ul { margin-right:340px; }
.section ul, .section ol { padding-bottom:1em; }
.section ol { margin-left:2em; }
.section div p, .section div ul { margin-right:1em; }
.topsub { margin-top:0; }

#footer { clear:both; background:rgb(20,52,76); }
#footer p { clear:both; font-size:13px; text-align:center; color:rgb(200,205,210); padding:1em 0; }
#footer p.copyright { color:rgb(90,160,200); }
#ftmenu { clear:both; width:920px; padding:1px 30px; margin:0 auto; background:rgb(24,64,92); }
#ftmenu ul { float:left; padding:1em 0 0 1.5em; text-align:left; }
#ftmenu ul li { margin:0; padding:0; list-style:none; font-size:14px; color:rgb(180,185,190); }
#footer a, #ftmenu ul li a { padding:0 6px; color:rgb(200,205,210); text-decoration:none; }
#ftmenu ul li.active a, #ftmenu ul li.active a:hover { color:black;
	background-color:/*rgb(150,190,230)*/rgb(163,197,221); border-radius:5px; -moz-border-radius:5px; }
#footer a:hover, #ftmenu ul li a:hover, #ftmenu ul li a:focus { color:black; background-color:rgb(255,175,75);
	border-radius:5px; -moz-border-radius:5px; }

.info { display:block; width:550px; margin:0 10px 1.5em 10px; padding:0 0 0.5em 0;
		border:1px solid rgb(180,185,190); border-radius:8px; -moz-border-radius:8px; background-color:rgb(230,255,230); }
.info.warn { background-color:rgb(255,235,200); }
.info img { margin:0 20px 0 10px; float:right; }
.info p, .info ul, .info ol { font-size:14px; padding:0 0 1em 0; margin:0 20px; color:black; }
.info ol { margin-left:2em; }
.info h4 { font-size:24px; margin:15px 20px; padding:0; }
.info h4 img { float:left; margin:-2px 5px 0 -10px; }
.info.panel { width:250px; border-radius:0; -moz-border-radius:0; }

.resort { width:600px; margin:0; padding:0.5em 0 2em 0; border:none; border-radius:0; -moz-border-radius:0;
		border-bottom:1px dotted rgb(190,190,190); }
.resort h4 { margin:0; padding:0 0 0.2em 0; }
.resort h4 .review { font:13px/1.3 'PTSansRegular','Lucida Sans Unicode',Arial,sans-serif; }
.resort p { font-size:14px; }
.resort i { font-size:13px; color:rgb(96,96,96); font-style:normal; }

.side { float:right; clear:right; width:302px; margin:0; }
.side.topmargin { margin-top:1em; }
.side img { display:block; clear:both; margin:0 auto; }
.side p { font-size:13px; line-height:1.3; color:rgb(50,150,50); margin:0.25em 0 1em 0; }

.icon { float:right; margin:1em 1em 0 1em; padding:0; }
.icon p { margin:0; padding:0 0 0.5em 0; font-size:12px; text-align:center; }
.icon span { display:none; }

.pic p { margin:0 0 1em 0; color:rgb(50,150,50); font-size:13px; line-height:1.3; }

.column { float:left; width:195px; margin:0 0 1em 0; padding:0 10px 0 0; font-size:13px; }
.column p, .column ul { margin:0.25em 1em 0.25em 0; padding:0; }
.column li { margin:0 0 0.25em 1.5em; padding:0; }
.column h2 { margin:0; padding:1em 0 0.25em 0;}
.newline { clear:left; }

.topborder { border-top: 1px solid rgb(215,220,225); }
.rightborder { border-right: 1px solid rgb(215,220,225); }
.leftborder { border-left: 1px solid rgb(215,220,225); }
.noborder { border:none; }

/*----- table definitions -----*/
.tablebox { margin:0; padding:0 0 0.5em 0; width:580px; }
.tablebox p { width:560px; padding:4px 10px 0 10px; color:rgb(50,150,50); }
.tableboxside { padding:0; float:right; width:300px; margin:0 0 1em 0; }
.tableboxside p { padding:5px 0; color:rgb(50,150,50); }
table { width:100%; border-collapse:collapse; margin:0; padding:0; font-size:90%; background:white; border:1px solid rgb(200,200,200); }
table img { vertical-align:middle; }
td, th { margin:0; padding:2px 8px; }
th { background:rgb(24,64,92); font-weight:bold; color:white; }
td { vertical-align:top; border-left:1px solid rgb(170,180,190); border-right:1px solid rgb(170,180,190); }
td.ssh { background:rgb(250,230,180); }
td.msh { background:rgb(255,215,215); }
td.sgsh { background-color:rgb(255,240,200); }
tr.na { color:rgb(164,164,164); }
tr.dark { background:rgb(235,238,242); }
td.resort img { vertical-align:middle; margin-bottom:1em; }
.resortdesc { width:140px; }
.noleftmargin { margin-left:0; }
.flleft { float:left; margin: 0 10px; }
.flright { float:right; margin:0; padding:0; }

/*----- calendar -----*/
#calendar {	clear:both; margin:0 auto; padding:0; font-size:10px; text-align:center; font-weight:normal; line-height:1.5; }
#calendar .month { float:left; width:144px; height:130px; padding:0 0 0 1px; margin:0 3px 3px 0; border:1px solid black; background:white; }
#calendar .na { background:rgb(220,222,224); }
#calendar h4 { margin:0 0 0 -1px; padding:2px 0 0 0; height:14px; background:rgb(30,35,40); color:white; font-size:12px;}
#calendar h5 { display:inline; font-weight:normal; background:rgb(230,235,240); font-size:10px; }
#calendar i, #calendar em, #calendar dfn, #calendar var, #calendar h5 {
	float:left; width:20px; height:16px; padding:0; margin:0px 0 0 0px;
	font-style:normal; border:0px solid rgb(180,190,200);
}
#calendar .red { color:rgb(180,0,0); }
#calendar em { background-color:rgb(255,215,215); } /* mas school hols */
#calendar dfn { text-decoration:underline; background-color:rgb(255,240,200); } /* sgp school hols */
#calendar var { text-decoration:underline; background-color:rgb(255,215,215); } /* mas sgp school hols */
#calendar b, #calendar .bs, #calendar .bm { text-decoration:underline; color:red; font-weight:bolder; font-size:10px;}
#calendar .bs { color:rgb(192,0,255); }
#calendar .bm { text-decoration:none; }
#calendar .mon { margin-left:20px; }
#calendar .tue { margin-left:40px; }
#calendar .wed { margin-left:60px; }
#calendar .thu { margin-left:80px; }
#calendar .fri { margin-left:100px; }
#calendar .sat { margin-left:120px; }

#fancybox-title-over { color:black; background-color:white; }
a.thumb { float:left; padding:0; margin:10px; };

/* prevent zero-content section collapse */
#header:after, #mmenu:after, #page:after, #intro:after, #footer:after { clear:both; content: " "; }

/*----- end of rir.css -----*/