/*------------------------------------------------------------- MICROSOFT / COSD ------------------------------------------------------------- Description: Common styles Filename: core.css Date: jun 03, 2008 ------------------------------------------------------------- */ /* ========================================================================// Index of styles used in specific elements and components for the project within this CSS. 1. ELEMENTS 2. COMMON 3. HEADER 4. FOOTER 5. CONTAINED 6. HOME 7. PROFILE Used in: ========================================================================// /* ========================================================================// 1. ELEMENTS: These selectors are only applied to the elements mentioned below. ========================================================================// */ body {font-family:Verdana, Arial, Helvetica, sans-serif; } /* ========================================================================// 2. COMMON: These selectors are applied to elements throughout the whole page. ========================================================================// */ #ly_common {background:#fff; padding:5px 0 34px 0;} #cntr_main {margin:0;width:1002px;left:0;margin:auto;} #ttl_common{background:url(../images/common/ttl.gif) no-repeat top left;height:27px; border-bottom:#9c9c9c 2px solid;width:1002px; margin-top:34px; padding-bottom:13px;} #ttl_common h2{ display:none;} #ttl_common_gfs{background:url(../images/common/ttl_gfs.gif) no-repeat top right;height:19px;width:380px; padding:0 0 0 616px; margin:3px 6px 0 0;} #ttl_common_win{background:url(../images/common/ttl_windows.gif) no-repeat top left;height:15px;width:604px;} #ttl_common_win h2{ display:none;} #navi_home{background:url(../images/common/menu_home.gif) no-repeat top left; width:67px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_home:hover{background:url(../images/common/menu_home.gif) no-repeat bottom left; width:67px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_home span{display:none;} #navi_home_on{background:url(../images/common/menu_home.gif) no-repeat bottom left; width:67px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_home_on span{display:none;} #navi_cosd_jobs{background:url(../images/common/menu_cosd_jobs.gif) no-repeat top left; width:128px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_cosd_jobs:hover{background:url(../images/common/menu_cosd_jobs.gif) no-repeat bottom left; width:128px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_cosd_jobs span{display:none;} .navi_lu {height:23px;} #navi_jobs_microsoft{background:url(../images/common/menu_jobs_microsoft.gif) no-repeat top left; width:176px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_jobs_microsoft span{display:none;} #navi_jobs_microsoft:hover{background:url(../images/common/menu_jobs_microsoft.gif) no-repeat bottom left; width:176px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_jobs_microsoft_on{background:url(../images/common/menu_jobs_microsoft.gif) no-repeat bottom left; width:176px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_jobs_microsoft_on span{display:none;} #navi_videos{background:url(../images/common/menu_videos.gif) no-repeat top left; width:78px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_videos span{display:none;} #navi_videos:hover{background:url(../images/common/menu_videos.gif) no-repeat bottom left; width:78px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_videos_on{background:url(../images/common/menu_videos.gif) no-repeat bottom left; width:78px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_videos_on span{display:none;} #navi_blogs{background:url(../images/common/menu_blogs.gif) no-repeat top left; width:69px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_blogs:hover{background:url(../images/common/menu_blogs.gif) no-repeat bottom left; width:69px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_blogs span{display:none;} #navi_blogs_on{background:url(../images/common/menu_blogs.gif) no-repeat bottom left; width:69px; height:13px; margin-bottom:5px; margin-top:6px; float:left;} #navi_blogs_on span{display:none;} #item_all_jobs span{display:none;} #item_dev_jobs span{display:none;} #item_test_jobs span{display:none;} #item_syst_engin_jobs span{display:none;} #item_operations_jobs span{display:none;} #menu a {display:block;} .position_item{ margin-left:-5px; #margin-left:-140px;margin-top:23px; border-top:3px solid transparent;} a#item_all_jobs{width:157px;height:17px;background:url(../images/common/item_all_jobs.gif) top left;display:block;} a#item_all_jobs:visited{width:157px;height:17px;background:url(../images/common/item_all_jobs.gif) top left;display:block;} a#item_all_jobs:hover{width:157px;height:17px;background:url(../images/common/item_all_jobs.gif) bottom left;display:block;} a#item_all_jobs span{display:none;} a#item_dev_jobs{width:157px;height:17px;background:url(../images/common/item_dev_jobs.gif) top left;display:block;} a#item_dev_jobs:visited{width:157px;height:17px;background:url(../images/common/item_dev_jobs.gif) top left;display:block;} a#item_dev_jobs:hover{width:157px;height:17px;background:url(../images/common/item_dev_jobs.gif) bottom left;display:block;} a#item_dev_jobs span{display:none;} a#item_test_jobs{width:157px;height:17px;background:url(../images/common/item_test_jobs.gif) top left;display:block;} a#item_test_jobs:visited{width:157px;height:17px;background:url(../images/common/item_test_jobs.gif) top left;display:block;} a#item_test_jobs:hover{width:157px;height:17px;background:url(../images/common/item_test_jobs.gif) bottom left;display:block;} a#item_test_jobs span{display:none;} a#item_prog_manag_jobs{width:157px;height:17px;background:url(../images/common/item_prog_manag_jobs.gif) top left;display:block;} a#item_prog_manag_jobs:visited{width:157px;height:17px;background:url(../images/common/item_prog_manag_jobs.gif) top left;display:block;} a#item_prog_manag_jobs:hover{width:157px;height:17px;background:url(../images/common/item_prog_manag_jobs.gif) bottom left;display:block;} a#item_prog_manag_jobs span{display:none;} a#item_syst_engin_jobs{width:157px;height:17px;background:url(../images/common/item_syst_engin_jobs.gif) top left;display:block;} a#item_syst_engin_jobs:visited{width:157px;height:17px;background:url(../images/common/item_syst_engin_jobs.gif) top left;display:block;} a#item_syst_engin_jobs:hover{width:157px;height:17px;background:url(../images/common/item_syst_engin_jobs.gif) bottom left;display:block;} a#item_syst_engin_jobs span{display:none;} a#item_operations_jobs{width:157px;height:20px;background:url(../images/common/item_operations_jobs.gif) top left;display:block;} a#item_operations_jobs:visited{width:157px;height:20px;background:url(../images/common/item_operations_jobs.gif) top left;display:block;} a#item_operations_jobs:hover{width:157px;height:20px;background:url(../images/common/item_operations_jobs.gif) bottom left;display:block;} a#item_operations_jobs span{display:none;} li {float:left;} li ul { position:absolute; margin:-10px 0 0 10px; display:none;z-index:600;} li ul li {width:100%;float:none; #margin-bottom:-1em; #height:30px;} li:hover ul { display:block; } .breakeronly {clear:both;height:0;font-size:0;margin:0;padding:0;} /* ========================================================================// 3. HEADER: These selectors are only applied to the header selectors mentioned below. ========================================================================// */ /* ========================================================================// 4. FOOTER: These selectors are only applied to the footer selectors below. ========================================================================// */ #footer_microsoft{background:url(../images/common/logo_microsoft.gif) no-repeat top left; width:96px; height:24px; float:right} #footer_microsoft a {width:96px; height:24px;display:block;} #footer_microsoft span{ display:none;} #footer_legal{ font-size:9px; color:#666;float:left; margin:11px 15px 0 0; } #footer_link { margin:11px 10px 0 0;float:left;font-size:9px; color:#666;} #footer_link a {color:#666; text-decoration:none;} #footer_link a:hover {text-decoration:underline;} #footer_icon {margin-top:20px;float:right;} .footer_padding{ padding-bottom:1px;} /* ========================================================================// 5. CONTAINED: These selectors are only applied to the contained selectors below. ========================================================================// */ /* ========================================================================// 6. HOME: These selectors are only applied to the contained selectors below. ========================================================================// */ #bg_people {background:url(../images/common/bg_body.jpg) no-repeat top left; width:1002px; height:688px;} .content_txt{ position:absolute;font-size:11px;line-height:13px; color:#666; padding-top:18px; padding-left:46px; width:512px;margin:0; text-align:left;z-index:500;} #hsp1, #hsp2, #hsp3, #hsp4, #hsp5, #hsp5_5, #hsp6 {z-index:410;} #hsp1 {position:absolute;height:168px; width:208px; margin:145px 0 0 25px; cursor:pointer;} #hsp2 {position:absolute;height:387px; width:309px; margin:313px 0 0 233px; cursor:pointer;} #hsp3 {position:absolute;height:223px; width:181px; margin:90px 0 0 318px; cursor:pointer;} #hsp4 {position:absolute;height:208px; width:192px; margin:27px 0 0 554px; cursor:pointer;} #hsp5 {position:absolute;height:220px; width:177px; margin:28px 0 0 801px; cursor:pointer;}< #hsp5_5 {position:absolute;height:165px; width:180px; margin:133px 0 2px 785px; cursor:pointer;} #hsp6 {position:absolute;height:230px; width:210px; margin:273px 0 0 619px; cursor:pointer;} #bg_p1, #bg_p2, #bg_p3, #bg_p4, #bg_p5, #bg_p6, #bg_popup_p1,#bg_popup_p2,#bg_popup_p3,#bg_popup_p4,#bg_popup_p5,#bg_popup_p6,#hsp5_5{display:none;} #bg_p1_normal {position:absolute; background:url(../images/home/bg_p1_normal.jpg) no-repeat bottom left; height:518px; width:255px; margin:135px 0 35px 12px;} #bg_p2_normal {position:absolute; background:url(../images/home/bg_p2_normal.jpg) no-repeat top;height:387px; width:309px; margin:299px 0 0 163px;} #bg_p3_normal {position:absolute; background:url(../images/home/bg_p3_normal.jpg) no-repeat top; height:494px; width:203px; margin:133px 0 0 296px;} #bg_p4_normal {position:absolute; background:url(../images/home/bg_p4_normal.jpg) no-repeat top;height:510px; width:218px; margin:24px 0 0 524px;} #bg_p5_normal {position:absolute; background:url(../images/home/bg_p5_normal.jpg) no-repeat top;height:535px; width:223px; margin:18px 0 0 777px;} #bg_p6_normal {position:absolute; background:url(../images/home/bg_p6_normal.jpg) no-repeat bottom;height:415px; width:290px; margin:272px 0 0 572px;} #bg_p1 {position:absolute; background:url(../images/home/bg_p1.jpg) no-repeat top; height:518px; width:255px; margin:135px 0 35px 12px;} #bg_p2 {position:absolute; background:url(../images/home/bg_p2.jpg) no-repeat top;height:387px; width:309px; margin:299px 0 0 163px;} #bg_p3 {position:absolute; background:url(../images/home/bg_p3.jpg) no-repeat top; height:494px; width:203px; margin:133px 0 0 296px;} #bg_p4 {position:absolute; background:url(../images/home/bg_p4.jpg) no-repeat top;height:510px; width:218px; margin:24px 0 0 524px;} #bg_p5 {position:absolute; background:url(../images/home/bg_p5.jpg) no-repeat top;height:535px; width:223px; margin:18px 0 0 777px;} #bg_p6 {position:absolute; background:url(../images/home/bg_p6.jpg) no-repeat top;height:415px; width:290px; margin:272px 0 0 572px;} #bg_popup_p1 {position:absolute; background:url(../images/home/popup_p1.gif) no-repeat top; height:78px; width:207px; margin:389px 0 0 51px;} #bg_popup_p2 {position:absolute; background:url(../images/home/popup_p2.gif) no-repeat top; height:78px; width:218px; margin:578px 0 0 350px;} #bg_popup_p3 {position:absolute; background:url(../images/home/popup_p3.gif) no-repeat top; height:79px; width:207px; margin:357px 0 0 364px;} #bg_popup_p4 {position:absolute; background:url(../images/home/popup_p4.gif) no-repeat top; height:78px; width:205px; margin:278px 0 0 473px;} #bg_popup_p5 {position:absolute; background:url(../images/home/popup_p5.gif) no-repeat top; height:82px; width:228px; margin:314px 0 0 772px;} #bg_popup_p6 {position:absolute; background:url(../images/home/popup_p6.gif) no-repeat top; height:78px; width:205px; margin:524px 0 0 745px;} .bg_popup_copy {position:absolute;height:73px;} #bg_popup_p1_copy {background:url(../images/home/popup_p1_copy.gif) no-repeat top;width:199px;margin:4px 0 0 0px;} #bg_popup_p2_copy {background:url(../images/home/popup_p2_copy.gif) no-repeat top;width:210px;margin:4px 0 0 4px;} #bg_popup_p3_copy {background:url(../images/home/popup_p3_copy.gif) no-repeat top;width:196px;margin:4px 0 0 3px;} #bg_popup_p4_copy {background:url(../images/home/popup_p4_copy.gif) no-repeat top;width:196px;margin:5px 0 0 6px;} #bg_popup_p5_copy {background:url(../images/home/popup_p5_copy.gif) no-repeat top;width:220px;margin:4px 0 0 4px;} #bg_popup_p6_copy {background:url(../images/home/popup_p6_copy.gif) no-repeat top;width:196px;margin:4px 0 0 4px;} /* ========================================================================// 7. PROFILE: These selectors are only applied to the contained selectors below. ========================================================================// */ #bg_profile{background:url(../images/common/bg_body.jpg) no-repeat top left; width:1002px; height:688px;} #profile_p1 {position:absolute;background:url(../images/profile/bg_profile_p1.jpg) no-repeat top; height:675px; width:268px; margin:12px 0 0 0;} #profile_p2 {position:absolute;background:url(../images/profile/bg_profile_p2.jpg) no-repeat top; height:675px; width:268px; margin:12px 0 0 0;} #profile_p3 {position:absolute;background:url(../images/profile/bg_profile_p3.jpg) no-repeat top; height:675px; width:268px; margin:12px 0 0 0;} #profile_p4 {position:absolute;background:url(../images/profile/bg_profile_p4.jpg) no-repeat top; height:675px; width:268px; margin:12px 0 0 0;} #profile_p5 {position:absolute;background:url(../images/profile/bg_profile_p5.jpg) no-repeat top; height:675px; width:273px; margin:11px 0 0 2px;} #profile_p6 {position:absolute;background:url(../images/profile/bg_profile_p6.jpg) no-repeat top; height:675px; width:268px; margin:12px 0 0 0;} #bg_profile_box {position:absolute;background:url(../images/profile/bg_profile_box.jpg) no-repeat top; height:579px; width:389px; margin:69px 0 2px 275px;} #profile_p1_box h2, #profile_p2_box h2, #profile_p3_box h2, #profile_p4_box h2, #profile_p5_box h2, #profile_p6_box h2{ display:none;} #profile_p1_box{position:absolute;background:url(../images/profile/bg_profile_p1_box.gif) no-repeat top; height:77px; width:203px; margin:483px 0 0 45px;} #profile_p2_box{position:absolute;background:url(../images/profile/bg_profile_p2_box.gif) no-repeat top; height:79px; width:210px; margin:481px 0 0 45px;} #profile_p3_box{position:absolute;background:url(../images/profile/bg_profile_p3_box.gif) no-repeat top; height:93px; width:203px; margin:467px 0 0 46px;} #profile_p4_box{position:absolute;background:url(../images/profile/bg_profile_p4_box.gif) no-repeat top; height:79px; width:205px; margin:481px 0 0 45px;} #profile_p5_box{position:absolute;background:url(../images/profile/bg_profile_p5_box.gif) no-repeat top; height:89px; width:205px; margin:471px 0 0 43px;} #profile_p6_box{position:absolute;background:url(../images/profile/bg_profile_p6_box.gif) no-repeat top; height:79px; width:205px; margin:481px 0 0 45px;} #profile_p1_box_copy, #profile_p2_box_copy, #profile_p3_box_copy, #profile_p4_box_copy, #profile_p5_box_copy, #profile_p6_box_copy {position:absolute;background-repeat:no-repeat;} #profile_p1_box_copy {background-image:url(../images/profile/bg_profile_p1_box_copy.gif);width:195px;height:69px;margin:3px 0 0 4px;} #profile_p2_box_copy {background-image:url(../images/profile/bg_profile_p2_box_copy.gif);width:201px;height:70px;margin:4px 0 0 4px;} #profile_p3_box_copy {background-image:url(../images/profile/bg_profile_p3_box_copy.gif);width:196px;height:83px;margin:5px 0 0 3px;} #profile_p4_box_copy {background-image:url(../images/profile/bg_profile_p4_box_copy.gif);width:196px;height:69px;margin:5px 0 0 4px;} #profile_p5_box_copy {background-image:url(../images/profile/bg_profile_p5_box_copy.gif);width:196px;height:79px;margin:5px 0 0 4px;} #profile_p6_box_copy {background-image:url(../images/profile/bg_profile_p6_box_copy.gif);width:196px;height:69px;margin:5px 0 0 4px;} #bg_tech_box {position:absolute;background:url(../images/profile/bg_tech_box.jpg) no-repeat top; height:579px; width:312px; margin:69px 0 2px 677px;} .box_profile{font-size:11px;line-height:14px; color:#666; padding-top:475px; padding-left:56px; padding-right:12px;width:169px;} .name{font-size:11px;line-height:14px; color:#f26522;} #cntr_profile{font-size:11px;line-height:14px; color:#666; padding-top:20px; padding-left:25px; padding-right:2px; width:363px;} #cntr_profile a {color:#f26522; text-decoration:none;} #cntr_profile a:hover {text-decoration:underline;} #cntr_profile h2{font-size:22px; color:#666; font-weight:normal; margin-bottom:5px;} #cntr_profile h3{font-size:18px; color:#666; font-weight:normal; margin-bottom:14px;}/*******************/ #cntr_profile p{ margin-bottom:15px; text-align:left;} #cntr_profile_scroll{height:465px; overflow:auto; padding-right:10px;} #content_tech{font-size:11px;line-height:14px; color:#666; padding-top:26px; padding-left:21px; padding-right:17px;width:274px;} #content_tech p{ margin-bottom:13px; text-align:left;} .ttl_tech{font-size:12px; color:#666;} p.ttl_techSubP{ font-size:9px; line-height:14px; color:#666; padding:0; margin:0;} a.ttl_techLink{ color:#cc6600; text-decoration:none; text-decoration:underline;} a.ttl_techLink:hover{ text-decoration:none; } a.ttl_techCheck{font-size:11px; color:#cc6600; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;} a.ttl_techCheck:hover {text-decoration:none;} p.ttl_tech{font-size:15px; color:#626262; font-family:Verdana, Arial, Helvetica, sans-serif;} #content_tech p.ttl_techSub{font-size:13px; line-height:14px; color:#626262; padding:0 0 5px 0; margin:0;} #cntr_scrollbar .jScrollPaneTrack { background: url(../images/profile/bg_scrolltrack.gif) no-repeat; } #cntr_scrollbar .jScrollPaneDrag { background: url(../images/profile/bg_scroll.gif) no-repeat; } #cntr_scrollbar_off{padding-right:20px;} #ttl_profile_win{background:url(../images/common/ttl_windows.gif) no-repeat top left;height:14px;width:604px;position:absolute; margin:31px 0 0 44px;float:left;} #ttl_profile_win h2{ display:none;} .bg_profile_box_popup{position:absolute; width:187px; background-color:#f26522; border:#C5C2BF 1px solid;opacity: 0.95;-moz-opacity: 0.95;filter: alpha(opacity=95); z-index: 100; display:none; } .cntr_profile_popup{font-size:11px;line-height:14px; color:#fff; padding:7px 6px 7px 10px; } .cntr_profile_popup a {color: #fff;text-decoration: none;font-size:11px;} .cntr_profile_popup a:hover {color:#fff;} /* ========================================================================// 8. HIGH SLIDE: These selectors are only applied to the contained selectors below. ========================================================================// */ .highslide-body li {float:none;} .highslide-html {background-color: #f26522;} .highslide-html-content {position: absolute;display: none; } .highslide-body li {margin:0 0 0 15px; list-style:disc;} .highslide-wrapper .highslide-html-content {width: 400px;padding:5px 10px 0 10px;} .highslide-wrapper .highslide-header ul {margin: 0;padding: 0;text-align: right;} .highslide-header{float:left;margin-bottom:10px;} .highslide-wrapper .highslide-header ul li {display: inline;padding-left: 1em;} .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display: none;} .highslide-wrapper .highslide-header a {color: #fff;text-decoration: none;font-size:9px;} .highslide-wrapper .highslide-header a:hover {color:#fff;} .highslide-wrapper .highslide-header .highslide-move a {cursor: move;} .highslide-wrapper .highslide-footer {height: 11px;} .highslide-wrapper .highslide-footer .highslide-resize {float: right;height: 11px;width: 11px;background: url(images/resize.gif);} .highslide-body {font-size:11px;line-height:14px;color:#666; overflow:hidden;} .highslide-body p {margin-bottom:10px;} .highslide-body a {color:#666; stext-decoration:none;} .highslide-body a:hover {text-decoration:underline;} .highslide-ttl {font-size:15px; color:#fff; float:left; width:260px;margin-top:3px;} .highslide-job {font-size:13px; color:#fff;} .highslide-display-block {display: block;} .highslide-display-none {display: none;} /* ========================================================================// 9. BLOG: These selectors are only applied to the contained selectors below. ========================================================================// */ #bg_blog_box {position:absolute;background:url(../images/blogs/bg_blog.jpg) no-repeat top; height:571px; width:787px; margin:69px 0 0 29px;} #blog_ttl_1{position:absolute;background:url(../images/blogs/ttl_latest.jpg) no-repeat top left; width:286px; height:20px; margin:43px 0 0 28px; float:left; display:inline;} #blog_ttl_1 h2{ display:none;} #navi_blog{position:absolute;background:url(../images/blogs/ttl_view_blogs.jpg) no-repeat top left; width:54px; height:20px; margin:43px 0 0 315px; float:left; display:inline;} #navi_blog span{ display:none;} #content_blog{font-size:11px;line-height:14px; color:#636a6a; padding-top:25px; padding-left:43px;width:700px;} #content_blog p{text-align:left;} .ttl_blog{font-size:14px; color:#636a6a; line-height:16px;} #nav_numbers {position:absolute; width:250px; height:15px;margin:43px 0 0 572px;} #nav_numbers .active {color:#f36f30;} #navi_previous{background:url(../images/blogs/bttn_previous.gif) no-repeat top left; width:68px; height:13px; float:left; display:inline;} #navi_previous:hover{background:url(../images/blogs/bttn_previous.gif) no-repeat bottom left; width:68px; height:13px; float:left; display:inline;} #navi_previous span{ display:none;} #navi_next{background:url(../images/blogs/bttn_next.gif) no-repeat bottom left; width:54px; height:13px; float:left;} #navi_next:hover{background:url(../images/blogs/bttn_next.gif) no-repeat top left; width:54px; height:13px;float:left;} #navi_next span{ display:none;} #bg_gfs_related { border:dotted 2px; width:735px; margin:21px 0 13px 32px; height:98px; min-height:98px;background:url(../images/blogs/bg_gfs_related.gif) no-repeat top right #FFFFFF;} .blog_headline {font-size:9px; color:#666;float:left; margin:13px 0 4px 21px; width: 690px;} .blog_title {font-size:13px; color:#666; margin:0 0 4px 21px; width: 690px;} .blog_title a {color:#f36f30;} .blog_p {font-size:11px; color:#636a6a; margin:0 0 12px 21px; width: 690px; line-height:13px;} .blog_numb {font-size:11px; color:#636a6a;cursor:pointer;display:inline;float:left;/*position:absolute;*/width:13px; height:13px;border:1px dotted #ccc;color:#636A6A;font-size:10px;text-align:center;margin:0 1px 0 1px;} .blog_numb:hover {color:#f36f30;} #txt_gfs_bottom {width:690px; margin:0 0 50px 34px;} /* ========================================================================// 10. WHY_WORK: These selectors are only applied to the contained selectors below. ========================================================================// */ #bg_why_box {position:absolute;background:url(../images/why_work/bg_why.jpg) no-repeat top; height:571px; width:787px; margin:79px 0 0 26px;} #why_ttl_1{position:absolute;background:url(../images/why_work/ttl_why_work.jpg) no-repeat top left; width:270px; height:37px; margin:41px 0 0 28px; float:left; display:inline;} #why_ttl_1 h2{ display:none;} #bttn_impact{position:absolute;background:url(../images/why_work/bttn_impact.gif) no-repeat bottom left; width:113px; height:23px; margin:6px 0 0 1px; float:left; display:block;} #bttn_impact:hover{position:absolute;background:url(../images/why_work/bttn_impact.gif) no-repeat top left; width:113px; height:23px; margin:6px 0 0 1px; float:left; display:block;} #bttn_impact span{ display:none;} #bttn_impact_on{position:absolute;background:url(../images/why_work/bttn_impact.gif) no-repeat top left; width:113px; height:23px; margin:6px 0 0 1px; float:left; display:block;} #bttn_impact_on span{ display:none;} #bttn_culture{position:absolute;background:url(../images/why_work/bttn_culture.gif) no-repeat bottom left; width:113px; height:23px; margin:33px 0 0 1px; float:left; display:block;} #bttn_culture:hover{position:absolute;background:url(../images/why_work/bttn_culture.gif) no-repeat top left; width:113px; height:23px; margin:33px 0 0 1px; float:left; display:block;} #bttn_culture span{ display:none;} #bttn_culture_on{position:absolute;background:url(../images/why_work/bttn_culture.gif) no-repeat top left; width:113px; height:23px; margin:33px 0 0 1px; float:left; display:block;} #bttn_culture_on span{ display:none;} #bttn_risk{position:absolute;background:url(../images/why_work/bttn_risk.gif) no-repeat bottom left; width:113px; height:23px; margin:62px 0 0 1px; float:left; display:block;} #bttn_risk:hover{position:absolute;background:url(../images/why_work/bttn_risk.gif) no-repeat top left; width:113px; height:23px; margin:62px 0 0 1px; float:left; display:block;} #bttn_risk span{ display:none;} #bttn_risk_on{position:absolute;background:url(../images/why_work/bttn_risk.gif) no-repeat top left; width:113px; height:23px; margin:62px 0 0 1px; float:left; display:block;} #bttn_risk_on span{ display:none;} #bttn_innovation{position:absolute;background:url(../images/why_work/bttn_innovation.gif) no-repeat bottom left; width:113px; height:23px; margin:92px 0 0 1px; float:left; display:block;} #bttn_innovation:hover{position:absolute;background:url(../images/why_work/bttn_innovation.gif) no-repeat top left; width:113px; height:23px; margin:92px 0 0 1px; float:left; display:block;} #bttn_innovation span{ display:none;} #bttn_innovation_on{position:absolute;background:url(../images/why_work/bttn_innovation.gif) no-repeat top left; width:113px; height:23px; margin:92px 0 0 1px; float:left; display:block;} #bttn_innovation_on span{ display:none;} #bttn_network{position:absolute;background:url(../images/why_work/bttn_network.gif) no-repeat bottom left; width:113px; height:23px; margin:119px 0 0 1px; float:left; display:block;} #bttn_network:hover{position:absolute;background:url(../images/why_work/bttn_network.gif) no-repeat top left; width:113px; height:23px; margin:119px 0 0 1px; float:left; display:block;} #bttn_network span{ display:none;} #bttn_network_on{position:absolute;background:url(../images/why_work/bttn_network.gif) no-repeat top left; width:113px; height:23px; margin:119px 0 0 1px; float:left; display:block;} #bttn_network_on span{ display:none;} #bttn_yourwork{position:absolute;background:url(../images/why_work/bttn_yourwork.gif) no-repeat bottom left; width:113px; height:23px; margin:148px 0 0 1px; float:left; display:block;} #bttn_yourwork:hover{position:absolute;background:url(../images/why_work/bttn_yourwork.gif) no-repeat top left; width:113px; height:23px; margin:148px 0 0 1px; float:left; display:block;} #bttn_yourwork span{ display:none;} #bttn_yourwork_on{position:absolute;background:url(../images/why_work/bttn_yourwork.gif) no-repeat top left; width:113px; height:23px; margin:148px 0 0 1px; float:left; display:block;} #bttn_yourwork_on span{ display:none;} #bttn_super{position:absolute;background:url(../images/why_work/bttn_super.gif) no-repeat bottom left; width:113px; height:23px; margin:177px 0 0 1px; float:left; display:block;} #bttn_super:hover{position:absolute;background:url(../images/why_work/bttn_super.gif) no-repeat top left; width:113px; height:23px; margin:177px 0 0 1px; float:left; display:block;} #bttn_super span{ display:none;} #bttn_super_on{position:absolute;background:url(../images/why_work/bttn_super.gif) no-repeat top left; width:113px; height:23px; margin:177px 0 0 1px; float:left; display:block;} #bttn_super_on span{ display:none;} #bttn_grow{position:absolute;background:url(../images/why_work/bttn_grow.gif) no-repeat bottom left; width:113px; height:23px; margin:205px 0 0 1px; float:left; display:block;} #bttn_grow:hover{position:absolute;background:url(../images/why_work/bttn_grow.gif) no-repeat top left; width:113px; height:23px; margin:205px 0 0 1px; float:left; display:block;} #bttn_grow span{ display:none;} #bttn_grow_on{position:absolute;background:url(../images/why_work/bttn_grow.gif) no-repeat top left; width:113px; height:23px; margin:205px 0 0 1px; float:left; display:block;} #bttn_grow_on span{ display:none;} #bttn_start{position:absolute;background:url(../images/why_work/bttn_star.gif) no-repeat bottom left; width:113px; height:23px; margin:233px 0 0 1px; float:left; display:block;} #bttn_start:hover{position:absolute;background:url(../images/why_work/bttn_star.gif) no-repeat top left; width:113px; height:23px; margin:233px 0 0 1px; float:left; display:block;} #bttn_start span{ display:none;} #bttn_start_on{position:absolute;background:url(../images/why_work/bttn_star.gif) no-repeat top left; width:113px; height:23px; margin:233px 0 0 1px; float:left; display:block;} #bttn_start_on span{ display:none;} #bttn_options{position:absolute;background:url(../images/why_work/bttn_options.gif) no-repeat bottom left; width:113px; height:23px; margin:261px 0 0 1px; float:left; display:block;} #bttn_options:hover{position:absolute;background:url(../images/why_work/bttn_options.gif) no-repeat top left; width:113px; height:23px; margin:261px 0 0 1px; float:left; display:block;} #bttn_options span{ display:none;} #bttn_options_on{position:absolute;background:url(../images/why_work/bttn_options.gif) no-repeat top left; width:113px; height:23px; margin:261px 0 0 1px; float:left; display:block;} #bttn_options_on span{ display:none;} #bttn_why{position:absolute;background:url(../images/why_work/bttn_why.gif) no-repeat bottom left; width:113px; height:23px; margin:289px 0 0 1px; float:left; display:block;} #bttn_why:hover{position:absolute;background:url(../images/why_work/bttn_why.gif) no-repeat top left; width:113px; height:23px; margin:289px 0 0 1px; float:left; display:block;} #bttn_why span{ display:none;} #bttn_why_on{position:absolute;background:url(../images/why_work/bttn_why.gif) no-repeat top left; width:113px; height:23px; margin:289px 0 0 1px; float:left; display:block;} #bttn_why_on span{ display:none;} #txt_why_top {width:575px; margin:30px 0 0 46px; height:155px; float:left; display:block} #txt_why_top_1 {width:575px; margin:30px 0 0 46px; height:492px; float:left; display:block} #bg_why_menuleft {background:url(../images/why_work/bg_why_menuleft.jpg) no-repeat top; height:317px; width:115px; margin:11px 0 0 22px; float:left; display:inline;} #txt_why_bottom {width:520px; height:335px; margin:0 0 0 41px; float:left; display:block} #why_1 {background:url(../images/why_work/img_why_1.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_2 {background:url(../images/why_work/img_why_2.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_3 {background:url(../images/why_work/img_why_3.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_4 {background:url(../images/why_work/img_why_4.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_5 {background:url(../images/why_work/img_why_5.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_6 {background:url(../images/why_work/img_why_6.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_7 {background:url(../images/why_work/img_why_7.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_8 {background:url(../images/why_work/img_why_8.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_9 {background:url(../images/why_work/img_why_9.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_10 {background:url(../images/why_work/img_why_10.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_11 {background:url(../images/why_work/img_why_11.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_12 {background:url(../images/why_work/img_why_12.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_13 {background:url(../images/why_work/img_why_13.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_14 {background:url(../images/why_work/img_why_14.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_15 {background:url(../images/why_work/img_why_15.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_16 {background:url(../images/why_work/img_why_16.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_17 {background:url(../images/why_work/img_why_17.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_18 {background:url(../images/why_work/img_why_18.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_19 {background:url(../images/why_work/img_why_19.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_20 {background:url(../images/why_work/img_why_20.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_21 {background:url(../images/why_work/img_why_21.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_22 {background:url(../images/why_work/img_why_22.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_23 {background:url(../images/why_work/img_why_23.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_24 {background:url(../images/why_work/img_why_24.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_25 {background:url(../images/why_work/img_why_25.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_26 {background:url(../images/why_work/img_why_26.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} #why_27 {background:url(../images/why_work/img_why_27.jpg) no-repeat top left; height:115px; float:left; display:inline; width:520px; float:left; display:block} #why_28 {background:url(../images/why_work/img_why_28.jpg) no-repeat top left; height:113px; float:left; display:inline; width:520px; float:left; display:block} #why_29 {background:url(../images/why_work/img_why_29.jpg) no-repeat top left; height:109px; float:left; display:inline; width:520px; float:left; display:block} .why_title {font-size:13px; color:#f36f30; line-height:17px; padding-bottom:7px;} .why_title a {color:#f36f30; text-decoration:none} .why_title:a:hover {color:#f36f30; text-decoration:underline;} .why_p {font-size:11px; color:#636a6a; line-height:14px; padding-bottom:16px;} .why_p a {color:#f36f30; text-decoration:none} .why_p a:hover {color:#f36f30; text-decoration:underline} .why_title_1 {font-size:13px; color:#f36f30; line-height:17px; margin:35px 0 0 165px;} .why_title_1 a {color:#f36f30; text-decoration:none} .why_title_1 a:hover {color:#f36f30; text-decoration:underline;} .why_p_1 {font-size:11px; color:#636a6a; line-height:13px; margin:0 0 0 165px;} #nav_why_bttns { position:absolute;width:112px; height:11px;margin:9px 0 0 648px;} #bttn_previous{background:url(../images/why_work/bttn_previous.jpg) no-repeat bottom left; width:55px; height:11px; float:left; display:inline;} #bttn_previous:hover{background:url(../images/why_work/bttn_previous.jpg) no-repeat top left; width:55px; height:11px; float:left; display:inline;} #bttn_previous span{ display:none;} #bttn_line{background:url(../images/why_work/why_line.jpg) no-repeat top left; width:20px; height:11px; float:left; display:inline;} #bttn_next{background:url(../images/why_work/bttn_next.jpg) no-repeat bottom left; width:37px; height:11px; float:left;} #bttn_next:hover{background:url(../images/why_work/bttn_next.jpg) no-repeat top left; width:37px; height:11px;float:left;} #bttn_next span{ display:none;} /* ========================================================================// 11. VIDEO: These selectors are only applied to the contained selectors below. ========================================================================// */ #bg_video_menuleft {background:url(../images/video/bg_video_menuleft.jpg) no-repeat top; height:174px; width:215px; margin:67px 0 0 29px; float:left; display:inline;} #bttn_featured{position:absolute;background:url(../images/video/bttn_featured.gif) no-repeat bottom left; width:215px; height:27px; margin:3px 0 0 0; float:left; display:block;} #bttn_featured:hover{position:absolute;background:url(../images/video/bttn_featured.gif) no-repeat top left; width:215px; height:27px; margin:3px 0 0 0; float:left; display:block;} #bttn_featured span{ display:none;} #bttn_featured_on{position:absolute;background:url(../images/video/bttn_featured.gif) no-repeat top left; width:215px; height:27px; margin:3px 0 0 0; float:left; display:block;} #bttn_featured_on span{ display:none;} #bttn_employee{position:absolute;background:url(../images/video/bttn_employee.gif) no-repeat bottom left; width:215px; height:27px; margin:30px 0 0 0; float:left; display:block;} #bttn_employee:hover{position:absolute;background:url(../images/video/bttn_employee.gif) no-repeat top left; width:215px; height:27px; margin:30px 0 0 0; float:left; display:block;} #bttn_employee span{ display:none;} #bttn_employee_on{position:absolute;background:url(../images/video/bttn_employee.gif) no-repeat top left; width:215px; height:27px; margin:30px 0 0 0; float:left; display:block;} #bttn_employee_on span{ display:none;} #bttn_microsoft{position:absolute;background:url(../images/video/bttn_microsoft.gif) no-repeat bottom left; width:215px; height:27px; margin:59px 0 0 0; float:left; display:block;} #bttn_microsoft:hover{position:absolute;background:url(../images/video/bttn_microsoft.gif) no-repeat top left; width:215px; height:27px; margin:59px 0 0 0; float:left; display:block;} #bttn_microsoft span{ display:none;} #bttn_microsoft_on{position:absolute;background:url(../images/video/bttn_microsoft.gif) no-repeat top left; width:215px; height:27px; margin:59px 0 0 0; float:left; display:block;} #bttn_microsoft_on span{ display:none;} #bttn_cowboy{position:absolute;background:url(../images/video/bttn_cowboy.gif) no-repeat bottom left; width:215px; height:27px; margin:89px 0 0 0; float:left; display:block;} #bttn_cowboy:hover{position:absolute;background:url(../images/video/bttn_cowboy.gif) no-repeat top left; width:215px; height:27px; margin:89px 0 0 0; float:left; display:block;} #bttn_cowboy span{ display:none;} #bttn_cowboy_on{position:absolute;background:url(../images/video/bttn_cowboy.gif) no-repeat top left; width:215px; height:27px; margin:89px 0 0 0; float:left; display:block;} #bttn_cowboy_on span{ display:none;} #bttn_life{position:absolute;background:url(../images/video/bttn_life.gif) no-repeat bottom left; width:215px; height:27px; margin:117px 0 0 0; float:left; display:block;} #bttn_life:hover{position:absolute;background:url(../images/video/bttn_life.gif) no-repeat top left; width:215px; height:27px; margin:117px 0 0 0; float:left; display:block;} #bttn_life span{ display:none;} #bttn_life_on{position:absolute;background:url(../images/video/bttn_life.gif) no-repeat top left; width:215px; height:27px; margin:117px 0 0 0; float:left; display:block;} #bttn_life_on span{ display:none;} #bttn_define{position:absolute;background:url(../images/video/bttn_define.gif) no-repeat bottom left; width:215px; height:27px; margin:144px 0 0 0; float:left; display:block;} #bttn_define:hover{position:absolute;background:url(../images/video/bttn_define.gif) no-repeat top left; width:215px; height:27px; margin:144px 0 0 0; float:left; display:block;} #bttn_define span{ display:none;} #bttn_define_on{position:absolute;background:url(../images/video/bttn_define.gif) no-repeat top left; width:215px; height:27px; margin:144px 0 0 0; float:left; display:block;} #bttn_define_on span{ display:none;} #video_top_ctn {/*background:url(../images/video/big_video.jpg) no-repeat top left;*/ width:495px; margin:27px 0 0 21px; /*height:388px;*/ float:left; display:block; /*cursor:pointer*/} #video_top {background:url(../images/video/big_video.jpg) no-repeat top left; width:490px;/* margin:27px 0 0 21px; float:left; */ height:388px; display:block; cursor:pointer} #video_top_mic {background:url(../images/video/big_video_mic.jpg) no-repeat top left; width:490px;/* margin:27px 0 0 21px; float:left; */ height:388px; display:block; cursor:pointer} #video_top_cow {background:url(../images/video/big_video_cow.jpg) no-repeat top left; width:490px;/* margin:27px 0 0 21px; float:left; */ height:388px; display:block; cursor:pointer} #video_top_life {background:url(../images/video/big_video_life.jpg) no-repeat top left; width:490px;/* margin:27px 0 0 21px; float:left; */ height:388px; display:block; cursor:pointer} #video_top_def {background:url(../images/video/big_video_def.jpg) no-repeat top left; width:490px;/* margin:27px 0 0 21px; float:left; */ height:388px; display:block; cursor:pointer} #video_1 {background:url(../images/video/img_video_1.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_2 {background:url(../images/video/img_video_2.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_3 {background:url(../images/video/img_video_3.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_4 {background:url(../images/video/img_video_4.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_5 {background:url(../images/video/img_video_5.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_emp_1 {background:url(../images/video/img_video_emp_1.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_emp_2 {background:url(../images/video/img_video_emp_2.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_emp_3 {background:url(../images/video/img_video_emp_3.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_emp_4 {background:url(../images/video/img_video_emp_4.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_emp_5 {background:url(../images/video/img_video_emp_5.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_emp_6 {background:url(../images/video/img_video_emp_6.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_emp_7 {background:url(../images/video/img_video_emp_7.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_emp_8 {background:url(../images/video/blank.gif) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_emp_9 {background:url(../images/video/blank.gif) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_emp_10 {background:url(../images/video/iblank.gif) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_emp_11 {background:url(../images/video/blank.gif) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_emp_12 {background:url(../images/video/blank.gif) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_mic_1 {background:url(../images/video/img_video_mic_1.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_mic_2 {background:url(../images/video/img_video_mic_2.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_mic_3 {background:url(../images/video/img_video_mic_3.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_cow_1 {background:url(../images/video/img_video_cow_1.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_cow_2 {background:url(../images/video/img_video_cow_2.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_cow_3 {background:url(../images/video/img_video_cow_3.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_cow_4 {background:url(../images/video/img_video_cow_4.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_cow_5 {background:url(../images/video/img_video_cow_5.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_1 {background:url(../images/video/img_video_life_1.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_2 {background:url(../images/video/img_video_life_2.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_3 {background:url(../images/video/img_video_life_3.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_4 {background:url(../images/video/img_video_life_4.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_5 {background:url(../images/video/img_video_life_5.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_6 {background:url(../images/video/img_video_life_6.jpg) no-repeat top left; width:165px; height:128px; margin-bottom:1px; float:left; display:block; cursor:pointer} #video_life_7 {background:url(../images/video/img_video_life_7.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_8 {background:url(../images/video/img_video_life_8.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_9 {background:url(../images/video/img_video_life_9.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_10 {background:url(../images/video/img_video_life_10.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_11 {background:url(../images/video/img_video_life_11.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_12 {background:url(../images/video/img_video_life_12.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_13 {background:url(../images/video/img_video_life_13.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_14 {background:url(../images/video/img_video_life_14.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_15 {background:url(../images/video/img_video_life_15.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_16 {background:url(../images/video/img_video_life_16.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_17 {background:url(../images/video/img_video_life_17.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_18 {background:url(../images/video/img_video_life_18.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_life_19 {background:url(../images/video/img_video_life_19.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_20 {background:url(../images/video/img_video_life_20.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_21 {background:url(../images/video/img_video_life_21.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_life_22 {background:url(../images/video/img_video_life_22.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_1 {background:url(../images/video/img_video_def_1.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_2 {background:url(../images/video/img_video_def_2.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_3 {background:url(../images/video/img_video_def_3.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_4 {background:url(../images/video/img_video_def_4.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_5 {background:url(../images/video/img_video_def_5.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_6 {background:url(../images/video/img_video_def_6.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_7 {background:url(../images/video/img_video_def_7.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_8 {background:url(../images/video/img_video_def_8.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_9 {background:url(../images/video/img_video_def_9.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_10 {background:url(../images/video/img_video_def_10.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_11 {background:url(../images/video/img_video_def_11.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_12 {background:url(../images/video/img_video_def_12.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_13 {background:url(../images/video/img_video_def_13.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_14 {background:url(../images/video/img_video_def_14.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_15 {background:url(../images/video/img_video_def_15.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_16 {background:url(../images/video/img_video_def_16.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_17 {background:url(../images/video/img_video_def_17.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_18 {background:url(../images/video/img_video_def_18.jpg) no-repeat top left; width:165px; height:128px; float:left; display:block; cursor:pointer} #video_def_19 {background:url(../images/video/img_video_def_19.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_20 {background:url(../images/video/img_video_def_20.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} #video_def_21 {background:url(../images/video/img_video_def_21.jpg) no-repeat top left; width:165px; height:128px; /*margin-top:388px;*/ float:left; display:block; cursor:pointer} .video_p {font-size:12px; color:#636a6a; line-height:14px; margin:20px 0 0 14px;} .video_p_1 {font-size:10px; color:#636a6a; line-height:13px; margin:94px 0 0 14px;} .video_p_2 {font-size:10px; color:#ffffff; line-height:12px; margin:0 0 0 369px;} .video_p_2 a {color:#ffffff; text-decoration:none} .video_p_2 a:hover {color:#ffffff; text-decoration:underline} #mc_opacity { display:none; position:absolute; top:0; left:0; height:1050px; width:100%; background: url(../images/video/bg_darknening.gif) repeat top left; z-index:2; /*filter:alpha(opacity=45); opacity:.45;*/ } #popup_close{background:url(../images/video/pop_close.jpg);display:block;height:15px;width:15px;float:right;} #popup_close span{display:none;} #ttl_popContainer{ height:19px; display:block; width:481px; } #newwindow{ top:149px; left:50%; margin-left:-276px; position:absolute; background: url(../images/video/pop_bg.gif) no-repeat top left; width:482px; height:561px; z-index:5; display:none; padding:8px; } #ttl_popTxt{ font-weight:bold; font-size:10px; float:left; color:#636a6a; padding:1px 0 8px 1px;} #popTxtTtl{ font-weight:bold; } .clear{ clear:both; } #pop_vid{ width:481px; height:361px; display:block; background:url(../images/video/pop_img01.jpg) no-repeat top left;; } #pop_vid_contr{ width:481px; height:35px; display:block; background:url(../images/video/pop_player.jpg) no-repeat top left;; } #pop_left_box{ width:305px; height:122px; display:block; background:url(../images/video/pop_text02.jpg) no-repeat top left; float:left; padding:14px 0 0 12px; line-height:12px; } #pop_right_box{ width:146px; height:122px; display:block; background:url(../images/video/pop_text01.jpg) no-repeat top left; float:left; padding:14px 0 0 12px; line-height:12px; margin:0 0 0 7px;} .poplinks{ font-size:10px; color:#f26522; text-decoration:underline; } .popTxt{ font-size:10px; float:left; color:#636a6a;} .pop_vid_div{ display:block; height:4px; width:481px; }