@charset "UTF-8";
/* CSS Document */


/* ---------------------------------------------------------------------
@author: Cowie and Fox
@website: http://www.cowieandfox.com
------------------------------------------------------------------------
RESET (remove default formatting from elements)
------------------------------------------------------------------------ */
html { height: 100%; overflow-y: scroll; -webkit-text-size-adjust: none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin: 0; padding:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr { border:0; }
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; outline: 0; }
li { list-style:none; }

/* ---------------------------------------------------------------------
LAYOUT (overall structure)
------------------------------------------------------------------------ */

body { margin: 20px 0 20px 0; }

#wrap { width:840px; margin: 0 auto; text-align:left; }
    
    #top, #head, #content, #foot { width:840px;}
        
        .col_side, .col_main, .col { float:left;}
        .nav_horizontal li { float:left; }
        
        .clearfix, #top, #head, #content, #foot, .col_wrap, .nav_horizontal { height:1%; }
            .clearfix:after, #top:after, #head:after, #content:after, #foot:after, .col_wrap:after, .nav_horizontal:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
            html > body .clearfix, html > body #top, html > body #head, html > body #content, html > body #foot, html > body .col_wrap, html > body .nav_horizontal { min-height:1px; height:auto; }
    
    #head {}
        
        #head .col_side { width: 240px; }
        #head .col_main {}
        #head img, #head embed { display:block; }
        #head #banner { clear:both; }
        
    #content {}
        
        #content .col_side, #foot .col_side { width: 260px; padding-left: 20px;} /* moves 2nd column to left */
        
        #content .col_main { width: 540px; } /* moves 1st column to right */
            #content .col_main .col_side { margin:0; }
            #content .col_main .col {}
            
    #foot { padding-top: 8px; margin-top:36px; }
        
        #foot .col_side { height: 26px; }
        
        
        
        
        
        
/* ---------------------------------------------------------------------

------------------------------------------------------------------------ */    
        
body { font-size:100%; line-height:1.125em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#ccc; background:#333 url(../images/html/bg.jpg) repeat-x; }

#wrap{}

    
    
    .lhr, .hr { background: url(/images/html/hr.gif) center repeat-x; height: 2px; clear: both; }
    .hr {margin: 5px 0 5px 0;}
    
    #head, #content {}
    
        /* unique styles */
        
        a.view_air { background: url('/images/html/button-arrow.gif') 0 1px no-repeat; padding-left: 30px; height: 20px; display: block; color: #0078bc; line-height: 14px; padding-top: 2px; }
        
        .header_container { padding: 30px 0 0 280px; clear: both;}
        
        ul.blue_list { width: 246px; margin-left: 20px;}
        ul.award_list { width: 520px; margin-left: 20px; }
        ul.press_list li { margin-bottom: 10px; line-height: 16px; }
        ul.blue_list li, ul.award_list li, ul.subnav_vertical li { background:url(/images/html/bullet-blue.gif) 0 8px no-repeat; padding-left: 15px;}
        
        ul li ul { margin-top: 4px; }    
        ul li ul li { margin: 0 0 0 20px;}
        
        .catalog_content { width: 329px; padding: 0 30px 0 0; }
        
        
        /* typography */ 
        h1, h2, h3 { margin-bottom: 18px; }
        h1 { font-size: 24px; color: #0078bc; margin-bottom: 24px; }
        h2 { font-size: 15px; color: #ffffff; text-transform: uppercase; }
        h3 { font-size: 0.688em; margin-bottom: 5px; font-weight: bold; color: #0078bc; line-height: 14px; }
        h4 { font-size: 0.688em; margin-bottom: 5px; font-weight: normal; color: #0078bc; line-height: 14px; font-style: italic; }
        #content p, .lhr, ul, a.view_air { margin-bottom: 18px; font-size: 11px; }
        #content p.subtitle { margin-bottom: 5px; font-weight: bold; color: #0078bc; line-height: 14px; }
        
        
        
        /* rounded corner box */ 
        .rounded_box_side { background: url(/images/html/rounded-box-side.gif) top left no-repeat; width: 190px; padding: 10px 15px 0 15px; margin-bottom: 60px; }
        .rounded_box_side a:hover { text-decoration: underline;}
        
        .rounded_box { background: url(/images/html/rounded-box-bg2.gif) top left no-repeat; width: 160px; padding: 10px 9px 0 9px; margin:0 2px 20px 0; min-height:160px; }
        
        .rounded_box p { line-height: 16px; }
        .rounded_box .img { width: 160px; height: 82px; display: block; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-repeat: no-repeat; background-position: center center; }
        .rounded_box .imgTall { height: 160px; }
        #content .rounded_box h2 { font-size: 13px; margin-bottom: 8px; line-height: 14px; }
        
        .logoBox { width: 160px; height: 100px; padding: 10px 9px 0 9px; margin:0 2px 20px 0; }
        .logoBox img { display: block; }
        
        div.filmImage { width: 160px; height: 82px; display: block; margin-bottom: 8px; }
            div.filmImage img { display: block; }
        
        #navContainer { margin-bottom: 40px; }
    
    #top {}
        
        /* top navigation */
        #top .nav_horizontal { float:right; margin:10px 20px; }
        
    #content {}
        
        /* typography */
        #content h1 { font-weight:normal; font-family: Arial, Helvetica, sans-serif; }
        #content h2 { font-weight: normal; margin-bottom: 12px; }
        #content .col_main a { color:#0078bc; text-decoration:none; }
        #content .col_main a:hover { text-decoration:underline; }
        
        /* side column */
        #content .col_side h2 {font-size: 18px;}
            
            
            /* sub navigation */
            #content .col_side .nav_vertical { background: url(/images/html/hr.gif) bottom repeat-x; width: 220px; margin-bottom: 10px; padding-bottom: 2px;}
                #content .col_side .nav_vertical li {background: url(/images/html/hr.gif) top repeat-x; height: 28px; padding: 2px 0 0 0; text-transform: uppercase; }
                #content .col_side .nav_vertical li a { height: 23px; display: block; text-decoration: none; color:#fff; padding: 5px 0 0 15px ;}
                #content .col_side .nav_vertical li a:hover, .sel { background: url(/images/html/nav_link_bg.gif); color:#0078bc; text-decoration:none; }
                
                
                ul.subnav_vertical { margin: 0 0 0 15px; }
                ul.subnav_vertical li a { color: #fff }
                ul.subnav_vertical li a:hover, ul.subnav_vertical li a.subSel { color:#0078bc; }
        
    #foot { background:url(/images/html/footer-bg.gif); font-size: .625em; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; }
        
        #foot .col_main a { color: #666; }
        #foot .col_main a:hover { color: #ccc; }




/* BANNERS */
#banner { width: 840px; display: block; position: relative; background: #333333; z-index: 1; margin-bottom: 8px; }
#banner .promoSet { width: 590px; margin: 0; position: absolute; display: none; margin-left: 250px; z-index: 1; }
#banner .promoSet img { display: block; }
#banner .promoSet:first-child { display: block; }
#banner h4 { display: block; position: absolute; bottom: 26px; right: 40px; font-size: 28px; font-style: normal; font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-shadow: 3px 3px 6px #000000; text-align: right; line-height: 26px; width: 510px; }
.bannerCoverHome { width: 840px; height: 338px; display: block; position: absolute; top: 46px; z-index: 2; background: url('/images/html/banner-cover.png?v=3') no-repeat; }
.bannerCoverContent { width: 840px; height: 206px; display: block; position: absolute; top: 46px; z-index: 2; background: url('/images/html/banner-cover.png?v=3') no-repeat 0 -338px; }
.bannerLeft { width: 152px; height: 270px; display: block; position: absolute; top: 76px; z-index: 10; margin-left: 56px; }
.bannerLeft .info { margin-top: 55px; color: #3881aa; font-size: 11px; line-height: 16px; }
.bannerLeft .info a { color: #3881aa; }
.bannerLeft .info a:hover { text-decoration: underline; }




/* MAIN DROPDOWN */
#navMain { width: 520px; height: 26px; margin: 0 30px 0 290px; z-index: 20; background: url('/images/html/nav.png') no-repeat; }
#primaryNav, #primaryNav * { margin: 0; padding: 0; list-style: none; top: 0; z-index: 20; }
#primaryNav > li { padding: 0; margin: 2px 16px 0 0; line-height: 16px; float: left; position: relative; text-transform: uppercase; font-size: 11px; font-weight: bold; }
#primaryNav > li:first-child { margin-left: 24px; }
#primaryNav > li > a { padding: 6px 10px 9px 10px; }
#primaryNav li.sfHover a,
#primaryNav li.current.sfHover a,
#primaryNav li a:hover,
#primaryNav li.current a:hover { visibility: inherit; }
#primaryNav li.sfHover,
#primaryNav li.current.sfHover { }

#primaryNav li.current a { color: #3881aa; }

#primaryNav li.current:hover a { color: #3881aa; }

#primaryNav li.current li.current a { color: #cccccc; }

#primaryNav li.sfHover li a { color: #ffffff; }

#primaryNav li.current:hover li a,
#primaryNav li.current:hover li a { color: #ffffff; }

#primaryNav li:hover li.current a { color: #3881aa; }

#primaryNav li.current:hover li a:hover { color: #3881aa; }

#primaryNav > li > ul > li > a { color: #ffffff; padding: 0 11px; line-height: 18px; }
#primaryNav > li > ul > li:hover > a { color: #ffffff; }
#primaryNav li:hover a:hover { color: #3881aa; }

#primaryNav > li > ul { position: absolute; top: -999em; background: #000000; padding: 9px 0; margin-left: 0; z-index: 20; }
#primaryNav > li:hover > ul,
#primaryNav > li.sfHover > ul { left: 0; top: 22px; z-index: 20; }
#primaryNav > li > ul > li { text-transform: none; font-size: 11px; line-height: 18px; padding: 0; float: none; font-weight: normal; }
#primaryNav > li > ul > li > a { color: #ffffff; }

#primaryNav a { white-space: nowrap; display: block; position: relative; font-family: Verdana, Arial, sans-serif; color: #ffffff; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}