/* 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
*/
           
/* Core HTML */
    * { outline: none; }
    body { background: #464341 url(/App_Images/bg_body.jpg) repeat-x; font: normal 14px arial; color: #a5a1a1;}
    a { color: #a5a1a1; }
    a:hover { color: #e60000; }
    #container { width: 800px; margin: 0px auto; }
    p { margin-bottom: 10px; line-height: 18px; }
		p.r { text-align: right; }
    #right span.w { color: #fff; }
    #right span.r { color: #e60000; }
/* Top area (Header Image, Navigation)*/
        #top { float: left; width: 800px; }
            #top .logo { float: left; }
            #top #header { float: left; width: 611px; }
            #top ul { float: left; background: url(/App_Images/bg_nav.gif) no-repeat; height: 48px; width: 603px; display: inline; margin: 7px 0px 0px 11px; }
            #top li { float: left; display: inline; }
            #top li a { float: left; display: block; height: 48px; }
            #top .header_image { clear: left; float: left; }
            #top .bigbtn_cont { float: left; margin-top: 4px; width: 248px; background: url(/App_Images/bg_bigbtns.jpg) no-repeat; }
                #top .bigbtn_cont a { float: left;}
                #top .bigbtn_cont .B { margin-top: 5px; }
                
                 .pg_homepage #top li a#link1,
                 .pg_about #top li a#link2,
                 .pg_services #top li a#link3,
                 .pg_products #top li a#link4,
                 .pg_capacity #top li a#link5,
                 .pg_contact #top li a#link6 { background: #fff; opacity: 0; filter: alpha(opacity=0); }   
                 
                 .pg_homepage #top li a#link1 img, 
                 .pg_about #top li a#link2 img, 
                 .pg_services #top li a#link3 img, 
                 .pg_products #top li a#link4 img, 
                 .pg_capacity #top li a#link5 img,  
                 .pg_contact #top li a#link6 img  { visibility: hidden; }

/* Mid area (Content)*/

	/* Left Pod Area */
        #left { float: left; display: inline; width: 187px; margin: -61px 4px 0px 6px; }
        #left .pod { float: left; width: 167px; padding: 10px; padding-bottom: 20px; color: #a5a1a1; font-size: 12px; }
        #left .pod p { line-height: 14px; margin-bottom: 0px}
        #left .pod a { color: #a5a1a1; }
            #left .pod a:hover { color: #fff; }
            #left #pod_hours { background: #1A1615;  }
            #left #pod_ethics { background: #211e1e;  }
            #left #pod_contact { background: #342d2d;  }

	/* Right Content Area */
	
	    #right { float: left; width: 601px; padding-bottom: 30px;}
			#right .content { float: left; width: 561px; background: #191313; border: 1px solid #461716; margin-bottom: 4px; padding: 20px; }
			#right .content h1 { margin-bottom: 10px; }
			#right .content h2 { margin-bottom: 10px; color: #e60000; }


		/* Right area for Services/Products */
			#right .content h6 { font-size: 12px; color: #fff; margin-bottom: 20px; font-weight: normal }
			#right .content h6 a { color: #a5a1a1; }
			#right .content h6 a:hover { color: #fff; }
		    
			#right .content .topbtns { position: relative; float: left; width: 600px; margin: 0px -30px 15px -10px; display: inline }
		    #right .content .topbtns a { float: left;  }
		    
			#right .content .infoarea { display: none; width: 561px; }
			#right .content .infoarea .w { display: block; text-transform: uppercase }
			#right .content .infoarea table { clear: both; margin-top: 15px; width: 100%}
			#right .content .infoarea tr.hl { background: #292424; }
			#right .content .infoarea td { vertical-align: top; padding: 8px 5px; line-height: 18px}
			#right .content .infoarea td.L { padding-left: 20px;  }
			#right .content .infoarea td.R { padding-right: 20px; }
			#right .content .infoarea p.f { float: left; width: 355px; }
			#right .content .infoarea .w2 { color: #fff; }
			#right .content .infoarea .hdnlink { display: none; }
			
			

/* Btm area (Copyright)*/

    #right #footer { float: left; width: 571px; padding: 18px 15px 18px; font-size: 12px; border: 1px solid #000; background: url(/App_Images/bg_footer.jpg) repeat-x; }
        #right #footer .fleft { float: left; width: 250px; color: #5f5454; }
        #right #footer .fright { float: right; width: 250px; color: #5f5454; }
            #right #footer a { color: #5f5454; }
            #right #footer a:hover { color: #796969; }