body { background: url(../images/darkwood.jpg); font-family: arial, san-serif; font-size: 12px; margin: 0 10px; padding: 0; text-align: center; }
#whole { margin: 0 auto; position: relative; text-align: left; width: 960px; padding: 0 4px; }

/* !!!! duplicated in global.css -  yes on purpose !!!! */
#requirements { position: absolute; top: 120px; left: 0; z-index: 90; display: none; }
#requirements .outer,
noscript .outer { margin: 0 auto; width: 620px; border: solid 8px #DC1200; }
#requirements .inner,
noscript .inner { position: relative; background: url(/images/icons/exclamation.png) 12px 16px no-repeat #FED45C; padding: 20px 20px 20px 50px; text-align: left; font-size: 12px; color: #DC1200; }
#requirements .title,
noscript .title { font-size: 18px; } 
#requirements .req,
noscript .req { font-weight: bold; }
#requirements a.close_req,
#requirements a.close_req:hover,
#requirements a.close_req:visited { display: block; padding: 0 3px; position: absolute; top: 8px; right: 8px; color: #fff; background: #DC1200; font-weight: bold; text-decoration: none; }
#requirements a,
noscript a,
#requirements a:visited,
noscript a:visited,
#requirements a:hover,
noscript a:hover { color: #DC1200; }
noscript { position: absolute; z-index: 2; top: 0; left: 0; }

a { color: #0081d6; text-decoration: none; }
a:visited { color: #005B97; }
a:hover, a:active { color: #ff6600; text-decoration: underline; }

img#logo { margin: 10px 20px 15px; }
a.sign_in { display: block; position: absolute; top: 40px; right: 35px; width: 180px; height: 20px; background: url(../images/landing_signin.png) top left no-repeat; font-size: 14px; padding: 16px 30px; font-weight: bold;  text-decoration: none; }
a.sign_in .text { color: #2C353A; font-weight: normal; }
a.sign_in:hover .link { text-decoration: underline; }

.top_content .content { display: block; position: relative; background: url(../images/landing_block_mdl.png) repeat-y; padding: 0 27px; }
.top_content .top { background: url(../images/landing_block_top.png) no-repeat; height: 15px; color: #2c353a; font-weight: bold; text-align: right; padding: 10px 60px 0 0; }
.top_content .top a { font-weight: normal; }
.top_content .bottom { background: url(../images/landing_block_btm.png) no-repeat; height: 25px; }

.top_content .trailmaps { display: block; position: relative; float: left; width: 509px; margin-right: 11px; font-size: 11px; color: #000; font-weight: bold; }
.top_content .trailmaps .resort { font-size: 17px; margin: 4px 0 12px; }
.top_content .trailmaps .resort a { text-decoration: none; color: #000; }
.top_content .trailmaps .resort a:hover { text-decoration: underline; color: #22A7FF; }
.top_content .trailmaps .trailmap { position: relative; height: 359px; width: 100%; /*border: solid 1px #00b6dd;*/ margin-bottom: 6px; }

.top_content .trailmaps .map_nav { background: #f0f0f0; height: 62px; margin-top: 4px; padding: 0 5px; }
.map_nav .playPause a.play { display: block; float: left; width: 60px; height: 40px; background: url(../images/btns/playPause.gif) no-repeat 0 0; margin-top: 10px; }
.map_nav .playPause a.pause { display: block; float: left; width: 60px; height: 40px; background: url(../images/btns/playPause.gif) no-repeat 0 -40px; margin-top: 10px; }
.map_nav .thumbs { float: left; width: 345px; height: 70px; overflow: hidden; margin: 0 4px; padding: 0; }
.map_nav .thumbs div { display: block; float: left; margin: 0 2px; padding: 5px 0 0 0; }
.map_nav .thumbs div.selected { display: block; float: left; margin: 0 2px; padding: 5px 0 0 0; background: url(../images/btns/thumb_selected_bg.gif) repeat-x top left; }
.map_nav .nav { float: left; width: 86px; height: 60px; margin-top: 10px; text-align: center; }
.map_nav .nav a.prev { display: block; float: left; width: 38px; height: 40px; background: url(../images/btns/prev.gif) no-repeat; margin: 0 1px 6px; }
.map_nav .nav a.next { display: block; float: left; width: 38px; height: 40px; background: url(../images/btns/next.gif) no-repeat; margin: 0 2px 6px; }
.map_nav .nav .nums { color: #A3A3A3; font-weight: normal; }
.map_nav .nav .nums .current_num,
.map_nav .nav .nums .total_num { font-weight: bold; }

.top_content .trailmaps .map,
.top_content .trailmaps .pins,
.top_content .trailmaps .pin { position: absolute; }
.top_content .trailmaps .nextMap,
.top_content .trailmaps .map_data { display: none; }

.top_content .share { position: relative; float: left; width: 354px; margin-right: 11px; background: url(../images/landing_right_bg.jpg) bottom left no-repeat #0a2635; text-align: center; padding-bottom: 40px; color: #fff; }
.top_content .share .top { background: url(../images/landing_right_top_bg.gif) no-repeat; height: 8px; }
.top_content .share .share_photos { margin-bottom: 4px; }
.top_content .share a { color: #fff; }
.top_content .share .icon_photo { position: absolute; background: url(../images/icon_photo.png) no-repeat; width: 19px; height: 28px; top: 15px; left: 276px; }
.top_content .share .icon_video { position: absolute; background: url(../images/icon_video.png) no-repeat; width: 19px; height: 28px; top: 44px; left: 117px; }

.top_content .share .step { margin: 16px 45px 20px 28px; padding: 2px 0 4px 62px; color: #fff; text-align: left; }
.top_content .share .step .title { font-size: 18px; font-weight: bold; }
.top_content .share .one { background: url(../images/landing_step1.png) no-repeat; }
.top_content .share .two { background: url(../images/landing_step2.png) no-repeat; }
.top_content .share .three { background: url(../images/landing_step3.png) no-repeat; }
.top_content .share a.expore_btn,
.top_content .share a.expore_btn:visited { background: url(../images/btns/start_exploring2.png) 0 0 no-repeat; display: block; width: 176px; height: 35px; margin: 0 auto 5px; }
.top_content .share a.expore_btn:hover { background: url(../images/btns/start_exploring2.png) 0 -35px no-repeat; }

.top_content .share a.btn { display: block; background: url(../images/landing_btn.gif) no-repeat; width: 177px; height: 35px; font-size: 18px; text-decoration: none; font-weight: bold; color: #000; text-align: center; margin: 0 auto; padding: 4px 0; }
.top_content .share a.btn:hover { color: #22A7FF; }
.top_content .pics { position: absolute; top: 63px; right: 0; width: 108px; height: 399px; background: url(../images/landing_pics.png) no-repeat; }
/*.top_content .photos_1 { position: absolute; top: -61px; left: 551px; width: 114px; height: 87px; background: url(../images/landing_photos1.png) no-repeat; }
.top_content .photos_2 { position: absolute; top: 23px; left: 875px; width: 90px; height: 118px; background: url(../images/landing_photos2.png) no-repeat; }
.top_content .photos_3 { position: absolute; top: 227px; left: 875px; width: 81px; height: 172px; background: url(../images/landing_photos3.png) no-repeat; }
.top_content .photos_4 { position: absolute; top: 473px; left: 824px; width: 67px; height: 68px; background: url(../images/landing_photos4.png) no-repeat; }*/

.text_content_spacer { height: 360px; }

.text_content { margin: 12px auto; position: absolute; top: 620px; left: 4px; } 
.text_content .content { background: url(../images/landing_block_mdl.png) repeat-y; padding: 1px 50px 1px 20px; color: #666; }
.text_content .content h1, 
.text_content .content h2 { display: inline; font-size: 12px; }
.text_content .content .nav_wrapper { margin: 10px 0; }
.text_content .content .nav_wrapper .nav { float: left; width: 675px; padding-top: 20px; }
.text_content .content .nav_wrapper .nav ul { list-style: none; margin: 0; padding: 0; }
.text_content .content .nav_wrapper .nav li { float: left; padding: 0 5px 0 0; margin: 0; }
.text_content .content .nav_wrapper .logo_copyright { float: left; width: 200px; background: url(/images/logo_sm.gif) top right no-repeat; padding-top: 25px; text-align: right; font-size: 10px; color: #000000; }
.text_content .top { position: relative; background: url(../images/landing_block_top.png) no-repeat; height: 25px; width: 928px; color: #2c353a; font-weight: bold; }
.text_content .bottom { background: url(../images/landing_block_btm.png) no-repeat; height: 25px; width: 928px; }

img { border: none; }
.clear_div { clear: both; margin:0; padding:0; font-size: 0; line-height: 0; height: 0; }
.graphic_text { display: none; }