/* -------------------------------- */ /* STANDARD HTML TAG RESET */ /* -------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 14px; background: white; color: #F4E6B4; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* -------------------------------- */ /* STANDARD HTML TAG DEFINITION */ /* -------------------------------- */ html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; } a:link, a:visited { color:#0033CC; } a:hover{ color:#003366;} h1, h2, h3, h4, h5, h6, form, input, text-area {border:0; padding:0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { font-size:24px; } h2 { font-size:18px; } /* .... OTHERS NEED TO BE DEFINED HERE .... */ /* -------------------------------- */ /* CUSTOM CLASSES */ /* -------------------------------- */ .red { color: #FF0000; } .no { display: none; } .hotspot { font-weight: bold; } /* -------------------------------- */ /* PAGE ELEMENTS */ /* -------------------------------- */ body { font-size:62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#FFFFFF; text-align: center; } #contentcentering { width: 800px; margin-left: auto; margin-right: auto; text-align: left; } #page { float: left; width: 800px; margin: 5px 0 5px 0; padding: 0; font-size: 12px; background-color:#FFFFFF; } /* -------------------------------- */ /* LOGO */ #logo { float: left; width: 800px; height: 40px; margin: 20px 0 0 0; padding: 0; display: inline; } .logo-left { float: left; width: 600px; margin: 0; line-height: 30px; display: inline; } .logo-h1 { font-size: 22px; color: #C284C2; font-weight: normal; display: inline; } .logo-right { float: right; width: 200px; text-align: right; color: #0000FF; display: inline; } .logo-right-1 { margin: 0; } .logo-right-2 { margin: 0 0 0 50px; } .logo-right-3 { margin: 0 0 0 50px; } /* -------------------------------- */ /* MIDDLEWRAPPER */ .middlewrapper { float: left; width: 800px; margin: 0; padding: 0; text-align: left; display: inline;} /* -------------------------------- */ /* TOPBAR */ #topbar { float: left; width: 745px; height: 48px; margin: 0 0 0 23px; padding: 0; background: url("images/navglassstripe.jpg") no-repeat; display: inline; } #topbar-nav { float: left; width: 745px; height: 30px; margin: 14px 0 0 0; padding: 0; font-size: 18px; text-align: center; display: inline; } #topbar-nav a { color: #808080; text-decoration: none; } #topbar-nav a:visited { color: #808080; text-decoration: none; } #topbar-nav a:active { color: #808080; text-decoration: none; } #topbar-nav a:hover { color: #E7277C; text-decoration: underline; } #bheader-nav-1 { margin: 0; display: inline; } #bheader-nav-2 { margin: 0 0 0 60px; display: inline; } #bheader-nav-3 { margin: 0 0 0 60px; display: inline; } #bheader-nav-4 { margin: 0 0 0 60px; display: inline; } /* -------------------------------- */ /* HEADFEATURE */ #headfeature { float: left; width: 745px; height: 420px; margin: 0 0 0 23px; padding: 0; display: inline; } #headfeature img { float: left; margin: 0; padding: 0; display: inline; } /* -------------------------------- */ /* TOPNAV ROW */ #topnav { float: left; width: 800px; height: 250px; margin: 20px 0 0 0; color: #0000FF; display: inline; } #topnavtours { float: left; width: 200px; margin: 0; padding: 0; color: #A1FFC7; display: inline; } #topnavtours a { color: #A1FFC7; text-decoration: none; } #topnavtours a:visited { color: #A1FFC7; text-decoration: none; } #topnavtours a:active { color: #E7277C; text-decoration: none; } #topnavtours a:hover { color: #E7277C; text-decoration: underline; } .topnavtours-head { float: left; width: 200px; height: 30px; line-height: 30px; margin: 0; padding: 0; display: inline;} .topnavtours-head-left { float: left; width: 40px; margin: 5px 0 0 0; display: inline; } .topnavtours-head-left img { display: inline; } .topnavtours-head-right { float: left; width: 160px; margin: 0; display: inline; } .topnavtours-head h3 { margin: 0; font-size: 18px; font-weight: bold; display: inline;} .topnavtours-pic { float: left; width: 200px; height: 101px; margin: 20px 0 0 0; padding: 0; display: inline;} .topnavtours-detail { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #topnavaboutus-home { float: left; width: 200px; margin: 0 0 0 100px; padding: 0; color: #5DAEAE; display: inline; } #topnavaboutus-home a { color: #5DAEAE; text-decoration: none; } #topnavaboutus-home a:visited { color: #5DAEAE; text-decoration: none; } #topnavaboutus-home a:active { color: #E7277C; text-decoration: none; } #topnavaboutus-home a:hover { color: #E7277C; text-decoration: underline; } .topnavaboutus-home-head { float: left; width: 200px; height: 30px; line-height: 30px; margin: 0; padding: 0; display: inline;} .topnavaboutus-home-head-left { float: left; width: 40px; margin: 5px 0 0 0; display: inline; } .topnavaboutus-home-head-left img { display: inline; } .topnavaboutus-home-head-right { float: left; width: 160px; margin: 0; display: inline; } .topnavaboutus-home-head h3 { margin: 0; font-size: 18px; font-weight: bold; display: inline;} .topnavaboutus-home-pic { float: left; width: 200px; height: 101px; margin: 20px 0 0 0; padding: 0; display: inline;} .topnavaboutus-home-detail { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #topnavbooking { float: left; width: 200px; margin: 0 0 0 100px; padding: 0; color: #C284C2; display: inline; } #topnavbooking a { color: #C284C2; text-decoration: none; } #topnavbooking a:visited { color: #C284C2; text-decoration: none; } #topnavbooking a:active { color: #E7277C; text-decoration: none; } #topnavbooking a:hover { color: #E7277C; text-decoration: underline; } .topnavbooking-head { float: left; width: 200px; height: 30px; line-height: 30px; margin: 0; padding: 0; display: inline;} .topnavbooking-head-left { float: left; width: 40px; margin: 5px 0 0 0; display: inline; } .topnavbooking-head-left img { display: inline; } .topnavbooking-head-right { float: left; width: 160px; margin: 0; display: inline; } .topnavbooking-head h3 { margin: 0; font-size: 18px; font-weight: bold; display: inline;} .topnavbooking-pic { float: left; width: 200px; height: 101px; margin: 20px 0 0 0; padding: 0; display: inline;} .topnavbooking-detail { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } /* -------------------------------- */ /* LEARNMORE */ #divider-main { float: left; width: 800px; height: 20px; margin: 0; } #learnmore-first { float: left; width: 200px; margin: 0; color: #808080; font-size: 16px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #learnmore-first a { color: #A1FFC7; text-decoration: none; } #learnmore-first a:visited { color: #A1FFC7; text-decoration: none; } #learnmore-first a:active { color: #E7277C; text-decoration: none; } #learnmore-first a:hover { color: #E7277C; text-decoration: underline; } #learnmore-second { float: left; width: 200px; margin: 0 0 0 100px; color: #808080; font-size: 16px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #learnmore-second a { color: #5DAEAE; text-decoration: none; } #learnmore-second a:visited { color: #5DAEAE; text-decoration: none; } #learnmore-second a:active { color: #E7277C; text-decoration: none; } #learnmore-second a:hover { color: #E7277C; text-decoration: underline; } #learnmore-third { float: left; width: 200px; margin: 0 0 0 100px; color: #808080; font-size: 16px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #learnmore-third a { color: #C284C2; text-decoration: none; } #learnmore-third a:visited { color: #C284C2; text-decoration: none; } #learnmore-third a:active { color: #E7277C; text-decoration: none; } #learnmore-third a:hover { color: #E7277C; text-decoration: underline; } .learnmore-links { float: left; width: 120px; margin: 0; } .learnmore-dots { float: right; width: 80px; margin: 0; } /* -------------------------------- */ /* DIVIDER-MAIN */ #divider-main { float: left; width: 800px; height: 4px; margin: 30px 0 0 0; clear: both; } /* -------------------------------- */ /* MAINCONTENT */ .maincontent { float: left; width: 800px; margin: 20px 0 0 0; display: inline; } .maincontent-p1 { margin: 20px 20px 0 20px; color: #000000; font-size: 16px; line-height: 18px; text-align: justify; } .maincontent-p2 { margin: 15px 20px 0 20px; color: #000000; font-size: 16px; line-height: 18px; text-align: justify; } .maincontent-left { float: left; width: 530px; margin: 0; padding: 10px 0 0 0; color: #000000; display: inline; } .maincontent-left-p1 { margin: 15px 20px 0 0; color: #808080; font-size: 16px; line-height: 18px; text-align: justify; } .maincontent-left-p2 { margin: 15px 20px 0 0; color: #808080; font-size: 16px; line-height: 18px; text-align: justify; } .maincontent-left-header { height: 24px; font-size: 18px; line-height: 22px; font-weight: bold; display:inline;} .blueemph { color:#C284C2; } .maincontent-right { float: left; width: 170px; margin: 0 0 0 100px; padding: 10px 0 0 0; text-align: left; color: #5DAEAE; display: inline; } .maincontent-right-header { height: 24px; font-size: 18px; line-height: 22px; font-weight: bold; display:inline;} .tealemph { color:#5DAEAE; } .maincontent-right-p1 { margin: 15px 0 0 0; color: #5DAEAE; font-size: 16px; font-weight: bold; line-height: 18px; text-align: justify; } .maincontent-right-p2 { margin: 5px 0 0 0; color: #5DAEAE; font-size: 16px; font-weight: bold; line-height: 18px; text-align: justify; } .maincontent-right a { color: #C284C2; text-decoration: underline; } .maincontent-right a:visited { color: #C284C2; text-decoration: none; } .maincontent-right a:active { color: #E7277C; text-decoration: none; } .maincontent-right a:hover { color: #E7277C; text-decoration: underline; } .maincontent-right-p1 a { color: #C284C2; text-decoration: underline; } .maincontent-right-p1 a:visited { color: #C284C2; text-decoration: none; } .maincontent-right-p1 a:active { color: #E7277C; text-decoration: none; } .maincontent-right-p1 a:hover { color: #E7277C; text-decoration: underline; } /* -------------------------------- */ /* ONLINE BOOKING */ #topnavbook { float: left; width: 800px; height: 350px; margin: 20px 0 0 0; color: #0000FF; display: inline; } #topnavbookingform { float: left; width: 200px; margin: 10px 0 0 0; padding: 0; color: #C284C2; display: inline; } #topnavbookingform a { color: #C284C2; text-decoration: underline; } #topnavbookingform a:visited { color: #C284C2; text-decoration: none; } #topnavbookingform a:active { color: #E7277C; text-decoration: none; } #topnavbookingform a:hover { color: #E7277C; text-decoration: underline; } .topnavbookingform-head { float: left; width: 200px; height: 30px; line-height: 30px; margin: 0; padding: 0; display: inline;} .topnavbookingform-head-left { float: left; width: 40px; margin: 5px 0 0 0; display: inline; } .topnavbookingform-head-left img { display: inline; } .topnavbookingform-head-right { float: left; width: 160px; margin: 0; display: inline; } .topnavbookingform-head h3 { margin: 0; font-size: 18px; font-weight: bold; display: inline;} .topnavbookingform-pic { float: left; width: 200px; height: 101px; margin: 20px 0 0 0; padding: 0; display: inline;} .topnavbookingform-detail { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } .topnavbookingform-more { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 16px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #topnavbookingform-more-l { float: left; width: 120px; margin: 0; } #topnavbookingform-more-l .topnavbooking-more-l-link { color: #C284C2; text-decoration: none; } #topnavbookingform-more-r { float: right; width: 80px; margin: 0; } #topnavbookingformcol2 { float: left; width: 240px; margin: 0 0 0 80px; padding: 0; color: #C284C2; display: inline; } .topnavbookingformcol2-detail { float: left; width: 240px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #topnavbookingformcol3 { float: left; width: 200px; margin: 20px 0 0 80px; padding: 0; color: #C284C2; display: inline; } /* -------------------------------- */ /* TOURS AND HIRES */ #topnavtandh { float: left; width: 800px; height: 350px; margin: 20px 0 0 0; color: #0000FF; display: inline; } #topnavtoursandhires { float: left; width: 200px; margin: 10px 0 0 0; padding: 0; color: #A1FFC7; display: inline; } #topnavtoursandhires a { color: #A1FFC7; text-decoration: underline; } #topnavtoursandhires a:visited { color: #A1FFC7; text-decoration: none; } #topnavtoursandhires a:active { color: #E7277C; text-decoration: none; } #topnavtoursandhires a:hover { color: #E7277C; text-decoration: underline; } .topnavtoursandhires-head { float: left; width: 200px; height: 30px; line-height: 30px; margin: 0; padding: 0; display: inline;} .topnavtoursandhires-head-left { float: left; width: 40px; margin: 5px 0 0 0; display: inline; } .topnavtoursandhires-head-left img { display: inline; } .topnavtoursandhires-head-right { float: left; width: 160px; margin: 0; display: inline; } .topnavtoursandhires-head h3 { margin: 0; font-size: 18px; font-weight: bold; display: inline;} .topnavtoursandhires-pic { float: left; width: 200px; height: 101px; margin: 20px 0 0 0; padding: 0; display: inline;} .topnavtoursandhires-detail { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } .topnavtoursandhires-more { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 16px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #topnavtoursandhires-more-l { float: left; width: 120px; margin: 0; } #topnavtoursandhires-more-l .topnavtoursandhires-more-l-link { color: #C284C2; text-decoration: none; } #topnavtoursandhires-more-r { float: right; width: 80px; margin: 0; } #topnavtoursandhirescol2 { float: left; width: 280px; margin: 0 0 0 60px; padding: 0; color: #C284C2; display: inline; } .topnavtoursandhirescol2-detail { float: left; width: 280px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } .topnavtoursandhirescol2-detail-left { float: left; width: 30px; margin: 0; text-align: left; display: inline; } .topnavtoursandhirescol2-detail-right { float: left; width: 250px; margin: 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #topnavtoursandhirescol3 { float: left; width: 200px; margin: 0 0 0 60px; padding: 0; color: #C284C2; display: inline; } .topnavtoursandhirescol3-detail { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } /* -------------------------------- */ /* ABOUT US */ #topnavabus { float: left; width: 800px; height: 400px; margin: 20px 0 0 0; color: #0000FF; display: inline; } #topnavaboutus { float: left; width: 200px; margin: 10px 0 0 0; padding: 0; color: #5DAEAE; display: inline; } #topnavaboutus a { color: #5DAEAE; text-decoration: underline; } #topnavaboutus a:visited { color: #5DAEAE; text-decoration: none; } #topnavaboutus a:active { color: #E7277C; text-decoration: none; } #topnavaboutus a:hover { color: #E7277C; text-decoration: underline; } .topnavaboutus-head { float: left; width: 200px; height: 30px; line-height: 30px; margin: 0; padding: 0; display: inline;} .topnavaboutus-head-left { float: left; width: 40px; margin: 5px 0 0 0; display: inline; } .topnavaboutus-head-left img { display: inline; } .topnavaboutus-head-right { float: left; width: 160px; margin: 0; display: inline; } .topnavaboutus-head h3 { margin: 0; font-size: 18px; font-weight: bold; display: inline;} .topnavaboutus-pic { float: left; width: 200px; height: 101px; margin: 20px 0 0 0; padding: 0; display: inline;} .topnavaboutus-detail { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } .topnavaboutus-more { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 16px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } #topnavaboutus-more-l { float: left; width: 120px; margin: 0; } #topaboutus-more-l .topnavaboutus-more-l-link { color: #C284C2; text-decoration: none; } #topnavaboutus-more-r { float: right; width: 80px; margin: 0; } #topnavaboutuscol2 { float: left; width: 280px; margin: 0 0 0 60px; padding: 0; color: #C284C2; display: inline; } .topnavaboutuscol2-detail { float: left; width: 280px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } .topnavaboutuscol2-detail-left { float: left; width: 30px; margin: 0; text-align: left; display: inline; } .topnavaboutuscol2-detail-right { float: left; width: 250px; margin: 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } .topnavaboutuscol2-ul .topnavaboutuscol2-list { margin: 10px 0 0 10px; list-style:disc; font-size: 11px; font-weight: bold: color:#333333; } #topnavaboutuscol3 { float: left; width: 200px; margin: 0 0 0 60px; padding: 0; color: #C284C2; display: inline; } .topnavaboutuscol3-detail { float: left; width: 200px; margin: 20px 0 0 0; color: #808080; font-size: 13px; font-weight: bold; line-height: 16px; text-align: justify; display: inline; } /* -------------------------------- */ /* MAINCONTENTBOOKING */ .maincontentbooking { float: left; width: 800px; margin: 20px 0 0 0; display: inline; } .maincontent-p1 { margin: 20px 20px 0 20px; color: #000000; font-size: 16px; line-height: 18px; text-align: justify; } .maincontent-p2 { margin: 15px 20px 0 20px; color: #000000; font-size: 16px; line-height: 18px; text-align: justify; } /* -------------------------------- */ /* PRIVACYPOLICY */ .privacypolicy { float: left; width: 800px; margin: 20px 0 0 0; display: inline; } .privacypolicy-p1 { margin: 20px 23px 0 23px; color: #808080; font-size: 16px; line-height: 18px; text-align: justify; } .privacypolicy-p2 { margin: 15px 23px 0 23px; color: #808080; font-size: 16px; line-height: 18px; text-align: justify; } /* -------------------------------- */ /* RESOURCES */ .resources { float: left; width: 800px; margin: 20px 0 0 0; display: inline; } .resources-p1 { margin: 20px 23px 0 23px; color: #808080; font-size: 16px; line-height: 20px; text-align: justify; } .resources-p2 { margin: 15px 23px 0 23px; color: #808080; font-size: 16px; line-height: 20px; text-align: justify; } .resources a { font-weight: bold; color: #A1FFC7; text-decoration: underline; } .resources a:visited { font-weight: bold; color: #A1FFC7; text-decoration: underline; } .resources a:active { color: #E7277C; text-decoration: none; } .resources a:hover { color: #E7277C; text-decoration: underline; } /* -------------------------------- */ /* CONTACTFORM */ .contactform { float: left; width: 800px; margin: 20px 0 0 0; text-align: left; display: inline; } /* -------------------------------- */ /* BOTTOMWRAPPER */ #bottomwrapper { float: left; width: 780px; height: 43px; margin: 0; text-align: center; display: inline; } /* -------------------------------- */ /* FOOTER */ #footer { float: left; width: 800px; height: 41px; margin: 22px 0 0 0; text-align: center; color: #C284C2; display: inline; } .footer_links { float: left; width: 800px; height: 36px; margin: 0; line-height: 26px; padding: 2px 0 5px 0; font-size: 14px; color: #C284C2; text-align: center; display: inline; } .footer_links a { color: #C284C2; text-decoration: none; } .footer_links a:visited { color: #C284C2; text-decoration: none; } .footer_links a:active { color: #E7277C; text-decoration: none; } .footer_links a:hover { color: #E7277C; text-decoration: underline; }