body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
td{vertical-align:top};  html{ }
body{ color:#666666; font-family:"Tahoma","Trebuchet MS","Helvetica","Arial"; font-size:11px; background:#fff}
a{ color:#030303}
object, a{ border:none; outline:none}
img{ behavior: url(resources/css/iepngfix.htc)}
 #omniContainer{ width:979px; margin:0px auto; background:url('/images/omni-background.gif') repeat-y}
 #headerContainer{ height:98px; background:url('/images/header-background.gif'); text-align:center; z-index:100}
#header{ position:relative; width:922px; height:98px; margin:0px auto; text-align:left; z-index:100}
#logo{ display:block; position:absolute; left:10px; top:22px}
 #navContainer{ position:absolute; left:219px; top:44px; z-index:1000}
#navContainer li{ position:relative; float:left; height:51px; padding:0px 15px; z-index:1000}
#navContainer li ul{ z-index:1000}
#navContainer a{ float:left; height:51px; background-position:left 0px; background-repeat:repeat-y}
#navContainer a:hover, #navContainer li.active a{ background-position:right 0px}
#navContainer a.realEstate{ width:75px; background-image:url('/images/nav-real_estate.gif')}
#navContainer a.hotels{ width:46px; background-image:url('/images/nav-hotels.gif')}
#navContainer a.lifestyleAndAmenities{ width:60px; background-image:url('/images/nav-lifestyle_and_amenities.gif')}
#navContainer a.partners{ width:61px; background-image:url('/images/nav-partners.gif')}
#navContainer a.dragonBay{ width:76px; background-image:url('/images/nav-dragon_bay.gif')}
#navContainer a.grandCayman{ width:94px; background-image:url('/images/nav-grand_cayman.gif')}
#navContainer a.voyages{ width:54px; background-image:url('/images/nav-voyages.gif')}
#navContainer ul{ display:none; position:absolute; left:15px; top:55px; width:150px; padding:10px; background:url('/images/nav-drop-background.png')}
#navContainer ul.collapse{ width:auto}
#navContainer ul.collapse a{ padding:0px; background:none}
#navContainer ul li{ float:none; height:auto; padding:0; background:url('/images/dashed.gif') 0px bottom repeat-x}
#navContainer ul li.last{ background:none}
#navContainer ul a{ float:none; display:block; height:auto; padding:7px 12px; background:none; color:#767676; background:url('/images/nav-drop-roll.gif') no-repeat; background-position: -50px top}
#navContainer li.active ul a{ background-position: -50px top}
#navContainer ul a:hover, #navContainer li.active ul a:hover{ color:#030d28; background-position:0px 12px}
#headerSpacer{ height:20px; background-position:top left}
 #voyagesHeaderContainer{ height:34px; background:url('/images/dashed.gif') repeat-x bottom left}
#voyagesHeader{ position:relative; width:922px; margin:0px auto}
#autoHeaderContainer{ height:34px; background:url('/images/dashed.gif') repeat-x bottom left}
#autoHeader{ position:relative; width:922px; margin:0px auto}
#voyagesHeader h3, #autoHeader h3{ display:inline; font-size:24px; font-weight:bold; padding-left:36px; color:#030303; line-height:15px}
#contentContainerAuto h3{ display:inline; font-size:24px; font-weight:bold; color:#030303; line-height:15px}
#voyagesHeader a{ color:#030d28; padding-right:20px; margin-right:20px; line-height:20px; background:url('/images/plus_circle.gif') no-repeat center right white}
#contentContainer{ position:relative; width:922px; margin:0px auto}
#contentContainerFlash{ width:967px; margin:0px auto}
#contentContainerAuto{ position:relative; width:922px; margin:0px auto}
.voyagesContentContainerBackground{ background:url('/images/gray_pixel.gif') repeat-y 538px 0px; padding:10px 0px}
#contentContainer p{ padding-bottom:16px}
#contentContainer h2, #contentLeftColumn h2{ font-size:24px; text-align:center; margin:18px auto}
#contentLeftColumn{ float:left; width:387px}
#contentLeftColumn h3{ padding:3px 5px; font-size:14px; font-weight:bold; color:#fff; background:#1c253d}
#contentRightColumn{ float:left; width:534px}
#contentPush{ float:left; width:1px; height:417px}
#voyagesLeftColumn{ float:left; width:500px; padding:10px 0px 0px 10px}
#voyagesLeftColumn h3{ float:left; padding:0px 8px; font-size:14px; font-weight:bold; line-height:25px; color:#030303; background:#e6e5e5}
.padH3{ padding:0px 8px; line-height:25px}
#voyagesLeftColumn h3 span{ font-size:11px; font-weight:normal}
#voyagesLeftColumn h4{ font-weight:bold; font-size:16px; padding:0px 0px 15px 0px}
#voyagesLeftColumn h5{ font-weight:bold; font-size:12px; padding:0px}
#voyagesLeftColumn h6{ font-size:10px; font-style:italic; padding:0px 0px 5px 0px}
#voyagesLeftColumn p{ padding:0px 0px 10px 0px}
#voyagesRightColumn{ float:right; width:352px; padding:10px 10px 0px 0px}
#voyagesRightColumn strong{ font-size:12px}
#voyagesRightColumn h4{ padding-left:8px; font-size:14px; font-weight:bold; line-height:25px; color:white; background:#1c253d}
#voyagesRightColumn h4.active{ color:#030303; background:#e6e5e5}
#voyagesRightColumn p{ padding:8px 0px}
#voyagesRightColumn img{ float:left; margin:0px 10px 10px 0px}
.padded{ padding:0px 45px 0px 35px}
.logo{ display:block; margin:18px auto}
a.plus{ display:block; padding-right:20px; background:url('/images/plus_circle.gif') no-repeat center right; color:#030d28; line-height:20px; text-decoration:underline}
#leftGradient{ position:absolute; left:-22px; top:0px}
#rightGradient{ position:absolute; right:-22px; top:0px}
#voyagesButton{ position:absolute; left:-22px; top:150px}
#sitePlanButton{ display:block; position:absolute; right:0px; top:0px; padding:0px 25px 0px 10px; background:url('/images/plus_circle.gif') no-repeat center right white; line-height:26px; font-size:10px; color:#2b2b2b; z-index:50}
.rotatorContainer{ position:relative; overflow:hidden; height:417px; background:#fff}
.cornerBanner{ position:absolute; top:0px; left:0px; z-index:20}
.rotatorContainerHome{ position:relative; overflow:hidden; height:418px; background:#fff}
.rotatorNav{ position:absolute; bottom:10px; left:12px; z-index:100}
.rotatorNav li{ padding:4px 4px; float:left}
.rotatorNav a{ display:block; width:39px; height:39px; padding:2px; background:#e6e5e5}
.rotatorNav span{ display:block; width:39px; height:39px; overflow:hidden}
.rotatorNav a.activeSlide, .rotatorNav a:hover{ background:#1c253d}
.rotatorHomeNav{ position:absolute; bottom:77px; right:8px; z-index:100}
.rotatorHomeNav li{ padding:0px 5px 0px 0px; float:left}
.rotatorHomeNav a{ display:block; width:51px; height:47px; background-position:0px -47px}
.rotatorHomeNav a.activeSlide, .rotatorHomeNav a:hover{ background-position:0px 0px}
.tilingThumbContainer{ float:left; width:900px; padding:10px}
.tilingThumb{ float:left; width:140px; padding:20px}
.tilingThumb img{ border:3px solid #ccc; margin:-3px}
.tilingThumb h4{ margin:5px 0px; padding:4px 8px; font-size:12px; background:#e6e5e5; border-width:0px 3px; margin:3px -3px}
.tilingThumb a:hover img{ border:3px solid #1c253d}
#sitePlanContainer{ width:967px; height:570px; background:#fff}
 #storiesContainer{ width:650px; padding:20px 0px 20px 20px; border:1px solid black; background:white}
#storyColumn1{ float:left; width:250px}
#storyColumn2{ float:left; width:375px}
#storyColumn2 h3{ font-weight:bold; color:#1c253d}
 .imageDescription{ padding-top:10px; background:url('/images/dashed.gif') repeat-x bottom left}
#voyagesRightColumn p.sideLink{ padding:8px 10px}
 #bottomNav{ position:relative; height:263px; margin-top:30px; padding:0px 70px; font-size:10px}
#navElementContainer{ position:relative; overflow:hidden; height:243px}
#bottomNavRightGradient{ position:absolute; right:70px; top:0px}
#bottomNavLeftGradient{ position:absolute; left:65px; top:0px}
#bottomNav .navElement{ position:absolute; left:0px; top:0px; width:168px; height:243px; padding:10px 10px; background:url('/images/bottom_nav-nav_element-background.gif') repeat-x 0px -243px}
#bottomNav a:hover, #bottomNav a:hover img, #bottomNav a.current img{ background-position:0px 0px}
#bottomNav .header{ line-height:16px; margin-bottom:3px; padding:0px 8px; background:#afadad; color:#fff}
#bottomNav .current .header, #bottomNav a:hover .header{ background:#030d28}
#bottomNav h2{ padding-bottom:10px; font-weight:bold; color:#030d28}
#bottomNav p{ padding-bottom:10px; color:#666666}
#bottomNav img{ background-repeat:no-repeat; background-position:0px -73px;  }
#bottomNav a.leftArrow{ position:absolute; left:0px; top:10px; display:block; width:64px; height:100px}
#bottomNav a.rightArrow{ position:absolute; right:0px; top:10px; display:block; width:64px; height:100px}
 #footerContainer{ padding:12px 0px; background:url('/images/dashed.gif') repeat-x top left}
#footer{ width:922px; margin:0px auto}
#footerLinks{ float:right}
#footerLinks a{ color:#767676}
.disclaimer{ clear:both; padding-top:5px; font-size:7px}
 .form input, .form textarea, .form select{ width:100%; height:18px; font-size:14px; border:1px solid #999}
.form #submit{ width:auto; height:auto; font-size:10px; padding:6px}
.form textarea{ height:100px}
.form select{ height:auto; font-size:12px}
.form input.check{ height:auto; width:auto}
.form input.error{ }
.full{ width:100%}
.half{ width:45%}
.third{ width:26%}
.padding{ width:10%}
.form .padded div{ position:relative}
label.error{ position:absolute; right:0px; top:0px; white-space:nowrap; background:white; color:red; font-weight:bold}
.withVoyages{ display:none}
.red{ color:red}
.errorExplanation{ color:red; line-height:18px}
.errorExplanation p{ font-size:16px}
.fieldWithErrors{ color:red; display:inline}
.fieldWithErrors input{ border-color:red}
 em{ font-style:italic}
strong{ font-weight:bold}
.left{ float:left}
.right{ float:right}
.clear{ font-size:1%; line-height:1px; clear:both}
.clearLeft{ clear:left}
.clearRight{ clear:right}
.line{ height:1px; font-size:1%}
.dashed{ background:url('/images/dashed.gif') repeat-x bottom left}
.gray{ color:#666}
.fpo{ color:red}
.small{ font-size:8px}
.required{ color:red}
a.arrow{ float:left; padding-right:20px; line-height:20px; background:url('/images/plus_circle.gif') no-repeat center right white}
a.arrow2{ float:left; padding-left:25px; line-height:20px; background:url('/images/arrow.gif') no-repeat center left white}
 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
 #cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px; background:#fff;}
#cboxLoadedContent{background:#fff; padding:15px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{}
#cboxClose{position:absolute; top:15px; right:15px; display:block; background:url('/images/close.gif'); width:14px; height:14px; text-indent:-9999px;}