/* layout.css
	This document contains elements that are used on every page and are *not* page specific.  They contain basic style
	elements as well as host of positioning elements.
	
	**warning**: changing styles in this stylesheet may effecs ALL pages
 */

/*  Main Page Elements */
html{height:100%;}
    body { background: #181818; font-size: 62.5%; margin: 0px; padding: 0px; height: 100%;width:100%;}
    img { border: 0px; }
    a { font: normal 1em verdana; color: #9B9A9A; outline: none;}
    a:hover { color: #fff; }
    #wrapper { margin: 0px auto; width: 880px; font: normal 1em verdana; color: #9B9A9A; position: relative; }
/*  Top Area: includes top shadow and CONTACT tab */

    #top { background: url("/images/bg_top.gif") no-repeat; position: relative; width: 880px; height: 29px;}
        #top a { position: absolute; right: 15px; display: block; width: 100px; height: 24px}
        #top a span { display: none; }
    
/*  Middle Area: all content and navigation in here */
    #mid { background: url("/images/bg_mid.gif") repeat-y; width: 880px; float: left;}
    
    /* Header includes navigation */
    #mid #header { float: left; margin: 10px 0px 0px 40px; display: inline; }
        
        #header .inspire_login { position: absolute; right: 43px; top: 10px }
        #header h1 { float: left; margin: 0px; }
        #header ul { float: left; margin: 53px 0px 0px -31px; padding: 0px; list-style: none; position: relative;}
        #header li { float: left; }
        #header li a { display: block; line-height: 9px; height: 40px; padding: 0px 10px; }
        #header li a span { display: none; }
        #header li.animation { background: url(/images/nav_Animation.jpg) no-repeat 10px 0px;  }
            #header li.animation a {width: 71px; }
            #header li.animation a:hover { background: url(/images/nav_Animation_on.jpg) no-repeat 10px 0px;}
        #header li.interactive { background: url(/images/nav_Interactive.jpg) no-repeat 10px 0px;  }
            #header li.interactive a {width: 75px; }
            #header li.interactive a:hover { background: url(/images/nav_Interactive_on.jpg) no-repeat 10px 0px;}
        #header li.mobile { background: url(/images/nav_Mobile.jpg) no-repeat 10px 0px; }
            #header li.mobile a { width: 45px; }
            #header li.mobile a:hover { background: url(/images/nav_Mobile_on.jpg) no-repeat 10px 0px;}
        #header li.broadcast { background: url(/images/nav_Broadcast.jpg) no-repeat 10px 0px; }
            #header li.broadcast a { width: 72px; }
            #header li.broadcast a:hover { background: url(/images/nav_Broadcast_on.jpg) no-repeat 10px 0px;}
        #header li.company { background: url(/images/nav_Company.jpg) no-repeat 10px 0px; }
            #header li.company a { width: 62px; }
            #header li.company a:hover { background: url(/images/nav_Company_on.jpg) no-repeat 10px 0px;}
        #header li.accolades { background: url(/images/nav_Accolades.jpg) no-repeat 10px 0px; }
            #header li.accolades a { width: 73px;}
            #header li.accolades a:hover { background: url(/images/nav_Accolades_on.jpg) no-repeat 10px 0px;}
        #header li.press { background: url(/images/nav_Press.jpg) no-repeat 10px 0px; }
            #header li.press a { width: 34px; }
            #header li.press a:hover { background: url(/images/nav_Press_on.jpg) no-repeat 10px 0px;}
        #header li.contact { background: url(/images/nav_Contact.jpg) no-repeat 10px 0px;}
            #header li.contact a { width: 58px;  }
            #header li.contact a:hover { background: url(/images/nav_Contact_on.jpg) no-repeat 10px 0px;}

        .animation_pg #header li.animation { background: url(/images/nav_Animation_on.jpg) no-repeat 10px 0px; }
        .interactive_pg #header li.interactive { background: url(/images/nav_Interactive_on.jpg) no-repeat 10px 0px; }
        .mobile_pg #header li.mobile { background: url(/images/nav_Mobile_on.jpg) no-repeat 10px 0px; }
        .broadcast_pg #header li.broadcast { background: url(/images/nav_Broadcast_on.jpg) no-repeat 10px 0px; }
        .company_pg #header li.company { background: url(/images/nav_Company_on.jpg) no-repeat 10px 0px; }
        .accolades_pg #header li.accolades { background: url(/images/nav_Accolades_on.jpg) no-repeat 10px 0px; }
        .press_pg #header li.press { background: url(/images/nav_Press_on.jpg) no-repeat 10px 0px; }
        .contact_pg #header li.contact { background: url(/images/nav_Contact_on.jpg) no-repeat 10px 0px; }
    
    /* Content includes all page content */
    #mid #content { clear: left; float: left; display: inline; width: 798px; margin: 0px 41px; padding-bottom: 20px}
    
    
/*  Bottom Area: bottom shadow plus copyright information */
    #btm { background: url("/images/bg_btm_2010.gif") no-repeat; position: relative; width: 839px; height: 31px; clear: left; text-align: right; padding-right: 41px; padding-bottom: 100px;}
        #btm span { display: none; }
        #btm .banner { position: absolute; right: 12px; top: 28px; width: 856px; }
        #btm .companies { position: absolute; right: 0px; height: 79px; top: 40px; width: 580px;  }
        #btm .companies img { display: inline; float: left;}