#mariana_trench { position: relative; margin-bottom: 16px; height: 6072px; /* 143 + 2900 + 3029 */ height: 5783px; /* 143 + 2900 + 2740 */ } h1.action { margin-bottom: 16px; color: #D1700E; } #mariana_trench #trench_head { background-color: white; background-image: url("/news/special/sci_environment/12/mariana_trench/img/background_top.gif"); height: 143px; width: 976px; } #mariana_trench #trench_main { background-color: #213B54; background-image: url("/news/special/sci_environment/12/mariana_trench/img/background_strip_1px.gif"); background-repeat: repeat-x; height: 2900px; width: 976px; position: relative; } #mariana_trench #trench_main ul li { background: none; padding: 0px; margin: 0px; } #mariana_trench #trench_main ul.items .item { position: absolute; width: 154px; height: 154px; overflow: hidden; } #mariana_trench #trench_main ul.bg li { position: absolute; } #mariana_trench #trench_main a.item:hover { background-position: -154px center; text-decoration: none; color: white; } #mariana_trench #trench_main a.dial:hover { background-position: -155px 0px; } #mariana_trench #trench_main a#item12:hover { background-position: -218px center; } #mariana_trench #trench_main a.item div { color: white; text-indent: -1000px; width: 94px; position: relative; top: 58px; left: 50px; font-weight: normal; font-size: 0.82em; } #mariana_trench #trench_main a#item12 div { top: 100px; left: 74px; font-weight: bold; width: 126px; font-size: 1em; } #mariana_trench #trench_main a.dial div { top: 59px; left: 47px; } #mariana_trench #trench_main a.item:hover div { text-indent: 0px; cursor: pointer; } #mariana_trench #trench_main .items a#dial1 { top: -70px; left: 480px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/dials/dial_100m.gif'); } #mariana_trench #trench_main .items a#dial2 { top: 328px; left: 480px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/dials/dial_1000m.gif'); } #mariana_trench #trench_main .items a#item1 { top: 145px; left: 120px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/deepsea_diver_circles.gif'); } #mariana_trench #trench_main .items a#item2 { top: 805px; left: 120px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/seal_circles.gif'); } #mariana_trench #trench_main .items a#item3 { top: 1835px; left: 415px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/angler_fish_circles.gif'); } #mariana_trench #trench_main .items a#item4 { top: 2180px; left: 200px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/submersible_circles.gif'); } #mariana_trench #trench_main .items a#item5 { top: 2610px; left: 350px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/crustacean_circles.gif'); } #mariana_trench #trench_main .items a#item6 { top: 3080px; left: 180px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/eel_circles.gif'); } #mariana_trench #trench_main .items a#item7 { top: 3630px; left: 450px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/deep_sea_fish_circles.gif'); } #mariana_trench #trench_main .items a#item8 { top: 4000px; left: 440px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/ship_circles.gif'); } #mariana_trench #trench_main .items a#item9 { top: 4290px; left: 130px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/trench_map_circles.gif'); } #mariana_trench #trench_main .items a#item10 { top: 4710px; left: 290px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/deep_sea_crustac_circles.gif'); } #mariana_trench #trench_main .items a#item11 { top: 4860px; left: 470px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/dials/dial_10000m.gif'); } #mariana_trench #trench_main .items a#item12 { top: 5345px; left: 460px; width: 218px; height: 218px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/circles/don_walsh_circles.gif'); } #mariana_trench #trench_main .items a#item13 { background-image: url("/news/special/sci_environment/12/mariana_trench/img/circles/cameron_circle.png"); height: 154px; left: 117px; top: 5097px; width: 154px; } #mariana_trench #trench_main .items a#item13:hover{ background-position: 155px center; } #mariana_trench #trench_main .bg .line { left: 3px; width: 971px; height: 2px; background-repeat: no-repeat; } #mariana_trench #trench_main .bg #line1 { top: 2px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/dotted_lines/dotted_line_100m.gif'); } #mariana_trench #trench_main .bg #line2 { top: 404px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/dotted_lines/dotted_line_1000m.gif'); } #mariana_trench #trench_main .bg #line3 { top: 1906px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/dotted_lines/dotted_line_4000m.gif'); } #mariana_trench #trench_main .bg #line4 { top: 2909px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/dotted_lines/dotted_line_6000m.gif'); } #mariana_trench #trench_main .bg #bg1 { top: 19px; left: 10px; width: 237px; height: 79px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/creatures/fish.gif'); } #mariana_trench #trench_main .bg #bg2 { top: 35px; left: 300px; width: 123px; height: 52px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/creatures/dolphin2.gif'); } #mariana_trench #trench_main .bg #bg3 { top: 375px; left: 313px; width: 93px; height: 75px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/creatures/turtle.gif'); } #mariana_trench #trench_main .bg #bg4 { top: 710px; left: 440px; width: 203px; height: 328px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/creatures/squid.gif'); } #mariana_trench #trench_main .bg #bg5 { top: 1380px; left: 30px; width: 545px; height: 302px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/creatures/sperm_wahle.gif'); } #mariana_trench #trench_main .bg #bg6 { top: 2390px; left: 370px; width: 205px; height: 124px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/creatures/snails.gif'); } #mariana_trench #trench_main .bg #bg7 { top: 3380px; left: 280px; width: 267px; height: 156px; background-image: url('/news/special/sci_environment/12/mariana_trench/img/creatures/crustaceans.gif'); } #mariana_trench #trench_main ul.depth_text li { position: absolute; color: white; /*left: 32px;*/ } #mariana_trench #trench_main ul.depth_text li div { margin-bottom: 4px; color: white; width: 430px; } #mariana_trench #trench_main ul.depth_text li div.line { float: left; height: 36px; border-bottom: 2px solid white; margin-bottom: 70px; margin-right: 6px; width: 20px; } #mariana_trench #trench_main ul.depth_text li h2 { display: inline; font-size: 2.7em; line-height: 1em; font-weight: normal; color: white; } #mariana_trench #trench_main ul.depth_text li span { font-weight: bold; color: white; font-size: 1.2em; line-height: 1em; } #mariana_trench #trench_main ul.depth_text li#label1 { top: -83px; } #mariana_trench #trench_main ul.depth_text li#label1 div.line { height: 7px; } #mariana_trench #trench_main ul.depth_text li#label2 { top: 368px; } #mariana_trench #trench_main ul.depth_text li#label3 { top: 1090px; } #mariana_trench #trench_main ul.depth_text li#label4 { top: 1771px; } #mariana_trench #trench_main ul.depth_text li#label5 { top: 2005px; } #mariana_trench #trench_main ul.depth_text li#label6 { top: 2398px; } #mariana_trench #trench_main ul.depth_text li#label7 { top: 2673px; } #mariana_trench #trench_main ul.depth_text li#label7 div { width: 300px; } #mariana_trench #trench_main ul.depth_text li#label7 div.line { width: 20px; } #mariana_trench #trench_main ul.depth_text li#label8 { top: 2873px; } #mariana_trench #trench_main ul.depth_text li#label9 { top: 3493px; } #mariana_trench #trench_main ul.depth_text li#label10 { top: 3898px; } #mariana_trench #trench_main ul.depth_text li#label11 { top: 4065px; } #mariana_trench #trench_main ul.depth_text li#label12 { top: 5341px; } #mariana_trench #trench_main ul.depth_text li#label13 { top: 5262px; } #mariana_trench #trench_main ul.depth_text li#label12 div { font-size: 1.5em; line-height: 1.1em; color: white; } #mariana_trench #trench_main ul.depth_text li#label12 div.text { font-size: 1.7em; line-height: 1.1em; } #mariana_trench #trench_main ul.depth_text li#label12 div.line { border-color: #D1700E; height: 54px; margin-bottom: 130px; } #mariana_trench #trench_main ul.depth_text li#label12 div span b { color: #D1700E; } #mariana_trench #trench_main ul.depth_text li#label12 div span { color: #D1700E; font-weight: normal; font-size: 1em; } #mariana_trench #trench_foot { background-color: #213B54; background-image: url("/news/special/sci_environment/12/mariana_trench/img/trench_background.gif"); height: 3029px; height: 2740px; width: 976px; } div#active-content .emp #panel-embed, div#active-content .emp img { height: 363px; }