body {
  margin: 0px;
  background-color: #FFFFFB;
}
#header {
  background: #FAECC5;
  border-bottom: #4D4A55 6px solid;
  padding: 0px 0px 0px 0px;
  height: 100px;
  width: 100%;
}
.content {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  padding: 35px 15px 10px 15px;
  position: absolute;
  border-left: 140px solid #4C4C4C;
}
/* bottom portion */
.backtotop, /*#footer*/ { border: 1px solid #707070; }
.backtotop { background-color: #EEF9F5; padding: 5px 15px 5px 15px; 
  font-weight: 800; text-align: center; margin-top: 25px; border-bottom: none; }
.backtotop a{ text-decoration: none; color: #30000C; letter-spacing: 0px; display: block; }
.backtotop a:hover { text-decoration: underline; }

#footer {
   background-color: #707070;
   line-height: 25px;
   color: White;
   width: 100%;
   text-align: center;
   margin-top: 0px;
   clear: both;
   border-top: none;
}
/* begin header */
/* begin nav */
#nav {
  background-color: #4C4C4C;
  padding: 10px 0px 0px 0px;
  overflow: hidden;
  position: absolute;
  width: 140px;
  z-index: 100;
}
#nav a {
  font: normal 800 8pt/12pt Verdana, Arial, Helvetica, sans-serif;
  display: block;
  /*width: 50%;*/
  margin: 0px 0px 0px 0px;
  /*background: url(images/left.png) no-repeat left top;*/
  text-indent: 5px;
  text-decoration: none;
  text-align: left;
  padding: 2px 3px 2px 30px;
  border-left: 6px solid #4c4c4c;
  color: White;
  text-indent: -20px;
}
#nav div a {
  background: url(images/css/indent.gif) repeat-y left top;
  text-indent: 0px;
  padding-left: 30px;
}
#nav .sel, #nav div a.sel {
  color: #4c4c4c /*#66cdaa*/; background-color: white;
}

/*  ids for body/content */
#history {    height: 31px; background: url(images/ti_history.gif) no-repeat left top;}
#tower {      height: 31px; background: url(images/ti_tower.gif) no-repeat left top; }
#grandfather{ height: 31px; background: url(images/ti_grandfather.gif) no-repeat left top; }
#history {    height: 31px; background: url(images/ti_history.gif) no-repeat left top; }
#milestones { height: 31px; background: url(images/ti_mile.gif) no-repeat left top; }
#millennium { height: 31px; background: url(images/ti_mill.gif) no-repeat left top; /*#E8FFE8*/ } /*.greeen, #nav .greeen, body.green { background-color: #E8FFE8; }*/
#service {    height: 31px; background: url(images/ti_ser.gif) no-repeat left top; }
#products {   height: 31px; background: url(images/ti_pro.gif) no-repeat left top; }
#whatsnew {   height: 31px; background: url(images/ti_what.gif) no-repeat left top; }

table.mill { border: none; /*background-color: #f0fff0;*/ }
table.mill td { padding: 6px 5px 6px 5px; text-align: center; /*color: #1b2b2a;*/ font: bold 10pt "Verdana"; /*#CC3333*/
  border-bottom: 20px solid white; } table.mill tr.text td { border-bottom: none; }
table.mill tr.text { background-color: #fab485; vertical-align: top; 
  border: 1px solid black; border-bottom: none; /*#E8FFE8 #FFF6EF*/ }
table.mill img { border: 2px ridge; }
.showdiv { margin: 0px 0px 20px 20px; font: 8pt Verdana; width: 536px; } .milltabl { margin-left: 20px; }
.pointwise li { background-color: #f8dfc9; margin-bottom: 1px; padding: 2px 10px 2px 25px; list-style-type: none;
  text-indent: -25px; }
.pointwise li.head { text-align: center; font: bold 10pt; 
  background-color: #e2ae8b; color: white; }
.pointwiseblue li { background-color: #aed7ee; } .pointwiseblue li.head { background-color: #0098e1; }
.say b { color: #000000; }
.milltabl { text-align: center; font-size: 8pt; } 
.milltabl td { background-color: #f8dfc9; padding: 3px; }
.milltabl td.highlt, .milltabl tr.highlt td  { background-color: #D9AFA8; font-weight: bold; }
.pointwiseorange li { background-color: #f8dfc9; } .pointwiseorange li.head { background-color: #d9afa8; }
.milltabl td.highltgr { background-color: #e8ffe8; }

div.sep { height: 1px; background-color: #808080; margin: 10px 10px 5px 5px; overflow: hidden; }

/* begin page */
div.message {
  display: block;
  position: relative;
  top: -35px;
  float: right;
  font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: 900;
  /*font-style: italic;*/
  line-height: 24pt;
  padding: 0px 10px 0px 10px;
  border-bottom: 4px double #39603E;
/*  border: double;
  background: #D3FAC4;*/
}
p.yearone, p.yeartwo {
  text-indent: 0px;
  padding: 5px 5px 5px 8px;
  margin-top: 20px;
  background: #FFFFF0;
  border: 1px solid #D8C0C0;
}
/*p.yearone div, p.yeartwo div */
.imgright {
  float: right;
  margin: 10px 15px 0px 45px;
  text-align: center;
  color: Green;
  border: 2px solid #E6E6FA;
  background: #F9FCFF;
  padding: 5px;
}
p.yearone {
  border-left: 10px solid #660000;
}
p.yeartwo {
  border-left: 10px solid #000066;
}

/*.jsgallery td a {
  cursor: hand;
}*/
/* Whatsnew*/
table.swatch tr td {
  text-align: center;
  padding: 0px 10px 0px 10px;
  width: 70px;
  display: block;
  font-size: smaller;
  font-weight: 600;
}
table.swatch tr td div {
  display: block;
  height: 30px;
  width: 30px;
  margin: 5px;
  border: 4px gray double;
}
  
/* towerclocks */
#tower table.grand td {
  border: none;
  text-align: center;
}
#tower table.grand td a {
  color: #AEBCE6;
}
#tower table.grand tr.sep td{
  height: 2px;
  background-color: #708090;
}
#tower table.grand img {
  border: 6px double #DCDCDC;
}
#tower tr.captions td {
  vertical-align: top;
  text-align: center;
  font-weight: 600;
}
#tower tr.captions td b {
  color: #FF0000;
  font-weight: 600;
}
/* TC Gallery*/
/*P.heading { text-indent: 1cm; font-size : 18px; background: navy; color : #FFFFFF; font-family: Verdana; font-weight : bold; width=600px; margin: 60px 0px 15px 25px; */
div.heading {
  border-bottom: 2px groove #E0E0E0;
  color: #CC3333;
  text-align: left;
  padding: 3px;
  font-size: 14pt;
  margin: 50px 50px 15px 25px; 
  font-style: normal;
}
div.sm {
  font-size: 10pt;
}
div.sm a {
  font-weight: bold; color: black; 
}
img.photo { height=150; margin-left=15 }
div.gallery img {
  border: 6px double #DCDCDC;
  /*border: 2px solid #A0522D;*/
}
div.gallery p { text-indent: 25px; font-weight: 600; font-size : 9pt; font-family: Verdana,Courier,Tahoma; font-style: italic;}

/* whatsnew*/
#whatsnew img {
  margin: 20px;
  border: 1px ridge #E0E0E0;
}
#whatsnew div.he2adgrand {
  margin-top: 45px;
}
div.legend {
  color: #660033;
  font-weight: bolder;
}
/* products related */  
.product {
  background-color: #FDD9C1;
  border: 1px solid #696969;
  margin-bottom: 30px;
  width: 100%;
}  
.product td {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 80%;
}
.product td a.link {
  float: right;
  display: block;
  margin: 0px 10px 20px 0px;
  padding: 3px 10px 3px 20px;
  border-bottom: 4px solid #696969;
  font-size: 120%;
  color: #696969;
  font-weight: bolder;
  text-decoration: none;
}
.product td a.link:hover {
  color: #EB6105;
}
#products h6 {
  background-color: #FAB485;
  border: none;
  color: Black;
  margin: 0px;
}
.product td.images {
  width: 296px;
  background-color: #F0FFF0;
  text-align: center;
  padding: 5px;
}
.product td.images img {
  border: none;
}
.product a {
  cursor: hand;
}
.product td.text, div.text {
  padding: 15px 5px 15px 5px;
  vertical-align: top;
}

/* grandfather related */
div.grand {
  text-align: center;
}
div.grand p {
  display: block;
  float: left;
}
div.grand img {
  margin: 15px 10px 15px 10px;
}
div.grand a {
  margin: 15px 10px 15px 10px;
  padding: 5px;
  /*border: inset #5F7DA0 2px;*/
}
div.grand a img {
  vertical-align: middle;
  border: none;
}
.preview img {
  border: 1px solid #5F9EA0;
  margin: 3px;
  padding: 3px;
}
table.grand td {
  border: 1px solid Silver;
  vertical-align: bottom;
  font-size: 8pt;
  text-align: center;
}
table.grand img {
  cursor: hand;
}
div.headgrand {
  width: 640px;
  border-bottom: 2px groove #E0E0E0;
  color: #CC3333;
  text-align: center;
  padding: 3px;
  font-weight: bolder;
  font-size: larger  ;
}
p.mid {
  text-align: center;
}
div.spec {
  border: 1px solid #696969;
  margin: 10px 50px 10px 50px;
}
div.spec u {
  display: block;
  background-color: Gray;
  text-align: center;
  color: white;
  line-height: 20px;
}
.content hr {
  margin: 30px 50px 30px 50px;
  height: 4px;
  color: #223071;
}
/* milestones related */
.milequote {
  width: 580px;
  text-indent: 0px;
  color: #20643D;
  line-height: 20px;
  font-weight: bolder;
}
.milehead, .miledesc {
  border-bottom: #F0F0E4 2px solid;
}
.milehead, .mileexp {
  width: 64px;
  height: 65px;
  line-height: 64px;
  /*text-indent: 15px;*/
  text-align: center;
  font-size: 9pt;
  font-weight: bolder;
}
.milehead {
  background: url(images/css/milestones.gif) no-repeat center;
}
.mileexp {
  background: url(images/css/mileexp.gif) no-repeat center;
}
.miledesc {
  font-size: 10pt;
  padding-left: 10px;
}

/*  common bost stuff
  */
.pararight {
  color: #f00000;
  text-align: right;
  display: block;
  font-weight: bolder;
}
p {
   text-indent: 15px;
   margin-left: 15px;
   margin-right: 15px;
}
h6.h62 {
   background-color: #E8FFEA;
   color: #008245;
}
h6.h6b {
  /* byline */
  background: none;
  border: none;
  text-align: center;
  color: #3A3078;
}
h6.h6c {
  background-color: #F8F8FF;
  font-weight: bolder;
  text-align: center;
  color: Black;
  line-height: 36px;
}
#service h6{
  background-color: #FFCCCC;
  color: Black;
   border: thin ridge #D2928C;
}
#service ul li {
  list-style-type: square;
  margin-bottom: 3px;
}
h6 {
   font-size: 10pt;
   font-weight: bold;
   margin-top: 20px;
   padding-left: 15px;
   text-indent: 15px;
   display: block;
   background-color: #E9E8FF;
   border: thin ridge #CDCCFF;
   padding: 3px;
   color: #333399;
}
.fright {
   float: right;
   margin-right: 25px;
   margin-left: 25px;
   border: outset;
}
div.fright {
   background-color: White;
   padding: 5px;
   text-align: center;
   color: #1111A0;
   font-size: smaller;
   font-weight: bolder;
}

#container #content {
   background-color: #FAFBFC;
   padding: 0px 15px 15px 0px;
   margin-top: 2px;
   border-top: 2px groove #A0A0A0;
   text-indent: 15px;
}  
/**/

/*
   for the project view (3 pane style)
   & the tblDisp, tblhead etc
*/
#tblDisp {
   width: 700px;
   font: x-small sans-serif;
   background-color: #457897;
}
th, thead {
   background-color: #D8C0C0;
   text-align: left;
}
#tblDisp td, th {
   padding: 4px 3px 4px 6px;
}
#tblDisp a {
   font-weight: bolder;
   color: Navy;
}
#tbldisp tr {
   background-color: #FFFAFB;
}
.trd {
   background-color: #F8F8F8;
   font-style: italic;
   font-size: 80%;
}
.t1 { width: 160px }
.t2 { width: 250px }
.t3 { width: 60px }
.t4 { width: 40px }
#divthumbs {
   height: 180px;
   /*border-bottom: thin solid #7B68EE;*/
   overflow: scroll;
}
#divthumbs img {
   height: 140px;
   margin-right: 15px;
   border: 4px outset #FFFAFA;
   cursor: hand;
}
#divkwords {
   margin-top: 5px;
   margin-bottom: 5px;
   background-color: #FDF5E6;
   padding: 3px;
   border: thin solid;
   font-size: 8pt;
   line-height: 10pt;
}
#divkwords a {
   margin-right: 6px;
   color: Gray;
   font-weight: bolder;
}
#listbottom {
   padding-top: 10px;
   height: 260px;
   overflow: auto;
}
/*
   content formattting stuff (gani)
*/

pre {
   padding-left: 25px;
   text-indent: 0px;
}
a img { border: none; }