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}




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

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



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

.t12 span { margin: 10px 480px 3px 60px; font: 11px arial; color: #333; text-align:left; display:block; height:135px;  line-height:13px;}
.t12 span strong {display:block; font:bold 20px arial; letter-spacing: -1px; color: #333}


.t13 { background: url(images/t13.jpg) no-repeat top center; width: 950px; height: 296px;}

.t13 span { margin: 0px 60px 4px 480px; font: 11px arial; color: #333; text-align:left; display:block; height:125px;  line-height:13px;}
.t13 span strong {display:block; font:bold 20px arial; letter-spacing: -1px; color: #333}


.t14 { background: url(images/t14.jpg) no-repeat top center; width: 950px; height: 286px;}

.t14 span { margin: 0px 480px 5px 60px; font: 11px arial; color: #333; text-align:left; display:block; height:125px;  line-height:13px;}
.t14 span strong {display:block; font:bold 20px arial; letter-spacing: -1px; color: #333}






.hoverbox{ display:block;  margin:0; 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 1px; 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}

.t12 .hoverbox{float:left;  padding: 0px 63px 0px;}
.t13 .hoverbox{float:right;  padding: 0px 47px 0px;}
.t14 .hoverbox{float:left;   padding: 0px 63px 0px;}






/* 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}