@charset "utf-8";
/* CSS Document */

body { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; color:#4b4b4b; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; }
p { font-family:Arial, Helvetica, sans-serif; margin: 0px 0px 20px 0px; line-height:20px; text-align:justify;}
p img{ border:1px solid #CCCCCC; padding:2px; margin:0 10px 8px 0; float:left; }
a, a:link, a:active { color:#4490a3; text-decoration:none; }
.noborder{ border:none;}
a:hover { color: #000000; }

.wrapper { width: 951px; margin: 0px auto 0px auto; }
.spacer{clear:both;}
hr{ color: #eee;
background-color: #eee;
height: 1px;
border:0;}

#logo-ttg{
	width:209px;
	height:79px;
	display: block; 
	text-indent: -9999px; 
	background: url(images/logo-ttg.gif) no-repeat;
	margin: 20px auto 30px 0px;
	float:left;
	border:none;
	outline:0;
}

/* NAVIGATION MENU */
#menus{
	float:left;
}

#menus ul{
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	display:inline;
}

#menus ul li{
	float:left;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	height:41px;
	display:inline;
}
#menus ul li a{
	float:left;
	padding:0;
	height:41px; 
	text-indent: -9999px; 
	width:190px;
	background: url(images/nav.gif) no-repeat;
}

#menus .homenav{
	background-position: 0px 0px;
}

#menus a.homenav:hover, #menus .current1 {
	background-position: 0px -45px;
}

#menus .whatnav{
	background-position: -190px 0px;
}

#menus a.whatnav:hover, #menus .current2{
	background-position: -190px -45px;
}

#menus .aboutnav{
	background-position: -380px 0px;
}

#menus a.aboutnav:hover, #menus .current3{
	background-position: -380px -45px;
}

#menus .careernav{
	background-position: -570px 0px;
}

#menus a.careernav:hover, #menus .current4{
	background-position: -570px -45px;
}
#menus .contactnav{
	width:191px; 
	background-position: -760px 0px;
}

#menus a.contactnav:hover, #menus .current5{
	width:191px; 
	background-position: -760px -45px;
}

#home-topimg{
	width:951px;
	height:268px;
	background:url(images/bg_header_home.jpg) no-repeat;
	overflow:hidden;
}

#topimg{
	width:951px;
	height:147px;
	overflow:hidden;
}

.headline_home{
	width:480px;
	height:69px;
	/*background:url(images/headline_text.png) no-repeat;*/
	text-indent: -9999px;
	margin:47px 0 0 27px;
}
.headline_post{
	width:600px;
	margin:50px 0 0 67px;
}
.headline_post p{
	font-family:Arial, sans-serif;
	color:#464646;
	font-size:12px;
	line-height:22px;
}
.readmore{
	margin:0 0 0 10px;
	border:none;
	float:none;
	display:inline;
	vertical-align:middle;
}
#searchbar{
	width:951px;
	height:37px;
	background:url(images/bg_searchbar.gif) no-repeat;
	overflow:hidden;
	float:left;
}

label{
	width:70px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:3px;
	color:#fff;
	
}

label.cntlabel{
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:3px;
	color:#808284;
	float:none;
}

table label{
	width:50px;
	float:left;
	font-size:11px;
	margin-top:3px;
	color:#4b4b4b;
}

.formwrap{
	width:400px;
	height:20px;
	float:left;
	margin:7px 0 0 20px;
	display:inline;
}

.formwrap2{
	width:240px;
	height:20px;
	float:left;
	margin:7px 0 0 285px;
	display:inline;
	
}

#navuser, #navpass, #nav_modlgn_passwd{
	width:119px;
	height:13px;
	border:none;
	background:url(images/navform.gif) no-repeat;
	padding:4px 7px 3px 7px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#838383;
	overflow:hidden;
	float:left;
	margin:0 5px 0 0;
}



#q{
	width:119px;
	height:13px;
	border:none;
	background:url(images/searchbox.gif) no-repeat;
	padding:4px 7px 3px 7px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#838383;
	overflow:hidden;
	float:left;
	margin:0 5px 0 0;
}


.go{
	width:24px;
	height:18px;
	float:left;
}

.labelsearch{
	color:#4797b6;
	width:50px;
}

#sidebar{
	width:200px;
	border:solid 1px #c7dce2;
	background:#e5f2f5;
	float:left;
	display:inline;
	color:#808284;
	margin:20px 20px 0 0;
	font-size:12px;
	padding:20px 20px 0 20px;
}

#sidebar h2{
	color:#937842;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}

#sidebar3{
	width:240px;
	float:left;
	margin: 20px 20px 0 0;
}
sidebar3 h3{
	color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}
#leftHead {
	background:url(http://ttg.com.hk/0_themes/ttg/images/left-header.jpg) no-repeat top;
	width:240px;
	height:100px;
	color:#FFFFFF;
	float:left;
}
#leftHead div{
	float:left; 
	width:130px; 
	padding:30px 5px 5px 20px; 
	line-height:20px;
}
#leftHead div a{
	color:#FFFFFF;
}
#leftContent {
	border:solid 1px #c7dce2;
	background:#e5f2f5;
	color:#4797b6;
	font-size:12px;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	width:198px;
}
#content h2{
	color:#937842;
	font-weight:normal;
	font-size:24px;
	margin-bottom:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#content.text{
	color:#937842;
	font-weight:normal;
	font-size:24px;
	margin-bottom:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content h3{
text-transform:uppercase;
	color:#4490a3;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}

#content h4{


	font-weight:normal;
	font-size:15px;
	margin-top:10px;
	margin-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}

#content{
	width:687px;
	float:left;
	display:inline;
	margin:20px 0px 0 0;
	font-size:12px;
	color:#808284;
}

#content li{
	line-height:18px;
	margin-bottom: 10px;
	text-align:justify;
}

#footer{
	width:951px;
	height:1px;
	background:url(images/footline.gif) no-repeat;
}

#footmenu ul{
	float:left;
	list-style:none;
	padding:0;
	margin:10px 0 20px 0;
}

#footmenu li{
	display:inline;
	padding:0;
	
}

#footmenu li a:link, #footmenu li a:active, #footmenu li a:visited{
	display:inline;
	line-height:20px;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:solid 1px #999;
	font-size:10px;
	color:#808284;
}

#copyright ul{
	float:right;
	list-style:none;
	padding:0;
	margin:10px 0 20px 0;
}

#copyright li{
	display:inline;
	padding:0;
	border-right:solid 1px #999;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	color:#808284;
	font-size:10px;
}

#copyright li a:link, #copyright li a:active, #copyright li a:visited {
	display:inline;
	line-height:20px;
	font-size:10px;
	color:#808284;
}

#copyright li a:hover, #footmenu li a:hover{
color:#4490a3;

}

.lastlist{
	border-color:#fff !important;
}

.cnt{
color:#4490a3;
margin-right:20px;
}