/*RESETTING BASIC ELEMENTS*/
html, body, ul, ol, li, form, fieldset, legend {
   margin: 0px;
   padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
   margin: 0px;
}
p {
   margin:0px;
   padding: 0px 0px 10px 0px;
}
a {
   color: #d00001;
   text-decoration: underline;
   }
a:hover {
   color: #d00001;
   text-decoration: none;
   }   
fieldset, img {
   border: 0px;
}
legend {
   color: #000000;
}

sup {
   vertical-align: text-top;
}
sub {
   vertical-align: text-bottom;
}
abbr, acronym {
   border-bottom: .1em dotted;
   cursor: help;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}
nav ul {
   list-style: none;
}
hr {
   display: block;
   height: 1px;
   border: 0px;
   border-top: 1px solid #404040;
   margin: 12px 0px 12px 0px;
   padding: 0px;
}
input, select {
   vertical-align: middle;
}
address {
   font-style: normal;
}
.clearfix {
   clear: both;
   overflow: hidden;
   margin-bottom: 15px;
   }
.clear {
   clear: both;
   overflow: hidden;
   }   
#content_area ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#content_area ul li {
   background: url(/images/bullet.jpg) no-repeat 0px 7px;
   padding-bottom: 4px;
   padding-left: 11px;
}   
   
/*BUILD RELATED TEMPLATE STYLES BELOW*/
body {
   margin: 0px;
   background-color: #515152;
   font-family: Arial;
   color: #515151;
   font-size: 100%;
   }
#outer-wrapper {
   width: 100%;
   background: url(/images/outer-wrapper-bg.jpg) repeat-x left top #ffffff;
   }   
#wrapper {
   width: 960px;
   margin: 0px auto 0px auto;
   }

#content_area #idContentTblCell {
   clear: both;
   font-size: 0.75em;
   line-height: 1.5em;
   }   

header {
   width: 100%;
   clear: both;
   overflow: hidden;
   background: url(/images/header-bg.jpg) no-repeat left top;
   }

header img[id="logo"] {
   float: left;
   margin: 0px 3px 0px 0px;
   }      

#utility_nav {
   float: right;
   text-align: center;
   background: url(/images/utility-bg.jpg) no-repeat right top;
   margin: 0px 42px 0px 0px;
   padding: 1.17em 4.58em 0em 5.17em;
   }
#utility_nav p {
   padding: 0.92em 0em 0em 0em;
   color: #515151;
   }
#utility_nav p a {
   font-size: 1.17em !important;
   line-height: 1.25em !important;
   }
#utility_nav p img {
   margin-right: 5px;
   }         
   
.utility_nav_ser_005 span {
   font-size: 1.33em;
   font-weight: bold;
   line-height: 1.33em;
   }   
.utility_nav_ser_005 span.phone_txt   {
   padding-right: 28px;
   }
#banner {
   width: 100%;
   clear: both;
   }   
#banner img {
   display: block;
   }   

/*search function classes*/
.search {
   margin: 11px 35px 12px 0px;
   float: right;
}   

.search input[id="query"] {
   width: 118px;
   height: 16px;
   border: 0px;
   background: url(/images/search-input-bg.jpg) no-repeat left top;
   font-size: 0.92em;
   color: #7c7c7c;
   padding: 2px 0px 2px 7px;
   margin-top: 3px;
}

/*search function classes end*/   
   
/*topnav classes*/
#topnav {
   width: 100%;
   text-align: left;
   background: url(/images/topnav-bg.jpg) no-repeat left top;
   }   
#topnav a.topnav_firstlink {
   margin-left: 36px;
   background: url(/images/topnav-link-bg.jpg) no-repeat left top !important;
   }
#topnav a:hover.topnav_firstlink {
   margin-left: 36px;
   background: url(/images/topnav-link-bg-hover.jpg) no-repeat left top !important;
   }      
#topnav a.topnav_firstlink span {
   background: url(/images/topnav-link-bg.jpg) no-repeat right top;
   }
#topnav a:hover.topnav_firstlink span {
   background: url(/images/topnav-link-span-bg-hover.jpg) no-repeat right top;
   }      
.topnav_ser_005 a span {
   padding: 1.56% 2.39% 1.56% 0%;
   display: inline-block;
   }
.topnav_ser_005 a:hover span {
   padding: 1.56% 2.39% 1.56% 0%;
   display: inline-block;
   background: url(/images/topnav-link-span-bg-hover.jpg) no-repeat right top;
   }      
/*topnav classes end*/   

/* main area start */
#main {
   width: 100%;
   clear: both;
   overflow: hidden;
   position: relative;
   padding-bottom: 32px;
   }
#main_home {
   width: 100%;
   clear: both;
   overflow: hidden;
   }   

aside {
   width: 14.583%; /*for 140px*/
   float: left;
   padding: 10px 0px 0px 0px;
   }
aside h4 {
   font-size: 0.88em;
   text-transform: uppercase;
   color: #515151;
   padding: 0px 0px 8px 5px;
   line-height: 0.88em;
   }
aside h4 a {
   color: #515151;
   text-decoration: none;
   }   
aside h4 a:hover {
   color: #d00001;
   text-decoration: none;
   }   
#leftnav_1 {
   padding: 0px 0px 21px 0px;
   }   
.leftnav_ser_005 a:hover.three-line   {
   background: url(/images/three-line-bg-hover.jpg) no-repeat left bottom !important;
   }
.leftnav_ser_005 a:hover.single-line   {
   background: url(/images/single-line-bg-hover.jpg) no-repeat left bottom !important;
   }   

#content_area {
   padding: 11px 4px 15px 26px;
   overflow: hidden;
   }

#content_area_home {
   padding: 5px 5px 4px 5px;
   overflow: hidden;
   }

/*main area end*/

/* footer area start */
#outer-footer {
   width: 100%;
   background: url(/images/outer-footer-bg.jpg) repeat-x left top;
   }
footer {
   width: 960px;
   text-align: left;
   background: url(/images/footer-bg.jpg) no-repeat 0px 18px;
   margin: 0px auto 0px auto;
   }
footer address {
   padding: 46px 0px 0px 6px;
   } 
footer address strong {
   display: block;
   text-transform: uppercase;
   }   
footer p {
   float: right;
   text-align: right;
   }
footer p img {
   display: block;
   float: right;
   }   
footer p strong {
   display: block;
   font-size: 1em;
   padding: 3px 6px 16px 0px;
   text-transform: uppercase;
   font-style: italic;
   clear: both;
   }   
footer p a.sitemap_link {
   margin: 0px 6px 0px 29px;
   }       
#thomas_info {
   width: 960px;
   padding: 19px 0px 10px 0px;
   text-align: right;
   margin: 0px auto 0px auto;
   clear: both;
   }
#thomas_info span {
   padding-left: 18px;
   }   
/*footer area end*/

/*home page classes*/
.bucket_link_ser_005 section {
   float: left;
   margin: 0px 0px 0px 10px;
   width: 182px;
   }
.bucket_link_ser_005 section.first_bucket {
   margin: 0px;
   }   
.bucket_link_ser_005 img {
   margin: 0px 0px 2px 0px;
   }   
.bucket_link_ser_006 section {
   width: 310px;
   float: left;
   margin: 5px 0px 10px 10px;
   background-color: #e3e3e3;
   }
.bucket_link_ser_006 section.first_column_bucket {
   margin: 5px 0px 10px 0px;
   }      
.bucket_link_ser_006 section img {
   float: left;
   margin-right: 21px;
   }
.bucket_link_ser_006 section span {
   display: block;
   padding: 18px 0px 0px 0px;
   }
.bucket_link_ser_006 section.bucket_txt {
   background: url(/images/last-bucket-bg.jpg) no-repeat left top;
   }   
.bucket_link_ser_006 section.bucket_txt p {
   padding: 22px 15px 27px 25px; 
   }
section.bucket_link_ser_006 a.top_row_last {
   background: url(/images/btm-bucket-link-bg.jpg) no-repeat 197px 23px;
   }
section.bucket_link_ser_006 a:hover.top_row_last {
   background: url(/images/btm-bucket-link-bg-hover.jpg) no-repeat 197px 23px;
   }   
/*home page end*/

/* heading styles */
h1 {
   color: #515151;
   font-size: 1.5em;
   margin: 0px;
   padding: 0px 0px 10px 0px;
   text-transform: uppercase;
   }
#content_area_home h1 {
   font-size: 1.17em;
   line-height: 1.25em;
   padding: 0px 0px 9px 0px
   }   
#content_area_home h1 span {
   display: block;
   font-size: 0.79em;
   font-weight: normal;
   line-height: 1em;
   }   
h2 {
   color: #d00001;
   font-size: 1.17em;
   margin: 0px;
   padding: 10px 0px 10px 0px;
   text-transform: uppercase;
   }
h2.spec_h2 {
   font-size: 1em;
   color: #e3e3e3;
   background: url(/images/spec-h2-bg.jpg) repeat-x left top;
   padding: 3px 0px 3px 29px;
   margin: 20px 0px 2px 0px;
   }   
h3 {
   color: #d00001;
   font-size: 1.08em;
   margin: 0px;
   padding: 5px 0px 5px 0px;
   text-transform: uppercase;
   }
/*heading style end*/         

/* image styles */
.img01 {
   border: 1px #9b9b9b solid;
   }
   
.img02 {
   border: 1px #9b9b9b solid;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
   }

.img03 {
   border: 1px #9b9b9b solid;
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
   }

.print_img {
   vertical-align: middle;
   margin: 0px 5px 0px 0px;
   cursor: pointer;
}

.email_img {
   cursor:pointer;
   vertical-align: middle;
   margin: 0px 7px 0px 14px;
}
/*image style end*/

/* contact us /sitemap page class */
#content_area ul.sitemap li {
   background: none;
   padding: 5px 0px 5px 0px;
   }

#content_area ul.sitemap li ul {
   padding: 5px 0px 5px 20px;
   margin: 0px; 
   }   

#gmap {
   clear: both;
   margin: 0px auto 0px auto;
   padding: 10px 0px 10px 0px;
   text-align: center;
   width: 452px;
}

address.right {
   float: right;
   margin-bottom: 25px;
   text-align: right;
   width: 40%;
}

address.left {
   float: left;
   margin-bottom: 25px;
   width: 40%;
}
/*contact page class end*/

/*tabular data classes*/   
section.tabular {
   border: 1px solid #9b9b9b;
   }
dl {
   width: 100%;
   display: table;
   margin: 0px;
   background-color: #e3e3e3;
   border-bottom: 1px solid #ffffff;
   }
section.tabular dl.last_dl {
   border-bottom: none;
   }
dt, dd {
   display: table-cell;
   padding: 10px;
   vertical-align: top;
   color: #6d6d6d;
   }   
dt {
   font-weight: bold;
   width: 30%;
   }   

dd {
   width: 70%
}

dd dl {
   border: none !important;
   }      

dd dl dd {
   padding: 0px 10px 0px 0px;
   border: none;
   background: none;
   width: 50%;
}

#content_area section.tabular dd ul li {
   background: url(/images/tabular-bullet.jpg) no-repeat 0px 7px;
   padding: 0px 0px 1px 9px;
   margin-left: 5px;
}


/*tabular classes end*/

/*portfolio page classes*/      
.pro_showcase div {
   float:left;
   width:45%;
   margin: 0px 0px 20px 0px;
   border: 1px solid #bdbdbd;
 }

.pro_showcase div.right {
   margin: 0px 0px 20px 40px;
   }

.pro_showcase img {
   float:left;
   margin-right:10px;
}

.pro_showcase a span {
   padding: 5px 10px 0px 0px;
   text-align: left;
}

.pro_showcase span {
   display: block;
   padding: 20px 10px 0px 0px;
   text-align: right;
}
.pro_showcase span a {
   text-decoration: none;
   font-weight: bold;
}

.pro_showcase span a:hover {
   text-decoration: underline;
   font-weight: bold;
   }
/*portfolio classes end*/   

/*RFQ Page classes*/   
#rfq_form {
   border: 0px;
   margin: 0px auto 0px auto;
   padding: 10px 20px 20px 20px;
   text-align: left;
   width: 82%;
}

#rfq_form label {
   display: inline-block;
   font-weight: normal;
   margin: 4px 10px 4px 0px;
   text-align: left;
   vertical-align: top;
   width: 275px;
}
#rfq_form input[type="text"], input[type="url"], input[type="email"], input[type="tel"] {
   border: 1px solid #CCCCCC;
   margin: 4px 0px 4px 0px;
   padding: 0px;
   width: 40%;
}

#rfq_form select {
   border: 1px solid #CCCCCC;
   margin: 4px 0px 4px 0px;
   width: 261px;
}

p.distribute {
   overflow: hidden;
}

p.distribute span {
   display: block;
   float: left;
   width: 46%;
}

#rfq_form textarea {
   border: 1px solid #CCCCCC;
   height: 75px;
   margin: 4px 0px 4px 0px;
   width: 288px;
}

p.contact {
   padding: 10px 0px 15px 0px;
}

p.ctr {
   text-align: center;
}

.captcha_code {
   width: auto !important;
}

p.contact span {
   padding-right: 15px;
   }
/*RFQ page classes end*/   

/*social media start*/
.social-single {
   float: right;
   overflow:hidden;
   position:relative;
   clear: both;
   padding-bottom: 19px;
}
#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 2px 0px 0px;
   width: 70px;
   overflow:hidden;
}
#linkedinshare {
   float: left;
   padding: 0px 15px 0px 0px;
}
#googleplus {
   float: left;
   width: 62px;
   overflow:hidden;
}
/*social media ends*/

/*common classes*/
p.actions {
   padding: 5px 0px 5px 0px;
   text-align: right;
   font-size: 0.83em;
}
figure.right_img {
   margin: 0px 0px 15px 20px;
   float: right;
   }
figure.right_img img {
   border: 1px solid #9b9b9b;
   }   
section.thumb_case figure {
   float: left;
   margin: 0px 0px 10px 17px;
   }   
section.thumb_case figure img {
   border: 1px solid #9b9b9b;
   }   
section.thumb_case figure.left_img {
   margin: 0px 0px 10px 0px;
   }
section.thumb_case4 figure {
   float: left;
   margin: 0px 0px 10px 14px;
   }   
section.thumb_case4 figure img {
   border: 1px solid #9b9b9b;
   }   
section.thumb_case4 figure.left_img {
   margin: 0px 0px 10px 0px;
   }      
   
figure.left_thumb {
   float: left;
   margin: 0px 17px 15px 0px;
   }   
figure.left_thumb img {
   border: 1px solid #9b9b9b;
   }   
p.rfq-link {
   padding: 10px 0px 10px 0px;
   text-align: left;
   }   
p.rfq-link a {
   background: url(/images/rfq-btn-bg.jpg) no-repeat left top;
   padding: 9px 35px 9px 30px;
   font-weight: bold;
   color: #e3e3e3;
   text-decoration: none;
   text-transform: uppercase;
   }   
p.rfq-link a:hover {
   background: url(/images/rfq-btn-bg-hover.jpg) no-repeat left top;
   padding: 9px 35px 9px 30px;
   font-weight: bold;
   color: #e30406;
   text-decoration: none;
   text-transform: uppercase;
   }   
.input-btn {
   background: url(/images/input-btn-bg.jpg) no-repeat left top;
   font-weight: normal;
   padding: 3px 0px 5px 0px;
   text-decoration: none;
   cursor: pointer;
   border: 0px;
   color: #ffffff;
   width: 84px;
   display: inline-block;
   text-align: center;
   }
.input-btn:hover {
   background: url(/images/input-btn-bg.jpg) repeat-x left top;
   padding: 3px 0px 5px 0px;
   text-decoration: underline;
   cursor: pointer;
   border: 0px;
   color: #ffffff;
   width: 84px;
   display: inline-block;
   text-align: center;
   }   
#topnav a.rfq, #topnav a.rfq:hover {
   background:url(/images/topnav-link-span-bg-hover.jpg) left top no-repeat;
}
#topnav a.rfq {
   color:#E30406;
}
#topnav a.rfq:hover {
   color:#FFFFFF;
}
#topnav a.rfq:hover span {
   background:none;
}
.left-buckets {
   width:310px;
   float:left;
   margin-right:20px;   
}
.left-buckets section {
   width: 310px;
   float: left;
   margin: 5px 0px 10px 0px;
   background-color: #e3e3e3;
   }
.left-buckets section img {
   float: left;
   margin-right: 22px;
   }
.left-buckets section span {
   display: block;
   padding: 41px 0px 0px 0px;
   font-size: 12px;   
 }
.buckets-container .left-buckets section a {
   background:url(/images/btm-bucket-link-bg.jpg) 287px 39px no-repeat;
   padding-bottom:4px;
}
.buckets-container .left-buckets section a:hover {
   background:url(/images/btm-bucket-link-bg-hover.jpg) 287px 39px no-repeat;
}
.buckets-container > p {
   color:#515151;
   font-size:0.9375em;   /* 15px/16px = 0.9375em */
   padding:1.133333333333333em 0em 0.9333333333333333em 0em;   /* top - 17px/15px = 1.133333333333333em | bottom - 14px/15px = 0.9333333333333333em */
   line-height:1.4em;   /* 21px/15px = 1.4em */
}
.buckets-container {
   background:url(/images/bg-gray.jpg) right 0.1875em no-repeat;   /* 3px/16px = 0.1875em */
}
.buckets-container .left-buckets .examples-work {
   display:inline-block;
   font-size:1.272727272727273em;   /* 14px/11px = 1.272727272727273em */
   margin-top:0.8571428571428571em;   /* 12px/14px= 0.8571428571428571em */
}