html { height:100%; }

body { color:#333; font:62.5% arial, helvetica, sans-serif; margin:0; min-height:100%; position:relative;  }

* html body{height: 100%;}

p { font-size:120%; margin:8px 0 15px 0; line-height:1.5; }
a, a:visited {color:#F60;text-decoration:none; }
a:hover {color:#000;text-decoration:underline; }
h1 { color:#003456; font-size:1.6em; margin-top:0; }
h2 { color:#003456; font-size:1.6em; margin:0 0 0 0; }
h3 { color:#003456; font-size:1.2em; margin:0 0 10px 0; }
h4 { font-size:70%; margin:12px 0 0 0; color:#F60; }
img { border:0 }
form { display:inline; }
bold { font-weight:bold; }
ul { margin:0; padding:0; list-style:none; font-size:1.2em; line-height:1.5; }
table { border-collapse:collapse; border-spacing:0; }

/* layout */
#main { margin:0 auto; position:relative; overflow:hidden; padding:0 0 110px; width:860px; }
#content { margin-top:33px; width:860px; }
#home #content { margin-top:18px; }
.colX1 { float:left; width:556px; padding:0 15px 15px 15px; }
.colX2 { float:left; width:450px;padding:0 7px 30px 7px; }
.colX3 { float:left; overflow:hidden; width:268px; }
.colX3h { float:left;width:227px;padding:0 7px 0px 7px; }
.colX4 { float:left; padding:0 7px 30px 7px; width:167px; }
.rightColumn { float:left; width:274px; }

.mainbox { width:860px; overflow:hidden; background:url(/images/innermainstrip.jpg) repeat-y; }
.mainboxtopbg { width:860px; overflow:hidden; background:url(/images/innermaintopbg.jpg) left top no-repeat; }
.mainboxbottombg { width:860px; overflow:hidden; background:url(/images/innermainbottombg.jpg) 0 100% no-repeat ; }

/* header */
#mastHead { height:112px; width:860px;  }
a.logo { background:url(/images/tpi_logo.gif) no-repeat; position:absolute; overflow:hidden; text-indent:-9999px; width:200px; height:112px; }

/* nav */
#menu { position:relative; width:auto; z-index:999; }
#mainnav { width:860px;	}
#mainnav:after { content:""; display:block; clear:both; }
#mainnav li { float:left; line-height:28px; text-align:center; }
#mainnav a { display:block; overflow:hidden; width:172px; height:28px; color:#fff; background:#003456;f ont-weight:bold; text-decoration:none; font-size:12px; }
#mainnav a.drop-link { background:#C4C8CC !important;}
#mainnav a:hover { background:#FF6600; }
#mainnav li.active a { background:#ff6600; color:#003366; }
#mainnav ul { position:absolute; top:28px; left:0; display:none; }
#mainnav ul li { float:none; text-align:left; line-height:23px; }
#mainnav li.hover a { color:#003366;background:#ff6600;text-decoration:none;}
#mainnav ul a { height:23px; font-weight:normal; background:#E6EBF1 url(/images/dropdownbg.jpg) repeat-x !important; color:#003366; padding:0 0 0 12px; width:203px; }
#mainnav ul a:hover { background:#FF6600 url(/images/dropdownhoverbg.jpg) repeat-x !important; }
#mainnav li.hover { position: relative;}
#mainnav li.hover span { background: #ccc;}
#mainnav li.hover ul { display:block; }
#mainnav li li a { border-bottom:1px solid #F0F5F9}

#aboutUs .aboutNav a,
#whatWe .whatNav a,
#news .newsNav a, 
#products .newsNav a,
#products .newsNav a,
#courses .newsNav a,
#audiozone .audioNav a,
#contact .contactNav a { background:#ff6600; color:#003366; }

/* common page layout styles */
#content_image1 { float:left; width:729px; padding:20px 0 20px; background:url(../images/background1.jpg) bottom left no-repeat; }
#content_image2 { float:left; width:729px; padding:20px 0 20px; background:url(../images/background2.jpg) bottom left no-repeat; }
.colDouble { float:left;width:468px;padding:0 7px 0px 7px; }
.colDoubleHead { float:left;width:473px;padding:0px 2px 0px 7px;margin:5px 0 0 0; }
.intro { padding:0 3px 0 7px;}
.clear { clear:both;margin:0;padding:0;height:0;line-height:0;font-size:1px; }
.hide { display:none;}
.border { border:1px solid #036; margin:10px 0; }
.pageTitle { margin-bottom:10px; }
.leftBorder { border-left:6px solid #EdEdED; width:252px; padding:0 0 0 10px; }
.bullet { float:left; margin:5px 0 0 1px; }
.buttons { border:0; width:80px; font-family:arial, helvetica, sans-serif; }
a.buttonsOn { border:0; background:#ece9d8; color:#000; display:block; padding:4px 6px 4px 12px; width:62px; } 
a.buttonsOn:hover { color:#000; }

#news .colX3 img { position:absolute; left:298px; top:78px; }
#news .colX3 { overflow:visible; }

#home .colX3 { padding:0 0 12px 16px; }
.clientViews .rightColumn { width:258px;  border-left:6px solid #EdEdED; padding:0 0 0 10px; }
#news .rightColumn h2,
#products .rightColumn h2 { color:#ff6600; }
#news .colX3 { position:relative; }

/* common text styles */
#home .colX2 { border-right:2px solid #ededed; position:relative; padding-left:240px; padding-bottom:20px; width:314px; }
#home .colX2 p { margin-bottom:5px; }
#home .colX2 p b { color:#003366; }
#home .colX2 img { position:absolute; left:0; top:0; }
.colX2 h2 { color:#ff6600; padding-top:10px; }
.colX3.audio { background:url(/images/audiobg.jpg) no-repeat 16px 0; }
.colX3.audio h2 { margin-bottom:23px; font-size:1.6em; }
.colX3.audio p { width:163px; }
.colX3 h2 { color:#ff6600; margin:0; padding-top:10px; }
.colX3 h3 { color:#003366; margin:7px 0 0; }
.colX3.alter { padding-left:24px; }
.colX3.alter h2 { margin-bottom:6px; }
a.readmore { color:#ff6600; font-weight:bold; display:block ;margin:4px 0 0; width:72px; font-size:1.2em; }
.homeColumn { background:url(/images/maincontentbg.jpg) repeat-y; margin:18px 0 0 0; }
#content ul { margin-left:15px; list-style:disc; font-size:1.2em; line-height:1.5; }
#content li { padding-bottom:5px; }
#content h1 { padding-left:15px; }

#content .colX3 h1,
#content .colX1 h1,
#content .rightColumn h1 { padding-left:0; }
.contactDivider { background:url(/images/contact_divider.gif) 0 bottom no-repeat; padding-bottom:35px; margin-bottom:10px; }
.contactDivider img { float:right; padding-left:75px; }

#contact label, 
#contact input, 
#contact textarea { float:none; }

#contact label { display:block; }
#contact textarea { width:530px; }

.small { font-size:60%;margin-top:5px; }
.subTitle { font-weight:bold; color:#F60; }

#subNav { font-size:120%; font-weight:bold; color:#F60; padding:11px 0 0 7px; }
#subNav a { text-decoration:none; color:#F60; }
#subNav .current { text-decoration:none; color:#666; }
#subNav a:hover  { text-decoration:underline; color:#000; }

#pagehead { height: 60px; background-image: url(../images/titleAboutUs.gif); background-repeat: no-repeat; }

.productsTable { font-size:120%; width:100%; }
.productsTable th, td { padding:10px; vertical-align:top; }
.productsTable th { text-align:left; }
.productsTable tr th { color:#003456; font-weight:bold; } 
.colA { width:228px; }
.colB { width:90px; }
.colC { width:372px; }
.colD { width:60px; }
.colE { width:108px; }

.odd { background:#F2F2F2; }

/* navigation */
/* all lists */
#nav, #nav ul {padding:0;margin:0;list-style:none;text-decoration:none;float:left;white-space:nowrap;width:729px;}
#nav a {display:block;width:114px;color:#fff;text-decoration: none;}
/* all list items - width needed or else Opera goes nuts */
#nav li {float:left;width:119px;margin:0px;position:relative;}
#nav li a {color:#FFF;padding:6px 0 6px 7px;display:block;}
* html #nav>li a {padding:6px 0 7px 7px;}
#nav li a:hover {background:url(../images/menuBg.gif) bottom left no-repeat #4C698E;}
/* second-level lists - using left instead of display to hide menus because display: none isn't read by screen readers */
#nav li ul {position:absolute;left:-999em;top:24px;width:119px;background-color:#FFF;}
#nav li ul li {border-bottom:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;background-color:#FFF;float:none;width:120px;display:block;overflow:visible;}
#nav li ul a {color:#333;}
#nav li ul a:hover {color:#FFF;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}

/* Footer */
#footer { clear:both;float:none;border-top:2px solid #036;background:url(../images/footerBg.gif) top right no-repeat #FFF;color:#666;font-size:90%;height:100px;}
#footer p {margin:4px 0 2px 7px;}
#footer a {color:#F60;}

#footer { position:absolute; bottom:0; width:100%; text-align:center; height:68px; background:#003456; min-width:860px; }
#footer ul { margin:7px 0 0; }
#footer ul li { display:inline; font-size:11px; }
#footer ul li.first a { background:none; }

#footer ul a { color:#fff; background:url(/images/footerseparator.jpg) no-repeat 0 50%; padding:0 2px 0 7px; }

.bottominfo { position:absolute; bottom:72px; width:100%; }
.bottominfocontent { width:860px; margin:0 auto; }
.bottominfoinner{ float:right; width:680px; position:relative; xborder:1px solid red; }
.bottominfoinner address { float:left; color:#999; font-size:1.1em; margin:23px 0 0; font-style:normal; text-align:center; width:508px; }


#footerimages { right:0; position:absolute; bottom:5px; }

.promoPanel {margin:5px 0 0 0;}

#courses .courseDataHead { background-color:#FFF; margin-top:20px; padding-left:15px; }
#courses .courseDataDivide { border-bottom:2px solid #FFF; background:#dfe5eb; color:#333; font-size:110% ;font-weight:bold; text-transform:uppercase; padding:5px 7px; padding-left:20px; }
#courses .courseDataRowOn { font-size:110%; border-bottom:2px solid #dfe5eb; padding:5px 0; padding-left:15px; }
#courses .courseDataRowOn a { color:#FF6600; font-weight:bold;}
#courses .courseDataRowOn a:hover { color:#F60; text-decoration:underline; }
#courses .courseDataRow { font-size:120%; xborder-bottom:2px solid #dfe5eb; padding:5px 0; padding-left:15px; }
#courses .courseDataRow a { color:#333; font-weight:bold;}
#courses .courseDataRow a:hover { color:#F60; text-decoration:underline;}
#courses .date { float:left;width:173px;padding:0 10px 0 7px;font-weight:bold;}
#courses .name { float:left; width:220px; }
#courses .loca {float:left;width:110px;}
#courses .faci {float:left;width:118px;}
#courses .info {float:left;width:84px;}
#courses .details { line-height:15px; font-size:120%; padding:0; margin:0 0 6px 15px; width:710px; }
#courses .details .header {float:left; color:#F60;font-weight:bold;margin-right:6px;}

#courses .podcastTitleHeader {float:left;width:170px;}
#courses .podcastTitle {float:left;width:170px; xbackground:url(../images/arrowRight.gif) center left no-repeat; xpadding-left:10px;}
#courses .podcastAuthor {float:left;width:100px;}
#courses .podcastDescription {float:left;width:250px;margin-right:20px;}
#courses .podcastSize {float:left;width:70px;}
#courses .podcastListen {float:left;width:60px;}
#courses .podcastRegister {float:left;}

#courses .podcastRegister input { border:1px solid #333; padding:1px; color:#999; width:240px; font-size:100%;margin-top:4px;}
#courses .podcastRegister .bullet {float:left;margin:5px 5px 0 0px;}



#audiozone .courseDataHead { background-color:#FFF; margin-top:20px; padding-left:15px; }
#audiozone .courseDataDivide { border-bottom:2px solid #FFF; background:#dfe5eb; color:#333; font-size:110% ;font-weight:bold; text-transform:uppercase; padding:5px 7px; padding-left:20px; }
#audiozone .courseDataRowOn { font-size:110%; border-bottom:2px solid #dfe5eb; padding:5px 0; padding-left:15px; }
#audiozone .courseDataRowOn a { color:#FF6600; font-weight:bold;}
#audiozone .courseDataRowOn a:hover { color:#F60; text-decoration:underline; }
#audiozone .courseDataRow { font-size:120%; xborder-bottom:2px solid #dfe5eb; padding:5px 0 15px 15px; padding-left:15px; }
#audiozone .courseDataRow a { color:#333; font-weight:bold; xpadding-left:10px; }
#audiozone .courseDataRow a:hover { color:#F60; text-decoration:underline;}
#audiozone .date { float:left;width:173px;padding:0 10px 0 7px;font-weight:bold;}
#audiozone .name { float:left; width:220px; }
#audiozone .loca {float:left;width:110px;}
#audiozone .faci {float:left;width:118px;}
#audiozone .info {float:left;width:84px;}
#audiozone .details { line-height:15px; font-size:120%; padding:0; margin:0 0 6px 15px; width:710px; }
#audiozone .details .header {float:left; color:#F60;font-weight:bold;margin-right:6px;}

#audiozone .podcastTitleHeader {float:left;width:185px;}
#audiozone .podcastTitle {float:left;width:185px; background:url(../images/arrowRight.gif) center left no-repeat; padding-left:10px;}
#audiozone .podcastAuthor {float:left;width:100px;}
#audiozone .podcastDescription {float:left;width:310px;margin-right:20px;}
#audiozone .podcastSize {float:left;width:70px;}
#audiozone .podcastListen {float:left;xwidth:60px; padding-right:60px;}
#audiozone .podcastRegister {float:left;}

#audiozone .podcastRegister input { border:1px solid #333; padding:1px; color:#999; width:240px; font-size:100%;margin-top:4px;}
#audiozone .podcastRegister .bullet {float:left;margin:5px 5px 0 0px;}



#podcastregister {margin:0 0 0 10px;}

#products .brochureImg { float:left;width:84px;margin:0;padding:0;}
#products .brochureTxt { float:left; width:135px;margin:0;padding:0; }
#products .brochureTxt p { padding-left:8px;}
#products .brochureTxt input { border:1px solid #333; padding:1px; color:#999; width:100px; margin-top:4px;}

#products .brochureTxt .download {float:right;width:60px;height:20px;border:0;margin:0 26px 0 0;}
#products .acrobatImg {float:left;width:84px;margin:0;padding:10px 0 0 0;}
#products .acrobatTitle {border-bottom:1px solid #666;}
#products .header {font-weight:bold;color:#F60;font-size:70%;margin:0 0 0 0;}

#content_image1 ul li {list-style: none; color:#000;font-size:70%; font-weight:normal;background: url(../images/listBullet.gif) no-repeat;line-height:150%;padding:0 0 0px 15px;margin:0 0 0 -20px ;}
#content_image1 ol li {color:#000;font-size:70%; font-weight:normal;line-height:150%;}
#content_image1 ul a {font-weight:normal;margin-left:10px;}

#content_image2 ul {margin:0 0 0 0; padding:10px 0 0 0; list-style: none;}
#content_image2 li {margin:0 0 0 30px ; color:#000;font-size:70%; font-weight:bold;padding:0 0 7px 15px; background: url(../images/listBullet.gif) no-repeat;}
#content_image2 ul a {font-weight:normal;margin-left:10px}

#quote {color:#F60;font-size:70%;}

#clips {margin-top:5px;color:#333;font-size:120%; padding-left: 25px; background: url(../images/clipBullet.gif) no-repeat 0 0; line-height:150%;}
#clips a {color:#F60;}
#clips a:hover {color:#000;}

.resources {margin-top:5px;color:#333;font-size:120%;padding-left: 25px; line-height:150%;}
.resources a {color:#F60;}
.resources a:hover {color:#000;}

.rightlink {text-align:right;}

/* Registration Form */
label,input, textarea {font-size:11px; display:inline; width:180px;float:left;margin-bottom:5px;}
select {font-size:11px; float: left; display: inline; margin-bottom: 5px;}
label {font-size:11px; text-align: left; width: 120px; padding-top:4px; padding-right: 20px;}
br {clear: left;}
	
/* bottom row of form */
#representative input {font-size:90%; width:350px; display:inline;}
#representative label {width:250px; float:left; padding-right: 20px;  margin-left:7px; display:inline;}

.question {font-weight:bold}
.answer {font-style:italic}





/* AUDIOZONE - Added by Josh 11/03/10 */

#intro { width:410px; }
#intro h2 { color:#ff6600; }
#intro h3 { color:#0d456a; }
#item p, #intro p { font-size:120%; }

#item { margin-top:20px; }

#headline { background:#dfe5eb; font-size:120%; font-weight:bold; padding:2px; color:#333333; padding-left:5px; }

#title { width:170px; float:left; }

#desc { width:390px; }

#player { xborder:1px solid red; height:35px; width:90px; }

#download { width:100px; }

.floatMargin { float:left; margin-left:20px;  }

#form label { font-size:110%; }

#buttons { margin-top:20px; }

.mainbox a { color:#ff6600; }

.audiozone { color:#ff6600; }

#fileSize { float:left; margin-left:5px;  }
.downloadImg { float:left; } 
.downloadTitle { font-size:110%; font-weight:normal; line-height:1; padding:0; margin:0; padding-bottom:2px; }
.play { padding-top:10px; }


/*
-------------------------------------------------------------- 
CLEAR FLOATS
-------------------------------------------------------------- 
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-block; }
/* hides from IE/Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from IE-Mac */
/*** end clearing hack  ***/