html, body { width:100%; height:100%; margin:0; padding:0; }
a, outline { text-decoration:none; outline:none; }
a img { border:none; }
#logo a:hover img, h1 a:hover, #packages a:hover, #packages2 a:hover, .sub a:hover img, #bookingvars img:hover { opacity:.7; }
#container { width:100%; height:auto; _height:100%; min-height:100%; position:relative; }

#header { width:806px; height:89px; margin:0 auto; position:relative; }
#logo { position:absolute; top:27px; left:0; }
#nav { position:absolute; top:0; right:-4px; }
#nav ul, .buttons { margin:0; padding:0; list-style:none; }
#nav li { height:74px; margin:0; padding:0; float:left; }
#nav a { width:100%; height:100%; display:block; }
#nav span { position:absolute; top:-2000px; }
#nav .accommodation, #nav .accommodation :hover, #nav .accommodation-current { width:133px; background:url(../images/m-accommodation-over.png); }
#nav .accommodation a { background:url(../images/m-accommodation-up.png); }
#nav .packages, #nav .packages :hover, #nav .packages-current { width:86px; background:url(../images/m-packages-over.png); }
#nav .packages a { background:url(../images/m-packages-up.png); }
#nav .activities, #nav .activities :hover, #nav .activities-current { width:86px; background:url(../images/m-activities-over.png); }
#nav .activities a { background:url(../images/m-activities-up.png); }
#nav .snowymountains, #nav .snowymountains :hover, #nav .snowymountains-current { width:143px; background:url(../images/m-snowymountains-over.png); }
#nav .snowymountains a { background:url(../images/m-snowymountains-up.png); }

.heading { position:absolute; top:17px; left:20px; }
h1 { height:0; margin:1px 0 0 0; padding:0; font:15px helvetica, arial; float:left; color:#FFF; }
h1 a { color:#FFF; }
h2 { margin:0; padding:0 0 18px 0; font:bold 14px/18px helvetica, arial; color:#35A4D2; }
h3 span { font:bold 11px/18px helvetica, arial; color:#333; }
.heading h2 { height:0; margin:4px 0 0 10px; padding:0; font:12px helvetica, arial; color:#444; float:left; }
h3 { margin:0; padding:0; font:13px helvetica, arial; color:#FFF; }
h4 { margin:0; padding:0 0 18px 0; font:bold 24px/28px helvetica, arial; color:#35A4D2; }
p { margin:0; padding:0 0 18px 0; }
hr { margin:0 0 20px 0; border:1px solid #F3F3F3; border-bottom:1px dashed #CCC; }
#top { width:806px; margin:0 auto; position:relative; }
#intro { width:744px; padding:30px 30px 10px 30px; font:12px/17px helvetica, arial; color:#333; background:#F3F3F3 url(../images/intro-back.png) top no-repeat; border-left:1px solid #DADADA; border-right:1px solid #DADADA; }
#bookpanel { width:806px; height:41px; font:12px helvetica, arial; color:#FFF; text-align:right; background:#444; position:relative; }
#skipass, #skipass a:hover { width:317px; height:41px; background:url(../images/skipass-over.png); float:left; }
#skipass a { width:100%; height:100%; background:url(../images/skipass-up.png); display:block; }
#book , #book a:hover{ width:126px; height:41px; background:url(../images/book-over.png); float:right; }
#book a { width:100%; height:100%; background:url(../images/book-up.png); display:block; }
#reservations { position:absolute; top:11px; right:140px; }
#reservations strong { font-size:15px; }

.icon { position:absolute; top:0; left:-52px; }
.buttons { position:absolute; top:55px; left:20px; }
.buttons li { height:40px; margin:0 10px 0 0; font:13px helvetica, arial; text-align:center; float:left; }
.buttons a { width:100%; height:28px; padding:12px 0 0 0; color:#444; display:block; }

#accommodation { width:100%; margin:20px 0 0 0; background:url(../images/back-accommodation.png) top left repeat-x; position:relative; }
#accommodation .box, #accommodation .box2, #accommodation .box3 { width:806px; min-height:262px; _height:262px; margin:0 auto; background:url(../images/box-accommodation.png) top no-repeat; position:relative; }
#accommodation .box2 { background:url(../images/box-accommodation2.png) top no-repeat; }
#accommodation .box3 { background:url(../images/box-accommodation3.png) top no-repeat; }
#accommodation .buttons li, #accommodation .buttons a:hover, #accommodation .buttons .current a { width:145px; background:url(../images/b-accommodation-over.png); }
#accommodation .buttons a { background:url(../images/b-accommodation-up.png); }
#accommodation h3 { margin:0 0 12px 0; color:#3DA4CF; }
#accommodation #copy a { color:#35A4D2; }
#accommodation #copy a:hover { color:#9AD1E8; }
#feature { position:absolute; top:116px; left:20px; }
.thumb { margin:0 15px 0 0; padding:1px; border:1px solid #555; float:left; }
#feature p { margin:0; padding:0; font:12px/17px helvetica, arial; color:#FFF; }
#feature h3, #feature a { color:#FFF; }
#feature a:hover { color:#A7E4F1; }
.view { width:152px; height:30px; margin:9px 0 0 313px; background:url(../images/view-over.png); }
.view a { width:100%; height:100%; background:url(../images/view-up.png); display:block; }
.view a:hover { background:url(../images/view-over.png); }
.view_gallery { width:141px; height:30px; margin:0px 0 0 150px; background:url(../images/gallery.png); }
.book { margin:0 0 15px; font:12px helvetica, arial; }
.book div { width:109px; height:30px; margin:-7px 6px 0 0; background:url(../images/book2-over.png); float:left; }
.book a { width:109px; height:30px; background:url(../images/book2-up.png); display:block; }
.book a:hover { background:url(../images/book2-over.png); }
.enquiry { margin:0 0 15px; font:12px helvetica, arial; }
.enquiry div { width:123px; height:30px; margin:-7px 6px 0 0; background:url(../images/b-enquiry.png); float:left; }
.enquiry a { width:123px; height:30px; background:url(../images/b-enquiry.png); display:block; }
.enquiry a:hover { background:url(../images/b-enquiry.png); }
#map { float:right; margin:0 0 15px 20px; border:1px solid #CCC; }
#map div { margin:1px; }
#details { font:13px helvetica, arial; color:#FFF; position:absolute; top:17px; right:20px; }
#details img { margin:0 0 -2px 0; }
#packages { position:absolute; top:248px; left:0; }
#packages2 { width:787px; height:155px; padding:0 5px 0 15px; background:url(../images/copy-bottom.gif) bottom left no-repeat; }
#packages a, #packages2 a { z-index:10; }
#packages2 img { float:left; }
#flashmap { margin:-30px 0 30px -30px; _margin:-30px -15px 0 -15px; float:left; }

#activities { width:100%; background:url(../images/back-activities2.png) top left repeat-x; position:relative; }
#activities .box, #activities .box2 { width:806px; height:117px; margin:0 auto; background:url(../images/box-activities.png) top no-repeat; position:relative; }
#activities .box2 { height:auto; margin:20px auto 0 auto; background:url(../images/box-activities2.png) top no-repeat; }
#activities .buttons li, #activities .buttons a:hover, #activities .buttons .current a { width:248px; background:url(../images/b-activities-over.png); }
#activities .buttons a { background:url(../images/b-activities-up.png); }
#activitieslist, #activitieslist td { font:12px/17px helvetica, arial !important; }
#activitieslist h3 { margin:0 0 12px 0; color:#8BC700; }
#activites #copy a { color:#8BC700; }
#activites #copy a:hover { color:#C5E37F; }
.viewpackage { width:123px; height:30px; background:url(../images/b-package-over.png); }
.viewpackage a { width:100%; height:100%; background:url(../images/b-package-up.png); display:block; }
.viewpackage a:hover { background:url(../images/b-package-over.png); }

#snowymountains { width:100%; background:url(../images/back-snowymountains2.png) top left repeat-x; position:relative; margin:20px 0 0 0; }
#snowymountains .box, #snowymountains .box2 { width:806px; height:117px; margin:0 auto; background:url(../images/box-snowymountains.png) top no-repeat; position:relative; }
#snowymountains .box2 { height:auto; margin:20px auto 0 auto; background:url(../images/box-snowymountains2.png) top no-repeat; }
#snowymountains .buttons li, #snowymountains .buttons a:hover, #snowymountains .buttons .current a { width:184px; background:url(../images/b-snowymountains-over.png); }
#snowymountains .buttons a { background:url(../images/b-snowymountains-up.png); }
#snowymountains #copy h2 { color:#FBB000; }
#snowymountains h3 { margin:0 0 12px 0; color:#FBB000; }
#snowymountains #copy a { color:#F09100; }
#snowymountains #copy a:hover { color:#F7C87F; }

#weather { width:100%; background:url(../images/back-weather2.png) top left repeat-x; position:relative; margin:20px 0 0 0; }
#weather .box, #weather .box2 { width:806px; height:117px; margin:0 auto; background:url(../images/box-weather.png) top no-repeat; position:relative; }
#weather .box2 { height:auto; margin:20px auto 0 auto; background:url(../images/box-weather2.png) top no-repeat; }
#weather .buttons li, #weather .buttons a:hover, #weather .buttons .current a { width:184px; background:url(../images/b-weather-over.png); }
#weather .buttons a { background:url(../images/b-weather-up.png); }
#weather #copy h2 { color:#3DD1DA; }
#weather h3 { margin:0 0 12px 0; color:#3DD1DA; }
#weather #copy a { color:#3DD1DA; }
#weather #copy a:hover { color:#9EE8EC; }

#copy { width:744px; margin:0 0 117px 0; padding:30px 30px 5px 30px; font:12px/17px helvetica, arial !important; color:#333; text-align:left; background:#F3F3F3 url(../images/intro-back.png) top no-repeat; border-left:1px solid #DADADA; border-right:1px solid #DADADA; position:relative; top:117px; }
#copy ul { margin:0 0 15px 15px; padding:0; list-style-type:square; }
.copyspace { min-height:330px; _height:260px; }
.bookspace { min-height:130px; _height:60px; }
.indent { margin:0 0 0 25px; }
.property { width:100%; height:124px; margin:0 0 28px 0; }
.property h3 img { margin:0 0 -2px 0; }
.property .thumb, #activitieslist .thumb, .packageslist .thumb { border:1px solid #CCC; }
.property p { padding:0 0 14px 0; }
.property .view { margin:0 0 0 139px; background:url(../images/view2-over.png); }
.property .view a { background:url(../images/view2-up.png); }
.property .view a:hover { background:url(../images/view2-over.png); }
.property .view_gallery { margin:0 0 0 150px; background:url(../images/gallery.png); }
#activitieslist td, .packageslist td { padding:0 0 20px 0; vertical-align:top; }
.packageslist .thumb { float:none; }
.packageslist .book { font:10px helvetica, arial; }
.packageslist .book div { margin:15px 0 0 0; float:none; }
.packageslist { font:12px/17px helvetica, arial !important; }
.bookonline { margin:0 4px -3px 0; }

#bookingengine { width:100%; margin:0 0 6px 0; }
#bookingengine td { margin:0; padding:0 8px; text-align:center; vertical-align:middle; border-right:1px solid #F3F3F3; border-bottom:1px solid #F3F3F3; }
#bookingengine .date { height:28px; font:10px arial; color:#333; background:#E5E5E5; text-align:center; vertical-align:middle; }
#bookingengine .title { color:black; height:35px; padding:0 8px 0 12px; font:bold 12px helvetica, arial; text-align:left; background:#47D4E9; }
#bookingengine .title a { color:#FFF !important; }
#bookingengine .name { height:35px; padding:0 8px 0 12px; font:bold 12px helvetica, arial; text-align:left; background:#444; }
#bookingengine .name a { color:#FFF !important; }
#bookingengine a:hover { color:#9ED1E7 !important; }
#bookingengine .price, #bookingengine .sold { font:bold 12px helvetica, arial; }
#bookingengine .price { padding:0; }
#bookingengine .price a { height:24px; padding:11px 10px 0 10px; color:#FFF !important; background:#3DBADC; display:block; }
#bookingengine .price a:hover { background:#48D6EA; display:block; }
#bookingengine .sold { background:#CCEBF4; }
#bookingvars { position:relative; width:100%; height:30px; margin-bottom:15px; padding-top:7px; float:right; border-top:1px dashed #AAA; border-bottom:1px dashed #AAA; }
.calendar { position:absolute; right:380px; }
#bookingoptions { position:absolute; right:0; }
#bookingoptions select { padding:2px; font:12px helvetica, arial; color:#333; border:1px solid #CCC; }
#bookingoptions select:hover { border:1px solid #AAA; }
#arrival { position:absolute; right:222px; }
#sortoptions { position:absolute; top:0; right:0; }
.sort { position:absolute; top:9px; right:140px; }

#footer { width:100%; height:120px; }
#footer div { width:100%; height:120px; background:url(../images/footer-back.png); position:absolute; bottom:0; }
#footer p { padding:23px 0 0 0; font:12px/22px helvetica, arial; color:#333; text-align:center; }
#footer a { color:#35A4D2; }
#footer a:hover { color:#8CC4DB !important; }
.address a, .address strong { margin:0 0 0 16px; }
.sub { margin:6px 0 0 0; font:10px helvetica, arial !important; }
.sub a { margin:0 10px; color:#8ACAE6 !important; }
#footer .sub a:hover { color:#FFF !important; }