body
{
width: 100%;
color: #a0a0a0;
background: #000 url(/images/bg_black.gif) repeat-x center top;
font-family: "Lucida Grande", arial, verdana;
font-size: 62.5%;
text-align: center;
margin: 32px auto 0 auto;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
margin: 0;
padding: 0;
}
form, section, article, nav, aside, footer, menu
{
margin: 0;
padding: 0;
}
form.loading
{
background: url(/images/loading_black.gif) no-repeat bottom left;
}
div.loading
{
background: url(/images/loading_black.gif) no-repeat;
}
img.float_right
{
float: right;
padding: 0 0 5px 10px;
}
img.float_left
{
float: left;
padding: 0 10px 5px 0;
}

a:link, a:visited
{
outline: none;
color: #fff;
text-decoration: underline;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #a0a0a0;
text-decoration: underline;
}
hr
{
clear: left;
width: 100%;
height: 1px;
color: #585858;
border: 0px none;
border-bottom: 1px dotted #585858;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: "Lucida Grande", arial, verdana;
padding: 3px;
border: 0 none;
}
select
{
padding: 2px;
}

h2, h3, h4
{
padding: 0;
margin: 0 0 .6em 0;
display: block;
font-size: 1.2em;
line-height: 1.1em;
color: #fff;
}
h2.margin
{
float: left;
width: 100%;
margin-top: 20px;
}
h3{font-size: 1.1em;}
h4{font-size: 1.1em;}

p
{
padding: 0;
margin: 0 0 .8em 0;
font-size: 1.1em;
line-height: 1.25em;
}
p.intro, p.intromargintop
{
float: left;
width: 100%;
font-size: 1.2em;
line-height: 1.3em;
}
p.intromargintop
{
margin-top: 20px;
}
p.small
{
font-size: 1em;
}
ul, ol
{
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
}
ul li, ol li
{
font-size: 1.1em;
line-height: 1.35em;
}
li p
{
font-size: 1em;
margin: 0;
}
li li
{
font-size: 1em;
}

p.logo, div.section_imagetext h1, div.section_imagetext p, div.panel h2, div.footer ul.links li.email, div.subnav p, div.subnav h1, div.aside_map p.map, div.section_contentbelow ul.book li
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
p.logo a, div.panel h2 a, div.footer ul.links li.email a, div.subnav p a, div.section_contentbelow ul.book li a
{
float: left;
display: block;
text-decoration: none;
}
p.logo, p.logo a
{
width: 100%;
height: 54px;
background: url(/images/logo_black.gif) no-repeat center top;
}
p.logo img
{
display: none;
}


div.dream
{
width: 967px;
margin: auto;
text-align: left;
}
div.page
{
float: left;
padding: 0 0 15px 0;
width: 967px;
}
div.header
{
width: 967px;
float: left;
height: 64px;
}
div.article
{
width: 967px;
float: left;
background: #000;
}
div.article h1.sifr
{
float: left;
margin: 0 0 -15px 0;
padding: 0;
color: #848484;
font-size: 1.5em;
font-weight: bold;
line-height: 1.1em;
width: 100%;
height: 30px;
}


div.section_imagetext
{
position: relative;
width: 100%;
float: left;
height: 445px;
}
div.section_imagetext h1, div.section_imagetext p
{
width: 100%;
}
div.section_imagetext div.images
{
position: relative;
z-index: 10;
float: left;
width: 100%;
height: 445px;
}
div.section_imagetext div.images img
{
position: absolute;
}
div.section_imagetext div.images img.hide
{
visibility: hidden;
}
div.section_imagetext div
{
position: relative;
z-index: 20;
width: 100%;
float: left;
}
div.section_imagetext div.text
{
margin: -398px 0 0 0;
}
div.section_imagetext h1.welcome
{
height: 65px;
margin: 0 0 48px 0;
background: url(/titles/welcome.png) no-repeat 318px 0;
}
div.section_imagetext p.intro
{
height: 245px;
background: url(/titles/intro.png) no-repeat 311px 0;
}
div.section_imagetext div.testimonials
{
float: left;
padding: 0 15px 0 35px;
width: 917px;
margin: -184px 0 0 0;
}
div.section_imagetext div.testimonials p
{
width: 917px;
height: 184px;
margin: 0;
}
div.section_imagetext div.testimonials p.quote_camilla{background: url(/titles/quote_camilla.png) no-repeat top right;}
div.section_imagetext div.testimonials p.quote_sonia{background: url(/titles/quote_sonia.png) no-repeat top right;}
div.section_imagetext div.testimonials p.quote_cathy{background: url(/titles/quote_cathy.png) no-repeat top right;}
div.section_imagetext div.testimonials p.quote_june{background: url(/titles/quote_june.png) no-repeat top right;}
div.section_imagetext div.testimonials p.quote_laceys{background: url(/titles/quote_laceys.png) no-repeat top right;}
div.section_imagetext div.testimonials p.quote_lingfamily{background: url(/titles/quote_lingfamily.png) no-repeat 348px 10px;}
div.section_imagetext div.testimonials p.quote_pierugo{background: url(/titles/quote_pierugo.png) no-repeat top right;}

div.section_imagetext img
{
position: relative;
z-index: 10;
}


div.section_content
{
width: 100%;
float: left;
min-height: 446px;
}
div.section_contentmap
{
width: 726px;
float: left;
height: 446px;
background: url(/images/loading_black.gif) no-repeat top right;
}
div.section_content p.image, div.section_contentmap p.image
{
margin: 0;
}

div.section_content div.map
{
float: right;
height: 780px;
width: 783px;
}
div.section_content div.map a:link, div.section_content div.map a:visited
{
color: #383838;
}
div.section_content div.map a:hover, div.section_content div.map a:active
{
color: #848484;
}

div.subnav
{
width: 184px;
float: left;
height: 445px;
margin: -445px 0 0 0;
background: url(/images/menu.png) repeat-y;
position: relative;
z-index: 20;
}
div.subnavmap
{
margin: 0;
height: 780px;
}
div.section_content img
{
position: relative;
z-index: 10;
}
div.subnav ul
{
width: 151px;
padding: 20px 10px 0 23px;
float: left;
list-style-type: none;
margin: 0;
}
div.subnav ul li ul
{
width: 131px;
padding: 5px 0 10px 20px;
}
div.subnav ul li
{
font-size: 1em;
text-transform: uppercase;
color: #bababa;
font-family: "Trajan Pro", Trajan, times;
line-height: 1.3em;
margin: 0 0 3px 0;
letter-spacing: -.05em;
}
div.subnav ul li ul li
{
letter-spacing: 0;
text-transform: none;
font-family: "Lucida Grande", arial, verdana;
}
div.subnav ul li a
{
font-weight: bold;
}
div.subnav ul li ul li a
{
font-weight: normal;
}
div.subnav ul li a:link, div.subnav ul li a:visited
{
color: #bababa;
text-decoration: none;
}
div.subnav ul li a:hover, div.subnav ul li a:active, div.subnav ul li a.active:link, div.subnav ul li a.active:visited
{
color: #fff;
text-decoration: underline;
}

div.subnav p, div.subnav p a, div.subnav h1
{
width: 184px;
height: 22px;
}
div.subnav p.info
{
width: 141px;
padding: 20px 20px 0 23px;
text-indent: 0;
font-size: 1.1em;
line-height: 1.2em;
height: auto;
}
div.subnav p.dreamthemes, div.subnav p.dreamthemes a, div.subnav h1.dreamthemes
{
background: #939495 url(/titles/dreamthemes.gif) no-repeat;
}
div.subnav p.accommodation, div.subnav p.accommodation a, div.subnav h1.accommodation
{
background: #939495 url(/titles/accommodation.gif) no-repeat;
}
div.subnav p.testimonials, div.subnav p.testimonials a, div.subnav h1.testimonials
{
background: #939495 url(/titles/testimonials.gif) no-repeat;
}
div.subnav p.destinations, div.subnav p.destinations a, div.subnav h1.destinations
{
background: #939495 url(/titles/destinations.gif) no-repeat;
}

div.aside_dtlinks
{
width: 100%;
float: left;
background: url(/images/dreamthemes.png) repeat-y;
}
div.aside_dtlinks ul
{
width: 100%;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}
div.aside_dtlinks ul li
{
text-align: center;
width: 138px;
float: left;
font-size: 1em;
text-transform: uppercase;
color: #bababa;
font-family: "Trajan Pro", Trajan, times;
line-height: 1.6em;
letter-spacing: -.05em;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
}
div.aside_dtlinks ul li.dtlink6
{
width: 139px;
}
div.aside_dtlinks ul li a
{
float: left;
width: 100%;
padding: 6px 0 0 0;
}
div.aside_dtlinks ul li img
{
float: left;
margin: 6px 0 0 0;
border-top: 1px solid #000;
}
div.aside_dtlinks ul li a:link, div.aside_dtlinks ul li a:visited
{
color: #000;
text-decoration: none;
}
div.aside_dtlinks ul li a:hover, div.aside_dtlinks ul li a:active
{
color: #000;
text-decoration: underline;
}


div.aside_map
{
float: left;
width: 241px;
height: 420px;
padding: 26px 0 0 0;
background: url(/images/map.jpg) no-repeat;
}
div.aside_map p.map
{
width: 100%;
height: 21px;
background: url(/titles/wheremap.gif) no-repeat;
}
div.aside_map ul.overlays
{
float: left;
width: 241px;
height: 369px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: visible;
position: relative;
}
div.aside_map p.your
{
color: #000;
text-align: center;
margin: 0;
}
div.aside_map p.your a:link, div.aside_map p.your a:visited
{
color: #000;
}
div.aside_map p.your a:hover, div.aside_map p.your a:active
{
color: #666;
}
div.aside_map ul.overlays li
{
position: absolute;
height: 32px;
white-space: nowrap;
width: auto;
line-height: 1.1em;
font-size: 1em;
font-family: "arial narrow", arial;
padding: 0;
margin: 0;
}
div.aside_map ul.overlays li.right a, div.aside_map ul.overlays li.left a,
div.aside_map ul.overlays li.right span.nolink, div.aside_map ul.overlays li.left span.nolink
{
float: left;
height: 32px;
width: auto;
}
div.aside_map ul.overlays li span.inner
{
float: left;
height: 22px;
background: url(/images/overlay_border.gif) no-repeat;
}
div.aside_map ul.overlays li.right a, div.aside_map ul.overlays li.right span.nolink
{
background: url(/images/overlay_right.png) no-repeat top right;
}
div.aside_map ul.overlays li.right span.inner
{
padding: 10px 30px 0 4px;
}

div.aside_map ul.overlays li.left a, div.aside_map ul.overlays li.left span.nolink
{
text-align: right;
background: url(/images/overlay_left.png) no-repeat;
}
div.aside_map ul.overlays li.left span.inner
{
padding: 10px 4px 0 30px;
background-position: top right;
}

div.aside_map ul.overlays li a:link, div.aside_map ul.overlays li a:visited, div.aside_map ul.overlays li span.nolink
{
color: #000;
text-decoration: none;
}
div.aside_map ul.overlays li a:hover, div.aside_map ul.overlays li a:active,
div.aside_map ul.overlays li a.active:link, div.aside_map ul.overlays li a.active:visited
{
color: #fff;
text-decoration: none;
}
div.aside_map ul.overlays li.right a:hover, div.aside_map ul.overlays li.right a:active,
div.aside_map ul.overlays li.right a.active:link, div.aside_map ul.overlays li.right a.active:visited
{
background-position: bottom right;
}
div.aside_map ul.overlays li.left a:hover, div.aside_map ul.overlays li.left a:active,
div.aside_map ul.overlays li.left a.active:link, div.aside_map ul.overlays li.left a.active:visited
{
background-position: bottom left;
}

div.aside_map ul.overlays li.auckland{top: 55px;left: 100px;}
div.aside_map ul.overlays li.christchurch{top: 220px;left: 112px;}
div.aside_map ul.overlays li.queenstown{top: 255px;left: 38px;}
div.aside_map ul.overlays li.cardrona{top: 245px;left: 10px;}
div.aside_map ul.overlays li.ngaiobay{top: 150px;left: 7px;}
div.aside_map ul.overlays li.battonvalley{top: 155px;left: 60px;}
div.aside_map ul.overlays li.leigh{top: 32px;left: 105px;}
div.aside_map ul.overlays li.pakari{top: 38px;left: 135px;}
div.aside_map ul.overlays li.milfordsound{top: 235px;left: 3px;}
div.aside_map ul.overlays li.glenchory{top: 252px;left: 0px;}
div.aside_map ul.overlays li.wanaka{top: 239px;left: 45px;}
div.aside_map ul.overlays li.wapiti{top: 197px;left: 7px;}
div.aside_map ul.overlays li.kaikoura{top: 183px;left: 120px;}
div.aside_map ul.overlays li.awaroa{top: 152px;left: 34px;}
div.aside_map ul.overlays li.marlobroughleft{top: 150px;left: 120px;}
div.aside_map ul.overlays li.blenheimright{top: 164px;left: 41px;}
div.aside_map ul.overlays li.waihekeisland{top: 52px;left: 139px;}
div.aside_map ul.overlays li.pahia{top: 22px;left: 45px;}
div.aside_map ul.overlays li.rotorua{top: 93px;left: 133px;}
div.aside_map ul.overlays li.hawkesbay{top: 122px;left: 178px;}
div.aside_map ul.overlays li.nelson{top: 163px;left: 87px;}
div.aside_map ul.overlays li.wellington{top: 164px;left: 145px;}
div.aside_map ul.overlays li.waipoua{top: 22px;left: 35px;}
div.aside_map ul.overlays li.arthurspass{top: 202px;left: 78px;}
div.aside_map ul.overlays li.haast{top: 220px;left: 22px;}
div.aside_map ul.overlays li.canterbury{top: 212px;left: 92px;}
div.aside_map ul.overlays li.northland{top: 22px;left: 75px;}
div.aside_map ul.overlays li.taupo{top: 98px;left: 160px;}
div.aside_map ul.overlays li.marlobroughsounds{top: 150px;left: 26px;}
div.aside_map ul.overlays li.doubtfullsound{top: 235px;left: -66px;}
div.aside_map ul.overlays li.bayofislands{top: 13px;left: 116px;}
div.aside_map ul.overlays li.fiordland{top: 235px;left: -7px;}
div.aside_map ul.overlays li.marlobrough{top: 160px;left: 66px;}
div.aside_map ul.overlays li.taranaki{top: 116px;left: 93px;}
div.aside_map ul.overlays li.abeltasman{top: 150px;left: 67px;}
div.aside_map ul.overlays li.westcoast{top: 210px;left: 18px;}
div.aside_map ul.overlays li.stewartisland{top: 301px;left: 20px;}
div.aside_map ul.overlays li.dunedin{top: 269px;left: 70px;}
div.aside_map ul.overlays li.mtcook{top: 214px;left: 29px;}

div.section_contentbelow
{
float: right;
width: 783px;
}
div.section_contentbelow div.left
{
padding: 20px 0 0 0;
width: 379px;
float: left;
}
div.section_contentbelow div.right
{
width: 379px;
float: right;
padding: 20px 0 0 0;
}
div.section_contentbelow ul.book
{
width: 379px;
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}
div.section_contentbelow ul.book li
{
float: right;
}
div.section_contentbelow ul.book li, div.section_contentbelow ul.book li a
{
background: url(/images/book.gif) no-repeat;
width: 111px;
height: 21px;
}

div.section_contentwide
{
float: left;
width: 690px;
padding: 20px 0 0 0;
}
div.section_contentwide h1.sifr
{
margin: 0;
}



ul.imageslides
{
float: left;
width: 784px;
margin: 0 -1px 25px 0;
list-style-type: none;
padding: 0;
}
ul.imageslides li
{
float: left;
padding: 0 1px 1px 0;
}
ul.imageslides li a.active img
{
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity:0.50;
}


/* ######## Panels ######## */
div.aside_panels
{
width: 100%;
float: left;
background: url(/images/panels.gif) repeat-y;
padding: 0 0 15px 0;
margin: 0 0 -15px 0;
}
div.panel
{
float: left;
width: 241px;
padding: 0 1px 0 0;
}
div.panel h2
{
position: relative;
z-index: 10;
margin: 0 0 -108px 0;
}
div.panel h2, div.panel h2 a
{
float: left;
width: 241px;
height: 137px;
}
div.panel h2.panel1, div.panel h2.panel1 a
{
background: url(/titles/panel1.gif) no-repeat center 11px;
}
div.panel h2.panel2, div.panel h2.panel2 a
{
background: url(/titles/panel2.gif) no-repeat center 11px;
}
div.panel h2.panel3, div.panel h2.panel3 a
{
background: url(/titles/panel3.gif) no-repeat center 11px;
}
div.panel h2.panel4, div.panel h2.panel4 a
{
background: url(/titles/panel4.gif) no-repeat center 11px;
}
div.panel p
{
float: left;
font-size: 1.1em;
width: 217px;
text-align: center;
margin: 0;
padding: 14px 12px 0 12px;
}
div.panel img
{
float: left;
position: relative;
z-index: 5;
}
#panellast
{
padding: 0;
}
/* ######## END Panels ######## */


div.footer
{
float: left;
width: 967px;
margin: 0 0 0 0;
padding: 9px 0 0 0;
border-top: 1px solid #1f1f1f;
}
div.footer div.email
{
float: left;
width: 967px;
margin: 9px 0 0 0;
padding: 9px 0 20px 0;
border-top: 1px solid #1f1f1f;
}
div.footer ul.links
{
float: left;
width: 967px;
padding: 0;
margin: 0;
list-style-type: none;
}
div.footer ul.links li.swordfox
{
float: right;
line-height: 1.1em;
font-size: 1em;
}

div.footer ul.links li.email, div.footer ul.links li.email a
{
width: 310px;
height: 10px;
background: url(/images/email_black.gif) no-repeat;
}
div.footer ul.links li.email a:hover
{
text-decoration: none;
background-position: bottom left;
}
div.footer p.links
{
float: left;
width: 667px;
font-size: 1em;
line-height: 1.5em;
margin: 0;
}
div.footer p.search
{
float: right;
background: #292929;
font-size: 1em;
width: 176px;
}
div.footer p.search input
{
vertical-align: middle;
}
div.footer p.search input.input
{
background: #292929;
font-size: 1em;
color: #848484;
width: 150px;
padding: 3px;
}
div.footer p.search input.submit
{
width: 20px;
height: 18px;
}

div.abouttip
{
position: absolute;
top: 365px;
left: 792px;
}
div.abouttip, div.abouttip div.tip, div.popuptip, div.popuptip div.tip
{
width:270px;
}
div.abouttip div.tip, div.popuptip div.tip
{
float: left;
}
div.abouttip div.tip-top, div.popuptip div.tip-top
{
float: left;
width: 270px;
height: 32px;
background:url(/images/tiptop.png) no-repeat;
}
div.abouttip div.tip-title, div.abouttip div.tip-text, div.popuptip div.tip-title, div.popuptip div.tip-text
{
float: left;
width:228px;
padding: 0 17px 15px 25px;
background:url(/images/tip.png) repeat-y;
color: #fff;
text-align: left;
font-size: 1.1em;
}
div.abouttip div.tip-bottom
{
float: left;
width: 270px;
height: 60px;
background:url(/images/tipbot.png) no-repeat;
}
div.popuptip img
{
float: left;
padding: 0 5px 5px 0;
}


abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #b3b3b3;
}