body { background: #000 url(images/tbck.gif) no-repeat top center; text-align:center; padding:0; margin:0}


h3{font: bold 16px arial;  border-bottom: 3px solid #666; letter-spacing:-1px; text-transform:uppercase; color: #666; padding:0; margin:0}

img { vertical-align: text-bottom; border:0; padding:0; margin:0}




.t21 { background: url(images/t21.jpg) no-repeat top center; width: 950px;  height: 197px;  padding:18px 50px 0; color: #fff}
.t21 span { display: block; padding: 5px 55px; text-align: justify ;  font: 22px arial;  line-height: 22px;}

.t21 h3 {font: bold 28px arial; text-align:left; margin:0px 50px 0px; letter-spacing: -2px; line-height: 25px;}



.t22 { background: url(images/t22.jpg) no-repeat top center; width: 476px; height: 581px;}
.t22 h3 { text-align:left; margin:10px 00px 0px 50px; }

.t22 span {margin: 10px 0 20px 55px; font: 12px arial; color:#444; text-align: left; display:block;height: 200px;}
.t22 span strong {font: bold 35px arial; color: #333; line-height: 36px; display: block; padding-bottom: 5px; letter-spacing: -2px;}
.t22 span strong a { color: #333;}
.t22 span em { background-color: #fff; display:block; padding:5px; margin: 5px -5px;}
.t22 span i {font: bold 12px arial; color: #222; padding: 0 5px ;}


.hoverbox{ display:block;  margin:0 0 0 55px; text-align:center;}
.hoverbox ul { padding:0 0 0px; margin:0; list-style: none;  width:420px;}
.hoverbox a .preview{display: none;}

.hoverbox a:hover .preview{	display: block;	position: absolute;	top: -35px;	left: -50px;	z-index: 1;}
.hoverbox li {	display: inline;	float: left; padding:0 2px; margin:0;	position: relative;}
.hoverbox img {background: #fff; 	 border: 2px solid #222; margin: 0px 0px 4px; 	color: inherit;	vertical-align: top;	width: 95px;	height: 65px;}
.hoverbox .preview {	border: 2px solid #666; 	padding:5px;	width: 190px; 	height: 130px; z-index: 10}





.t23 { background: url(images/t23.jpg) no-repeat top center; width: 474px; height: 581px;}
.t23 img { padding: 2px 0 0 27px}

.t24 { background: url(images/t24.jpg) no-repeat top center; text-align:left; width: 950px; padding: 10px 0 0; height: 400px;}
.t24 h3 { margin: 0px 50px 0}

.t24 span { display:block; margin: 0 50px;}

.t24 div {float: left; width: 170px; text-align:center; padding:5px 0; font: 10px arial; color: #666}
.t24 div a {font: bold 16px arial; color: #333; }
.t24 div a:hover { color: #111}
.t24 div img{ padding: 4px; background-color:#fff; margin: 3px 0 ; border: 1px solid #bbb;}

.t24 b{ display:block; text-align:right; text-decoration:none; padding:0 55px; font: 14px arial; color: #444;}
.t24 b a{ font: bold 14px arial; color: #222; letter-spacing: -1px;}





/* table on main page */

.bottom { height: 116px; width:950px; background: url(images/tbottom.jpg); padding: 18px 0 0}
.bottom a {font: bold 20px arial; text-decoration:none; color: #444; text-transform:uppercase; letter-spacing:-2px; padding:0 10px;}
.bottom strong a {font: bold 40px arial; text-decoration: blink; line-height:20px;  color: #333; text-transform:uppercase; letter-spacing:-4px; position:relative; top: 7px; padding:0px 25px 0 10px;}
.bottom a:hover { text-decoration: underline; color: #000}
.bottom img { vertical-align:middle; padding: 0px 10px 5px 25px}





#bot {font: 11px arial; color: #888;}
#bot a{color: #eee}

#support  {width: 700px; background-color: #333; font: 11px arial; color: #aaa; padding: 7px;}
#support  a {color: #eee}