* {padding:0; margin:0} body { background:url(../images/bg-image.jpg) no-repeat top center; font:12px/140% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; } a { color:#333; text-decoration:none } a:focus { outline:none } img {border:none} h1 { font-size:17px; margin:0; padding:0; font-weight:normal; margin-bottom:5px; /*position: absolute; top: 20px; left: 20px; height: 340px; width: 810px; z-index: 1;*/ } h2 { font-size:18px; line-height:24px; margin:0; padding:0; } h3 { font-size:18px; line-height:24px; margin:0; padding:0; } h4 { font-size:100%; } p { font-size:90%; } #page { width:850px; height:auto; margin:auto; position: relative; } #header { width:850px; position: relative; } #header h2 { font-size:14px; line-height:20px; margin:0; padding:0; text-align:center; margin-top:5px; } #logo { width:100px; height:80px; margin-top:20px; float:left; } #image { width:850px; height:380px; clear: left; position: relative; } #top_h1 { color:#FFF; display:inline-block; padding:10px; background:url(../images/semi-trans.png) repeat; } #bottom_h1 ,#bottom_h1_nopadding { color:#FFF; display:block; margin:0; padding:10px; background:url(../images/semi-trans.png) repeat scroll; font-size:21px; line-height:26px; position: absolute; bottom: 0px; width: 790px; left: 20px; } #bottom_h1_nopadding { padding:0; width:810px } #newsletter_signup_link, #registergoogle, #interior_link {border:1px solid #FFFFFF; cursor:pointer; padding:1px; position:absolute; right:10px; top:30px; z-index:80;} #content { width:780px; height:auto; margin:40px 35px; } #contentimagelibrary { width:780px; height:auto; margin:40px 0px; } #left_content { width:375px; height:auto; padding-right:15px; float:left; margin-top: 40px; } #right_content { width:375px; height:auto; padding-left:15px; float:left; margin-top:40px; } #spacer { clear:both; } #footer { width:850px; height:auto; font-size:80%; text-align:center; background:url(../images/footer-arrow.gif) no-repeat top center; } #footer_links { width:810px; padding: 30px 20px 0; } #footer_keywords { width:810px; padding:0 20px 20px 10px; } #footer ul { list-style-type:none; margin:0; padding:0; } #footer ul li { display:inline; padding:0 10px; line-height:32px } #commons { width:850px; height:auto; font-size:80%; text-align:center;} #newsletter_signup { display:none; height:150px; padding: 0 50px; } #newsletter_signup_title { margin:10px 0px 10px 27px; width:250px; text-align:center; border-bottom: #000000 1px dotted; font-weight: normal; padding-bottom: 6px; font-size:18px } /*menu*/ #menu { width:750px; height:60px; position:absolute; overflow: visible; right: 0px; top: -60px; z-index: 85; } #menu ul { position:absolute; right:0px; bottom:0px; z-index:3000; } #menu ul li { list-style:none; display:inline; float:left; background:url(../images/dotted-line.gif) no-repeat right top; position:relative; overflow:visible } #menu ul li ul { display:none; top:40px; left:0; right:auto; bottom:auto; width:205px; background:url(../images/semi-trans.png) repeat; *background:url(../images/t60.png) repeat; z-index:4000} #menu ul li ul li { font-weight:bold; font-size:10px; background:none; width:100%; } #menu ul li ul li:hover { background:url(../images/t60.png) repeat; *background:#000 } #menu ul li:hover ul { display:block; } #menu ul li a { color:#333333; text-decoration:none; padding:5px 15px 20px 15px; display:block } #menu ul li a:hover { text-decoration:underline; } #menu ul li ul li a { color:#FFF; text-decoration:none; padding:5px 0; margin:0 15px; border-bottom:#FFF 1px solid; display:block; } #menu ul li ul li a:hover { color:#F30; /*text-decoration:underline;*/ } #menu ul li ul li.last a { border-bottom:none; } /*menu ends*/ #footer a { color:#333333; text-decoration:none; } #footer a:hover { color:#87CCFF; text-decoration:underline; } #footer a:visited { color:#69C; text-decoration:none; } #footer a b{font-weight:normal;} .blockPage { overflow : visible; } img.close { position : absolute; top : -19px; right : 20px; cursor : pointer; z-index : 2009; } input.submit { border : 0; background-color : #000; color : #fff; font-weight : bold; text-align : right; width : 70px; padding : 0; margin : 0; text-transform:uppercase; cursor:pointer } #left_col, #right_col { float:left; font-size:11px; line-height:16px; padding:7px; width:38%;} #left_col {} #left_small_txt_col {font-size:12px; line-height:16px; padding:7px; display:block} #left_lrg_txt_col {font-size:16px; line-height:21px; padding:9px 7px 9px 7px; display:block} #left_lrg_txt_singlecol {font-size:21px; line-height:26px; padding:18px 7px 9px 7px; display:block} #thumbs_container {float:right; position:relative */} #thumbs_container img {border:1px solid #FFF; padding:1px; margin-left:1px} #thumbs_container #click_to_view {display:block; font-size:10px; font-weight:bold; position:absolute; text-align:center; text-transform:uppercase; top:-22px; width:100%;} /* 3Col Crew */ div.span-3colcrew {float:left; margin:0 59px; *margin:0 43px;} div.last {width:141px; margin-right:0;} .span-3colcrew {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height: 16px; width:142px;} #columnsmeetthecrew {position: relative; height:auto; text-align:left; padding:39px 0px 0px;} .voicetestimonialbut {width:150px; height:32px; display:block; background:url(../images/click-to-listen-up.gif);} .voicetestimonialbut a{display:block;} .voicetestimonialbut a:hover{background:url(../images/click-to-listen-down.gif);} #testimonials {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-size:12px; line-height: 16px;;} /*****************************************/ /*** columns rates/bookings ***/ /*****************************************/ #columnsrates {height:auto; padding:0; position:relative; text-align:left;} #columnsitemap {position: relative; width: 849px; height:auto; text-align:left; padding:50px 34px 0px 34px;} #columnsitemap li{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-size:16px; line-height: 24px; width:250px; text-decoration:none; list-style:none;} #columnsitemap a{color:#333333; text-decoration:none;} #columnsitemap a:hover{color:#06F; text-decoration:underline;} /*****************************************/ /*** columns link exchange ***/ /*****************************************/ #columnlinkexchange {position: relative; width: 849px; height:auto; text-align:left; padding:50px 39px 0px 55px;} #columnlinkexchange li{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-size:12px; line-height: 20px; width:290px; text-decoration:none; list-style:none;} #columnlinkexchange a{color:#333333; text-decoration:none;} #columnlinkexchange a:hover{color:#06F; text-decoration:underline;} /* 3Col Link Exchange Layout */ div.span-link {margin-top:0px; float:left; margin-right:48px;} div.last {width:80px; margin-right:0;} .span-link {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height: 16px; width:199px;} /* 2Col Sitemap Layout */ div.span-sitemap {margin-top:0px; float:left; margin-right:48px;} div.last {width:250px; margin-right:0;} .span-sitemap {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height: 16px; width:200px;} /* bookings */ div.bookings {margin-top:0px; float:left;} .bookings {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height: 16px; width:373px;} /* RATES HEADER */ #ratesheader {margin: 5px 0px 0px 0px; width:312px; background-color: #1E1F5A; text-transform:uppercase; padding: 5px 5px 5px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; line-height: 16px; letter-spacing: 0.02em;} /* RATES FOOTER */ #ratesfooter {margin: 1px 0px 24px 0px; width:312px; background-color: #1E1F5A; text-transform:uppercase; padding: 5px 5px 5px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; line-height: 16px; letter-spacing: 0.02em;} /* RATES Dark */ #ratesdark {margin: 1px 0px 0px 0px; width:312px; background-color: #06C; padding: 5px 5px 5px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; line-height: 12px; letter-spacing: 0.02em;} /* RATES Light */ #rateslight {margin: 1px 0px 0px 0px; width:312px; background-color: #0099FF; padding: 5px 5px 5px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; line-height: 16px; letter-spacing: 0.02em;} .submit2{height: 29px; border: 3px double #CCCCCC; padding: 4px 5px 4px 5px; background-color: #FFFFFF; background-repeat: repeat-x; color: #333333; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} .inputcontrol{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; border:1px double #cccccc; padding: 0.25em; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none;} .inputcontrolcal{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; border:1px double #cccccc; padding: 0.25em; background-color: #ffffff; font-style: normal; font-weight: bold; text-decoration: none; padding-top:4px;} .inputcontrol_validation{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000;} .submit3 { width:175; height:37px; cursor:pointer; border:0px; color:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0px 2px 4px 0px; background:url(../images/check-availability-up.gif) repeat-x left top; } .reset1 { width:75; height:37px; cursor:pointer; border:0px; color:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0px 2px 4px 0px; background:url(../images/clear.gif) repeat-x left top; } /* DatePicker Styles */ input, textarea, select { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 10px; } /* DatePicker Styles */ .DatePicker { background: transparent url("../images/cal.gif") no-repeat center right; } div.DatePicker-Container {} div.DatePicker-Wrapper {background-color: #FFFFFF; border: 1px solid #E0E0E0;} div.DatePicker-Wrapper table {} div.DatePicker-Wrapper td { padding: 0px; } div.DatePicker-Wrapper td.nav {} div.DatePicker-Wrapper td.dayName {font-weight: bold; background-color: #EEEEEE; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;} div.DatePicker-Wrapper td.day, div.DatePicker-Wrapper td.empty {border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;} div.DatePicker-Wrapper td.current {background-color: #666666; color: #FFFFFF; font-weight: bold;} div.DatePicker-Wrapper td.dp_roll { background-color: #E0E0E0; } #bio{clear: both; margin-top: 1.5em; margin-bottom: -0.25em; padding: 45px 45px 40px 30px; color: #333333; font-size: 11px; line-height:16px; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} /*****************************************/ /*** Cabin Deck Images ***/ /*****************************************/ #imap{display: inline; clear: both; float: left; margin-top: 1px; margin-left: 41px; width: 849px;} #imap h1{display:block; background-image: url(../images/shangani-cabin-deck-masterplan.gif); background-repeat: no-repeat;} /* Masterplan Definition list /** /* place the
s in the correct absolute position */ #imap dd {position:absolute; padding:0; margin:0;} #imap #bushmanroll {left:152px; top:217px; z-index:20;} #imap #msasaroll {left:152px; top:64px; z-index:20;} #imap #flamingoroll {left:331px; top:64px; z-index:20;} #imap #zebraroll {left:331px; top:217px; z-index:20;} #imap #singingroll {left:636px; top:64px; z-index:20;} #imap #jungleroll {left:636px; top:200px; z-index:20;} #imap #crewroll {left:417px; top:64px; z-index:20;} #imap #kitchenplan {left:539px; top:64px; z-index:20;} /* style the
links physical size and the background image for the hover */ #imap a#bushman {display:block; width:129px; height:155px; text-decoration:none; z-index:20;} #imap a#msasa {display:block; width:129px; height:155px; text-decoration:none; z-index:20;} #imap a#flamingo {display:block; width:85px; height:152px; text-decoration:none; z-index:20;} #imap a#zebra {display:block; width:86px; height:155px; text-decoration:none; z-index:20;} #imap a#singingmonkey {display:block; width:86px; height:135px; text-decoration:none; z-index:20;} #imap a#jungle {display:block; width:86px; height:165px; text-decoration:none; z-index:20;} #imap a#crew {display:block; width:121px; height:160px; text-decoration:none; z-index:20;} #imap a#kitchen {display:block; width:95px; height:311px; text-decoration:none; z-index:20;} /* style the span text so that it is not initially displayed */ #imap a span, #imap a:visited span {display:none;} /*****************************************/ /*** Middle Deck images ***/ /*****************************************/ #imapmiddle{display: inline; clear: both; float: left; margin-top: 1px; margin-left: 41px; width: 849px;} #imapmiddle h1{ display:block; background-image: url(../images/shangani-middle-deck-masterplan.gif); background-repeat: no-repeat;} /* Masterplan Definition list /** /* place the
s in the correct absolute position */ #imapmiddle dd {position:absolute; padding:0; margin:0;} #imapmiddle #salonlounge {left:0px; top:22px; z-index:20;} #imapmiddle #insidesalonlounge {left:260px; top:22px; z-index:20;} #imapmiddle #kitchenarea {left:464px; top:22px; z-index:20;} /* style the
links physical size and the background image for the hover */ #imapmiddle a#salon {display:block; width:260px; height:379px; text-decoration:none; z-index:20;} #imapmiddle a#insidesalon {display:block; width:204px; height:379px; text-decoration:none; z-index:20;} #imapmiddle a#kitchen {display:block; width:173px; height:379px; text-decoration:none; z-index:20;} /* style the span text so that it is not initially displayed */ #imapmiddle a span, #imap a:visited span {display:none;} /*****************************************/ /*** Top Deck Images ***/ /*****************************************/ #imaptop{display: inline; clear: both; float: left; margin-top: 1px; margin-left: 41px; width: 849px;} #imaptop h1{display:block; background-image: url(../images/shangani-top-deck-masterplan.gif); background-repeat: no-repeat;} /* Masterplan Definition list /** /* place the
s in the correct absolute position */ #imaptop dd {position:absolute; padding:0; margin:0;} #imaptop #jacuzziroll {left:152px; top:151px; z-index:20;} #imaptop #massageroll {left:193px; top:314px; z-index:20;} #imaptop #barroll {left:335px; top:57px; z-index:20;} /* style the
links physical size and the background image for the hover */ #imaptop a#jacuzzi {display:block; width:122px; height:122px; text-decoration:none; z-index:20;} #imaptop a#massage {display:block; width:111px; height:32px; text-decoration:none; z-index:20;} #imaptop a#bar {display:block; width:146px; height:308px; text-decoration:none; z-index:20;} /* style the span text so that it is not initially displayed */ #imaptop a span, #imap a:visited span {display:none;} #Flash a {color:#C00} .content_day_charter_menu{ font-size:12px; line-height:20px; } .content_day_charter_menu strong{ font-size:14px; } .content_day_charter_menu img.left{ float:left; margin-right:30px; } .content_day_charter_menu img.right{ float:right; margin-left:30px; } .line{ border-bottom:1px solid #666666; } .photo_left{ float:left; margin:0 10px 5px 0; } .photo_right{ float:right; margin:0 0 5px 10px; }