﻿/*
    All styles found in this stylesheet are page specific */        
        
    /* Homepage */
    
        .home .h1_link { position: absolute; background: #000; display: block; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; width: 250px; height: 35px; }
        .home .column { float: left; width: 278px;}
            .home .no_marg_r { margin-right: 0px; width: auto;}
            .home .pc { width: 345px; margin: -16px -25px 0px 5px;}
        .home .column h1, .home .column h2 { margin: 0px; margin-bottom: 5px; }
        .home .column h2 { margin-top: 0px; }
        .home .column .container { width: 244px; }
            .home .column .container a.podlink { position: relative; z-index: 50;}
            .home .column .container a.podlink img { border: 1px solid #2F2D2D; }
            .home .column .container a.podlink:hover img { border: 1px solid #666; }

        .home .column_top { float: left; width: 194px;}
        .home .column_top .container { width: 150px }
        .home .column_top .container a.podlink { position: relative; z-index: 50;}
        .home .column_top .container a.podlink img { border: 1px solid #2F2D2D; }
        .home .column_top .container a.podlink:hover img { border: 1px solid #666; }
        .home .mobi {margin-right: -30px; position: relative;}
        .home .mobi .container a.podlink { display: block; width: 247px; height: 62px; border-bottom: 1px solid #000; background: url(/App_Uploads_Img/Homepage/reelthumb_mobile.gif) no-repeat; }
        .home .mobi .container a.podlink:hover { background: url(/App_Uploads_Img/Homepage/reelthumb_mobile_h.gif) no-repeat;}
                        
            .topmenu { position:absolute; width:244px; margin-left: 1px; height:0px; margin-top: 82px; z-index:200; overflow:hidden; background:#000; /*filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;*/ }
            .topmenu .splash { position: absolute; margin: 5px 0px 0px 45px; width: 159px; height: 143px; background: url(/images/splash_quicktime.gif) no-repeat; }
            .topmenu .object{ display: none;}
            .topmenu .object_int { position: absolute; z-index: 9; width: 244px; text-align: center; }
            .topmenu .button { position: absolute; z-index: 10;width: 250px; margin: 150px 0px 0px 8px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
            .topmenu .button img { cursor: pointer; display: inline }
            .topmenu .button a { margin-right: 105px; }
            .topmenu .int a { margin: 0px; }
            .pod_prev { float: left; margin: 0px 3px;}
            .pod_next { float: left; margin-right: 0px;  }
            .pod_prev_LG { clear: left;  margin-right: 5px; }
            .pod_img_LG { margin-bottom: 5px }

            .close_link { margin-right: 0px;}
            .launch_link { margin-left: 0px; }
            
            .container .text { /*padding: 95px 5px 0px 5px; */}
            .home .sublinks { color: #000; display: block; padding: 2px 5px}
            .neg_marg { margin-left: -5px;}
        
        .home .sep { float: left; width: 800px; height: 1px; font-size: 1px; padding-top: 10px; border: 0px; display: inline; margin: 0px 5px 16px 0px; border-bottom: 1px solid #000}

        .home .column .comp_left { float: left; width: 240px; }
            .home .column p { clear: both; margin: 0px 0px 5px 5px;  }
            
        .home .column .comp_right { float: left; width: 200px; margin-left: 15px; margin-right: -5px; overflow: hidden}    
            .home .column .comp_right a { display: block; margin-bottom: 3px; text-transform: uppercase; background: url(/images/ico_grayarr.gif) 0px 4px no-repeat; padding-left: 10px; }
            .home .column .comp_right .all { text-align: right; margin-top: 10px }
                .home .column .comp_right .all a { background: none; }
        
        .home .pod { float: left; margin: 0px 8px 8px 0px; width: 105px; }
            .home .pod a.podlink img { border: 1px solid #2F2D2D; border-bottom: 0px; padding: 0px; padding-bottom: 1px; position: relative; z-index: 2;}
            .home .pod a.podlink:hover img { border: 1px solid #666; padding: 0px; display: block;}
            .home .pod h3 { position: relative; z-index: 1; height: 16px; width: 105px; overflow: hidden; font: normal 1em verdana; color: #BFBFBF; background: url(/images/bg_podtitle.gif); }
            .home .pod h3 span { background: url(/images/ico_redarr.gif) no-repeat 4px 6px; display: block; padding: 2px 0px 0px 13px; }

    /* Used in Animation, Interactive, and Broadcast */
    
    .preview_cont { width: 274px; float: left; margin-right: 15px; position: relative;}
    .preview_cont .top { height: 6px; width: 274px; font-size: 6px; background: url(/images/rect_preview_top.gif) no-repeat; }
    .preview_cont .mid { float: left; width: 262px; min-height: 200px; height: auto!important; height: 200px; padding: 0px 5px; border-left: 1px solid #797978; border-right: 1px solid #797978; }
        .preview_cont .mid .L { float: left; width: 111px;}
        .preview_cont .mid .L img { border: 1px solid #A9A8A8; margin-bottom: 5px}
        .preview_cont .mid .sublinks a { display: block; margin-bottom: 3px; background: url(/images/ico_grayarr.gif) 0px 4px no-repeat; padding-left: 10px; }
    
        .preview_cont .mid dl { float: right; width: 146px; color: #AAA; margin: 0px; padding: 0px}
        .preview_cont .mid dt { font-size: 1.1em; font-weight: bold; }
        .preview_cont .mid dd { margin: 0px; margin-bottom: 5px }
    .preview_cont .btm { clear: left; height: 6px; width: 274px; background: url(/images/rect_preview_btm.gif) no-repeat; }
    
    .quicktime_warning { width: 274px; position: absolute; clear:both;left: 7px; bottom: -65px; margin-right: 15px }
    .quicktime_warning img, .quicktime_warning p { float: left; }
    .quicktime_warning p { width: 215px; margin: 2px 0px 0px 8px; }
    
    
    .animation .left_side,
    .interactive .left_side,
    .broadcast .left_side { width: 276px; }



    .portfolio { float: left; width: 507px; }
        .portfolio a.on { color: #fff;}
        .portfolio h1 { margin: 5px 0px 0px -2px; }
        .portfolio p { margin: 10px 0px 15px 0px; }
        .portfolio ul { margin: 0px; padding: 0px; margin-left: 10px; list-style: none; }
        .portfolio li { float: left; margin-bottom: 3px}
        .portfolio li a{ float: left; margin: 0px 3px 0px 0px; filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25;}
        .portfolio .set_links { margin: -5px 0px 5px -5px; }
        .portfolio .ul_portfolio { margin-left: 2px; }
        .portfolio .set img { opacity: .5; filter: alpha(opacity=50); }
        .portfolio .set:hover img { opacity: .85; filter: alpha(opacity=85); } 
        .portfolio .on img, .portfolio .on:hover img{ opacity: 1; filter: opacity(opacity=100); color: #fff}
    
 #ez_overlay { visibility:hidden;z-index:100;position: absolute; top: 0px; left: 0px; background: #2F0909; width: 100%; height: 100%; opacity: .5; filter: alpha(opacity=50); -moz-opacity: .5}
    
    .newsfeed { float: right; width: 509px; margin-top: 12px}
        .newsfeed h1  { margin: 5px 0px 10px -2px; }
        .newsfeed .L { float: left; border-right: 1px solid #000; display: inline; padding-right: 10px; margin-right: 10px; }
        .newsfeed .R { float: left; }
        .newsfeed a { display: block; text-transform: uppercase; margin-bottom: 3px; background: url(/images/ico_grayarr.gif) 0px 4px no-repeat; padding-left: 10px; }
        .newsfeed .all { text-align: right; margin-top: 10px;clear:left;margin-right:0px; }
            .newsfeed .all a { background: none; text-transform: none; display: inline;}
            
    
    /* Mobile Section */
    
    .mobile { font: normal 1.6em arial;  }
    .mobile .top_area { position: relative; }
    .mobile .top_area .L { float: left; position: relative; margin-left: -29px }
    .mobile .top_area .R { float: right; width: 313px; }
    .mobile p { margin: 0px; padding: 0px; margin-bottom: 15px; letter-spacing: 1px;}
    
    .mobile h1 { background: url(/images/mobile/ico_balance.gif) no-repeat left top; height: 45px; padding: 15px 0px 0px 70px; margin: 0px; margin-bottom: 10px}
    
    .mobile .phone_bg { background: url(/images/mobile/bg_phone2.gif) right 175px no-repeat; float: left; }
    
    .mobile .block1 { clear: both; float: left; position: relative; margin-top: -35px; color: #c5d8f2; width: 798px;}
        .mobile .block1 strong { font-size: 1em; color: #fff; }
       
        .mobile .block1 ul { list-style: none; margin: 5px 0px 40px 25px; padding: 0px; }
        .mobile .block1 ul li { margin: 0px 0px 5px 0px; padding-left: 30px; font-size: 1.4em; color: #c2cbd8; font-weight: bold; position: relative }
        .mobile .block1 .nocheck li { background: url(/images/mobile/ico_box.gif) left top no-repeat; }
        .mobile .block1 .check li  { background: url(/images/mobile/ico_checkbox.gif) left top no-repeat; line-height: 1.8em}
        .mobile .block1 .device { margin-bottom: -3px; }
   
    
    .mobile .block2 { clear: both; float: left; position: relative; width: 798px; margin: 10px -28px 0px 0px; padding-right: 28px; color: #c5d8f2 }
        .mobile .block2 strong { font-size: 1em; color: #fff; }
    
        .mobile .block2 ul { list-style: none; margin: 5px 0px 60px 25px; padding: 0px; }
        .mobile .block2 ul li { margin: 0px 0px 5px 0px; padding-left: 34px; font-size: 1.4em; color: #f38484; font-weight: bold; position: relative }
        .mobile .block2 .nocheck li { background: url(/images/mobile/ico_box.gif) left top no-repeat; }
        .mobile .block2 .check li  { background: url(/images/mobile/ico_checkbox.gif) left top no-repeat; line-height: 1.3em}

    .mobile .block3 { clear: both; float: left; position: relative; width: 798px; color: #fff; margin-bottom: -50px}
        .mobile .block3 strong { font-size: 1em; color: #66a560; }
        
        
        .mobile .block3 ul.phone { list-style: none; padding: 70px 0px 0px 160px; margin: 0px 0px 0px 30px; background: url(/images/mobile/bg_phone3.gif) no-repeat; width: 564px; height: 392px;}
            .mobile .block3 ul.phone li { color: #fff; width: 430px; background: url(/images/mobile/ico_bullet.gif) no-repeat left 4px; padding-left: 20px; position: relative; margin-bottom: 6px; }
            .mobile .block3 ul.phone li.title { font-weight: bold; padding: 0px; margin-bottom: 10px; background: none; }

    
    /* Used in Company, Accolades, and Press */
    
    .left_side { float: left; width: 276px; margin-right: 15px}
    .left_side img { display: block; }
    .left_side h2 { margin: 10px 0px; }
    .left_side ul { list-style: none; min-height: 50px; height: auto!important; height: 50px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 4px; }
        .left_side ul.company { background: url(/images/bg_newslist_company.gif) no-repeat right bottom; }
        .left_side ul.animation { background: url(/images/bg_newslist_animation.gif) no-repeat right bottom; }
        .left_side ul.interactive { background: url(/images/bg_newslist_interactive.gif) no-repeat right bottom; }
        .left_side ul.broadcast { background: url(/images/bg_newslist_broadcast.gif) no-repeat right bottom; }
    .left_side li { padding: 2px 0px 2px 12px ; background: url(/images/ico_grayarr.gif) 0px 6px no-repeat;}
        .left_side li a { text-transform: uppercase; }
        .left_side .all { text-align: right; margin-right:20px; background: none;}
            .left_side .all a { text-transform: none; }
    .right_side { float: left; width: 507px} 
        .right_side h1 { margin: 5px 0px 0px -2px; } 
        .right_side h2 { clear: both; margin: 5px 0px 5px -2px; }
        .right_side p { margin: 10px 0px; }
        
        .right_side .pod { float: left; margin: 0px 10px 8px 0px; width: 105px; }
            /*.right_side .pod img { display: block; opacity: 1; filter:alpha(opacity=100); -moz-opacity:1;}
            .right_side .pod img:hover, .right_side .pod .imghover { opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;} */
            .right_side .pod a.podlink img { border: 1px solid #2F2D2D; border-bottom: 0px; padding-bottom: 1px; position: relative; z-index: 2;}
            .right_side .pod a.podlink:hover img { border: 1px solid #666; padding: 0px; }
            
            .right_side .pod h3 { position: relative; z-index: 1; height: 16px; margin: -1px 0px 0px 1px; width: 105px; overflow: hidden; font: normal 1em verdana; color: #BFBFBF; background: url(/images/bg_podtitle.gif); }
            .right_side .pod h3 span { background: url(/images/ico_redarr.gif) no-repeat 4px 6px; display: block; padding: 2px 0px 0px 13px; }

            
            
    /* Used ONLY in Company */
    
        .company .right_side h2 { margin-bottom: 5px; margin-left: -2px;}
        .company .pod_cont { width: 490px; float: left; margin-bottom: 10px; }
        .company .characters { clear: left; margin-bottom: 10px; }
        .company .contact_info { float: left; width: 200px; }
        .company h4 { margin: 0px; margin-bottom: 5px; padding: 0px; }
        .company .mission_statement { float: left; width: 300px; }
        .company  p { margin: 0px 0px 5px 0px; }
        
        
        
   /* Used on listing pages for Press Releases, Testimonials, Articles, and Awards */
   
   .listing { float: left; width: 276px; margin-right: 15px}
        .listing img { display: block; }
        .listing h2 { margin: 5px 0px 10px; }
        .listing h3 { margin: 0px 0px 3px 2px; font-size: 1.1em; position: relative; clear: left; float: left;}
        .listing h3 a { text-decoration: none; font: bold 1em verdana; margin-left: 15px; color: #fff;  }
        .listing a.on { text-decoration: none; color: #fff; }
        .listing h3 a:hover {text-decoration: underline; color: #fff }
        .listing h3 img { position: absolute; margin-top: 2px;}
        .listing .cont { clear: both; float: left; display: none; width: 276px; overflow: hidden }
        .listing ul { list-style: none; min-height: 50px; height: auto!important; height: 50px; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 4px; }
            .listing ul.company { background: url(/images/bg_newslist_company.gif) no-repeat right bottom; }
            .listing ul.animation { background: url(/images/bg_newslist_animation.gif) no-repeat right bottom; }
            .listing ul.interactive { background: url(/images/bg_newslist_interactive.gif) no-repeat right bottom; }
            .listing ul.broadcast { background: url(/images/bg_newslist_broadcast.gif) no-repeat right bottom; }
        .listing li { padding: 2px 0px 2px 12px ; background: url(/images/ico_grayarr.gif) 0px 6px no-repeat;}
            .listing li a { text-transform: uppercase; }

    .listing_details { float: left; width: 507px} 
        .listing_details h1 { margin: 5px 0px 0px 0px; } 
        .listing_details h2 { clear: both; margin: 5px 0px 5px -2px; }
        .listing_details p { margin: 10px 0px; }
        
       
       
    .right_side .links_overall { margin-right: -100px; position: relative;}
       
    /* Used ONLY in Press Releases listing */
        
        .press_releases { }

    /* Used ONLY in Articles listing */

        .articles { }

    /* Used ONLY in Awards listing */

       .awards .award_block { clear: both; float: left; margin: 10px 0px; width: 500px; }
       .awards .award_block img.left { float: left; width: 88px; margin-right: 10px; }
       .awards .award_block h3 { float: right; margin: 0px 0px 5px -2px; width: 400px}
       .awards .award_block h3 img { float: none; width: auto; margin-right: 0px; }
       .awards .award_block dl.info {width: 400px; margin: 0px; padding: 0px; margin-bottom: 10px; float: right;  }
       .awards .award_block dt { font-weight: bold; font-size: 1.1em; margin-left: 3px;}
       .awards .award_block dd { padding: 0px; margin: 0px; margin-left: 3px;}


    /* Used ONLY in Testimonials listing */

        .testimonials { }
        
        
    /* Contact Form */
        .contact th { text-align: left; width: 75px;}
        .contact #con_error { margin: -20px 0px 0px 0px; position: absolute; display: none; color: #CF4400; padding: 2px 0px 6px; }
        .contact .share_txt, .contact .share_txtarea { width: 250px; position: relative; display:inline-block; border: 0px; font: normal 10px verdana; background: #9b9a9a; color: #000; padding: 4px 4px; }
        .contact .ERROR { background: #930; color: #9b9a9a}
        .contact .success { position: absolute; color: #009900; margin-top: -2px;font-weight: bold; visibility:hidden }


    /* Principles */
    
        .principles .profile { float: left; margin-top: 10px; width: 500px;}
        .principles .profile img { float: left; border: 1px solid #aaa; margin-bottom: 10px; }
        .principles .profile h3 { float: left; color: #fff; font-size: 1.3em; width: 400px; margin: 0px 0px 10px 10px;  }
        .principles .profile p { clear: both; }

    /* Team */
    
        .team p.intro { margin-bottom: 20px; }
        .team h4 { font-size: 1.2em; color: #fff; font-weight: bold; margin: 0px; border: 0px; }
        
        .team .profile_holder { float: left; margin-bottom: 20px;  }
            .team .partners { background: url(/images/bg_team_partners.gif) bottom right no-repeat; }
            .team .administration { background: url(/images/bg_team_management.gif) bottom right no-repeat; }
            .team .animation { background: url(/images/bg_team_animation.gif) bottom right no-repeat; }
            .team .interactive { background: url(/images/bg_team_interactive.gif) bottom right no-repeat; }
        
        
        .team .profile { float: left; margin-top: 5px; width: 505px; }
            .team .profile .L { float: left; width: 124px; }
                .team .L img { float: none; border: 1px solid #aaa; margin-bottom: 5px;}
                .team .L ul { margin: 0px; padding: 0px; list-style: none; }
                .team .L li { background: url(/images/ico_redarr.gif) no-repeat 0px 4px; padding-left: 12px; margin: 0px 0px 5px 0px; }
            
            .team .profile .R { float: left; margin-left: 10px; width: 355px; display: inline;}
                .team .R h3, .team .R h5 { float: none; color: #fff; font-size: 1.1em; margin: 0px; text-transform: uppercase}
                .team .R h5 { color: #9b9a9a }
                .team .R p { float: none; width: auto; margin-top: 5px; margin-left: 0px;}

    /* Philosophy */
    
        .philosophy img { display: block; margin-bottom: 5px; }
        .philosophy p { margin-bottom: 15px; float: left; width: 230px; margin-right: 10px;}
        
    /* Employment */
    
        .employment_pg .job_description h1 { font-size: 11px; color: #fff; text-transform: uppercase; margin: 10px 0px 2px 1px;}
        .employment_pg .job_description h2 { font-size: 11px; color: #fff; margin: 2px 0px 5px 1px}
        .employment_pg .job_description p { margin: 0px 0px 5px 0px; }
        .employment_pg .job_description .print_logo { display: none; }
        .employment_pg .job_description address { display: none; }