@charset "UTF-8";
/* CSS Document */

html { overflow: -moz-scrollbars-vertical !important; }

* { padding: 0px; margin: 0px; }

.clearer { clear: both; }
body { background: url(../images/bkg-red-bar.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }
p, label, li { font-size: 12px; line-height: 18px; color: #333333; }
h3 { font-size: 13px; color: #333333; }
.testimonial { font-size: 11px; color: #000000; font-weight: bold; margin-bottom: 20px; }
.img-float-left { float: left; margin: 0px 20px 10px 0px; }
.red-txt { color: #C60C30; }
.p-divider { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; }

.style1 {color: #FFFFFF}

#frame-header { width: 960px; height: 89px; margin: 0px auto 0px auto; background: url(../images/telephone-number.gif) no-repeat right; text-indent: -9999px; }
#frame-header h1 { width: 300px; height: 90px; background: url(../images/tpf-group-logo.gif) 0 0 no-repeat; }
#frame-header li { float: left; list-style: none; width: 480px; }

#frame-content { background: url(../images/bkg-world.jpg) no-repeat top center; padding: 20px 0px; }

#frame-top-nav { width: 960px; height: 30px; margin: 0px auto 0px auto; }
#frame-top-nav a { text-indent: -9999px; }
#frame-top-nav li { float: left; list-style: none; }
#frame-top-nav .intel { background: url(../images/h1-intelligent-comms.gif) no-repeat; width: 520px; height: 30px; text-indent: -9999px; }

#frame-intro { background: url(../images/bkg-intro.gif) no-repeat; height: 280px; width: 960px; margin: 0px auto 0px auto; clear: both; }
#frame-intro h1 { color: #FFFFFF; padding: 20px 20px 10px 20px; font-size: 14px; line-height: 18px; }
#frame-intro p { color: #FFFFFF; padding: 0px 20px 10px 20px; line-height: 17px; }
#frame-intro a { color: #FFFFFF; }
#frame-intro a:hover { color: #619933; }

#frame-intro .intro-text { width: 240px; float: left; }
#frame-intro .intro-flash { width: 720px; height: 280px; float: left; background: #C60C30; }

#frame-left-nav { background: url(../images/bkg-intro.gif) no-repeat; height: 280px; width: 960px; margin: 0px auto 0px auto; clear: both; }
#frame-left-nav li { list-style: none; }
#frame-left-nav a { text-indent: -9999px; }

#frame-left-nav .left-links { width: 240px; float: left; padding-top: 15px;   }
#frame-left-nav .main-imgs { width: 720px; height: 280px; float: left;}

#frame-intro-logos { margin: 20px auto 0px auto; width: 960px; background: url(../images/bkg-intro-logos.gif) no-repeat left bottom; }
#frame-intro-logos h2 { height: 40px; background: #BEC3C3; padding-left: 20px; }
#frame-intro-logos p { padding: 10px 1px 15px 1px; }

#frame-announcement { margin: 20px auto 0px auto; padding: 20px 40px; width: 880px; background: url(../images/bkg-announcement.gif) no-repeat left bottom; border-top: 1px solid #CCC; }
#frame-announcement h2 { padding-bottom: 10px; }

#frame-intro-news { margin: 20px auto 0px auto; width: 960px; background: url(../images/bkg-poll.jpg) no-repeat right bottom; }
#frame-intro-news a { color: #C60C30; font-size: 12px; }
#frame-intro-news h3 { font-size: 13px; }
#frame-intro-news .news-item1 { width: 425px; padding: 7px 10px 7px 20px; float: left; margin: 0px; }
#frame-intro-news .news-item2 { width: 425px; padding: 7px 10px 7px 20px; float: left; margin: 0px; }
#frame-intro-news .news-item3 { width: 425px; padding: 7px 10px 7px 20px; float: left; margin: 0px; }
#frame-intro-news .news-item5 { width: 425px; padding: 7px 10px 7px 20px; float: left; margin: 0px; }
#frame-intro-news .news-item4 { width: 425px; padding: 7px 10px 7px 20px; float: left; background: #BEC3C3; margin: 0px; }
#frame-intro-news .news-img { width: 225px; float: left; }
#frame-intro-news .news-holder { padding: 20px 20px 0px 20px; }

#frame-intro-news .news-col h2 { height: 40px; background: #BEC3C3; }
#frame-intro-news .news-col { width: 720px; float: left; }
#frame-intro-news .banner-col { float: left; padding-left: 15px; }


.flasher { background: #BEC3C3; height: 30px; margin: 0px 20px 0px 20px; padding: 0px 20px; }
.flasher p { list-style: none; float: left; }

#frame-news { margin: 0px auto 0px auto; width: 960px; background: url(../images/bkg-clients.gif) no-repeat right bottom; border-top: 1px solid #BABCBC; }

#frame-legal { margin: 0px auto 0px auto; width: 920px; background: url(../images/bkg-clients.gif) no-repeat right bottom; border-top: 1px solid #BABCBC; padding: 20px; }
#frame-legal h2 { height: 40px; background: #BEC3C3; padding-left: 20px; }
#frame-legal ul { padding: 20px 0px 20px 16px; float: left; margin-right: 40px; }
#frame-legal li { list-style: none; }
#frame-legal a { color: #C60C30; }
#frame-legal a:hover { color: #8D9295; }
#frame-legal p { padding: 20px; }

#frame-news-stuff { width: 700px; float: right; background: url(../images/bkg-news-expand.gif) left bottom; padding-bottom: 20px; margin: 20px 20px 20px 0px; }
#frame-news-stuff h2 { height: 40px; background: #BEC3C3; padding-left: 20px; }
#frame-news-stuff a { color: #C60C30; font-size: 12px; }
#frame-news-stuff a:hover { color: #8D9295; }
#frame-news-stuff ul { padding: 0px 0px 10px 16px;  }
#frame-news-stuff li { list-style: url(../images/bullet.gif); }
#frame-news-stuff h3 { font-size: 16px; padding-bottom: 10px; }
#frame-news-stuff .red-header-text { color: #CC0000; }
#frame-news-stuff p { padding: 0px; margin: 0px; color: #333333; }
.news-flash { margin: 10px 20px 10px 20px; border-bottom: 1px solid #CCCCCC; }

.news-article { margin: 20px 20px 0px 20px; }
.news-article p { margin-bottom: 10px; }

#frame-newsletter { width: 160px; float: left; margin: 20px 0px 0px 20px; background: url(../images/bkg-newsletter.gif) no-repeat left bottom; padding: 20px 20px 10px 20px; }
#frame-newsletter p { color: #FFFFFF; padding: 10px 0px; }
#frame-newsletter input { width: 160px; margin: 5px 0px 10px 0px; }
#frame-newsletter label { color: #FFFFFF; }

#frame-jobs { width: 720px; float: right; background: url(../images/bkg-main-content.gif) left bottom; padding-bottom: 20px; }
#frame-jobs h2 { height: 40px; background: #BEC3C3; padding-left: 20px; }
#frame-jobs .right-content { float: left; width: 180px; padding: 0px 20px 0px 20px; }
#frame-jobs .right-content h2 { background: none; padding: 0px; }
#frame-jobs a { color: #C60C30; }
#frame-jobs a:hover { color: #8D9295; }
#frame-jobs p { color: #333333; font-size: 12px; padding-bottom: 10px; }

#frame-jobs-stuff { float: left; width: 435px; padding: 0px 20px; border-right: 1px solid #BEC3C3; font-size: 12px; }
#frame-jobs-stuff h2 { height: 40px; background: #BEC3C3; padding-left: 20px; }
#frame-jobs-stuff ul { padding: 0px 0px 10px 16px; }
#frame-jobs-stuff li { list-style: url(../images/bullet.gif); color: #333333; font-size: 12px; }
#frame-jobs-stuff h3 { font-size: 16px; padding-bottom: 10px; }

#frame-services { margin: 20px auto 0px auto; width: 960px; background: url(../images/bkg-services.jpg) repeat-x left bottom; }
#frame-services h2 { height: 40px; background: #BEC3C3; }
#frame-services h3 { padding: 10px 15px 0px 15px; }
#frame-services p { padding: 0px 15px 15px 15px; }
#frame-services a { color: #C60C30; }
#frame-services a:hover { color: #8D9295; }

#frame-services .keyline { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 20px 11px 10px 11px; }
#frame-services .service-split { width: 936px; background: url(../images/bkg-service-panels.gif) no-repeat left bottom; }
#frame-services .services-divide { width: 234px; float: left; }
#frame-services ul { padding-left: 22px; width: 195px; }

#frame-clients { margin: 0px auto 0px auto; width: 960px; background: url(../images/bkg-clients.gif) no-repeat right bottom; border-top: 1px solid #BABCBC; }
#frame-clients h2 { padding: 20px 0px 0px 40px; }
#frame-logos { width: 910px; margin: 0px auto 0px auto; padding: 10px 0px 20px 0px; }
#frame-logos li { width: 158px; height: 108px; list-style: none; float: left; border: 1px solid #BABCBC; margin: 10px; }

#frame-main-content { width: 960px; margin: 20px auto 0px auto; }
#frame-left-content { width: 225px; float: left; }
#frame-right-content { width: 720px; float: right; background: url(../images/bkg-main-content.gif) left bottom; padding-bottom: 20px; }
#frame-right-content h2 { height: 40px; background: #BEC3C3; padding-left: 20px; }
#frame-right-content h3 { padding: 10px 0px 5px 0px; }
#frame-right-content ul { padding: 0px 0px 10px 18px; }
#frame-right-content li { color: #C60C30; font-size: 16px; }
#frame-right-content a { color: #C60C30; }
#frame-right-content p { padding-bottom: 10px; }
#frame-right-content ul p { padding: 0px; }

#frame-creative { background: url(../images/bkg-creative.jpg) no-repeat; margin-top: 20px; padding: 30px; height: 260px;  }

#frame-right-content .left-content { float: left; width: 440px; margin-top: 20px; padding: 0px 20px; border-right: 1px solid #BEC3C3; } 
#frame-right-content .location-content { margin-top: 20px; padding: 0px 20px; }
#frame-right-content .right-content { float: left; width: 180px; padding: 20px 20px 0px 20px; }
#frame-right-content .right-content h2 { background: none; padding: 0px; }
#frame-right-content .right-content h3 { padding: 0px 0px 5px 0px; }

#frame-foot-head { margin: 20px auto 1px auto; width: 960px; height: 40px; background: #BEC3C3; }
#frame-footer { margin: 0px auto 0px auto; width: 920px; padding: 20px; background: url(../images/bkg-footer.gif) no-repeat left bottom; } 
#frame-footer ul { width: 210px; height: 200px; float: left; }
#frame-footer li { list-style: none; }
#frame-footer a { color: #333333; text-decoration: none; }
#frame-footer a:hover { color: #C60C30;  text-decoration: underline; }
#frame-footer .foot-divider { background:url(../images/footer-divider.gif) repeat-y; padding-left: 20px; }

#frame-rights { margin: 0px auto 20px auto; width: 960px; }
#frame-rights ul { float: left; width: 475px; }
#frame-rights li { float: left; list-style: none; padding: 0px 5px; }
#frame-rights a { color: #333333; text-decoration: none; }
#frame-rights a:hover { color: #C60C30;  text-decoration: underline; }

.stepcarousel{ position: relative; overflow: scroll; width: 940px; height: 90px; margin: 0px 10px 0px 10px; }
.stepcarousel .belt{ position: absolute; left: 0; top: 0; padding-top: 20px; }
.stepcarousel .panel { float: left; overflow: hidden; width: 940px; }
.stepcarousel ul { padding: 0px; margin: 0px; }
.stepcarousel li { float: left; list-style: none; }




/* top links */
.but-home a { display: block; width: 110px; height: 30px; background: url("../images/but-home.gif") 0 0 no-repeat; }
.but-home a:hover { background-position: -110px 0; }
.but-home-selected a { display: block; width: 110px; height: 30px; background: url("../images/but-home.gif") -220px 0 no-repeat; }

.but-about a { display: block; width: 110px; height: 30px; background: url("../images/but-about-us.gif") 0 0 no-repeat; }
.but-about a:hover { background-position: -110px 0; }
.but-about-selected a { display: block; width: 110px; height: 30px; background: url("../images/but-about-us.gif") -220px 0 no-repeat; }

.but-services a { display: block; width: 110px; height: 30px; background: url("../images/but-services.gif") 0 0 no-repeat; }
.but-services a:hover { background-position: -110px 0; }
.but-services-selected a { display: block; width: 110px; height: 30px; background: url("../images/but-services.gif") -220px 0 no-repeat; }

.but-clients a { display: block; width: 110px; height: 30px; background: url("../images/but-clients.gif") 0 0 no-repeat; }
.but-clients a:hover { background-position: -110px 0; }
.but-clients-selected a { display: block; width: 110px; height: 30px; background: url("../images/but-clients.gif") -220px 0 no-repeat; }

.but-contact-us a { display: block; width: 110px; height: 30px; background: url("../images/but-contact-us.gif") 0 0 no-repeat; }
.but-contact-us a:hover { background-position: -110px 0; }
.but-contact-us-selected a { display: block; width: 110px; height: 30px; background: url("../images/but-contact-us.gif") -220px 0 no-repeat; }



/* left links */
.but-document-management a { display: block; width: 240px; height: 31px; background: url("../images/but-document-management.gif") 0 0 no-repeat; }
.but-document-management a:hover { background-position: -240px 0; }
.but-document-management-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-document-management.gif") -480px 0 no-repeat; }

.but-print-management a { display: block; width: 240px; height: 31px; background: url("../images/but-print-management.gif") 0 0 no-repeat; }
.but-print-management a:hover { background-position: -240px 0; }
.but-print-management-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-print-management.gif") -480px 0 no-repeat; }

.but-direct-marketing a { display: block; width: 240px; height: 31px; background: url("../images/but-direct-marketing.gif") 0 0 no-repeat; }
.but-direct-marketing a:hover { background-position: -240px 0; }
.but-direct-marketing-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-direct-marketing.gif") -480px 0 no-repeat; }

.but-software-solutions a { display: block; width: 240px; height: 31px; background: url("../images/but-software-solutions.gif") 0 0 no-repeat; }
.but-software-solutions a:hover { background-position: -240px 0; }
.but-software-solutions-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-software-solutions.gif") -480px 0 no-repeat; }

.but-logistics a { display: block; width: 240px; height: 31px; background: url("../images/but-logistics.gif") 0 0 no-repeat; }
.but-logistics a:hover { background-position: -240px 0; }
.but-logistics-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-logistics.gif") -480px 0 no-repeat; }

.but-creative-services a { display: block; width: 240px; height: 31px; background: url("../images/but-creative-services.gif") 0 0 no-repeat; }
.but-creative-services a:hover { background-position: -240px 0; }
.but-creative-services-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-creative-services.gif") -480px 0 no-repeat; }

.but-consultancy a { display: block; width: 240px; height: 31px; background: url("../images/but-consultancy.gif") 0 0 no-repeat; }
.but-consultancy a:hover { background-position: -240px 0; }
.but-consultancy-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-consultancy.gif") -480px 0 no-repeat; }

.but-print-manufacturing a { display: block; width: 240px; height: 31px; background: url("../images/but-print-manufacturing.gif") 0 0 no-repeat; }
.but-print-manufacturing a:hover { background-position: -240px 0; }
.but-print-manufacturing-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-print-manufacturing.gif") -480px 0 no-repeat; }

.but-who a { display: block; width: 240px; height: 31px; background: url("../images/but-who-we-are.gif") 0 0 no-repeat; }
.but-who a:hover { background-position: -240px 0; }
.but-who-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-who-we-are.gif") -480px 0 no-repeat; }

.but-believe a { display: block; width: 240px; height: 31px; background: url("../images/but-we-believe.gif") 0 0 no-repeat; }
.but-believe a:hover { background-position: -240px 0; }
.but-believe-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-we-believe.gif") -480px 0 no-repeat; }

.but-we-do a { display: block; width: 240px; height: 31px; background: url("../images/but-what-we-do.gif") 0 0 no-repeat; }
.but-we-do a:hover { background-position: -240px 0; }
.but-we-do-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-what-we-do.gif") -480px 0 no-repeat; }

.but-company a { display: block; width: 240px; height: 31px; background: url("../images/but-company-structure.gif") 0 0 no-repeat; }
.but-company a:hover { background-position: -240px 0; }
.but-company-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-company-structure.gif") -480px 0 no-repeat; }

.but-difference a { display: block; width: 240px; height: 31px; background: url("../images/but-tpf-difference.gif") 0 0 no-repeat; }
.but-difference a:hover { background-position: -240px 0; }
.but-difference-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-tpf-difference.gif") -480px 0 no-repeat; }

.but-others a { display: block; width: 240px; height: 31px; background: url("../images/but-others-say.gif") 0 0 no-repeat; }
.but-others a:hover { background-position: -240px 0; }
.but-others-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-others-say.gif") -480px 0 no-repeat; }

.but-contact2 a { display: block; width: 240px; height: 31px; background: url("../images/but-contact-2.gif") 0 0 no-repeat; }
.but-contact2 a:hover { background-position: -240px 0; }
.but-contact2-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-contact-2.gif") -480px 0 no-repeat; }

.but-jobs a { display: block; width: 240px; height: 31px; background: url("../images/but-jobs.gif") 0 0 no-repeat; }
.but-jobs a:hover { background-position: -240px 0; }
.but-jobs-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-jobs.gif") -480px 0 no-repeat; }

.but-request a { display: block; width: 240px; height: 31px; background: url("../images/but-request-info.gif") 0 0 no-repeat; }
.but-request a:hover { background-position: -240px 0; }
.but-request-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-request-info.gif") -480px 0 no-repeat; }

.but-privacy a { display: block; width: 240px; height: 31px; background: url("../images/but-privacy-policy.gif") 0 0 no-repeat; }
.but-privacy a:hover { background-position: -240px 0; }
.but-privacy-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-privacy-policy.gif") -480px 0 no-repeat; }

.but-site-map a { display: block; width: 240px; height: 31px; background: url("../images/but-site-map.gif") 0 0 no-repeat; }
.but-site-map a:hover { background-position: -240px 0; }
.but-site-map-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-site-map.gif") -480px 0 no-repeat; }

.but-news a { display: block; width: 240px; height: 31px; background: url("../images/but-news.gif") 0 0 no-repeat; }
.but-news a:hover { background-position: -240px 0; }
.but-news-selected a { display: block; width: 240px; height: 31px; background: url("../images/but-news.gif") -480px 0 no-repeat; }

.but-portfolio a { display: block; width: 380px; height: 46px; background: url("../images/but-portfolio.gif") 0 0 no-repeat; text-indent: -9999px; }
.but-portfolio a:hover { background-position: -380px 0; }

.but-previous a { display: block; width: 125px; height: 30px; background: url("../images/but-previous.gif") 0 0 no-repeat; text-indent: -9999px; }
.but-previous a:hover { background-position: -125px 0; }

.but-next a { display: block; width: 125px; height: 30px; background: url(../images/but-next-ten.gif) 0 0 no-repeat; text-indent: -9999px;  }
.but-next a:hover { background-position: -125px 0; }

.but-back a { display: block; width: 125px; height: 30px; background: url("../images/but-back.gif") 0 0 no-repeat; text-indent: -9999px; }
.but-back a:hover { background-position: -125px 0; }

.but-axis a { display: block; width: 109px; height: 23px; background: url("../images/but-axis-login.gif") 0 0 no-repeat; text-indent: -9999px; float: right; }
.but-axis a:hover { background-position: -109px 0; }

.but-plant-list a { display: block; width: 162px; height: 25px; background: url("../images/but-plant-list.gif") 0 0 no-repeat; text-indent: -9999px; }
.but-plant-list a:hover { background-position: -162px 0; }

.but-tpf-logo a { display: block; width: 300px; height: 80px; background: url("../images/tpf-group-logo.gif") 0 0 no-repeat; text-indent: -9999px; }