/* 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 effect ALL pages
*/
    
    /* HTML elements */
       
        body { background: url(/images/bg_body.png) repeat; font-size: 62.5%; }
        .hdn { display: none; }
        a { color: #ddd; outline: none;}
        img { border: 0px; outline: none; }
        input { outline: none; }
        a:hover { color: #fff; }
        strong { font-weight: bold; }
        
    /* Used Everywhere for Basic Styling */ 
     
        .sublinks { padding: 5px 0px; }
        .sublinks a { font-size: .9em;letter-spacing: 1px}
        
    /* Surrounding/Wrapping */
        #container { margin: 0px auto; width: 799px; }
        
    /* Top (Logo, Navigation) */
        #top { height: 151px; background: #1d1a11 url(/images/bg_top.gif) left top no-repeat; border-bottom: 5px solid #0E0D08; }
        
            /* Logo */
            #top h1 { float: left; display: inline; margin: 30px 0px 0px 35px; width: 344px; height: 109px; background: url(/images/logo_top.png) no-repeat; behavior: url(/App_Css/iepngfix.htc); }
                #top h1 a { display: block; opacity: .5; width: 335px; height: 96px; }
				#top .twitter { left: -25px; top: 5px;position:absolute;behavior: url(/App_Css/iepngfix.htc);width:119px; height:96px; }
            /* Navigation */
            #top h2 { float: right; margin-right: -3px; display: inline; position: relative;}
       
    /* Mid (Content area, styles.css dictates alot of this area) */
        #mid { font: normal 1.2em arial; color: #ddd; position: relative; padding: 10px; background: #3A3E4B url(/images/bg_mid.gif) left top no-repeat; }
            #mid p { margin-top: 5px; line-height: 1.6em; letter-spacing: 1px;}
            #mid h1 { margin-left: -4px; }
                       
            #mid .pose { position: absolute; z-index: 90; }
            #mid .gradient_overlay { height: 106px; position: absolute; z-index: 100; bottom: -1px; left: 0px; width: 799px; background: url(/images/bg_gradient.png) repeat-x; behavior: url(/App_Css/iepngfix.htc); }
        

    /* Btm (Secondary navigation, copyright info) */
        #btm { float: left; margin-top: 10px; color: #952317; font: normal 1em arial; text-transform: uppercase; }
            #btm a { color: #952317;  }
            #btm a:hover { color: #EB3824; }
            .pg_homepage #btm .home a,
            .pg_bio #btm .bio a,
            .pg_reels #btm .reels a,
            .pg_clips #btm .clips a,
            .pg_testimonials #btm .testimonials a,
            .pg_services #btm .services a,
            .pg_contact #btm .con a { color: #EB3824; text-decoration: none; }
        
        
            #btm ul { float: left;width: 555px;}
            #btm li { float: left; margin-left: 5px; display: inline}
            #btm span { float: left; line-height: 1.3em; }