* {
padding: 0;
margin: 0;
}

body.general {
font-family: Tahoma, Verdana, Arial;
font-size: 10pt;
color: #6c6c6c;
font-weight: normal;
letter-spacing: normal;
word-spacing: normal;
line-height: 150%;
background: #c1ced7 url(../images/outer_bg.jpg) no-repeat top center;
}

body.legal {
font-family: Tahoma, Verdana, Arial;
font-size: 10pt;
width: 800px;
padding: 20px 20px 20px 20px;
}

body.home {
font-family: Tahoma, Verdana, Arial;
font-size: 10pt;
background: #c1ced7 url(../images/outer_Hbg.jpg) no-repeat top center;
}

h1 {
font-size: 26pt;
color: #2a5c87;
line-height: 100%;
margin-bottom: 20px;
font-famiy: Tahoma, Verdana;
font-weight:normal;
letter-spacing: normal;
word-spacing: normal;
text-transform: uppercase;
}

h2 {
font-size: 13pt;
color: #ed1c24;
line-height: 100%;
margin-bottom: 10px;
font-famiy: Tahoma, Verdana;
font-weight:normal;
letter-spacing: normal;
word-spacing: normal;
text-transform: uppercase;
}

h3 {
font-size: 11pt;
color: #2a5c87;
line-height: 130%;
margin-bottom: 15px;
font-famiy: Tahoma, Verdana;
font-weight:normal;
letter-spacing: normal;
word-spacing: normal;
text-transform: uppercase;
}

h4 {
font-size: 14px;
color: #2a5c87;
line-height: 100%;
margin-bottom: 10px;
font-famiy: Tahoma, Verdana;
font-weight: bold;
}

h5 {
font-size: 12px;
color: #2a5c87;
line-height: 100%;
margin-bottom: 10px;
font-famiy: Tahoma, Verdana;
font-weight: bold;
}

h6 {
font-size: 15px;
color: #555;
line-height: 100%;
margin-bottom: 3px;
font-famiy: Tahoma, Verdana;
font-weight: bold;
}

p {
font-size: 10pt;
font-famiy: Tahoma, Verdana;
color: #777;
line-height: 150%;
margin-bottom: 10px;
font-weight: normal;
letter-spacing: normal;
word-spacing: normal;
}

hr.single { background: url("../images/horz_single_sep.png") 0 0 repeat-x; border: none; height: 3px; margin-bottom: 20px; }
hr.double { background: url("../images/horz_double_sep.png") 0 0 repeat-x; border: none; height: 3px; margin-bottom: 20px; clear: both; }

.clear { clear:both; }

.tourNav { float: left; width: 219px; }
.tourNav ul { list-style: none; list-style-type: none; margin: 0; padding: 0; }
.tourNav ul li { font-size: 10pt; padding: 10px 34px 10px 24px; cursor: hand; cursor: pointer; font-weight: normal; letter-spacing: normal; word-spacing: normal; line-height: 120%; }
.tourNav ul li.selection { background: url("../images/tourNav_norm.png") bottom left no-repeat; color: #555555; }
.tourNav ul li.selected { background: url("../images/tourNav_over.png") bottom left no-repeat; color: #2a5c87; }
.tourNav ul li.bottom { background: url("../images/tourNav_bottom.png") bottom left repeat-y; height: 40px; }

.tourContent { text-align: justify; width: 630px; float: right; }
.tourContent ul { list-style: none; list-style-type: none; margin: 0; padding: 0; }
.tourContent ul li { background: url("../images/tour_bullet.png") 0px 8px no-repeat; margin: 0; padding: 0 20px; text-align: justify; margin-bottom: 15px; }

.subNav { background: url("../images/subnav_bg.png") 0 0 repeat-x; }
.subNav ul { list-style: none; list-style-type: none; margin: 0; padding: 0; display: block; }
.subNav ul li { font-size: 10pt; cursor: hand; cursor: pointer; font-weight: normal; letter-spacing: normal; word-spacing: normal; line-height: 120%; float: left; height: 40px; }
.subNav ul li.start { background: url("../images/subnav_start.png") 0 0 no-repeat; width: 8px; }
.subNav ul li.end { background: url("../images/subnav_end.png") 0 0 no-repeat; width: 9px; }
.subNav ul li.subNavbg { padding: 8px 15px 8px 15px; }
.subNav ul li.selection { background: url("../images/subnav_norm.png") top center no-repeat; #555555; }
.subNav ul li.selected { background: url("../images/subnav_over.png") top center no-repeat; color:#2a5c87; }

img.imgLeft { margin-right: 25px; margin-bottom: 10px; float: left; }
img.imgRight { margin-left: 25px; margin-bottom: 10px; float: right; }

.tourContent ol { margin-left: 40px; margin-bottom: 10px; color: #777; }
.tourContent h3 { font-size: 150%; text-align: left; }
#contentarea p { text-align: justify; }

#napic02img { position: absolute; z-index: 3; margin-top:-505px; margin-left: -77px; border: 2px #ccc solid; }

.dbtable .dbtabletitle { float: left; background: #dfdfdf; border: 1px #ccc solid; padding: 10px; text-align: center; font-weight: bold; word-spacing: normal; letter-spacing: normal; }
.dbtable #dbtabletitle01, .dbtablecol01 { width: 220px; }
.dbtable #dbtabletitle02, .dbtablecol02 { width: 350px; }
.dbtablecol01, .dbtablecol02 { border: 1px #ccc solid; padding: 10px; float: left; }

#db01img { position: absolute; z-index: 3; margin-top:-321px; margin-left: -59px; border: 2px #ccc solid; }

.quotebox { border: 2px #ccc solid; padding: 15px; margin: 10px 0; }

.mypets, .mypets02, .mypets03, .mypets04 { /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 7px 0px 10px 45px;
font-family: Tahoma;
font-size: 10pt;
color: #cccccc;
background: transparent url("../images/technology_sliderbg01b.jpg") no-repeat top left;
font-weight: bold;
letter-spacing: normal;
word-spacing: normal;
line-height: 100%;
margin-bottom: 1px;
}
 
.openpet, .openpet02, .openpet03, .openpet04 {  /*class added to contents of 1st demo when they are open*/
cursor: hand;
cursor: pointer;
padding: 7px 0px 10px 45px;
font-family: Tahoma;
font-size: 10pt;
color: #ffffff;
background: transparent url("../images/technology_sliderbg01a.jpg") no-repeat top left;
font-weight: bold;
letter-spacing: normal;
word-spacing: normal;
line-height: 100%;
margin-bottom: 1px;
}

.thepet, .thepet02 {
padding: 8px;
}

.thepet03 img { width: 630px; }

.mapLeft { width: 400px; height: 260px; margin-right: 50px; margin-bottom: 10px; float: left; border: 3px #ccc solid; }

.contentBox { background: #dfdfdf; margin-top: 10px; margin-bottom: 10px; padding: 10px; }

p.people {
font-size: 10pt;
padding-left: 40px;
font-famiy: Tahoma, Verdana;
color: #777;
line-height: 150%;
margin-bottom: 10px;
}

.iconlist
{
list-style: none;
margin: 0;
padding: 0;
}

li.industry
{
background-image: url(../images/dot.jpg);
background-repeat: no-repeat;
background-position: 0 10%;
padding: 0px 0 0px 20px;
margin: .4em 0;
font-size: 10pt;
font-famiy: Tahoma, Verdana;
color: #777;
line-height: 150%;
margin-bottom: 10px;
}

li.people01
{
background-image: url(../images/about_people01.jpg);
background-repeat: no-repeat;
background-position: 0 20%;
padding: 0px 0 0px 40px;
margin: .4em 0;
font-size: 14pt;
font-weight: bold;
font-famiy: Tahoma, Verdana;
color: #06a854;
line-height: 150%;
margin-bottom: 10px;
}

li.people02
{
background-image: url(../images/about_people02.jpg);
background-repeat: no-repeat;
background-position: 0 20%;
padding: 0px 0 0px 40px;
margin: .4em 0;
font-size: 14pt;
font-weight: bold;
font-famiy: Tahoma, Verdana;
color: #0085cc;
line-height: 150%;
margin-bottom: 10px;
}

li.people03
{
background-image: url(../images/about_people03.jpg);
background-repeat: no-repeat;
background-position: 0 20%;
padding: 0px 0 0px 40px;
margin: .4em 0;
font-size: 14pt;
font-weight: bold;
font-famiy: Tahoma, Verdana;
color: #ea2d2e;
line-height: 150%;
margin-bottom: 10px;
}

li.people04
{
background-image: url(../images/about_people04.jpg);
background-repeat: no-repeat;
background-position: 0 20%;
padding: 0px 0 0px 40px;
margin: .4em 0;
font-size: 14pt;
font-weight: bold;
font-famiy: Tahoma, Verdana;
color: #a4529f;
line-height: 150%;
margin-bottom: 10px;
}

li.people05
{
background-image: url(../images/about_people05.jpg);
background-repeat: no-repeat;
background-position: 0 20%;
padding: 0px 0 0px 40px;
margin: .4em 0;
font-size: 14pt;
font-weight: bold;
font-famiy: Tahoma, Verdana;
color: #f47920;
line-height: 150%;
margin-bottom: 10px;
}

li.partner
{
background-image: url(../images/dot.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0px 0 0px 20px;
margin: .4em 0;
font-size: 10pt;
font-famiy: Tahoma, Verdana;
color: #777;
line-height: 150%;
margin-bottom: 10px;
}

li.sitemap
{
background-image: url(../images/dot.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0px 0 0px 20px;
margin: .4em 0;
font-size: 10pt;
font-famiy: Tahoma, Verdana;
color: #777;
line-height: 150%;
margin-bottom: 10px;
margin-left: 20px;
}

html, body {
height: 100%;
}

#container {
min-height: 100%;
width: 900px;
margin: 0 auto;
}

#topdesignarea{
background: url('../images/tdex_logo.png') no-repeat center center;
width: 100%;
height: 106px;
}

#topnavigation{
margin-top: 63px;
margin-left: 580px;
font-size: 10pt;
font-famiy: Tahoma, Verdana;
color: #777;
position: absolute;
width: 320px;
}

#tophorizontal{
width: 900px;
height: 41px;
}

* html #container {
height: 100%;
}

#footer {
width: 100%;
text-align: center;
height: 45px;
margin: -45px 0px 0px 0px;
font-size: 7.5pt;
font-famiy: Tahoma, Verdana, Arial;
color: #666;
background: url('../images/bottom_bg.jpg') repeat-x top center;
line-height: 150%;
}

div.footercontent{
margin-left: auto;
margin-right: auto;
width: 900px;
height: 45px; 
}

#gap{
height: 21px;
}

#contenttop{
background: url('../images/contentbg_top.png') no-repeat top left;
margin-left: -2px;
width: 903px;
height: 31px;
}

div#contentarea {
background: url('../images/contentbg_content.png') repeat-y top center;
margin-left: -2px;
width: 903px;
min-height: 400px;
}

div#page { padding-left: 25px; padding-right: 25px; overflow:hidden; }

#contentareaHome{
margin-left: -2px;
width: 903px;
height: 300px;
}

#contentbottom{
background: url('../images/contentbg_bottom.png') no-repeat top center;
margin-left: -2px;
width: 903px;
height: 76px;
vertical-align: top;
}

#clearfooter {
height: 60px;
}

a {
font-family:Tahoma, Verdana, Arial; 
}

a:link {
color:#2a5c87;
text-decoration: none;
}

a.topnav:link {
color:#5f5f5f;
text-decoration: none;
}

a:visited {
color:#2a5c87;
text-decoration: none;
}

a.topnav:visited {
color:#5f5f5f;
text-decoration: none;
}

a:hover {
text-decoration: none; 
color: #ed1c24;
}

a.topnav:hover {
text-decoration: none; 
color: #ed1c24;
}

a:active {
color:#2a5c87;
text-decoration: none;
}

div.copyright { float: left; margin-top: 16px; }
div.msc { float: right; }
div.designedby { float: right; margin-top: 16px; }

div.c9 {
float:left;
width:840px;
min-height: 100%;
}

div.c8 {
float: left;
width:30px;
min-height: 100%;
}

#menu {
width: 900px;
height: 41px;
padding: 0;
margin: 0;
}

#menu a{
display: block;
text-indent: -1500%;
}

#menu a:hover {
background-position: left bottom;
}

#menu .nav01 {
width: 105px;
height: 41px;
background: url('../images/nav_01.png') no-repeat;
}

#menu .nav02 {
width: 185px;
height: 41px;
background: url('../images/nav_02.png') no-repeat;
}

#menu .nav03 {
width: 197px;
height: 41px;
background: url('../images/nav_03.png') no-repeat;
}

#menu .nav04 {
width: 133px;
height: 41px;
background: url('../images/nav_04.png') no-repeat;
}

#menu .nav05 {
width: 133px;
height: 41px;
background: url('../images/nav_05.png') no-repeat;
}

#menu .nav06 {
width: 147px;
height: 41px;
background: url('../images/nav_06.png') no-repeat;
}

#menu .nav07 {
width: 118px;
height: 41px;
background: url('../images/nav_07.jpg') no-repeat;
}

div.navigation{
float:left;
}

div.navigation01{
width: 105px;
height: 41px;
float:left;
background: url('../images/nav_01.png') bottom left no-repeat;
}

div.navigation02{
width: 185px;
height: 41px;
float:left;
background: url('../images/nav_02.png') bottom left no-repeat;
}

div.navigation03{
width: 197px;
height: 41px;
float:left;
background: url('../images/nav_03.png') bottom left no-repeat;
}

div.navigation04{
width: 133px;
height: 41px;
float:left;
background: url('../images/nav_04.png') bottom left no-repeat;
}

div.navigation05{
width: 133px;
height: 41px;
float:left;
background: url('../images/nav_05.png') bottom left no-repeat;
}

div.navigation06{
width: 147px;
height: 41px;
float:left;
background: url('../images/nav_06.png') bottom left no-repeat;
}

div.navigation07{
width: 118px;
height: 41px;
float:left;
background: url('../images/nav_07.jpg') bottom left no-repeat;
}

#subnavgap {
height: 32px;
}

div.a1 {
background: url('../images/about_subnav_01.jpg') no-repeat top left;
min-height: 40px;
}

div.a2 {
background: url('../images/about_subnav_02.jpg') no-repeat top left;
min-height: 40px;
}

div.a3 {
background: url('../images/about_subnav_03.jpg') no-repeat top left;
min-height: 40px;
}

div.a4 {
background: url('../images/about_subnav_04.jpg') no-repeat top left;
min-height: 40px;
}

div.asn1 {
float:left;
width:99px;
height: 40px;
cursor: pointer;
}

div.asn2 {
float:left;
width:136px;
height: 40px;
cursor: pointer;
}

div.asn3 {
float:left;
width:81px;
height: 40px;
cursor: pointer;
}

div.asn4 {
float:left;
width:105px;
height: 40px;
cursor: pointer;
}

.imgtoleft {
float: left;
margin-right: 30px;
}

div.contentgap{
height: 20px;
}

div.subnavheight {
height: 40px;
}

div.mlogy1{
float:left;
width:252px;
height: 40px;
cursor: pointer;
}

div.mlogy2{
float:left;
width:214px;
height: 40px;
cursor: pointer;
}

div.m1 {
background: url('../images/methodology_subnav_01.jpg') no-repeat top left;
min-height: 40px;
}

div.m2 {
background: url('../images/methodology_subnav_02.jpg') no-repeat top left;
min-height: 40px;
}

div.tech1{
float:left;
width:118px;
height: 40px;
cursor: pointer;
}

div.tech2{
float:left;
width:175px;
height: 40px;
cursor: pointer;
}

div.t1 {
background: url('../images/technology_subnav_01.jpg') no-repeat top left;
min-height: 40px;
}

div.t2 {
background: url('../images/technology_subnav_02.jpg') no-repeat top left;
min-height: 40px;
}

table.fullwidth{
width: 100%;
}

div.newsbg{
background: #ebeff1;
padding: 20px 20px 20px 20px;
font-size: 9pt;
font-famiy: Tahoma, Verdana;
color: #555;
line-height: 150%;
margin-bottom: 10px;
}

div.hr{
background: transparent url('../images/newsevents_seperator.jpg') no-repeat top left;
height:24px;
border: none;
margin-top: 8px;
}

div.testibg{
background: #ececec;
padding: 20px 20px 20px 20px;
font-size: 9pt;
font-famiy: Tahoma, Verdana;
color: #555;
line-height: 150%;
margin-bottom: 10px;
}
.style3, #style3 {
color: #cc0000;
}