/* tag */

a:link, a:visited, a:active, a:hover {text-decoration: none;}

a.link:hover {
  color: #FFCC00;
  text-decoration: none;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #000000;
}

div,span,img,form,table,td,ul,p {
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  border-style: none;
  background-color: transparent;
}

h1,h2,h3,h4,h5,h6,strong,em {
  font-style: normal;
  font-weight: normal;
  font-size-adjust: none;
  font-stretch: normal;
  margin: 0px;
  padding: 0px;
}



/* standard */

.dB {display: block;}

.dI {display: inline;}

.dN {display: none;}

.flL {float: left;}

.flR {float: right;}

.clB {clear: both;}

.clL {clear: left;}

.clR {clear: right;}

.ovH {overflow: hidden;}

.pad0 {padding: 0px;}

.pad1 {padding: 1px;}

.pad2 {padding: 1px;}

.marg0 {margin: 0px;}

.marg1 {margin: 1px;}

.crPointer {cursor: pointer;}

.crDefault {cursor: default;}

.op10 {
  opacity: 1.0;
  filter: alpha(opacity=100);
}



/* text */

.txt {
  font-family: Verdana, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size-adjust: none;
  font-stretch: normal;
  color: #000000;
  text-align: left;
}

.ts7 {font-size: 7px;}

.ts8 {font-size: 8px;}

.ts9 {font-size: 9px;}

.ts10 {font-size: 10px;}

.ts11 {font-size: 11px;}

.ts12 {font-size: 12px;}

.ts13 {font-size: 13px;}

.ts14 {font-size: 14px;}

.ts15 {font-size: 15px;}

.ts16 {font-size: 16px;}

.ts17 {font-size: 17px;}

.ts18 {font-size: 18px;}

.ts20 {font-size: 20px;}

.ts22 {font-size: 22px;}

.ts24 {font-size: 24px;}

.ts32 {font-size: 32px;}

.tstB {font-weight: bold;}

.tstI {font-style: italic;}

.tstLT {text-decoration: line-through;}

.tstSC {font-variant: small-caps;}

.tstUC {text-transform: uppercase;}

.tstLC {text-transform: lowercase;}

.tstCap {text-transform: capitalize;}

.tstN {
  font-style: normal;
  font-weight: normal;
  font-size-adjust: none;
  font-stretch: normal;
  text-transform: none;
}

.taL {text-align: left;}

.taC {text-align: center;}

.taR {text-align: right;}

.taJ {text-align: justify;}

.tvaM {vertical-align: middle;}

.tvaT {vertical-align: top;}

.tvaB {vertical-align: bottom;}

.white {color: #FFFFFF;}

.black {color: #000000;}

.red {color: #CC0000;}

.blue {color: #0000CC;}

.darkGray {color: #666666;}

.gray {color: #CCCCCC;}

.lightBlue {color: #0000E7;}

.green {color: #009900;}

.darkBlue {color: #0000BB;}

.orange {color: #FF9900;}

.darkOrange {color: #FF6600;}

.link:hover {text-decoration: underline;}

.nowrap {white-space: nowrap;}



/* form */

input, textarea, select {
  font-family: Verdana, Sans-Serif;
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  color: #000000;
  margin: 0px;
  padding: 0px;
}

input[type="checkbox"] {
  border: none;
  background-color: transparent;
  cursor: pointer;
}



/* structure */

#page {
  width: 995px;
  margin: auto;
}

#topBar {
	height: 120px;
	padding-top: 30px;
	background: url(images/title.gif) no-repeat 0px 17px;
	text-align: right;
}

#topBar.mac {margin-bottom: 20px;}

#topBar a {
  margin-right: 10px;
  color: #FFFFFF;
}

#main {
  float: left;
  width: 835px;
  height: 515px;
  overflow: hidden;
  background: url(images/bg_service_tn.gif) no-repeat;
}

#mainContainer {
  width: 815px;
  height: 475px;
  margin: 20px 0px 0px 20px;
}

#homeTelVAT {
  text-align: right;
  color: #999999;
  font-size: 10px;
  margin: 10px 0px 0px 0px;
}

#menu {
  display: block;
  float: left;
  width: 160px;
  height: 515px;
}

#photoNum {
  display: block;
  float: left;
  width: 100px;
  padding: 500px 0px 0px 10px;
  height: 15px;
  color: #464646;
}

#copyright {margin: 0px 0px 0px 20px;}

#catMenu {
  display: block;
  list-style: none;
  width: 140px;
  margin: 0px 20px 0px 00px;
  height: 500px;
}

#catMenu li {
  margin: 0px 0px 5px 0px;
}

#catMenu li a {
  display: block;
  color: #FFFFFF;
  padding: 5px
}

#catMenu li a:hover {
  background-color: #8D9098;
}

#catMenu li a.sel {
  background-color: #8D9098;
}

#catMenu li ul {
  list-style: none;
}

#catMenu li ul li {
  background-color: #464646;
  margin: 0px 0px 0px 0px;
}

#catMenu li ul li a.sel, #catMenu li ul li a:hover {
  background-color: #464646;
  color: #FFCC00;
}

#serviceTN {
  float: left;
  width: 95px;
  height: 515px;
}

#serviceImgBox {
  float: right;
  width: 615px;
  height: 515px;
}

#serviceTNScrollWnd {
  width: 75px;
  height: 475px;
  margin: 0px 0px 0px 20px;
  overflow: hidden;
}

#serviceTNScroller {margin-top: 0px;}

.tnImg {
  display: block;
  background-color: #464646;
  border: 1px solid #464646;
  width: 65px;
  height: 65px;
  padding: 4px;
  margin: 0px 0px 5px 0px;
  cursor: pointer;
}

.tnImg.sel, .tnImg:hover {border: 1px solid #8D9098;}


#tnUp {
  display: block;
  width: 40px;
  height: 10px;
  margin: 0px 0px 10px 35px;
}

#tnUp.active {background: url(images/tn_up.gif) no-repeat 15px 0px;}

#tnDown {
  display: block;
  width: 40px;
  height: 10px;
  margin: 10px 0px 0px 35px;
}

#tnDown.active {background: url(images/tn_down.gif) no-repeat 15px 0px;}

#serviceImg {
  display: block;
  width: 615px;
  height: 515px;
}

#serviceImgControlBG {
  position: fixed;
  visibility: hidden;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 30px;
  padding: 10px;
  background-color: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#serviceImgControl {
  position: fixed;
  visibility: hidden;
  z-index: 101;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 30px;
  padding: 10px;
  text-align: center;
}

#serviceImgControl img {
  cursor: pointer;
  margin: 0px 4px 0px 4px;
}

#profilePhoto {
  float: left;
  width: 200px;
}

#profileText {
  float: left;
  width: 300px;
  margin-left: 15px;
}

.newsRow td {
  background-color: #8D9098;
  padding: 5px;
}

.newsRow:hover td {background-color: #464646;}

.newsTitle {color: #FFFFFF;}

a.newsTitle:hover {color: #FFCC00;}