#ttheader { width: 980px; height: 28px; margin: 0px auto; position: relative; z-index: 9998; }
#ttheader #ttnav { margin: 0; padding: 0; }
#ttheader #ttnav li { display: inline; }
#ttheader #ttnav li a { float: left; width: 140px; height: 0; padding-top: 28px; overflow: hidden; }
#ttheader #ttnav li a,
#ttheader #globalsearch { background-image: url(images4/ttnavbg.png); _background-image: url(images4/ttnavbg.gif); background-repeat: no-repeat; }

#ttheader #ttnav li#gn-tt a { background-position: 0 0; }
#ttheader #ttnav li#gn-mech a { background-position: -140px 0; }
#ttheader #ttnav li#gn-color a { background-position: -280px 0; }
#ttheader #ttnav li#gn-sales a { background-position: -420px 0; }
#ttheader #ttnav li#gn-support a { background-position: -560px 0; }
#ttheader #ttnav li#gn-contact a { background-position: -700px 0; }
#ttheader #ttnav li#gn-search a { background-position: -840px 0; width:280; }

#ttheader #ttnav li#gn-tt a:hover { background-position: 0 -28px; }
#ttheader #ttnav li#gn-mech a:hover { background-position: -140px -28px; }
#ttheader #ttnav li#gn-color a:hover { background-position: -280px -28px; }
#ttheader #ttnav li#gn-sales a:hover { background-position: -420px -28px; }
#ttheader #ttnav li#gn-support a:hover { background-position: -560px -28px; }
#ttheader #ttnav li#gn-contact a:hover { background-position: -700px -28px; }
#ttheader #ttnav li#gn-search a:hover { background-position: -840px -28px; width:280; }

#ttheader #ttnav li#gn-tt a:active { background-position: 0 -56px; }
#ttheader #ttnav li#gn-mech a:active { background-position: -140px -56px; }
#ttheader #ttnav li#gn-color a:active { background-position: -280px -56px; }
#ttheader #ttnav li#gn-sales a:active { background-position: -420px -56px; }
#ttheader #ttnav li#gn-support a:active { background-position: -560px -56px; }
#ttheader #ttnav li#gn-contact a:active { background-position: -700px -56px; }
#ttheader #ttnav li#gn-search a:active { background-position: -840px -56px; width:280;}

#ttheader.tt #ttnav li#gn-tt a:hover { background-position: 0 0; cursor: default; }
#ttheader.print #ttnav li#gn-print a { background-position: -138px -114px !important; }
#ttheader.interactive #ttnav li#gn-interactive a { background-position: -280px -114px !important; }
#ttheader.downloads #ttnav li#gn-downloads a { background-position: -420px -114px !important; }
#ttheader.sales #ttnav li#gn-sales a { background-position: -560px -114px !important; }
#ttheader.support #ttnav li#gn-support a { background-position: -700px -114px !important; }
#ttheader.search #ttnav li#gn-search a { background-position: -840px -114px !important; }


#topouter { width: 980px; margin: 0 auto;  }
#topinner { width:100%; position: relative;  }
#topcontent { position: relative; color: #333; }
#topcontentback {  background-position:0 0;  }
#topcontentskinny { width:80%; position: absolute; left:15%; top:55px; }
#ttbggradtall { position:absolute; width:980px; height:800px; background-image: url(images4/ttgradienttall.png); _background-image:url(images4/ttgradienttall.gif);  background-repeat: no-repeat;  }
#ttbggradmed { position:absolute; width:980px; height:500px; background-image: url(images4/ttgradientmed.png); _background-image: url(images4/ttgradientmed.gif);background-repeat: no-repeat;  }
#ttbggradshort { position:absolute; width:980px; height:250px; background-image: url(images4/ttgradientshort.png); _background-image: url(images4/ttgradientshort.gif); background-repeat: no-repeat; }
#ttbggradmech { position:absolute; width:980px; height:700px; background-image: url(images4/ttgradientmech.png); _background-image: url(images4/ttgradientmech.gif); background-repeat: no-repeat; }
#ttbggradhome { position:absolute; width:980px; height:250px; top:400px; left:0px; background-image: url(images4/ttgradhome.png); _background-image: url(images4/ttgradhome.gif); background-repeat: no-repeat; }
#leftcontent { float:left; height:600px; }


#ttsephorz { width:100%; height:1px; background:url(images4/ttsephorz.gif) repeat };


#leftcontent a { color:#08c; text-decoration:none; }
#leftcontent a:hover { text-decoration:underline; }
#leftcontent a.arrow { padding-right:10px; text-decoration:none; background:url(images4/ttselleftmenu.gif) no-repeat 100% .3em; }
#leftcontent a.arrow:hover { text-decoration:underline; }


#leftcontent ul { margin:0; padding:1.6em 1px 30px; }
#leftcontent ul li { display:block; margin:-6px 0 0; padding:0 0 1px; background-image:url(images4/ttsepleftmenu.gif) no-repeat 0 100%; }
#leftcontent ul li.last { background:none; }
#leftcontent ul li a { display:block; margin:0; padding:8px 12px 10px; color:#666; text-decoration:none; outline:none; position:relative; *margin-bottom:-2px; }
#leftcontent ul li a:hover { color:#08c; }


#leftcontent ul li.active { background:none; }
#leftcontent ul li.active a { color:#000; font-weight:bold; background:url(images4/ttselleftmenu.gif) no-repeat 0 50%;}


#rightcontent { margin-top:0px; margin-left:30px; margin-right:30px; width:100%}
#rightcontent p { margin-bottom: 18px; }
#rightcontent h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
#rightcontent h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
#rightcontent h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
#rightcontent h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

#intro { margin-top: 15px;  margin-left:30px; margin-right:30px;float:left; font-weight:bold; width:80% }
#intronofloat { margin-top: 15px;  margin-left:30px; margin-right:30px; font-weight:bold;}

#halfcolumn { margin-top:15px; margin-left:40px; margin-right:40px; float:left; width:35%; }
#halfcolumn img { margin-right:20px; margin-left:10px; }
#fullcolumn { margin-top:5px; margin-left:40px; margin-right:40px; float:left; width:80%; }

.signature {  font-style:italic; }

.pricetable { margin-left:30px; width:95%; border-spacing:1px; padding:5px; }
.pthproduct {  background-color:#999999; border-bottom:1px thin #000000;  border-bottom:thin solid black;}
.pthfunctionality { text-align:center; background-color:#CCCCCC }
.pthfeature { text-align:center;  border-bottom:1px thin #000000; background-color:#CCCCCC; border-bottom:thin solid black; }
.pthprice { background-color:#999999;  border-bottom:1px thin #000000;  border-bottom:thin solid black; }

.ptcheck i { visibility:hidden; }
.ptdproductodd { text-align:right; padding-top:15px;}
.ptdproducteven { text-align:right; padding-top:15px;  background-color:#EEEEEE;}
.pricetable TH { padding-left:15px; padding-right:15px; width:100px; text-align:center;}
.pricetable TR { text-align:center;padding-left:15px; padding-right:15px; }
.pricetable TD.ttlabel { text-align:right; }


body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; }
a { color: #2971a7; }

#leftboxhome { position:absolute; float:none; text-align:left; top:18px; left:30px; width:260px; }
#leftboxhome h3 { color:#FFFFFF; font-size:14px; margin-bottom: 0px; margin-top:0px; }
#leftboxhome p { font-size:10px; margin-bottom:5px; margin-top:7px; }

#centerboxhome { position:absolute; float:none; text-align:left; top:18px; left:325px; width:320px; }
#centerboxhome h3 { color:#FFFFFF; font-size:14px; margin-bottom: 0px;margin-top:0px;}
#centerboxhome p { font-size:10px; margin-bottom:5px;  margin-top:7px; }

#rightboxhome { position:absolute; float:none; text-align:left; top:18px; left:700px; width:260px; }
#rightboxhome h3 { color:#FFFFFF; font-size:14px; margin-bottom: 0px; margin-top:0px;}
#rightboxhome p { font-size:10px; margin-bottom:5px;  margin-top:7px;}


/** Hidden State for the dialog */
div.hiddenWindow {
	visibility: hidden;
	display: none;
}

/* Some rought layout, could be anything including backgrounds etc */
div.demoWindow {
	position: absolute;
	top: 50px;
	left: 55px;
	width: 820px;
	height:660px;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #CCC;
	padding: 15px;
}

.demoMovie
{
	position: absolute;
	top: 70px;
	left: 65px;
}

/* Some rought layout, could be anything including backgrounds etc */
div.caseStudyWindow {
	position: absolute;
	top: 52px;
	left: 57px;
	width: 820px;
	height:700px;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #CCC;
	padding: 15px;
    overflow:scroll;
}

#closeBox{
	position:absolute;
	top: 50px;
	left:55px;
    width:15px;
    height:15px;
	visibility:hidden;
}

.caseStudyDrop {
	position:absolute;
	top: 25px;
	left:25px;
	width:900px;
	height:950px;
	visibility:hidden;
}

#casestudycolumn1 {
	float:left;
	width:45%;
	height:100%;
}	

#casestudycolumn2 {
	float:left;
	margin-left:5%;
	width:45%;
	height:100%;
}	

#casestudycolumn1 p { font-size:11px; }
#casestudycolumn2 p { font-size:11px; }
#casestudytitle { width:100%; };
#casestudytitle hr { width:100%;  color:#33CC66; }
#casestudytitle p { text-align:right;}