html, body { width:100%; height:100%; min-height:100%; font:12px/19px helvetica, arial; color:#312517; overflow:hidden; background:#222; }
#body { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; overflow:auto; overflow-x:hidden; }
*{ border:0; margin:0; padding:0; outline:0; text-decoration:none; list-style:none; }
#container { width:960px; height:100%; margin:0 auto; position:relative; }
#logo:hover, #buttons a:hover div, #buttons .selected div, .box img:hover, .float:hover, .addthis:hover, #footer .logo a:hover, #footer img:hover { opacity:.75; }

/* Background */
#holder { position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
#holder[id] { display:table; }
#holder div { position:absolute; left:0; top:50%; }
#holder[id] div { display:table-cell; vertical-align:middle; position:static; }
#holder img { position:relative; top:-50%; margin:0 auto; display:block; -ms-interpolation-mode:bicubic; width:100%;}
*:first-child+html #holder div { position:absolute; }
#leaves { width:185px; height:297px; margin-left:879px; position:absolute; top:0; z-index:40; }

/* Navigation */
#logo { width:253px; height:36px; margin-left:87px; position:fixed; _position:absolute; top:43px; background:url(../images/logo.png); _background:url(../images/logo.gif); }
#logo a { width:100%; height:100%; display:block; }
#logo span { position:absolute; top:-2000px; }
#nav { width:360px; position:fixed; _position:absolute; top:113px; _left:0; }
#nav object { margin-bottom:10px; }
#buttons { width:232px; height:150px; position:absolute; top:16px; left:96px; z-index:10; }
#buttons ul, #buttons li { margin:0; padding:0; list-style:none; }
#buttons li { widows:232px; height:30px; float:left; }
#buttons a { width:232px; height:30px; display:block; position:relative; z-index:10; cursor:pointer; }
#buttons a:hover, #buttons .selected a { background:url(../images/n-over.png); _background:url(../images/n-over.gif); }
#buttons div { width:100%; height:100%; }
#buttons span { position:absolute; top:-2000px; }
.day div { background:url(../images/n-guided_day_treks.png); _background:url(../images/n-guided_day_treks.gif); }
.overnight div { background:url(../images/n-overnight_guided_treks.png); _background:url(../images/n-overnight_guided_treks.gif); }
.packages div { background:url(../images/n-special_packages.png); _background:url(../images/n-special_packages.gif); }
.resort div { background:url(../images/n-resort_neighbouring_walks.png); _background:url(../images/n-resort_neighbouring_walks.gif); }
.experience div { background:url(../images/n-the_guided_experience.png); _background:url(../images/n-the_guided_experience.gif); }
#sub { margin:0 25px 30px 0; font-size:13px; font-weight:bold; text-align:right; }
#sub a { padding-right:14px; _padding-right:0; color:#FFF; background:url(../images/li.png) right no-repeat; _background:none; }
#bookings { width:110px; height:50px; z-index:10; position:absolute; right:22px; top:197px; }
#bookings a { width:100%; height:100%; display:block; background:url(../images/bookings-up.png); }
#bookings a:hover { background:url(../images/bookings-over.png); }
#address { margin:0 25px 0 0; color:#FFF; text-align:right; position:relative; z-index:10; }
#address span { font-size:17px; }
#address a, #sub a:hover, #sub .selected a { color:#E1D3B9; }
#address a:hover { color:#FFF; }
.addthis { margin:5px 25px 0 0; float:right; }
.top { width:96px; height:55px; margin-left:250px; position:fixed; bottom:0; background:url(../images/top.png); _background:url(../images/top.gif); z-index:5; _display:none; }
.top a { width:100%; height:100%; display:block; }
.top:hover { opacity:.5; }

/* Content */
#content-container { width:610px; position:absolute; top:25px; left:355px; }
#content-top { width:600px; height:360px; padding:5px 5px 0 5px; background:url(../images/content-top.png); _background:none; }
#content-top #background { width:600px; height:360px; background:url(../images/content-top.jpg); }
#content-middle { width:600px; padding:0 5px; background:url(../images/content-middle.png) repeat; _background:none; }
#content-middle #background { width:520px; _width:533px; padding:0 40px; _padding:0 33px 0 34px; background:url(../images/content-middle.jpg) repeat; }
#content-bottom { width:600px; height:25px; margin-top:-12px; padding:0 5px 5px 5px; background:url(../images/content-bottom.png) repeat; _background:none; }
#content-bottom #background { width:600px; height:25px; background:url(../images/content-bottom.jpg); }

#images { position:absolute; top:78px; left:30px; }
h1 { position:absolute; top:32px; left:45px; }
h2 { padding-bottom:15px; font-size:18px; font-weight:normal; }
h2 span, h3 span, .fine { font-family:helvetica, arial; font-size:11px; font-weight:normal; color:#8A775E; }
h3 { padding-bottom:15px; font-size:14px; }
hr { margin-bottom:15px; border:1px dashed #C6BFAF; }
#content-middle p { margin:0; padding:0 0 20px 0; }
#content-middle a { color:#869230; }
#content-middle a:hover { color:#312517; }
#content-middle ul { margin-left:1px; padding-bottom:20px; }
#content-middle li { padding-left:12px; background:url(../images/li2.png) top left no-repeat; }
.box { width:525px; height:138px; margin:0 0 12px -12px; padding:0 20px 0 0; background:url(../images/box-back.jpg); }
.box img { float:left; margin:13px 20px 0 13px; }
.box h3 { padding:24px 0 12px 0; }
.box h3 a { padding-right:14px; color:#312517 !important; background:url(../images/arrow.png) right no-repeat; }
.box h3 a:hover { color:#8A775E !important; }
.testimonial { padding-left:18px !important; background:url(../images/quote.gif) top left no-repeat; }
.float { float:right; margin:0 0 20px 20px; }
.price { margin-top:20px; font:18px georgia; float:right; }
.indent { margin-left:20px; }
.mandatory { font-weight:bold; color:#869230; }

/* Form */
.text1, .text2, .text4, #form2 input, #form2 textarea, #form2 select { font:12px helvetica, arial; color:#333 !important; }

/* Footer */
#footer { width:600px; height:35px; margin-left:4px; padding-top:10px; font-size:11px; color:#FFF; }
#footer a { color:#FFF; }
#footer a:hover { color:#E1D3B9; }
#footer span { float:left; }
#footer .logo { width:126px; height:18px; margin-left:10px; float:left; }
#footer .logo a { width:100%; height:100%; display:block; background:url(../images/logo-footer.png); _background:url(../images/logo-footer.gif); }
#footer .right { float:right; }
#footer .right a { margin-left:10px; }