/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
@charset "utf-8";

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/* base.css */


/* BASE */

html {background: #1D9BB2}
body {font: 0.8125em Verdana, sans-serif; line-height: 1; color: #333; background: #FFF;}

a, a:link, a:visited {text-decoration: none}
a:hover, a:active {text-decoration: underline}

h1 {margin: 0.5em 0; padding-bottom: 0.75em; border-bottom: 1px dashed #B2B2B2;
	font: 1.88em Georgia, Times, serif; text-align: center}
h2 {clear: left; margin: 1.88em 0 0.5em; font: 1.5em Georgia, "Times New Roman", serif; color: #666}
h3 {margin: 2.25em 0 0.5em; font: bold 0.88em Verdana, Arial, sans-serif; text-transform: uppercase; color: #1D9BB2}
h4 {font: bold 1.1em Georgia, "Times New Roman", serif}

h2+h3 {margin-top: 1em !important}

strong {font-weight: bold}
em {font-style: italic}


/* LAYOUT */

/* #bg-wrapper, hack to pin down bg if window resized to smaller than minimum width required */
#wrapper-bg {	width: 100%;	margin-left: auto;	margin-right: auto; 
	background: #1D9BB2 url(../images/inside/bg.jpg) 50% 0% no-repeat}  
#wrapper-header {height: 72px; 
	background: #EABD0B url(../images/header/bg-default-x.png) repeat-x}

#header {position: relative; height: 72px; width: 740px; margin-left: auto; margin-right: auto; 
	background-image: url(../images/header/bg-default.png); overflow: visible}
#wrapper-content {width: 740px; text-align: left; margin: 0 auto; 
	background: #ffffff url(../images/default-main-01.jpg) 0% 0% no-repeat; padding-top: 180px}

.column {clear: none; padding: 15px}
#content {width: 510px; min-height: 300px}
#sidebar {display: inline; margin-top: 15px; margin-right: 1px; float: right; width: 170px; padding: 0}
#sidebar>div {}


/* HEADER */

/* nav-menu */
#nav-menu {position: absolute; bottom: 6px; right: 0;
	display: inline; width: 740px; height: 28px}
#nav-menu ul {display: block; float: right}
#nav-menu li {float: left}
#nav-menu li a {display: block; outline: none; height: 28px;
	background-position: top left; text-indent: -900px; overflow: hidden}
#nav-menu li a:hover {background-position: bottom left}
#nav-menu #menu-splash {width: 136px; background-image: url(../images/header/menu-splash.png)}
#nav-menu #menu-oasis {width: 127px; background-image: url(../images/header/menu-oasis.png)}
#nav-menu #menu-city {width: 155px; background-image: url(../images/header/menu-city.png)}
#nav-menu #menu-suites {width: 135px; background-image: url(../images/header/menu-suites.png)}

/* nav-menu2 */
#nav-menu2 {position: absolute; top: 72px; left: 0;
	display: inline; width: 740px; height: 22px;
	background: url(../images/header/menu2-bg.png) center center no-repeat}
#nav-menu2 ul {display: block; width: 656px; margin-left: auto; margin-right: auto}
#nav-menu2 li {float: left}
#nav-menu2 li a {display: block; outline: none; height: 22px;
	background-position: top left; text-indent: -900px; overflow: hidden}
#nav-menu2 li a:hover {background-position: bottom left}
#nav-menu2 #menu2-get-here {width: 145px; background-image: url(../images/header/menu2-get-here.png)}
#nav-menu2 #menu2-seminars-events {width: 154px; background-image: url(../images/header/menu2-seminars-events.png)}
#nav-menu2 #menu2-explore-laguna {width: 137px; background-image: url(../images/header/menu2-explore-laguna.png)}
#nav-menu2 #menu2-check-rates {width: 111px; background-image: url(../images/header/menu2-check-rates.png)}
#nav-menu2 #menu2-downloads {width: 109px; background-image: url(../images/header/menu2-downloads.png)}

/* nav-extra */
#nav-menu-extra {position: absolute; top: 0; right: 0; 
	display: inline; width: 740px; height: 22px}
#nav-menu-extra ul {display: block; float: right}
#nav-menu-extra li {float: left}
#nav-menu-extra li a {display: inline}
#nav-menu-extra li a {display: block; line-height: 30px; padding: 0 10px 0 15px;
	background: transparent url(../images/header/menu-extra-arrowhead.png) top left no-repeat;
	font-size: 0.88em; color: #fff}
#nav-menu-extra li a:hover {background-position: bottom left}
#nav-menu-extra #menu-extra-contact-us {width: 75px; padding: 0 0 0 25px;
	background: transparent url(../images/header/menu-extra-contact-us.png) top left no-repeat}
#nav-menu-extra #menu-extra-contact-us:hover {background-position: bottom left}


/* SIDEBAR */

#sidebar {text-align: right; font: normal 12px Georgia, "Times New Roman", Times, serif}
#sidebar p.notes {text-align: right; margin: 0; padding: 10px; border: 0;
	font: normal 11px/15px Geneva, Arial, Helvetica, sans-serif; color: #999}

#sidebar h4 {display: none}
#sidebar h5 {margin: 2px 0 0}
#sidebar h5 a	{display: block; width: 150px; height: 22px; padding-right: 20px;
	text-decoration: none; border: none;
	font-weight: bold; line-height: 22px; color: #dda; 
	background: transparent url(../images/sidebar/nav-side-h5.png) left top no-repeat}
#sidebar h5 a:hover {background-position: left bottom; color: #fff}

#nav-side li {margin: 2px 0 0}
#nav-side a {display: block; width: 150px; height: 22px; padding-right: 20px;
	text-decoration: none; border: none;
	line-height: 22px; color: #8D8D47; 
	background: transparent url(../images/sidebar/nav-side-li.png) left top no-repeat} 
#nav-side a:hover {background-position: left bottom; color: #333}

#nav-side-extra li {margin: 2px 0 0}
#nav-side-extra a {display: block; width: 140px; height: 22px; padding-right: 30px;
	text-decoration: none; border: none;
	line-height: 22px; color: #8D8D47; 
	background: transparent url(../images/sidebar/nav-side-extra.png) left top no-repeat} 
#nav-side-extra a:hover {background-position: left bottom; color: #333}


/* FOOTER */

#footer {width: 740px; margin: 0 auto}
#footer {height: 80px; background: #3AAFAF url(../images/inside/footer.jpg) 0% 0% no-repeat}
#copyright {display: block; margin: 50px 0 0 20px; color: #ffffff}

#footer2 {width: 740px; margin: 0 auto; padding-bottom: 10px}
#ft-right {float: right; clear: none; color: #357880}
#ft-left {color: #78BFC7}

#footer, #footer2, #footer2 a {font: 10px Arial, Helvetica, sans-serif; color: #78BFC7}
#footer2 a {text-decoration: underline}


/* HACKS */

/* IE5.x/Win hacks */
#content {width: 540px; voice-family: "\"}\""; voice-family: inherit; width: 535px}
#secondary {width: 210px; voice-family: "\"}\""; voice-family: inherit; width: 165px}
#nav-menu-extra #menu-extra-contact-us {width: 100px; voice-family: "\"}\""; voice-family: inherit; width: 75px}
#nav-side ul li a {voice-family: "\"}\""; voice-family: inherit; display: inline-block}

/*  http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}

/* fixes top margin bug on Mozilla Firefox - flea 2007-08-11 */
.divfix:before {content: "."; display: block; height: 0; clear: both; visibility: hidden}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html .divfix {height: 1%;}
/* End hide from IE-mac */


/* content.css */

/* CONTENT */

p {text-align: left; line-height: 1.8em}
p, dl {margin: 1.12em 0; font-size: 0.88em; }
dt {font-weight: bold; color: #999}
dd {display: none; margin-left: 15px; margin-bottom: 1em}

.item {margin: 0 10px 0 15px;  line-height: 1.8em; overflow: hidden}
.itemset {display: block; float: none; width: 100%; margin: 1.12em 0; overflow: hidden} /* somegroup inside item */

.topinfo {margin: 0 10px 1.12em 15px; padding: 0.75em 0; background: #f2fcfc; 
	border: 1px dashed #B2B2B2;	border-width: 1px 0}
.topinfo p {margin-top: 0; line-height: 1.2em; color: #777}

.notes {margin: 1.5em 10px 0 15px; padding: 0; border: 1px dashed #B2B2B2; border-width: 1px 0}
.notes p {line-height: 1.2em; color: #777}
.notes h2 {margin-top: 1em; font-size: 1em; font-style: italic; font-weight: normal; color: #3AAFAF}

.notes+.notes {border-top-width: 0px}

.back2top {display: block; clear: both; margin: 6px 0; padding: 2px;
	text-align: right; text-transform: uppercase;
	font: normal 0.75em Verdana, Arial, Helvetica, sans-serif; 
	background-color: #eef; color: #035}
.back2top a, .back2top a:link, .back2top a:visited {color: #1D9BB2; text-decoration: none; border: none}
.back2top a:hover {color:  #8D8D47}
	
.title {margin-bottom: 0; padding-bottom: 0.25em; border-bottom: none; font-style: italic;
	text-transform: none; letter-spacing: 1px; text-align: left; line-height: 1em}
.slogan {margin: -0.33em 0 0.5em; padding: 0; text-align: left; color: #AAAA55;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase}
.content-list {margin: 0.25em 0 0.5em; font: normal 1em Georgia, serif; text-align: left;
	line-height: 1.5em !important}
.content-list .quick-info {display: block; font: normal 0.67em Verdana, Arial, Helvetica, sans-serif; 
	text-transform: uppercase; color: #aaaa55}
.content-list a {color: #1D9BB2;  text-decoration: none}
.content-list a:hover, .content-list a:active {color: #8D8D47; text-decoration: none}

/**
 * @todo CSS expanding float bug, http://local.splashmountain.com/groupevents/venues 
 */
.illustration {display: inline; float: right; clear: right; margin: 0 0 2em 15px;
	text-align: left; overflow: hidden}
.tabular {display: block; text-align: left; margin: 0 15px 2em 0}

div.left {display: inline; float: left; clear: none; margin: 0 15px 2em 0}
div.right {display: inline; float: right; clear: none; margin: 0 0 2em 15px}

div.full {clear: both; float: none; width: 510px; margin: 1.12em 0}
div.semi {width: 405px}
div.half {width: 240px}
div.third {width: 150px}
div.quarter {width: 120px}
div.clear-right {display: block; clear: right}
div.clear-left {display: block; clear: left}
div.clear-all {display: block; clear: both}

.tabular {margin-bottom: 1.5em}
.tabular table {width: 100%}
.tabular table caption {padding: 5px 0; font-size: 0.75em; color: #AAAA55; line-height: 1.5em}
.tabular table th, .tabular table td {padding: 3px 0; border-top: 1px solid #ccc; 
	font-size: 0.8125em; line-height: 1.25em; vertical-align: top; text-align: left}
.tabular table th {font-weight: bold}
.tabular table {border-bottom: 1px solid #777; border-top: 2px solid #999}
.tabular table thead {background-color: #ddd}
.tabular table thead th {font-size: 0.88em !important; text-transform: capitalize}

.rates table thead th {text-align: center}
.rates table td {text-align: left}
.rates .amount {text-align: right}

.col-shaded {background-color: #f6f6f6; border-left: 1px solid #fff}
.col-left {text-align: left}
.col-center {text-align:center}
.col-right {text-align: right}

.column a {text-decoration: none; border-bottom: 1px dotted}
.column a:hover {text-decoration: none; border-bottom: none}

table.form {display: inline-block; text-align: left; 
	margin: 1.12em 0 1.12em;
	font-size: 0.8125em}
table.form th, table.form td {padding: 2px 5px; vertical-align: top}
table.form th {padding: 5px 5px 2px 0}
table.form label {font-weight: bold}

.googlemap {width: 510px; height: 310px}



/* oasis.css */

/* IMAGES */
#wrapper-header {background: #EABD0B url(../images/header/bg-oasis-x.png) repeat-x}
#wrapper-content { background: #ffffff url(../images/oasis-main-01.jpg) 0% 0% no-repeat; padding-top: 130px; margin-top: 20px }
#header {background-image: url(../images/header/bg-oasis.png)}
#nav-menu #menu-oasis {background-position: bottom left}

/* COLOUR SCHEMES */

/* photogallery.css */

.photogallery { position:relative; height: 290px; width: 510px; overflow: hidden }
.pg_thumbs { position: absolute; top: 0; right: 0 }

.pg_column { display: inline-block; float: left; width: 85px }
.pg_column li { float: left }
.pg_column a  { float: left; width: 85px; height: 59px; background-color: #fff; outline: none; border: 0} 
.pg_column a:hover img { }
.pg_column img { border: 0; margin: 0 0 3px 4px;}

.pg_main_img {}
.pl_main_img {}