@import url(https://fonts.googleapis.com/css?family=Lato);
@font-face {
  font-family: 'Rockwell';
  src: url('https://www.ace-extrusions.com/fonts/Rockwell.eot?#iefix') format('embedded-opentype'),  
  url('https://www.ace-extrusions.com/fonts/Rockwell.woff') format('woff'), 
  url('https://www.ace-extrusions.com/fonts/Rockwell.ttf')  format('truetype'), 
  url('https://www.ace-extrusions.com/fonts/Rockwell.svg#Rockwell') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rockwell-Bold';
  src: url('https://www.ace-extrusions.com/fonts/Rockwell-Bold.eot?#iefix') format('embedded-opentype'),  
  url('https://www.ace-extrusions.com/fonts/Rockwell-Bold.woff') format('woff'), 
  url('https://www.ace-extrusions.com/fonts/Rockwell-Bold.ttf')  format('truetype'), 
  url('https://www.ace-extrusions.com/fonts/Rockwell-Bold.svg#Rockwell-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* =============================================================================
   Body Styles
* ============================================================================= */
body {
   background:#e6e6e6;
   margin:0;
   padding:0;
   font-size:100%;                                       /* BASE FONT = 16px >>> 16px = 1em = 100% */
   font-family:Arial, Helvetica;
}

/* =============================================================================
   Basic Styles
* ============================================================================= */
atricle, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, title, mark, main 
{   display: block;
}
img {
   border: 0; 
   vertical-align:middle;
   max-width: 100%;
}
form{ margin:0;}
address {
   font-style:normal;                                       /* To Neutralize Default Italic Style To Normal Style */
}
a {
   color: #026202;
   text-decoration:underline;
}
a:hover {
   color:#333;
   text-decoration:none;
}
p {
   color:#4b4a4a;
   font-size:0.875em;                              /* BASE FONT = 16px >>> 14px /16px = 0.875em */
    margin: 0 0 1em 0;                                      /* BASE FONT = 16px >>> 0 0 16px 0 /16px = 0 0 1em 0 */
}
small
{   font-size:0.750em;                                 /* BASE FONT = 16px >>> 12px /16px = 0.750em */
   color:#333333;
}
ul{
    margin: 0 0 1em;             /* BASE FONT = 16px >>> 0 0 16px /16px = 0 0 1em*/   
    padding: 0 0 0 2em;        /* BASE FONT = 16px >>> 0 0 0 32px /16px = 0 0 0 2em*/
}
/* =============================================================================
   Wrapper Styles
* ============================================================================= */
.wrap-inner {
    width:61.250em;                                 /* BASE FONT = 16px >>> 980px /16px = 61.250em */
    margin:0 auto;
}

/* =============================================================================
   Header Styles
* ============================================================================= */
header 
{   background:#014902 url(../images/banner-background.jpg) no-repeat center top;
   border-bottom:0.188em solid #fff;                  /* BASE FONT = 16px >>> 3px /16px = 0.188em */
   min-height:27.750em;                           /* BASE FONT = 16px >>> 444px /16px = 27.750em */
   min-width:61.250em;                                 /* BASE FONT = 16px >>> 980px /16px = 61.250em */
}
.top-balt-background
{   background:url(../images/navigation-background.png) repeat;
   min-height:3.563em;                              /* BASE FONT = 16px >>> 57px /16px = 3.563em */
}
.logo 
{  float:left;
}
.utility-nav
{  clear:both;
   color:#f3ce6f;
   padding:0.5em 1.063em;                           /* BASE FONT = 16px >>> 8px 17px /16px = 0.5em 1.063em */
   font-size:1.125em;                              /* BASE FONT = 16px >>> 18px /16px = 1.125em */
   line-height:1.375em;                           /* BASE FONT = 16px >>> 22px /16px = 1.375em */
   font-family: 'Lato', sans-serif;
   float:left;
}
.utility-nav span,
.utility-nav a
{   color:#FFF;
   text-decoration:none;
}
.utility-nav a:hover
{   text-decoration:underline;
}

.top-search
{   float:right;
}
.search-box1
{  font-size:0.813em;                                    /* BASE FONT = 16px >>> 13px /16px = 0.813em */
   color:#333;
   border:1px solid #CCC;
   padding:0.4em 0.7em;                                 /* BASE FONT = 13px >>> 5px 9px /13px = 0.4em 0.7em */
   display:block;
   width:14.750em;                                       /* BASE FONT = 13px >>> 190px /13px = 14.750em */
   margin-top:1em;                              /* BASE FONT = 13px >>> 13px /13px = 1em */
   margin-right:0.9em;                           /* BASE FONT = 13px >>> 12px /13px = 0.9em */
}
.search-button
{   display:none;
}

/* =============================================================================
   Top Nav Styles
* ============================================================================= */
.top-nav{
   float:right;
}
.top-nav ul
{   margin:0; padding:0;
   list-style:none;
}
.top-nav ul li{
   float:left;
}
.top-nav ul li a{
   font-family: Rockwell-Bold;
   text-decoration:none;                           
   color:#fff;
   font-size:0.875em;                                    /* BASE FONT = 16px >>> 14px /16px = 0.875em */
   padding:0 0.900em;                                    /* BASE FONT = 16px >>> 0 13px /16px = 0 0.813em */
   float:left;
   line-height:3.9em;                                    /* BASE FONT = 16px >>> 62px /16px = 3.9em */
}
.top-nav ul li a:hover, .top-nav ul li.selected a{
   color:#f3ce6f;   
}

/* =============================================================================
   Header Banner Styles
* ============================================================================= */
.banner-text
{   margin-left:5em;                                    /* BASE FONT = 16px >>> 80px /16px = 5em */
}
.banner-text h1
{   font-family: Rockwell-Bold;
   font-size:2.9em;                                    /* BASE FONT = 16px >>> 46px /16px = 2.9em */
   line-height:1em;                                    /* BASE FONT = 16px >>> 16px /16px = 1em */
   font-weight:normal;
   color:#FFF;
   margin-bottom:0;
   display:inline-block;
}
.banner-text h3
{   font-family: 'Lato', sans-serif;
   font-size:1.688em;                                    /* BASE FONT = 16px >>> 27px /16px = 1.688em */
   line-height:1em;                                    /* BASE FONT = 16px >>> 16px /16px = 1em */
   color:#FFF;
   font-weight:normal;
}
/* =============================================================================
   Heading Styles
   ============================================================================= */
#content-area-home h1
{   font-family: Rockwell;
   font-size:2.250em;                                    /* BASE FONT = 16px >>> 36px /16px = 2.250em */
   line-height:1.1em;                                    /* BASE FONT = 17px >>> 16px /16px = 1.1em */
   font-weight:normal;
   color:#4b4a4a;
   margin:0 0 0.313em 0;                                 /* BASE FONT = 16px >>> 0 0 5px 0 /16px = 0 0 0.313em 0 */
}
#content-area-home p
{   font-family: 'Lato', sans-serif;
   line-height:1.5em;                                    /* BASE FONT = 16px >>> 22px/16px = 1.5em */
   color:#4b4a4a;
}
#content-area-inner h1,
#content-area-inner h2
{   margin:0 0 0.375em;                                    /* BASE FONT = 16px >>> 0 0 6px/16px = 0 0 0.375em */
   font-size:1.5em;                                    /* BASE FONT = 16px >>> 24px/16px = 1.5em */
   font-family:Rockwell;
   font-weight:normal;
   color:#333;
}
#content-area-inner h2
{   font-size:1.185em;                                    /* BASE FONT = 16px >>> 24px/16px = 1.5em */
   color:#026202;
}
#content-area-inner h3
{   font-size:1em;                                       /* BASE FONT = 16px >>> 16px/16px = 1em */
   border-bottom:1px solid #CCC;
   padding:0 0 0.313em 0;                                 /* BASE FONT = 16px >>> 0 0 5px 0 /16px = 0 0 0.313em 0 */
   color:#333;
   font-family:Rockwell-Bold;
   font-weight:normal;
}
#content-area-inner p,
.content-area-right li
{   font-size:0.875em;                                    /* BASE FONT = 14px >>> 24px/14px = 0.875em */
   line-height:1.4em;                                    /* BASE FONT = 14px >>> 22px/14px = 1.375em */
   color:#333;
}
.content-area-right li
{   line-height:1.6em;                                    /* BASE FONT = 16px >>> 24px/16px = 1.5em */
}

/* =============================================================================
   Content Area Styles
* ============================================================================= */
#main
{   float:left; width:100%;
   background:url(../images/header-background-shedow.png) no-repeat center top;
   padding:1.125em 0;                                    /* BASE FONT = 16px >>> 18px 0/16px = 1.125em 0 */
}
#main .wrap-inner
{   width:58.750em;                                       /* BASE FONT = 16px >>> 940px/16px = 58.750em */
   padding:0 0.5em;                                       /* BASE FONT = 16px >>> 8px/16px = 0.5em */
}   
/* =============================================================================
   Footer Styles
* ============================================================================= */
footer
{   float:left; width:100%;
   background:#363839;
   min-width:61.250em;                                 /* BASE FONT = 16px >>> 980px /16px = 61.250em */
}
footer .wrap-inner
{   width:58.750em;                                       /* BASE FONT = 16px >>> 940px /16px = 58.750em */
}
.footer-row
{   padding:2.5em 0;                                    /* BASE FONT = 16px >>> 40px 0 /16px = 2.5em 0 */
   float:left; width:100%;
}
.footer-row h2
{   font-family: Rockwell;
   border-bottom:1px solid #666868;
    color: #cccccc;
    font-size:1.125em;                                    /* BASE FONT = 16px >>> 18px /16px = 1.125em */
    font-weight: normal;
    margin: 0 0 0.5em;                                    /* BASE FONT = 16px >>> 0 0 8px /16px = 0 0 0.5em */
    padding-bottom: 0.2em;                                 /* BASE FONT = 16px >>> 3px /16px = 0.2em */
}
.footer-row h2 img
{   margin-right:0.250em;                                 /* BASE FONT = 16px >>> 4px /16px = 0.250em */
}
.footer-row article
{   float:left;   
}
.footer-row article.footer-column-1
{   padding-right:3%;
   width:22%;
}
.footer-row article.footer-column-2
{   width:45%;
}
.footer-row article.footer-column-3
{   float:right;
   width:27%;
}
.footer-column-3 a img:hover
{   opacity:0.8;
}
.footer-row article p
{   font-family: 'Lato', sans-serif;
   padding-left:2.6em;                                    /* BASE FONT = 16px >>> 40px /16px = 2.5em */
   color:#8a8a8a;
   font-size:0.875em;                                    /* BASE FONT = 16px >>> 14px /16px = 0.875em */
}
.footer-row article a:hover,
.footer-row article span.selected a
{   text-decoration:underline;
}
.footer-row article p a
{   color:#8a8a8a;
   text-decoration:none;
   line-height:1.4em;                                    /* BASE FONT = 16px >>> 22px /16px = 1.4em */
   margin-right:0.5em;                                    /* BASE FONT = 16px >>> 8px /16px = 0.5em */
}
.copyright
{   float:left; width:100%;
   font-family:Arial, Helvetica;
   font-size:0.875em;                                    /* BASE FONT = 16px >>> 14px /16px = 0.875em */
   background:#282a2b;
   padding:0.938em 0;                                    /* BASE FONT = 16px >>> 15px 0 /16px = 0.938em 0*/
   color:#8c8989;
   text-align:center;
   text-shadow: 1px 1px 0 #000000;
}
footer .copyright .wrap-inner
{   width:67.142em;                                       /* BASE FONT = 14px >>> 940px /14px = 67.142em */
}
.copyright span
{   margin:0 0.714em;                                     /* BASE FONT = 14px >>> 0 10px /14px = 0 0.714em */
   color:#666;
}
.copyright span:first-child
{   margin:0;
   color:#8C8989;
}
.copyright a
{   color:#8c8989;
   text-decoration:none;
}
.copyright a:hover{ text-decoration:underline;}
/* =============================================================================
   Home Page Styles
   ============================================================================= */
.products-services-bucket
{   margin:2.5em 0 3.125em;                                 /* BASE FONT = 16px >>> 40px 0 50px /16px = 2.5em 0 3.125em */
   float:left; width:100%;
}
.products-services-bucket article
{   width:13.75em;                                          /* BASE FONT = 16px >>> 220px/16px = 13.75em */
   position:relative;
   float:left;
   margin-right:1.25em; margin-bottom:1.25em;                                    /* BASE FONT = 16px >>> 20px/16px = 1.25em */
}
.products-services-bucket article:last-child
{   margin-right:0;
}
.products-services-bucket article span
{   width:100%; position:absolute;
   background:url(../images/image-hover.png) no-repeat left bottom;
   height:9.150em;                                       /* BASE FONT = 16px >>> 146px /16px = 9.150em */
   bottom:0; left:0;
   cursor:pointer;
   display:none;
}
.products-services-bucket article:hover span
{   display:block;
}
.products-services-bucket article a
{    font-family: Rockwell-Bold;
   font-size:1.125em;                                    /* BASE FONT = 16px >>> 18px /16px = 1.125em */
   color:#026202;
   text-decoration:none;
}
.products-services-bucket article a img
{   margin-top:0.375em;                                    /* BASE FONT = 16px >>> 6px /16px = 0.375em */
}
.products-services-bucket article.omega {margin-right:0;}
.company-intro-home
{   width:37.5em;                                       /* BASE FONT = 16px >>> 600px /16px = 37.5em */
   float:left;
}
.rfq-home
{   float:right;
   width:17.5em;                                       /* BASE FONT = 16px >>> 280px /16px = 17.5em */
   text-align:center;
}
.raq-button:hover
{   opacity:0.9;
}
/* =============================================================================
   Left panel Styles
* ============================================================================= */
#left-nav
{   width:13.750em;                                       /* BASE FONT = 16px >>> 220px /16px = 13.750em */
   float:left;
   margin-right:2em;                                    /* BASE FONT = 16px >>> 32px /16px = 2em */
}
#left-nav h2 
{   font-family:Rockwell-Bold;
   color:#333333;
   font-size:0.875em;                                    /* BASE FONT = 16px >>> 14px /16px = 0.875em */
   font-weight:normal;
   margin:1.5em 0 0.4em 0;                                /* BASE FONT = 16px >>> 24px 0 6px 0 /16px = 1.5em 0 0.4em 0 */
}
#left-nav ul
{   margin:0; padding:0;
   list-style:none;
}
#left-nav li
{   border-bottom:1px solid #ccc;
   padding:0.5em 0;                                       /* BASE FONT = 16px >>> 8px 0 /16px = 0.5em 0 */
}
#left-nav li a
{   color:#777;
   font-size:0.813em;                                    /* BASE FONT = 16px >>> 13px /16px = 0.813em */
   background:url(../images/left-nav-arrow.png) no-repeat;
   text-decoration:none;
   padding-left:1em;                                    /* BASE FONT = 16px >>> 16px /16px = 1em */
   display:block;
}
#left-nav li a:hover, #left-nav li.selected a
{   color:#000;
}

#left-nav ul li ul {
    padding: 0 0 0 0.625em;                        /* BASE FONT = 16px >>> 0 0 0 10px /16px = 0 0 0 0.625em */
}
#left-nav ul li ul li {
    border: none;
    padding: 0.25em 0 0 0;                           /* BASE FONT = 16px >>> 4px 0 0 0/16px = 0.25em 0 0 0*/
}
/* =============================================================================
   Inner Pages Style
   ============================================================================= */
.inner-header
{   min-height:inherit;
   border-bottom:0;
   padding-bottom:0.625em;                                 /* BASE FONT = 16px >>> 10px /16px = 0.625em */
   float:left;
   width:100%;
}
.content-area-right
{   overflow:hidden;
   padding-top:1.3em;                                    /* BASE FONT = 16px >>> 21px /16px = 1.3em */
}
.list-style1
{   margin:0; padding:0;
   margin-bottom:1em;                                    /* BASE FONT = 16px >>> 16px /16px = 1em */
   padding-left:1em;                                    /* BASE FONT = 16px >>> 16px /16px = 1em */
   list-style:none;
}
.list-style1 li
{   background:url(../images/list-arrow.png) no-repeat;
   padding-left:1.5em;                                    /* BASE FONT = 16px >>> 24px /16px = 1.5em */
}
.list-style1 li a
{   text-decoration:none;
}
.list-style1 li a:hover
{   text-decoration:underline;
}
.list-style1 li ul
{
margin:0;   
padding:0 0 0 1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
}
.list-style1 li li
{   padding:0; background:none;
}
#content-area-inner p.image-center
{   text-align:center;
   line-height:inherit;
   font-size:0.750em;                                    /* BASE FONT = 16px >>> 12px /16px = 0.750em */
   color:#666;
}
#content-area-inner p.image-right1
{   float:right;
   text-align:center;
   width:17.714em;                                       /* BASE FONT = 14px >>> 248px /14px = 17.714em */
   line-height:inherit;
   font-size:0.750em;                                    /* BASE FONT = 16px >>> 12px /16px = 0.750em */
   color:#666;
   margin-left:1.5em;                                            /* BASE FONT = 12px >>>  18px/12px = 1.5em */
}
#content-area-inner p.image-right1 img,
#content-area-inner p.image-center img
{   border-radius:0.5em;                                         /* BASE FONT = 12px >>>  6px/12px = 0.5em */
   margin-top:0.6666em;                                         /* BASE FONT = 12px >>>  8px/12px = 0.6666em */
}
.image-right1 strong
{   color: #026202;
    font-family: Rockwell;
    font-size: 1.5em;
    font-weight: normal;
}
.list{
    float:left;
    width:45%;
}
/* =============================================================================
   Scroll to Top
   ============================================================================= */
#return-to-top {
   position: fixed;
   bottom: 1.250em;                                         /* BASE FONT = 16px >>>  20px/16px = 1.250em */
   right: 1.250em;                                          /* BASE FONT = 16px >>>  20px/16px = 1.250em */
   background: rgba(0, 0, 0, 0.7);
   width: 2.2em;                                           /* BASE FONT = 16px >>>  35px/16px = 2.2em */
   height: 2.2em;                                           /* BASE FONT = 16px >>>  35px/16px = 2.2em */
   display: block;
   text-decoration: none;
   -webkit-border-radius: 2.188em;                           /* BASE FONT = 16px >>>  35px/16px = 2.188em */
   -moz-border-radius: 2.188em;
   border-radius: 2.188em;display: none;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   color: #FFF;
   font-size:1em;                                            /* BASE FONT = 16px >>>  16px/16px = 1em */
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top span { 
    font-size: 1.2em;                                        /* BASE FONT = 16px >>>  19px/16px = 1.2em */
    text-align: center;
    display: block;
    line-height:2.2em;                                 /* BASE FONT = 16px >>>  35px/16px = 2.2em */
}

/* =============================================================================
   Form Style
   ============================================================================= */
.contact-form-left
{   width:55%; float:left;
}
.contact-map-right
{   width:45%; float:right;
}
.contact-map-right iframe
{   width:100%; border:0;
}
.form-fields fieldset
{   color:#333; border:0;
   margin:0;
   padding:0 0 0.625em;                                 /* BASE FONT = 16px >>>  10px/16px = 0.625em */
}
.form-fields fieldset label
{   font-size:0.875em;                                    /* BASE FONT = 16px >>>  14px/16px = 0.875em */   
   display:inline-block;
   width:29%;
   vertical-align:top;
   padding:0.313em 0.25em 0 0;                              /* BASE FONT = 16px >>>  5px 4px/16px = 0.313em 0.25em */
   text-align:right;
}
.form-fields fieldset label.nowidth
{   width:auto; 
   padding:0;
   text-align:left;
}
.form-fields fieldset input[type="text"],
.form-fields fieldset select,
.form-fields fieldset textarea,
#query
{   border-radius:0.4em;                                 /* BASE FONT = 13px >>>  5px/13px = 0.4em */
   padding:0.4em;                                 /* BASE FONT = 13px >>>  5px/13px = 0.4em */
   font-size:0.813em;                                 /* BASE FONT = 16px >>>  13px/16px = 0.813em */
   color:#333;
   border:1px solid #CCC;
   width:50%;
   font-family:Arial, Helvetica, sans-serif;
   margin-right:0.4em;                                 /* BASE FONT = 13px >>>  5px/13px = 0.4em */
}
.form-fields fieldset textarea
{   height:7em;                                       /* BASE FONT = 13px >>>  91px/13px = 7em */
}
#query
{   width:93%;
   padding:0.6em;
   margin:0;
}
.required-field
{   color:#CC0000;   
}
.fieldset-right
{   display:inline-block;
   width:60%;
}
.fieldset-right input
{   margin-top:0.4em;                                 /* BASE FONT = 13px >>>  5px/13px = 0.4em */
}
.fieldset-right span
{   font-size:0.813em;                                 /* BASE FONT = 16px >>>  13px/16px = 0.813em */
}
.form-fields input[type=submit],
.form-fields input[type=reset]
{   margin-top:0.5em;                                    /* BASE FONT = 16px >>>  8px/16px = 0.5em */
   margin-bottom:2em;                                    /* BASE FONT = 16px >>>  32px/16px = 2em */
}
input[type=submit],
input[type=reset]
{   border-radius:0.313em;                                 /* BASE FONT = 16px >>>  5px/16px = 0.313em */
   border:0;
   background:#026202;
   padding:0.313em 0.625em;                              /* BASE FONT = 16px >>>  5px 0 10px/16px = 0.313em 0.625em */
   cursor:pointer;
   color:#FFF;
}
input[type=submit]:hover,
input[type=reset]:hover
{   background:#333;
}