/*
===========================>>>  Structure  <<<===========================
*/
html, body { border:0; margin:0; padding:0; }
body { background:#ccc url(../img/bg.jpg) repeat-x; font:100.01%/1.25 arial, helvetica, sans-serif; }
#wrap { border:1px solid #000; margin:0 auto; padding:0; width:850px; overflow:hidden; }
#main { background:#000; float:right; width:619px; }
#header { background:#600 url(../img/header.jpg) no-repeat; height:160px; overflow:hidden; border-bottom:5px solid #000; }
#homehead { background:#600 url(../img/homeheader.jpg) no-repeat; height:350px; overflow:hidden; border-bottom:5px solid #000; }
#page { background:#fff; margin-bottom:-10000px; padding:24px 0 10060px 25px; }
#sidecol { background:#ea032e; float:left; width:230px; margin-bottom:-10000px; padding:0 0 10090px; }
#footer { border:1px solid #000; border-top:none; background:#aaa; color:#555; text-align:center; font-size:9px; width:850px; margin:0 auto; padding:3px 0; }
#logo { margin:6px; }
.clear { clear:both; }
img { border:0; }
/*
===========================>>>  Typography  <<<===========================
*/
p, ul, h1, h2, h3, h4, h5, h6 { font-weight:400; margin:0; padding:0; font-size:1.05em;}
p, #main li { font-family:Minion, Palatino Linotype, Times, serif; line-height:1.4; padding-bottom:18px; width:450px; }
b, h2, h3 { font:1.3em Futura, Century Gothic, Trebuchet MS, Trebuchet, sans-serif; }
b { color:#c00; text-transform:uppercase; }
h2 { color:#CC0000; }
h3 { color:#CC0000; }
h3 { text-decoration:underline; }
ul, ol { list-style:none; }
a, a:visited { text-decoration:none; }
em { font-weight:500; padding:0 .05em; }
#page img { padding:12px 0; }
#page ul { margin-left:1em; }
#page li { background:url('../img/bullet_tpi_lg_red.gif') no-repeat 0 0.4em; font-size:1em; padding:0 0 .5em .8em; }
#header h1 { color:#fff; font:2.8em Century Gothic, Futura, Trebuchet MS, Trebuchet, sans-serif; font-weight:400; padding:110px 0 0 15px; }
#homehead h1 { color:#fff; font:3em Century Gothic, Futura, Trebuchet MS, Trebuchet, sans-serif; font-weight:400; padding:15px 0 0 15px; }
/*
===========================>>>  Navigation  <<<===========================
*/
#nav { padding-top:35px; }
#nav a { display:block; width:100%; height:35px; overflow:hidden; text-indent:-1000em; }
#nav a:hover { background-position:0 -35px; }
#nav a:active, #nav .current { background-position:0 -70px; }
#subnav { margin-left:30px; }
#subnav a { display:block; width:200px; height:30px; overflow:hidden; text-indent:-1000em; }
#subnav a:hover { background-position:0 -30px; }
#subnav a:active, #subnav .current { background-position:0 -60px; }
#tertnav ul { background:#000; }
#tertnav li { display:inline; }
#tertnav a { width:140px; height:25px; float:left; vertical-align:bottom; margin-top:5px; margin-right:10px; overflow:hidden; text-indent:-1000em; }
#tertnav a:hover { background-position:0 -25px; }
#tertnav a:active, #tertnav .current { background-position:0 -50px; }
/*
===========================>>>  Main Nav images =====================
*/
#home a { background:url('../img/nav_home.gif'); }
#who a { background:url('../img/nav_whoweare.gif'); }
#what a { background:url('../img/nav_whatwedo.gif'); }
#how a { background:url('../img/nav_howwedoit.gif'); }
#unique a { background:url('../img/nav_uniquetotpi.gif'); }
#gaming a { background:url('../img/nav_gaming.gif'); }
#experience a { background:url('../img/nav_experience.gif'); }
#partners a { background:url('../img/nav_partners.gif'); }
#hr a { background:url('../img/nav_hr.gif'); }
#contact a { background:url('../img/nav_contact.gif'); }
/*
===========================>>>  Sub Nav images =====================
*/
#intro a { background:url('../img/subnav_intro.gif'); }
#power a { background:url('../img/subnav_power.gif'); }
#whytpi a { background:url('../img/subnav_whytpi.gif'); }
#varprint a { background:url('../img/subnav_varprint.gif'); }
#varprog a { background:url('../img/subnav_varprog.gif'); }
#integapp a { background:url('../img/subnav_integapp.gif'); }
#hybprint a { background:url('../img/subnav_hybprint.gif'); }
#special a { background:url('../img/subnav_special.gif'); }
#bindery a { background:url('../img/subnav_bindery.gif'); }
#fulfill a { background:url('../img/subnav_fulfill.gif'); }
#maildist a { background:url('../img/subnav_maildist.gif'); }
#creative a { background:url('../img/subnav_creative.gif'); }
#dataprog a { background:url('../img/subnav_dataprog.gif'); }
#presses a { background:url('../img/subnav_presses.gif'); }
#sprint a { background:url('../img/subnav_sprint.gif'); }
#custserv a { background:url('../img/subnav_custserv.gif'); }
#qualcont a { background:url('../img/subnav_qualcont.gif'); }
#welcome a { background:url('../img/subnav_welcome.gif'); }
#fatdad a { background:url('../img/subnav_fatdad.gif'); }
#highimp a { background:url('../img/subnav_highimp.gif'); }
#prod a { background:url('../img/subnav_prod.gif'); }
#serv a { background:url('../img/subnav_serv.gif'); }
#expert a { background:url('../img/subnav_expert.gif'); }
#gamexp a { background:url('../img/subnav_gaming.gif'); }
#trav a { background:url('../img/subnav_travel_leisure.gif'); }
#manuf a { background:url('../img/subnav_manuf.gif'); }
#communic a { background:url('../img/subnav_comm.gif'); }
#agribi a { background:url('../img/subnav_agri.gif'); }
#insu a { background:url('../img/subnav_insu.gif'); }
#coup a { background:url('../img/subnav_coupons.gif'); }
#culture a { background:url('../img/subnav_culture.gif'); }
#career a { background:url('../img/subnav_career.gif'); }
#community a { background:url('../img/subnav_community.gif'); }
/*
===========================>>>  Tertiary Nav images =====================
*/
#tertintro a { background:url('../img/tertnav_intro.gif') no-repeat; }
#tertserv a { background:url('../img/tertnav_serv.gif') no-repeat; }
#tertprod a { background:url('../img/tertnav_prod.gif') no-repeat; }
#tertexp a { background:url('../img/tertnav_exp.gif') no-repeat; }