@charset "utf-8"; /*------------------------------------------------------------------------------------------------------------------- * Scene Section Styles *------------------------------------------------------------------------------------------------------------------- */ #BannerFrame { clear:both; height:42px; margin-left:10px; margin-right:10px; background-color:#333333; filter:alpha(opacity=30); opacity:0.3; } #PrimaryScene { width:100%; height:406px; position:absolute; left:0; top:0; z-index:1000; background-repeat:no-repeat; background-position:center 26px; } #SecondaryScene { width:100%; height:406px; position:absolute; left:0; top:0; z-index:2000; background-repeat:no-repeat; background-position:center 26px; } #PageNavigationBar { width:43px; height:129px; position:fixed; left:90%; top:43%; z-index:2001; } #PnbbTop { width:43px; height:43px; background-image:url("/images/home/pgnav.png"); background-repeat:no-repeat; margin-bottom:5px; cursor:pointer; } #PnbbValueFrame { width:43px; height:43px; background-image:url("/images/home/pgnav.png"); background-position:0px -43px; background-repeat:no-repeat; margin-bottom:5px; } #PnbbDown { width:43px; height:43px; background-image:url("/images/home/pgnav.png"); background-repeat:no-repeat; cursor:pointer; } .PnbtActive { background-position:0px 0px; } .PnbtHover { background-position:-43px 0px; } .PnbdActive { background-position:0px -86px; } .PnbdHover { background-position:-43px -86px; } #PnbbValue { color:white; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding-top:12px; margin-left:10px; } #PlSpaceBar { clear:both; width:1000px; height:1px; } #PlBox { clear:both; width:211px; height:40px; background-repeat:no-repeat; background-image:url("/images/home/pancom.png"); margin-top:202px; margin-right:0px; float:right; cursor:pointer; } /*------------------------------------------------------------------------------------------------------------------- * NEWS Section Styles *------------------------------------------------------------------------------------------------------------------- */ #NewsGallery{ clear:both; background-image:url("/images/home/gallery-title-bg-01.gif"); background-repeat:repeat-x; width:100%; overflow:auto; padding-top:415px; font-size:12px; background-position:center 415px; } #NewsFrame{ clear:both; width:1000px; margin:0 auto; border-left:1px dashed #dddddd; border-right:1px dashed #dddddd; overflow:auto; } #NflaCaption a:link { color:#333333; text-decoration:none; } #NflaCaption a:active { color:#333333; text-decoration:none; } #NflaCaption a:visited { color:#333333; text-decoration:none; } #NflaCaption a:hover { color:#9d4e5f; text-decoration:none; } #NfLeaderActivities { float:left; width:587px; margin-left:12px; border-right:1px dashed #cccccc; padding-bottom:10px; } #NflaTitle { float:left; width:194px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-la.png"); background-repeat:no-repeat; cursor:pointer; } .NflatActive { background-color:#d5d5d5; } .NflatHover { background-color:#dfc9c9; } #NflaCaption { float:left; width:380px; height:64px; } #NflaCaption table { width:100%; height:100%; } #NflaCaption td { vertical-align:middle; padding-left:15px; line-height:120%; color:#333333; } #NflaCaption label { color:#9d6e4e; margin-left:10px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; } #NflaContents { clear:both; padding-top:5px; text-align:justify; padding-right:15px; padding-bottom:10px; } #NflaContents p { line-height:120%; color:#666666; } #NfOthers { float:right; width:400px; } #NfoCaption { clear:both; padding-left:10px; padding-top:5px; padding-bottom:5px; background-image:url("/images/home/news-other-title-bg.gif"); background-repeat:repeat-y; margin-left:10px; line-height:120%; } #NfoCaption label { color:#9d6e4e; margin-left:10px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; } #NfoCaption a:link { color:#333333; text-decoration:none; } #NfoCaption a:active { color:#333333; text-decoration:none; } #NfoCaption a:visited { color:#333333; text-decoration:none; } #NfoCaption a:hover { color:#9d4e5f; text-decoration:none; } #NfoContents { clear:both; text-align:justify; padding-left:20px; line-height:120%; color:#666666; padding-right:12px; margin-top:10px; padding-bottom:20px; } #NfoTitle { float:left; width:108px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-news.png"); background-repeat:no-repeat; margin-bottom:10px; color:#333333; cursor:pointer; margin-left:10px; } #NfoList { clear:both; padding-left:2px; padding-right:12px; text-align:left; } #NfoList li { margin-left:8px; color:#666666; padding-bottom:6px; line-height:120%; background-image:url("/images/home/arrows/001.gif"); background-repeat:no-repeat; background-position:0px 9px; border-top:1px dotted #aaaaaa; list-style:none; padding-left:10px; padding-top:5px; } #NfoList li label { color:#9d6e4e; margin-left:10px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; } #NflnFrame { clear:both; margin-left:19px; } .NflnHover { float:left; width:20px; height:18px; background-color:#dab299; color:white; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; padding-top:2px; margin-left:1px; margin-bottom:3px; cursor:pointer; } .NflnActive { float:left; width:20px; height:18px; background-color:#e9cfbf; color:white; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; padding-top:2px; margin-left:1px; margin-bottom:3px; cursor:pointer; } #NfoList a:link { color:#333333; text-decoration:none; } #NfoList a:active { color:#333333; text-decoration:none; } #NfoList a:visited { color:#333333; text-decoration:none; } #NfoList a:hover { color:#9d4e5f; text-decoration:none; } #NewsPhoto { background-color:#e9e9e9; width:100%; height:123px; clear:both; background-image:url("/images/home/dns-mark-2.png"); background-repeat:repeat-x; background-position:0px 124px; padding-top:17px; } #NewsPhotoFrame { width:970px; margin:0 auto; background-color:white; overflow:auto; border-left:1px dotted #cccccc; border-right:1px dotted #cccccc; padding-bottom:5px; padding-top:5px; padding-left:3px; padding-right:5px; } #NewsPhotoFrame div { float:left; width:84px; height:84px; background-position:center center; background-repeat:no-repeat; cursor:pointer; margin-left:4px; } .npf-active { filter:alpha(opacity=99); opacity:0.99; } .npf-hover { filter:alpha(opacity=70); opacity:0.7; } .npf-active-first { filter:alpha(opacity=99); opacity:0.99; } .npf-hover-first { filter:alpha(opacity=70); opacity:0.7; } /*------------------------------------------------------------------------------------------------------------------- * PERIODIC Section Styles *------------------------------------------------------------------------------------------------------------------- */ #PeriodicGallery { clear:both; margin-top:8px; width:100%; height:290px; background-color:#8cc63f; } #PeriodicFrame { clear:both; width:1000px; margin:0 auto; } #PgBannerFrame { float:left; width:380px; overflow:auto; } #PfbfTitle { clear:both; width:106px; height:14px; background-repeat:no-repeat; margin-left:15px; background-image:url("/images_e/home/periodic-title.png"); margin-top:30px; margin-bottom:8px; } #PfTimes { float:left; width:172px; height:61px; background-position:center bottom; background-image:url("/images/home/periodics/times_e.gif"); background-repeat:no-repeat; margin-left:12px; cursor:pointer; } #PftDate { clear:both; color:white; text-align:center; margin-top:44px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #PfKorea { float:left; width:172px; height:61px; background-position:center bottom; background-image:url("/images/home/periodics/korea_e.gif"); background-repeat:no-repeat; margin-left:5px; cursor:pointer; } #PfKoreaToday { clear:both; float:left; width:172px; height:61px; background-position:center bottom; background-image:url("/images/home/periodics/koreatoday_e.gif"); background-repeat:no-repeat; margin-left:12px; margin-top:5px; cursor:pointer; } #PfKumsugangsan { float:left; width:172px; height:61px; background-position:center bottom; background-image:url("/images/home/periodics/kumsugangsan_k.gif"); background-repeat:no-repeat; margin-left:5px; margin-top:5px; cursor:pointer; } #PfTrade { clear:both; float:left; width:172px; height:61px; background-position:center bottom; background-image:url("/images/home/periodics/trade_e.gif"); background-repeat:no-repeat; margin-left:12px; margin-top:5px; cursor:pointer; } #FsBannerFrame { float:right; width:580px; overflow:auto; margin-right:12px; } #FsbfTitle { clear:both; width:106px; height:14px; background-repeat:no-repeat; margin-left:3px; background-image:url("/images_e/home/familysites-title.png"); margin-top:30px; margin-bottom:8px; } #PfKkf { float:left; width:190px; height:61px; background-position:center bottom; background-image:url("/images/home/subsites/kkf-ko.gif"); background-repeat:no-repeat; cursor:pointer; } #PfKfpd { float:left; width:190px; height:61px; background-position:center bottom; background-image:url("/images/home/subsites/kfpd-ko.gif"); background-repeat:no-repeat; cursor:pointer; margin-left:5px; } #PfRyugyong { float:left; width:190px; height:61px; background-position:center bottom; background-image:url("/images/home/subsites/ryugyong-ko.gif"); background-repeat:no-repeat; cursor:pointer; margin-left:5px; } #PfCarbon { float:left; width:190px; height:61px; background-position:center bottom; background-image:url("/images/home/subsites/carbon-en.gif"); background-repeat:no-repeat; cursor:pointer; margin-left:5px; margin-top:5px; } #PfDaeyang { float:left; width:190px; height:61px; background-position:center bottom; clear:both; background-image:url("/images/home/subsites/daeyang-ko.gif"); background-repeat:no-repeat; cursor:pointer; margin-left:0px; margin-top:5px; } #PfGreen { float:left; width:190px; height:61px; background-position:center bottom; background-image:url("/images/home/subsites/green-ko.gif"); background-repeat:no-repeat; cursor:pointer; margin-left:5px; margin-top:5px; } /*------------------------------------------------------------------------------------------------------------------- * POLITICS Section Styles *------------------------------------------------------------------------------------------------------------------- */ #PoliticsGallery{ clear:both; background-image:url("/images/home/gallery-title-bg-01.gif"); background-repeat:repeat-x; margin-top:15px; width:100%; overflow:auto; font-size:12px; } #PoliticsFrame{ clear:both; width:1000px; margin:0 auto; border-left:1px dashed #dddddd; border-right:1px dashed #dddddd; overflow:auto; padding-bottom:20px; } #PfTitle { float:left; width:154px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-po.png"); margin-left:12px; background-repeat:no-repeat; cursor:pointer; margin-bottom:8px; } .PftActive { background-color:#d5d5d5; } .PftHover { background-color:#e2c9d1; } #PfCaption { float:left; width:800px; color:#aaaaaa; margin-left:15px; margin-top:17px; line-height:120%; font-size:11px; } .PfbActive { width:380px; height:80px; background-repeat:no-repeat; cursor:pointer; background-position:center center; margin-left:12px; margin-top:5px; } .PfbHover { width:380px; height:80px; background-repeat:no-repeat; cursor:pointer; background-position:center center; margin-left:12px; margin-top:5px; background-color:#e9e9e9; } #PfBannerFrame { float:left; padding-bottom:10px; width:300px; clear:both; } #PfAnyText { float:right; width:560px; border-left:1px dashed #999999; margin-left:10px; margin-right:12px; padding-left:15px; text-align:justify; padding-top:10px; } #PfatTitle { border-bottom:1px solid #cccccc; padding-bottom:8px; text-align:left; } #PfatTitle h3 { color:#e87094; } #PfatContent { line-height:120%; color:#666666; } #PfatTitle a:link { color:#333333; text-decoration:none; } #PfatTitle a:active { color:#333333; text-decoration:none; } #PfatTitle a:visited { color:#333333; text-decoration:none; } #PfatTitle a:hover { color:#9d4e5f; text-decoration:none; } #PfOther { clear:both; text-align:justify; background-color:#e0e0e0; padding:20px; margin-left:12px; margin-right:12px; line-height:120%; } #PfOther h3 { color:#b66733; margin-bottom:10px; } #PfOther p { color:#333333; margin-bottom:0; margin-top:3px; } #PfOther a:link { color:#b6335b; text-decoration:none; } #PfOther a:active { color:#b6335b; text-decoration:none; } #PfOther a:visited { color:#b6335b; text-decoration:none; } #PfOther a:hover { color:#9d4e5f; text-decoration:underline; } /*------------------------------------------------------------------------------------------------------------------- * Economy Section Styles *------------------------------------------------------------------------------------------------------------------- */ #EconomyGallery { clear:both; margin-top:3px; width:100%; font-size:12px; background-color:#daedf3; overflow:auto; padding-top:30px; } #EconomyFrame { clear:both; width:1000px; margin:0 auto; padding-bottom:40px; } #EfTitle { float:left; width:154px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-trade.png"); margin-left:12px; background-repeat:no-repeat; cursor:pointer; margin-bottom:8px; } .ExftActive { background-color:#9ec3cd; } .ExftHover { background-color:#90b6c1; } .EftActive { background-color:#d5d5d5; } .EftHover { background-color:#c1cdd7; } #EfCaption { float:right; width:780px; height:44px; color:#ffffff; margin-right:10px; margin-top:0px; line-height:120%; background-color:#add0da; padding-left:35px; padding-top:20px; } #EfNewsTitle { clear:both; margin-left:12px; padding-top:12px; margin-right:12px; margin-bottom:15px; border-bottom:1px dotted #ffffff; padding-bottom:3px; color:#b47821; padding-bottom:5px; } #EfNewsTitle a:link { color:#333333; text-decoration:none; } #EfNewsTitle a:active { color:#333333; text-decoration:none; } #EfNewsTitle a:visited { color:#333333; text-decoration:none; } #EfNewsTitle a:hover { color:#4c6e8a; text-decoration:none; } #EfNews { clear:both; margin-left:12px; margin-right:12px; text-align:justify; line-height:120%; color:#555555; } #EfNews p { margin-bottom:0px; margin-top:2px; } #EfGallery { clear:both; background-color:#f2f2f2; margin-left:12px; margin-top:18px; border:0; } #EfgCompanyArticle { width:430px; height:260px; background-color:#d3d9de; color:#555555; line-height:120%; padding-left:20px; padding-right:20px; text-align:justify; } #EfgCompanyArticle h3 { color:black; text-align:center; } #EfgCompanyArticle a:link { color:black; text-decoration:none; } #EfgCompanyArticle a:active { color:black; text-decoration:none; } #EfgCompanyArticle a:visited { color:black; text-decoration:none; } #EfgCompanyArticle a:hover { color:black; text-decoration:underline; } #EfgCompanyArticle p { margin-bottom:0; } #EfgAdver1 { width:256px; height:260px; } #EfgaItem1 { clear:both; width:256px; height:130px; background-image:url("/images_e/home/economy-adver-0.jpg"); background-repeat:no-repeat; background-position:center center; cursor:pointer; } #EfgaItem2 { clear:both; width:256px; height:125px; background-image:url("/images_e/home/economy-adver-1.gif"); background-repeat:no-repeat; background-position:center center; cursor:pointer; margin-top:5px; } #EfgAdver2 { width:255px; background-image:url("/images_e/home/economy-adver-1.jpg"); background-repeat:no-repeat; cursor:pointer; background-position:center center; } #EfgOtherArticle { width:430px; height:122px; background-color:#a1b2be; color:#555555; line-height:120%; padding-left:20px; padding-right:20px; text-align:justify; } #EfgOtherArticle h3 { text-align:center; color:black; } #EfgOtherArticle a:link { color:black; text-decoration:none; } #EfgOtherArticle a:active { color:black; text-decoration:none; } #EfgOtherArticle a:visited { color:black; text-decoration:none; } #EfgOtherArticle a:hover { color:black; text-decoration:underline; } #EfgOtherArticle p { margin-bottom:0; } #EfgProduct { height:122px; } #EfgProduct div { float:left; width:116px; height:116px; background-position:center center; background-repeat:no-repeat; cursor:pointer; background-color:white; } .efp-active-first { border:2px solid white; } .efp-hover-first { border:2px solid #e0e0e0; } .efp-active { margin-left:8px; border:2px solid white; } .efp-hover { margin-left:8px; border:2px solid #e0e0e0; } /*------------------------------------------------------------------------------------------------------------------- * Society Section Styles *------------------------------------------------------------------------------------------------------------------- */ #SocietyGallery { clear:both; background-image:url("/images/home/gallery-title-bg-01.gif"); background-repeat:repeat-x; margin-top:15px; width:100%; font-size:12px; } #SocietyFrame { clear:both; width:1000px; margin:0 auto; border-left:1px dashed #dddddd; border-right:1px dashed #dddddd; padding-bottom:20px; } #SfTitle { float:left; width:154px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-society.png"); margin-left:12px; background-repeat:no-repeat; cursor:pointer; margin-bottom:8px; } #SfCaption { float:left; width:600px; color:#aaaaaa; margin-left:30px; margin-top:25px; line-height:120%; } #SfSpacingBar { clear:both; width:100%; height:1px; } #SfArticle1 { clear:both; padding-right:15px; border-right:1px dotted #e0e0e0; text-align:left; } #SfArticle2 { padding-right:16px; border-right:1px dotted #e0e0e0; text-align:left; } #SfArticle3 { text-align:left; } #SfGallery { clear:both; margin-left:5px; } #SfgBook { background-color:#f2f2f2; width:600px; height:155px; padding-top:15px; background-image:url("/images_e/home/book-title.gif"); background-repeat:no-repeat; } #SfgBook li { margin-left:30px; margin-right:10px; margin-top:5px; list-style-image:url("/images/__x_header/arrows/arrow08.gif"); } #SfgBook span { color:#666666; } #SfgBook li a:link { color:#333333; text-decoration:none; } #SfgBook li a:active { color:#333333; text-decoration:none; } #SfgBook li a:visited { color:#333333; text-decoration:none; } #SfgBook li a:hover { color:#333333; text-decoration:underline; } #SfgMusic { background-color:#f2f2f2; height:155px; background-image:url("/images_e/home/music-title.gif"); background-repeat:no-repeat; } #SfgMusic li { margin-left:35px; margin-right:8px; margin-top:3px; line-height:120%; list-style-image:url("/images/__x_header/arrows/arrow08.gif"); } #SfgMusic li a:link { color:#333333; text-decoration:none; } #SfgMusic li a:active { color:#333333; text-decoration:none; } #SfgMusic li a:visited { color:#333333; text-decoration:none; } #SfgMusic li a:hover { color:#333333; text-decoration:underline; } #SfgFineart { height:156px; } #SamTitle { float:left; width:20px; height:156px; background-repeat:no-repeat; background-image:url("/images_e/home/fineart-title.gif"); background-position:right top; } #SamNavFrame { float:left; width:26px; height:156px; background-repeat:no-repeat; background-image:url("/images_e/home/fineart-nav.gif"); } #SamBig { float:left; background-color:white; margin-left:1px; width:156px; } #SamBig h4 { width:156px; height:156px; float:left; cursor:pointer; } #SamThumbs { float:left; width:390px; background-color:white; } #SamThumbs h4 { width:77px; height:77px; float:left; margin-left:1px; margin-top:1px; cursor:pointer; } #SfgStamp { width:187px; height:155px; text-align:center; background-color:#f0f0f0; } #SfgStamp h4 { width:100%; height:100%; cursor:pointer; background-repeat:no-repeat; background-position:center center; } #SfgSubStamp { width:187px; height:155px; text-align:center; background-color:#f0f0f0; } #SfgSubStamp h4 { width:100%; height:100%; cursor:pointer; background-repeat:no-repeat; background-position:center center; } /*------------------------------------------------------------------------------------------------------------------- * History Section Styles *------------------------------------------------------------------------------------------------------------------- */ #HistoryGallery { clear:both; width:100%; height:490px; background-repeat:no-repeat; background-image:url("/images/home/history-bg.jpg"); background-position:center center; } #HistoryFrame { clear:both; width:1000px; margin:0 auto; font-size:12px; } #HfTitle { float:left; width:154px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-history.png"); margin-left:12px; background-repeat:no-repeat; cursor:pointer; margin-top:20px; } .HftActive { background-color:#e5c691; } .HftHover { background-color:#eace9e; } #HfCaption { float:left; width:687px; height:34px; background-repeat:no-repeat; background-image:url("/images_e/home/history-caption.png"); margin-bottom:8px; background-position:center center; margin-top:30px; margin-left:152px; } #HfAdverPlayer { clear:both; width:360px; height:19px; margin:0 auto; background-repeat:no-repeat; background-image:url("/images/home/player-0.png"); background-position:320px 5px; cursor:pointer; color:white; text-align:center; padding-top:6px; } .HfapActive { background-color:#cc9682; } .HfapHover { background-color:#d2a18e; } #HfGallery { margin-left:10px; margin-top:80px; } #HfDivisionTable { width:104px; height:104px; color:white; line-height:120%; text-align:center; filter:alpha(opacity=80); opacity:0.8; } .HfdtActive { background-color:#9e3a1f; cursor:pointer; } .HfdtHover { background-color:#8c2f16; cursor:pointer; } #HfPhoto { width:104px; height:104px; } #HfPhoto div { width:96px; height:96px; background-position:center center; background-repeat:no-repeat; margin-left:4px; } .HfpActive { background-color:white; cursor:pointer; } .HfpHover { background-color:#ffe3db; cursor:pointer; } .HfaActive { width:340px; height:104px; background-color:#b7583e; text-align:left; color:#f8d0c4; line-height:120%; padding-left:15px; padding-right:15px; filter:alpha(opacity=90); opacity:0.9; } .HfaActive h3 { text-align:center; margin-bottom:10px; color:#eee6ae; } .HfaActive a:link { color:white; text-decoration:none; } .HfaActive a:active { color:white; text-decoration:none; } .HfaActive a:visited { color:white; text-decoration:none; } .HfaActive a:hover { color:white; text-decoration:underline; } #HfsPhoto { width:100%; height:103px; clear:both; } #HfsPhotoFrame { width:980px; margin:0 auto; overflow:auto; padding-bottom:5px; padding-top:15px; padding-left:5px; padding-right:5px; } #HfsPhotoFrame div { float:left; width:96px; height:96px; background-position:center center; background-repeat:no-repeat; cursor:pointer; margin-left:4px; } .hfpf-active { border:4px solid white; } .hfpf-hover { border:4px solid #f5bfb0; } .hfpf-active-first { border:4px solid white; } .hfpf-hover-first { border:4px solid #f5bfb0; } /*------------------------------------------------------------------------------------------------------------------- * KOREAISONE Section Styles *------------------------------------------------------------------------------------------------------------------- */ #OneGallery { clear:both; background-image:url("/images/home/gallery-title-bg-01.gif"); background-repeat:repeat-x; margin-top:15px; width:100%; font-size:12px; overflow:auto; } #OneFrame { clear:both; width:1000px; margin:0 auto; border-left:1px dashed #dddddd; border-right:1px dashed #dddddd; padding-bottom:20px; overflow:auto; } #OfTitle { float:left; width:154px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-one.png"); margin-left:12px; background-repeat:no-repeat; cursor:pointer; margin-bottom:20px; } #OfCaption { float:left; width:600px; color:#aaaaaa; margin-left:30px; margin-top:25px; line-height:120%; } #OfArticle1 { clear:both; padding-right:15px; border-right:1px dotted #e0e0e0; } #OfArticle2 { padding-right:16px; border-right:1px dotted #e0e0e0; } .OfaActive { float:left; padding-left:16px; text-align:left; line-height:120%; padding-bottom:16px; margin-top:16px; width:300px; } .OfaActive p { color:#666666; } .OfaActive h3 { color:#b47821; margin-bottom:10px; border-bottom:1px dotted #999999; padding-bottom:5px; } .OfaActive a:link { color:#333333; text-decoration:none; } .OfaActive a:active { color:#333333; text-decoration:none; } .OfaActive a:visited { color:#333333; text-decoration:none; } .OfaActive a:hover { color:#333333; text-decoration:underline; } #OfcGallery { clear:both; margin-left:8px; } .OfcActive { width:190px; cursor:pointer; text-align:center; background-color:#e3d3c4; height:50px; line-height:120%; color:#71563a; } .OfcHover { width:190px; cursor:pointer; text-align:center; background-color:#eee4da; height:50px; line-height:120%; color:#ab9279; } /*------------------------------------------------------------------------------------------------------------------- * MM Section Styles *------------------------------------------------------------------------------------------------------------------- */ #MmGallery { clear:both; height:460px; width:100%; font-size:12px; background-color:#65d6bc; background-image:url("/images/home/mm-mask.png"); background-repeat:repeat-x; background-position:0px 5px; } #MmBar { clear:both; height:18px; width:100%; background-color:#65d6bc; background-position:0px 8px; background-image:url("/images/home/mm-mask.png"); background-repeat:repeat-x; margin-top:20px; } #MmFrame { clear:both; width:1000px; margin:0 auto; padding-bottom:10px; overflow:auto; } #MfTitle { float:left; width:154px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-mm.png"); margin-left:12px; background-repeat:no-repeat; margin-top:20px; } .MftActive { } #MmPlayerComment { color:white; clear:both; text-align:center; padding-top:20px; line-height:130%; margin-top:0; } #MmPhotoGallery { float:left; } #MmPhotoGallery div { float:left; width:143px; height:88px; background-position:center center; border:1px solid #ffffff; background-repeat:no-repeat; margin-left:5px; cursor:pointer; background-color:white; } #MmVideoGallery { float:left; padding-top:10px; } #MmVideoGallery div { float:left; width:143px; height:88px; background-position:center center; border:1px solid #ffffff; background-repeat:no-repeat; margin-left:5px; cursor:pointer; background-color:white; } #MmVideoGallery h4 { color:black; background-image:url("/images/home/player-3.png"); background-repeat:no-repeat; width:44px; margin-left:50px; margin-top:20px; background-position:center top; padding-top:36px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:white; position:relative; } .MmPhotoActive { } .MmPhotoHover { filter:alpha(opacity=80); opacity:0.8; } #MmGoDownloadPage { clear:both; margin-top:30px; margin-bottom:50px; color:#3aa58c; margin:0 auto; cursor:pointer; width:280px; text-align:center; padding-top:7px; padding-bottom:7px; } .MmdpActive { background-color:white; } .MmdpHover { background-color:#bdeee2; color:#2b8d76; } #MmVideoNav0 { margin-top:10px; } #MmVideoNav1 { margin-top:10px; } .MmnActive1 { clear:both; float:left; width:20px; height:90px; background-position:center center; background-image:url("/images/home/arrows/left-0.png"); background-repeat:no-repeat; background-color:#368573; margin-left:25px; cursor:pointer; } .MmnHover1 { clear:both; float:left; width:20px; height:90px; background-position:center center; background-image:url("/images/home/arrows/left-0.png"); background-repeat:no-repeat; background-color:#469e8a; margin-left:25px; cursor:pointer; } .MmnActive2 { float:left; width:20px; height:90px; background-position:center center; background-image:url("/images/home/arrows/right-0.png"); background-repeat:no-repeat; background-color:#368573; margin-left:5px; cursor:pointer; } .MmnHover2 { float:left; width:20px; height:90px; background-position:center center; background-image:url("/images/home/arrows/right-0.png"); background-repeat:no-repeat; background-color:#469e8a; margin-left:5px; cursor:pointer; } #MmPhotoPagebar { text-align:center; color:white; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:5px; clear:both; margin-top:0; } #MmVideoPagebar { text-align:center; color:white; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-top:5px; clear:both; margin-bottom:0; } /*------------------------------------------------------------------------------------------------------------------- * Tourism Section Styles *------------------------------------------------------------------------------------------------------------------- */ #TourismGallery { clear:both; width:100%; padding-top:20px; overflow:auto; padding-bottom:80px; background-color:#cadef3; } #TourismFrame { clear:both; width:1000px; margin:0 auto; font-size:12px; } #TfTitle { float:left; width:154px; height:64px; background-position:center center; background-image:url("/images_e/home/layout-title-tourism.png"); margin-left:12px; background-repeat:no-repeat; cursor:pointer; margin-top:20px; } .TftActive { background-color:#9dbddf; } .TftHover { background-color:#afcae7; } #TfCaption { width:374px; height:77px; float:left; margin-left:170px; margin-top:50px; background-image:url("/images_e/home/tourism-title.png"); background-repeat:no-repeat; } #TfSpacingBar { clear:both; width:100%; height:1px; } #TfNavigation { clear:both; float:left; margin-top:20px; width:100%; } #TfNav1 { width:69px; height:12px; background-repeat:no-repeat; background-position:0px 0px; margin-left:240px; } #TfNav2 { width:142px; height:12px; background-repeat:no-repeat; background-position:-86px 0px; margin-left:20px; } #TfNav3 { width:161px; height:12px; background-repeat:no-repeat; background-position:-245px 0px; margin-left:20px; } #TfNav4 { width:102px; height:12px; background-repeat:no-repeat; background-position:-424px 0px; margin-left:20px; } .TfnActive { background-image:url("/images_e/home/tourism-nav-0.png"); cursor:pointer; float:left; } .TfnHover { background-image:url("/images_e/home/tourism-nav-1.png"); cursor:pointer; float:left; } #TfItemsGallery { clear:both; float:right; margin-right:150px; margin-top:20px; } #TfigMainPhoto { width:160px; height:160px; vertical-align:bottom; background-image:url("/images/home/tourism/main.gif"); background-repeat:no-repeat; background-position:center center; cursor:pointer; } .TfmpActive { background-color:white; } .TfmpHover { background-color:#f8f9ea; } .AlphaActive { filter:alpha(opacity=99); opacity:0.99; } .AlphaHover { filter:alpha(opacity=80); opacity:0.8; } #TfmpLabel { width:152px; text-align:center; padding-top:5px; padding-bottom:5px; color:white; background-color:black; margin-left:4px; margin-bottom:4px; background:transparent url("/images/home/alpha60.png") repeat; } #TfigAdverPhoto { width:160px; height:160px; } #TfigPrimaryScene { width:152px; height:152px; background-repeat:no-repeat; background-position:center center; margin-left:4px; cursor:pointer; } #TfigSecondaryScene { width:152px; height:152px; background-repeat:no-repeat; background-position:center center; cursor:pointer; background-image:url("/images/home/tourism/1.gif"); } #TfigSubPhoto { width:160px; height:160px; background-color:white; vertical-align:top; } #TspItem1 { background-image:url("/images/home/tourism/sub1.gif"); float:left; } #TspItem2 { background-image:url("/images/home/tourism/sub2.gif"); float:left; } #TspItem3 { background-image:url("/images/home/tourism/sub3.gif"); float:left; clear:both; } #TspItem4 { background-image:url("/images/home/tourism/sub4.gif"); float:left; } .TspiActive { width:74px; height:74px; background-repeat:no-repeat; background-position:center center; margin-left:4px; margin-top:4px; cursor:pointer; } .TspiHover { width:74px; height:74px; background-repeat:no-repeat; background-position:center center; margin-left:4px; margin-top:4px; filter:alpha(opacity=80); opacity:0.8; cursor:pointer; } #TfigAdverVideo { width:160px; height:160px; background-color:white; vertical-align:top; } #TavItem1 { width:152px; height:51px; background-color:#2d8edf; color:white; margin-left:4px; margin-top:4px; text-align:center; padding-top:24px; line-height:120%; } .TaviActive { float:left; width:74px; height:60px; cursor:pointer; background-color:#2eaedf; margin-left:4px; margin-top:4px; text-align:center; color:white; font-family:Arial, Helvetica, sans-serif; font-size:36px; padding-top:14px; background-image:url("/images/home/player-1.png"); background-repeat:no-repeat; background-position:55px 55px; } .TaviHover { float:left; width:74px; height:60px; cursor:pointer; background-color:#4fbee8; margin-left:4px; margin-top:4px; text-align:center; color:white; font-family:Arial, Helvetica, sans-serif; font-size:36px; padding-top:14px; background-image:url("/images/home/player-1.png"); background-repeat:no-repeat; background-position:55px 55px; }