body {
   background: #ffffff;
   font-size:100%; /* default font size - 100% = 16px*/
   margin:0em;
   padding:0em;
}
img {
   border:0em;
}
address {
   font-style:normal;
}
.clear {
   clear:both;
}
/* =============================================================================
   Bellow default style
* ============================================================================= */

a {
   color:#454545;
   text-decoration: underline;
   font-size:1em; /* 12px/12px=1em 12px=1em */
}
a:hover {
   color:#da251c;
   text-decoration:none;
   font-size:1em;  /* 12px/12px=1em 12px=1em */
}
#content-area p {
   line-height:1.33333em; /* line-height:16px; 12px=1em */
   margin: 0em;
   padding-bottom: 0.857143em; /* padding-bottom:10px 14px=1em */
}

/* =============================================================================
   SEMANTIC TAGS GROUP
*  ============================================================================= */

#wrapper {
   width:100%;
   background: url(/images/wrapper_bg.jpg) repeat-x left top #f3f3f3;
}
#container {
   width:60em; /* width:960px 16px=1em */
   overflow:hidden;
   margin:0em auto;
}
#container_outer {
   width:100%;
   background: url(/images/container_outer_bg.jpg) no-repeat center 2.3125em;
}

#container_outer_home {
   background:url(/images/container_outer_home_bg.jpg) center 2.3125em no-repeat;   /* 37px / 16px = 2.3125em */
   width:100%;
}
#main {
   position: relative;
}

/* =============================================================================
   header area start
   ============================================================================= */

header {
   position:relative;
   text-align: right;
}
header img {
   float:left;
   margin:2.375em 0em 0em 0em; /* margin:38px 0px 0px 0px 16px=1em */
}
#header2 img {
   display:block;
}
.phone {
   font-size: 1.375em; /* font-size: 22px; 16px=1em */
   background: url(/images/contact_divider.jpg) no-repeat right 0.25em;
   padding-right: 0.5em; /* padding-right: 11px; 22px=1em */
}

/* =============================================================================
   search style start
   ============================================================================= */

.search {
   float: right;
   margin: 1.4375em 2.5625em 0em 0em; /* margin: 23px 41px 0px 0px; 16px=1em */
}
.search_text {
   background: url(/images/search_bg.jpg) no-repeat left top;
   border: medium none;
   color: #797979;
   float: left;
   font-family: Arial;
   font-size: 0.875em; /* font-size:14px; 16px=1em */
   font-weight: normal;
   height: 2.14286em; /* height:30px; 14px=1em */
   padding: 0em 0em 0em 0.857143em; /* padding: 0px 0px 0px 12px; 14px=1em */
   width: 16.1429em; /* width: 226px; 14px=1em */
}
.search_btn {
   background: url(/images/search_glass.jpg) no-repeat left top;
   border: medium none;
   cursor: pointer;
   height: 2.14286em; /* height:30px; 14px=1em */
   width: 2.07143em; /* width: 226px; 14px=1em */
   font-size: 0.875em; /* font-size:14px; 16px=1em */
}
/* =============================================================================
   Top Navigation style start
   ============================================================================= */

#topnav {
   height:2.3125em; /* height:37px; 16px=1em */
}

.topnav_last {
   font:left;
   background: url(/images/topnav_divider.jpg) no-repeat left top;
    float: left;
    padding-bottom: 1.0625em; /* padding-bottom: 17px; 16px=1em */

   }

/* =============================================================================
   content area style start
   ============================================================================= */

#content-area {
   font-size:0.75em; /* font-size: 12px/16px 0.75em 12px=1em */
   color: #454545;
   font-family: arial;
   padding-top: 2.833333333333333em;  /* padding-top: 34px; 12px=1em */
   padding-bottom: 4.166666666666667em;  /* padding-bottom: 50px; 12px=1em */
   padding-left: 0.1666666666666667em;  /* padding-bottom: 50px; 12px=1em */
}

#content-area-home {
    color: #454545;
    font-family: arial;
    font-size: 0.75em;   /* 12px / 16px = 0.875em */
    padding-top: 3em;   /* 36px / 12px = 3em */
    padding-bottom: 2.666666666666667em;   /* 32px / 12px = 2.666666666666667em */
   overflow:hidden;
}
.home_banner {
   float:left;
}
#container_outer_home h1 {
   font-family:tahoma;
   font-size:1em;      /* 16px / 16px = 1em */
   line-height:1.5em;   /* 24px / 16px = 1.5em */
   color:#FFFFFF;
   float:left;
   padding:2.0625em 0em 0em 1.5em;
   /*
   top      -   33px / 16px = 2.0625em
   left   -   24px / 16px = 1.5em
   */
   margin:0em;
}
#container_outer_home h1 span {
   font-size:2em;         /* 32px / 16px = 2em */
   line-height:1.0625em;   /* 34px / 32px = 1.0625em */
   color:#fff500;
   display:block;
   text-transform:uppercase;
}

/* =============================================================================
   footer area start here
   ============================================================================= */

#footer_wrapper {
   width:100%;
   background: url(/images/footer_wrapper_bg.jpg) repeat-x left top;
}
footer address {
   float: left;
   line-height: 1.28571em;  /*line-height: 18px; 16px=1em */
   padding-top:1.78571em; /* line-height: 18px; 16px=1em */
}
footer address span {
   display:block;
   padding-top: 2em; /* padding-top: 22px; 11x=1em */
   color:#797979;
   font-size:0.785714em; /* font-size:11px; 14px=1em */
   line-height: 1.45455em; /* line-height: 18px; 11px=1em */
}
footer.overflow .footer-address span a {
   color:#797979;
   text-decoration:underline;
}
footer.overflow .footer-address span a:hover {
   color:#797979;
   text-decoration:none;
}
footer {
   margin:0em auto;
   width: 60em;  /* width:960px 12px=1em */
   background: url(/images/footer_right_logo.jpg) no-repeat right top;
   position: relative;
}
.footer_right {
   float: right;
   line-height: 1.25em; /*  line-height: 25px; 16x=1em */
   text-align: right;
}
.footer_logos {
   display: block;
}
.footer_logos img {
   float:left;
}
.pdma_logo {
   float: left;
   margin-left: 0.9375em;  /*  margin-left: 15px;  16x=1em */
   margin-top: 0.6875em;  /* margin-top: 11px;  16x=1em */
   margin-right: 3.20em;  /* margin-right: 45px; 16=1em */
   }

.dmaw_logo {
    position: absolute;
    right: 4.9375em;  /*   right: 79px;  16x=1em */
    top: 6.125em;     /* top: 66px;   ;  16x=1em */
   }
.afp_logo {
   margin-left: 4em; /* margin-left: 64px; 16x=1em */
   margin-top: 0.5625em; /* margin-top: 9px; 16x=1em */
}
.green-logo {
   margin: 22px 10px 0px 5px;
}
.tlmi_logo {    margin-top: 10px;} /* =============================================================================
   bucket area start here
   ============================================================================= */

.clp-services {
   float:left;
   width:30.5625em;   /* 489px / 16px = 30.5625em */
   font-family:arial;
   padding-top:3.625em;   /* 58px / 16px = 3.625em */
}
.clp-services p {
   margin:0em;
   padding:0em 0em 1.041666666666667em 2.75em;
   /*
   bottom   -   25px / 24px   = 1.041666666666667em
   left   -   66px / 24px = 2.75em */
   color:#da251c;
   font-size:1.5em;      /* 24px / 16px = 1.5em */
}
.clp-services ul {
   list-style-type:none;
   padding:0em;
   margin:0em 0em 0em 4.25em;   /* 68px / 16px = 4.25em */
   width:12.4375em;      /* 199px / 16px = 12.4375em */
   float:left;
}
.clp-services ul.last {
   margin-left:0em;
}
.clp-services ul li {
   background:url(/images/home-bullet.gif) left 0.5em no-repeat;   /* 8px / 16px = 0.5em */
   padding:0em 0em 0.4375em 1.3125em;   
   /* 
   bottom   -   7px / 16px = 0.4375em
   left   -   21px / 16px = 1.3125em */
   margin:0em;
   line-height:1.3125em;   /* 21px / 16px = 1.3125em */
   color:#454545;
}
.clp-services span {
   display:block;
   clear:both;
   background:url(/images/learn-more-home.png) right top no-repeat;
   width:10em;         /* 16px / 16px = 10em */
   height:2.3125em;   /* 37px / 16px = 2.3125em */
   margin-top:0.5em;   /* 8px / 16px = 0.5em */
   float:right;
}
.clp-services a {
   font-size:0.875em;   /* 14px / 16px = 0.875em */
   display:block;
   font-weight:bold;
   color:#ffffff;
   padding-top:0.5714285714285714em;   /* 8px / 14px = 0.5714285714285714em */
   padding-bottom:0.3571428571428571em;   /* 5px / 14px = 0.3571428571428571em */
   padding-left:2.214285714285714em;   /* 31px / 14px = 2.214285714285714em */
   text-decoration:none;
}
.clp-services a:hover {
   text-decoration:underline;
}
.home-two-cols {
   background-color:#f3f3f3;
}
.home-left {
   width:100%;   /* 566px / 12px = 47.16666666666667em */
   float:left;  
   background:url(/images/examples-bg.jpg) left 2.083333333333333em no-repeat;   /* 25px / 12px = 2.083333333333333em */
}
.home-right {
   float:left;
   width:28.16666666666667em;   /* 338px / 12px = 28.16666666666667em */
   background:url(/images/whats-new-bg.jpg) right 25px no-repeat;
}
.home-left, .home-right {
   color:#454545;
}
.home-left h2, .home-right h2 {
   font-size:2em;   /* 24px / 12px = 2em */
   font-family:tahoma;
   line-height:1.208333333333333em;   /* 29px / 24px = 1.208333333333333em */
   margin:0em 0em 1em 0em;   /* 24px / 24px = 1em */
   overflow:hidden;
}

.home-left h2 a, .home-right h2 a {
   text-decoration:none;
   }

.home-left h2 {
   padding:0em 0em 0.4166666666666667em 0.7916666666666667em;
   /*
   bottom   -   10px / 24px = 0.4166666666666667em
   left   -   19px / 24px = 0.7916666666666667em
   */
}
.home-right h2 {
   padding:0em 0em 0.2916666666666667em 0.7916666666666667em;
   /*
   bottom   -   7px / 24px = 0.2916666666666667em
   left   -   19px / 24px = 0.7916666666666667em
   */
}
.examples-work section {
   width:11.11111111111111em;   /* 150px / 13.5px = 11.11111111111111em */
   float:left;
   margin-left:2.888888888888889em;   /* 39px / 13.5px = 2.888888888888889em */
}
.examples-work .first-col {
   margin-left:1.555555555555556em;   /* 21px / 13.5px = 1.555555555555556em */
}
.examples-work section img {
   margin-bottom:0.0714286em; /* 1px / 14px = 0.0714286em */
}
.examples-work span {
   display:block;
   height:2.814814814814815em;   /* 38px / 13.5px = 2.814814814814815em */
   margin-bottom:1.037037037037037em;   /* 14px / 13.5px = 1.037037037037037em */
}
.home-right > img {
   float:left;
   margin:0.25em 1.916666666666667em 0em 1.75em;
   /*
   top      -   3px / 12px = 0.25em
   right   -   23px / 12px = 1.916666666666667em
   left   -   21px / 12px = 1.75em
   */
}
.home-right p.firstpara {
   font-size:1.166666666666667em;   /* 14px / 12px = 1.166666666666667em */
   line-height:1.214285714285714em;      /* 17px / 14px = 1.214285714285714em */
   margin:0em;
   padding:0em 1.285714285714286em 1.785714285714286em 0em;
   /*
   right   -   18px / 14px = 1.285714285714286em
   bottom   -   25px / 14px = 1.785714285714286em
   */
}
.home-right p.spl {
   font-size:1em;                        /* 12px / 12px = 1em */
   line-height:1.166666666666667em;         /* 14px / 12px = 1.166666666666667em */
   padding:0em 1.083333333333333em 1.083333333333333em 1.75em;
   /*
   right   -   13px / 12px = 1.083333333333333em
   bottom   -   13px / 12px = 1.083333333333333em
   left   -   21px / 12px = 1.75em
   */
   margin:0em;
   color:#797979;
}
p.spl.darkhighlight {
   color:#454545;
}
p.spl a {
   color:#da251c;
   text-decoration:none;
}
p.spl a:hover {
   text-decoration:underline;
}

/* =============================================================================
   social media start here
   ============================================================================= */

.social-single {
   float: right;
   overflow: hidden;
   padding-right: 17px;
   padding-top:3px;
}
#twitterbutton {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 90px;
   overflow:hidden;
}
#likebutton {
   float: left;
   margin: 0px 15px 0px 0px;
   padding: 0px 1px 0px 0px;
   width: 73px;
   overflow:hidden;
}
#linkedinshare {
   float: left;
   padding: 0px 15px 0px 0px;
}
#google_plusone {
   float: left;
   width: 62px;
   overflow:hidden;
}
#home_social_media_links {
   bottom: 17px;
   float: left;
   position: absolute;
   right: 60px;
   width: 195px;
}
#home_twitterbutton {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   overflow:hidden;
} 

/* =============================================================================
   print page styles
   ============================================================================= */

.print_page {
   bottom: 19px; /* bottom: 1.583333333333333em; 12px=1em */
   position: absolute;
   right: 0em;
   font-size: 0.714286em; /* 11px/12=0.9166666666666667em; 12px=1em */
   font-family: arial;
}
.print_page a {
   text-decoration:none;
   color:#454545;
   font-size:1em; /* font-size:11px 11px=1em */
   text-decoration:underline;
}
.print_page a:hover {
   text-decoration:underline;
   color:#454545;
   font-size:1em; /* font-size:11px 11px=1em */
   text-decoration:none;
}
.img04 {
   cursor: pointer;
   margin: 0em 0.454545em 0em 1.2727em; /* margin: 0px 5px 0px 14px; 11px=1em */
   vertical-align: middle;
}
.img05 {
   cursor: pointer;
   margin: 0em 0.545455em 0em 1.09091em; /* margin: 0px 7px 0px 15px; 11px=1em */
   vertical-align: middle;
}
/* =============================================================================
   heading styles
   ============================================================================= */

h1 {
   color: #da251c;
   font-size: 2em; /* 24px/12px=2em 12px=1em */
   font-weight: normal;
   margin:0em;
   padding: 0.208333em 0.8333333333333333em 0.75em 0em; /*  padding: 5px 20px 18px 0px; 24px=1em */
   line-height:1em; /* line-height: 24px;  24px=1em */
   font-family:Tahoma;
}
h2 {
   color: #454545;
   font-size:  1.5em;  /* 18px/12px= 1.5em 12px=1em */
   font-weight: normal;
   padding: 0em 0em 0.8333333333333333em 0em; /*  padding: 0px 0px 15px 0px; 18px=1em */
   line-height:1.333333333333333em; /* line-height: 24px;  18px=1em */
   font-family:Tahoma;
}
h3 {
   color: #da251c;
   font-size:  1.333333333333333em;  /* 16px/12px= 1.333333333333333em 12px=1em */
   font-weight: normal;
   padding: 0em 0em 0.9375em 0em; /*  padding: 0px 0px 15px 0px; 16px=1em */
   line-height:1.5em; /* line-height: 24px;  16px=1em */
   font-family:Tahoma;
}

/* =============================================================================
   images styles
   ============================================================================= */
   
.img01 {
   border: 1px solid #d0d0d0; /* border: 1px solid #000000; 12px=1em */
}
.img02 {
   float: left;
   margin: 0em 1.6667em 1.25em 0em; /* margin: 0px 20px 12px 0px; 12px=1em */
}
.img03 {
   float: right;
   margin: 0em 0em 0.8333333333333333em 0.8333333333333333em; /* margin: 0px 0px 10px 10px; 12px=1em */
   border: 1px solid #000000;
}
/* =============================================================================
   inner page style
   ============================================================================= */

.txt_center {
   text-align:center;
}
.send_email {
   background: url(/images/send_email_btn.jpg) no-repeat left top;
   border: none;
   cursor: pointer;
   height: 2.78571em; /* height: 39px; 14px=1em */
   width:  8.357142857142857em;  /* width: 117px; 14px=1em */
   text-decoration:none;
   font-size:1.166666666666667em; /* font-size:14px; 12px=1em */
   font-family:Arial;
   color:#ffffff;
}
.send_email:hover {
   background: url(/images/send_email_btn.jpg) no-repeat left top;
   border: none;
   cursor: pointer;
   height: 2.78571em; /* height: 39px; 14px=1em */
   width:  8.357142857142857em;  /* width: 117px; 14px=1em */
   text-decoration:underline;
   font-size:1.166666666666667em; /* font-size:14px; 12px=1em */
   font-family:Arial;
   color:#ffffff;
}


.overflow {
   overflow: hidden;
}

.inner_left_txt {
   float: left;
   width: 67.7083%;  /* width: 650px;650*100/960=67.7083% */
}
.emample_our_work_section {
   margin-left: 2.5em;  /* margin-left: 30px; 12px=1em */
   padding-bottom: 1.583333333333333em; /* padding-bottom: 19px; 12px=1em */
   width: 28.85416666666667%; /* width: 276px; 277*100/960= 28.75%*/
   background: url(/images/example_bg.jpg) no-repeat left bottom;
   float: left;
}
.heading_txt {
   background: url(/images/example_heading_bg.jpg) no-repeat left bottom;
   color: #454545;
   display: block;
   font-family: tahoma;
   font-size: 1.5em; /* font-size: 18px; 12px=1em */
   font-weight: normal;
   line-height: 1.222222222222222em;  /* line-height: 22px; 18px=1em */
   padding-bottom: 1.333333333333333em; /* padding-bottom: 24px; 18px=1em */
   padding-left: 1.055555555555556em;  /*padding-left: 19px; 18px=1em */
}
.emample_our_work_section ul {
   margin:0;
   padding: 1.083333333333333em 0em 0em 1.666666666666667em; /* padding: 13px 0px 0px 20px; 12px=1em */
   list-style-type:none;
}
.emample_our_work_section ul li {
   font-size: 1.166666666666667em;  /* font-size: 14px; 12px=1em */
   line-height: 1.285714285714286em;  /* line-height: 18px; 14px=1em */
   padding-bottom: 1.285714285714286em; /* padding-bottom: 18px; 14px=1em */
}
.emample_our_work_section ul li a {
   text-decoration:none;
}
.heading_txt a {
   text-decoration:none;
}
.rfq_btn {
   background: url(/images/rfq_btn.jpg) no-repeat left top;
   margin-bottom: 1.428571428571429em; /* margin-bottom: 20px; 14px=1em */
   padding:0.7857142857142857em 2.571428571428571em 2em 1.357142857142857em; /* padding: 11px 36px 28px 19px; 14px=1em */
   text-decoration:none;
   font-size:1.166666666666667em; /* font-size:14px; 12px=1em */
   font-family:Arial;
   color:#ffffff;
   text-transform: uppercase;
   margin-left: 5.083333333333333em; /* margin-left: 61px; 12px=1em */
    margin-top: 2.25em; /*  margin-top: 27px; 12px=1em */
   display: inline-block;
}
.rfq_btn a {
   color: #FFFFFF;
   font-size: 1em; /* font-size: 14px;  14px=1em */
   text-decoration: none;
}
.rfq_btn a:hover {
   color: #FFFFFF;
   font-size: 1em; /* font-size: 14px;  14px=1em */
   text-decoration: underline;
}
.h2_bg {
   background-color: #D6D6D6;
   margin: 0em;
   padding: 0em 0em 0.3333333333333333em 0.5em;  /* padding: 0em 0em 4px 6px;  12px=1em */
   text-align: left;
}
.inner_tab {
   margin: 0em 0em 0.833333em;/*1px/12=0.0833333333333333*/
}
.inner_tab dl {
   border-bottom: 0.0833333em solid #D0D0D0;
   display: table;
   margin: 0em;
   width: 100%;
}
.inner_tab dt, .inner_tab dd {
   display: table-cell;
   padding: 1.25em;
}
.inner_tab dt {
   font-weight: normal;
   width: 39.8406%;
}
.inner_tab > dl > dd {
   width: 60.1594%;
}
section.inner_tab dd p:first-child {
   float: left;
   width: 50%;
}
.inner_tab dd dl {
   border: none;
}
.inner_tab dd dl dd {
   padding: 0em 1.66667em 0em 0em;/*20px/12=1.666666666666667*/
   width: 50%;
}
.inner_tab dd dl dd:nth-child(2) {
   padding-right: 0em;
}
.inner_tab_last_row {
   border-bottom:none;
}
.addi_txt {
   font-weight: bold;
   margin: 0em;
   padding-top: 1.166666666666667em; /* padding-top: 14px;   12px=1em */
}
.back_to_top {
   font-size: 0.916667em; /* font-size: 11px;   12px=1em */
   text-align: right;
}
/* =============================================================================
   RFQ FORM STYLE
   ============================================================================= */
   
   div.fieldwrapper {
   overflow: hidden;
   padding: 0.6666666em 0em 0.1666666em 0em;         /* 8px/12px=0.6666666em | 0em | 2px/12px=0.1666666em | 0em */
   width: 100%;
}
div.fieldwrapper label.styled {
   float: left;
   margin-right: 1.25em;                        /* 15px / 12px = 1.25em */
   width: 45.454545%;                            /* 250px*100/550px = 45.454545% */
}
div.fieldwrapper div.thefield {
   float: left;
   margin-bottom: 0.8333333em;                     /* 10px / 12px = 0.8333333em */
   width: 45.454545%;                            /* 250px*100/550px = 45.454545% */
}
div.fieldwrapper div.thefield input[type="text"] {
   border: 1px solid #CCCCCC;                     /* 1px / 12px = 0.0833333em */
   width: 99%;                               /* 1% Space Left For Border */
}
div.fieldwrapper div.thefield select {
   width: 100%;                               /* Of 45.454545% from div.fieldwrapper div.thefield */
}
div.fieldwrapper div.thefield textarea {
   height: 8.3333333em;                        /* 100px / 12px = 8.3333333em */
   width: 98%;                               /* To Match Sizes Of Text Fields */
}
.ctr {
   text-align: center;
}
.feedbackform {
   margin: 0em auto;
   width: 74.525745%;                            /*550px*100/738 = 74.525745% */
}
.thefield div {
   float: left;
   width: 50%;                               /* Of 45.454545% from div.fieldwrapper div.thefield */
}
.submit, .reset {
   background: url(/images/submit_btn.jpg) no-repeat left top;
   border: none;
   cursor: pointer;
   height: 1.928571428571429em; /* height: 27px; 14px=1em */
   width:  5.714285714285714em;  /* width: 80px; 14px=1em */
   text-decoration:none;
   font-size:1.166666666666667em; /* font-size:14px; 12px=1em */
   font-family:Arial;
   color:#ffffff;
}
.submit:hover, .reset:hover {
   background: url(/images/submit_btn.jpg) no-repeat left top;
   border: none;
   cursor: pointer;
   height: 1.928571428571429em; /* height: 27px; 14px=1em */
   width:  5.714285714285714em;  /* width: 80px; 14px=1em */
   text-decoration:underline;
   font-size:1.166666666666667em; /* font-size:14px; 12px=1em */
   font-family:Arial;
   color:#ffffff;
}
/* =============================================================================
   CONTACT US PAGE STYLE
   ============================================================================= */

address.right {
   float:right;
   margin-bottom:1.6666666em;   /* 20px/12px= 1.6666666em */
   text-align:right;
   width:33.333333em;   /* 400px/12px= 33.333333em*/
}
#gmap {
   clear:both;
   margin:0em auto;
   text-align:center;
   width:37.5em;   /* 450px/12px= 37.5em */
}

/* =============================================================================
   SITE MAP PAGE STYLE
   ============================================================================= */
#content-area ul.sitemap {
   list-style:none;
   padding:0em;
   margin:0em;
}
#content-area ul.sitemap li {
   padding:0.4166666em 0em 0.4166666em 0em;              /* 5px/12px=0.4166666em | 0em | 5px/12px=0.4166666em | 0em */
   background-image:none;
}

.inner_img01 {
    clear: both;
    margin: 0em 0em 0.8333em 0em;
    overflow: hidden;
}
.inner_img01 figure {
    float: left;
    margin: 0em 4.41667em 0em 0em;
}
.inner_img01_right{
   margin-right: 0 !important;
   }