@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;}
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; }
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; }
        
        .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;}
        h2 {font-size: 15px; color:#FFF; 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: 0.688em; }
        #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; }
        
        .logoBox { width: 160px; height: 100px; padding: 10px 9px 0 9px; margin:0 2px 20px 0; }
        .logoBox 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: 6px; }
        #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; }