/* styles.css
	This document contains elements that are used on specific pages.
*/


/* 1.0 Homepage */

    .pg_homepage .content p { margin-bottom: 0px; }
    .pg_homepage #right .content h2 { margin-bottom: 13px; }
    .pg_homepage .content .img1 { float: left; margin: -7px 5px 0px -10px; }
    
    .pg_homepage .content dl { margin-top: 15px; float: left; width: 160px; margin-left: 10px; display: inline; }
    .pg_homepage .content dt { margin-bottom: 8px; }
    .pg_homepage .content dd { color: #fff; background: url(/App_Images/ico_redarrow.gif) no-repeat; padding-left: 10px; margin-bottom: 8px; }
        .pg_homepage .content dd a { color: #a5a1a1; }
            .pg_homepage .content dd a:hover { color: #fff; }
    .pg_homepage .content .img2 { float: left; margin: 6px 0px 0px -25px; display: inline }

/* 2.0 About Us */

    .pg_about #right .content h2 { margin-bottom: 0px;}
    .pg_about #right .content dl { padding: 12px 0px 0px 45px; margin-top: 15px; }
        .pg_about #right .content dt { margin-bottom: 5px; }
        .pg_about #right .content dl.one { background: url(/App_Images/ico_About1.gif) no-repeat; }
        .pg_about #right .content dl.two { background: url(/App_Images/ico_About2.gif) no-repeat; }
        .pg_about #right .content dl.three { background: url(/App_Images/ico_About3.gif) no-repeat; }
        .pg_about #right .content dl.four { background: url(/App_Images/ico_About4.gif) no-repeat; }
        .pg_about #right .content dl.five { background: url(/App_Images/ico_About5.gif) no-repeat; }
        .pg_about #right .content dl.six { background: url(/App_Images/ico_About6.gif) no-repeat; }

/* 3.0 Services */

    .pg_services .content .ico_wrapper { float:left; width: 560px }
    .pg_services .content dl { margin-top: 15px; float: left; width: 160px; margin-left: 10px; display: inline; }
    .pg_services .content dt { }
    .pg_services .content dt a { float: left;margin-bottom: 4px; }
        .pg_services .content dl.btm { margin-top: 20px; }
    .pg_services .content dd { clear: left; position: relative; color: #fff; background: url(/App_Images/ico_redarrow.gif) no-repeat; padding-left: 10px; margin-bottom: 4px; }
    .pg_services .content .ico { float: right; margin: 10px 0px 0px; }
  
  
  
/* 4.0 Products */

    .pg_products .content #ico1, .pg_products .content #ico2, .pg_products .content h2 a{ float: left;}
    .pg_products .content h2 a { margin-bottom: 10px; }
    .pg_products .content .prod_left { float: left; width: 280px; margin-left: -10px; display: inline;}
    .pg_products .content .prod_right { float: left; width: 287px; }
    .pg_products #right .prod_left p, .pg_products #right .prod_right p { padding: 0px 10px; }
    .pg_products #right p.r, .pg_products #right p.r,
    .pg_products #right p.r a, .pg_products #right p.r a { color: #a5a1a1; }
    .pg_products #right p.r a:hover, .pg_products #right p.r a:hover { color: #fff; }
  
	/* Slideshows */
	
		#right .content .infoarea #btn_slideshow1, #right .content .infoarea #btn_slideshow2,
		#right .content .infoarea #btn_slideshow3 { float: right; width: 201px; margin: 0px 0px 5px 5px }
		#right .content .infoarea #btn_slideshow4, #right .content .infoarea #btn_slideshow5, #right .content .infoarea #btn_slideshow6, #right .content .infoarea #btn_slideshow7 { float: right; width: 201px; margin: 0px 0px 5px 5px}

		#right .content .infoarea ul { margin-right: 20px; float: left; white-space: nowrap;}
		#right .content .infoarea li { background: url(/App_Images/ico_redarrow.gif) 0px 2px no-repeat; padding-left: 10px; margin-bottom: 8px;}

/* 5.0 Capacity */

    .pg_capacity .content { margin-right: -10px; }
    .pg_capacity .content .intro { white-space: nowrap; }
    .pg_capacity #right .content ul { float: left; width: 385px; margin-bottom: 15px}
        .pg_capacity #right .content li { font-size: 12px; background: url(/App_Images/ico_whitearrow.gif) 0px 5px no-repeat; padding-left: 10px; float: left; width: 180px; margin-bottom: 2px}
            .pg_capacity #right .content li a { color: #a5a1a1; line-height: 18px }
            .pg_capacity #right .content li a:hover { color: #fff; }
    .pg_capacity #right .content .pdf { float: left; width: 179px; display: inline; margin: 10px -10px 0px -20px }
    .pg_capacity #right .content h3 { position: relative; clear: left; float: left; display: inline; background: #411411; padding: 10px; margin: 2px -10px 2px; width: 561px}
	    .pg_capacity #right .content h3 a.top { position: absolute; top: 8px; right: 8px; color: #a5a1a1; font-weight: normal}
	    .pg_capacity #right .content h3 a.top:hover { color: #fff; }
	.pg_capacity #right .content table { float: left; display: inline; margin: 0px -10px; width: 581px}
	    .pg_capacity #right .content tr.hl { background: #292424; }
            .pg_capacity #right .content td { width: 183px; vertical-align: top; padding: 8px 5px; line-height: 18px}
            .pg_capacity #right .content td.L { padding-left: 20px;  }
            .pg_capacity #right .content td.R { padding-right: 20px; }


/* 6.0 Contact */

    .pg_contact .content { position: relative; }
    .pg_contact .content .pdf { float: right; display: inline; margin-top: -50px; }
    .pg_contact .content h3 { float: left; position: relative; display: inline; background: #411411; padding: 10px; margin: 2px -10px 5px; width: 561px}
	    .pg_contact #right .content h3 a.top { position: absolute; text-decoration: underline; top: 8px; right: 8px; color: #a5a1a1; font-weight: normal}
	    .pg_contact #right .content h3 a.top:hover { color: #fff; }
 
    .pg_contact .content #form { z-index: 99; padding-bottom: 15px; position: relative; margin-top: -30px; float: left; width: 561px; }
        .pg_contact .content #form h3 { width: 350px; margin-right: 200px}    
        .pg_contact .content #form .required { position: absolute; top: 40px; right: 20px; }
        .pg_contact .content #form #recipient { display: none;}    
        .pg_contact .content #form label { clear: both; float: left; width: 100px; padding-top: 8px; padding-bottom: 3px; }
        .pg_contact .content #form .txt, 
        .pg_contact .content #form .txtarea, 
        .pg_contact .content #form .select 
            { float: left; background: #b3b3b3; border: 1px solid #4d250b; margin-bottom: 4px; font: normal 14px arial; color: #000; padding: 6px 5px; }
        
        .pg_contact .content #form #error, .pg_contact .content #form .successmsg
            { bottom:4px; left: 165px; position: absolute; display: none; line-height: 16px; font-size: 14px; width: 373px; padding: 5px; color: #f00; }
        .pg_contact .content #form #error span { font-size: 11px; }
        .pg_contact .content #form .successmsg { bottom: 6px; font-size: 12px; color: #A7D0DF; width: 410px }
        
        .pg_contact .content #form .submit { float: left; margin-left: 100px;}
            
    .pg_contact .content #map_cont { position: relative; clear: left; float: left; width: 561px; }  
        .pg_contact .content #map_cont #epicflashcontrol { margin-left: 30px; z-index: 2;}
        .pg_contact .content #map_cont .state_details { position: relative; display: none; margin-top: -150px; font-size: 14px; float: left; z-index: 1000; }
            .pg_contact .content #map_cont h4 { margin-bottom: 10px; } 
            .pg_contact .content #map_cont h6 { font-size: 14px; margin-bottom: 2px; } 
            .pg_contact .content #map_cont a { font-size: 14px; text-decoration: none; color: #A5A1A1; line-height: 18px }
            .pg_contact .content #map_cont a img { margin-top: 5px; display: block}
                  
    .pg_contact .content #emp_cont { clear: left; float: left; width: 561px; margin-top: 20px; }
        .pg_contact .content #emp_cont h3 { margin-bottom: -4px}
        .pg_contact .content #emp_cont h5 { color: #fff; margin-bottom: -9px; margin-top: 10px}
        .pg_contact .content #emp_cont a { color: #a5a1a1; line-height: 18px }
        .pg_contact .content #emp_cont a:hover { color: #fff; }
	    .pg_contact .content #emp_cont table { float: left; display: inline; margin: 0px -10px; width: 581px}
	        .pg_contact .content #emp_cont tr.hl { background: #292424; }
                .pg_contact .content #emp_cont td { vertical-align: top; padding: 1px 0px 10px; line-height: 18px}
                .pg_contact .content #emp_cont td.L { padding-left: 20px;  }
                .pg_contact .content #emp_cont td.R { padding-right: 20px; }