/*
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;}

/* welcome.css */

html {background: #1D9BB2 url(../images/welcome/bg.jpg) 50% 0% no-repeat}
body {font: 0.8125em Verdana, sans-serif; line-height: 1; color: #333}

a:link,a:visited {color: #28A3B9; text-decoration: none}
a:hover,a:active {text-decoration: underline}


/* LAYOUT */

/* #wrapper-bg, hack to pin down bg if window resized to smaller than minimum width required */
#wrapper-bg {width: 794px; height: 100%; margin-left: auto; margin-right: auto; padding-top: 101px;
	background: #1D9BB2 url(../images/welcome/bg.jpg) 50% 0% no-repeat}  
#wrapper-bg2 {position: relative;
	width: 794px; height: 467px; margin-left: auto; margin-right: auto;
	background: #1D9BB2 url(../images/welcome/bg2.jpg) 50% 0% no-repeat}
#wrapper-content {width: 736px; text-align: left}
#main-img {position: absolute; top: 43px; left: 1px; z-index: 5;
	width: 794px; height: 209px; background: url(../images/welcome/main-img.jpg)}


/* NAV */

/* nav-menu */
#nav-menu {position: absolute; top: 248px; left: 0px; z-index: 10;
	width: 794px; height: 86px;}
#nav-menu ul {display: block; width: 658px; height: 86px; margin-left: auto; margin-right: auto}
#nav-menu li {float: left}
#nav-menu li a {display: inline}
#nav-menu li a {display: block; outline: none; height: 86px;
	background-position: top left; text-indent: -900px; overflow: hidden}
#nav-menu li a:hover {}
#nav-menu #menu-splash {width: 165px; background-image: url(../images/welcome/menu-splash.png)}
#nav-menu #menu-oasis {width: 143px; background-image: url(../images/welcome/menu-oasis.png)}
#nav-menu #menu-city {width: 182px; background-image: url(../images/welcome/menu-city.png)}
#nav-menu #menu-suites {width: 168px; background-image: url(../images/welcome/menu-suites.png)}

/* nav-menu2 */
#nav-menu2 {position: absolute; top: 341px; left: 0px; z-index: 10;
	width: 794px; height: 24px}
#nav-menu2 ul {display: block; width: 656px; height: 24px; margin-left: auto; margin-right: auto;
	background: transparent url(../images/welcome/menu2-bg.png) 0% 0% no-repeat}
#nav-menu2 li {float: left; margin: 1px 0}
#nav-menu2 li a {display: inline}
#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/welcome/menu2-get-here.png)}
#nav-menu2 #menu2-seminars-events {width: 154px; background-image: url(../images/welcome/menu2-seminars-events.png)}
#nav-menu2 #menu2-explore-laguna {width: 137px; background-image: url(../images/welcome/menu2-explore-laguna.png)}
#nav-menu2 #menu2-check-rates {width: 111px; background-image: url(../images/welcome/menu2-check-rates.png)}
#nav-menu2 #menu2-downloads {width: 109px; background-image: url(../images/welcome/menu2-downloads.png)}

/* nav-extra */
#nav-menu-extra {position: absolute; top: 0; right: 40px; z-index: 10;
	display: inline; width: 794px; 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/welcome/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/welcome/menu-extra-contact-us.png) top left no-repeat}
#nav-menu-extra #menu-extra-contact-us:hover {background-position: bottom left}


/* INFO */

.info-box {font-size: 10px; line-height: 12px; width: 200px; height: 72px}

#box1 {position: absolute; top: 385px; left: 78px}
#box2 {position: absolute; top: 385px; left: 260px}
#box3 {position: absolute; top: 375px; left: 465px}
#box4 {position: absolute; top: 380px; left: 540px}
#box5 {position: absolute; top: 375px; left: 590px}
	
.info-box h2 {font-weight: bold}
.info-box li.telno {padding-left: 14px; background: transparent url(../images/icon12-phone.gif) left top no-repeat}
.info-box li.link a {display: inline; padding-left: 14px; background: transparent url(../images/icon12-link.gif) left top no-repeat}



/* FOOTER */

#footer {position: absolute; top: 465px; left: 30px; width: 736px;}
#footer, #footer a {font: 10px Arial, Helvetica, sans-serif; background-color: transparent; color: #AEE1E6}
#standards {float: right; clear: none}
#copyright {}

/* HACKS */

/*  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; 
    visibility: hidden;
}

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