/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}
body{
	background:#FFFFFF url(../images/top_tile.gif) top repeat-x;
	text-align:center;
}
img {
	vertical-align:top;
}
a img { 
	border:0;
}
ul { 
	list-style:none;
}
.left { 
	float:left;
}
.right {
	float:right;
}
.clear  { 
	clear:both;
}
html, input, textarea {
	font-family:Arial;
	font-size:0.75em;
	line-height:1.167em;
	color:#6e7e84;
}
input, select { 
	vertical-align:middle; 
	font-weight:normal;
}
a {
	color:#00aeef;
}
a:hover{
	text-decoration:none;
}
p {	
	padding-top:14px;
}
h1 { 
	font-size: 16px;
 	font-family : Verdana,Arial,sans-serif;
 	font-weight : bold;
 	padding-top: 0px;
 	color : #333;
 	margin-left: 0px;
 	margin-right: 4px;
 	text-align:left;
}
h2 { 	
	font-size: 12px;
 	font-family : Verdana,Arial,sans-serif;
 	font-weight : bold; 	
	padding: 5px; 	
	background-color: #333;
 	color : #FFF; 	
	margin: 10px 0px 10px 0px;
 	text-align:center;
}
h3 { 
	font-size: 12px;
 	font-family : Verdana,Arial,sans-serif;
 	font-weight : bold;
 	padding-top: 0px;
 	color : #333;
 	margin-left: 0px;
 	margin-right: 4px;
 	text-align:left;
}    
h4 { 	
	font-size: 14px;
 	font-family : sans-serif;
 	font-weight : bold; 	
	padding: 5px; 	
 	color : #ff0000; 	
	margin: 10px 0px 10px 0px;
 	text-align:left;
}
h5 { 	
	font-size: 16px;
 	font-family : Verdana,Arial,sans-serif;
 	font-weight : bold; 	
	padding: 10px;
	line-height:150%;	 	
	background-color: #333;
 	color : #FFF; 	
	margin: 10px 100px 10px 100px;
 	text-align:center;
}
.headerbkup{
	position:absolute;
	top: -50px;
	left: -55px;
	float: left;
	width: 100%;
	margin: 50px 0px 0px 55px;
	padding: 0px 0px 0px 0px;
}
.headerbkup2{
	position:absolute;
	top: -40px;
	left: 155px;
	float: left;
	width: 100%;
	margin: 50px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
}
.home{
	position:absolute;
	top: 122px;
	left: -63px;
	float: left;
	width: 145px;
	height: 82px;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
	z-index:2;
}
.recruitment{
	position:absolute;
	top: 112px;
	left: -193px;
	float: left;
	width: 145px;
	height: 82px;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
	z-index:2;
}
.newsletter{
	position:absolute;
	top: 112px;
	left: -48px;
	float: left;
	width: 145px;
	height: 82px;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
	z-index:2;
}
.asktw{
	position:absolute;
	top: 112px;
	left: 97px;
	float: left;
	width: 145px;
	height: 82px;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
	z-index:2;
}
.link{
	position:absolute;
	top: 112px;
	left: 242px;
	float: left;
	width: 145px;
	height: 82px;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
	z-index:2;
}
.contact{
	position:absolute;
	top: 112px;
	left: 385px;
	float: left;
	width: 144px;
	height: 82px;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
	z-index:2;
}							
.nav{
	Width: 100%
}
img.twlogo{
	float: left;
	width: 260px;
	height: 70px;
	margin: 7px 0px 0px -12px;
	padding: 0px 0px 0px 0px;		
}
	
img.navicon{
	float: center;
	width: 50px;
	height: 50px;
	margin: 0px 30px 20px 20px;
	padding: 15px 20px 0px 20px;		
}
img.navicon0{
	float: center;
	width: 50px;
	height: 50px;
	margin: 120px 30px 20px 20px;
	padding: 15px 20px 0px 20px;
	z-index:1;		
}
/* ============================= main layout ====================== */

.more {
	background:url(../images/more_bg.gif) no-repeat 0 5px; 
	padding-left:12px; 
	color:#B9C0C7; 
	text-decoration:none;
}
.more:hover {
	text-decoration:underline;
}
li { 
	background:url(../images/list_bg.gif) no-repeat 0 5px; 
	padding-left:12px; 
	padding-bottom:14px;
}
.last {
	padding-bottom:0;
}

.list li{ 
	background:url(../images/list_bg.gif) no-repeat 0 7px; 
	padding:0 0 0 12px;
}
.list li a {
	line-height:1.667em;
}
.imgindent {
	margin:0 16px 0 0; 
	float:left;
}
.title {
	margin-bottom:7px;
}
.title2 {
	margin-bottom:20px;
}
.title3 {
	margin-bottom:26px;
}
.rss {
	margin-left:10px;
	}
.button {
	background:#d2004d url(../images/button_right_bg.gif) top right no-repeat; 
	display:block; 
	float:right; 
	text-decoration:none; 
	margin-right:18px; 
	font-size:1.083em;
}
.button span {
	background:url(../images/button_left_bg.gif) top left no-repeat; 
	display:block; 
	padding:10px 15px 9px 16px; 
	text-transform:uppercase; 
	color:#fff; 
	font-weight:bold;
}
.button:hover {
	background:#e982a8 url(../images/button_right_bg_hover.gif) top right no-repeat;
}
.button:hover span {
	background:url(../images/button_left_bg_hover.gif) top left no-repeat;
}

/* ============================= header ====================== */

#header .left {
	padding:28px 0 0 45px;
}
#header .right {
	padding:39px 78px 0 0;
}
.login {
	float:right; 
	background:url(../images/loging_bg.gif) no-repeat 0 0; 
	color:#fff; 
	text-decoration:none; 
	padding-left:21px;
}
.login:hover {
	text-decoration:underline;
}
.menu {
	padding:41px 0 0 57px;
}
.slogan1 {
	margin:107px 0 0 90px;
}
.slogan2 {
	margin:107px 0 0 440px;
}
/* ============================= middle ====================== */
.main_indent {
	padding:30px 58px 39px 56px;
}
.main_indent2 {
	padding:30px 58px 59px 56px;
}
.main_indent3 {
	padding:30px 58px 59px 256px;
}
.box {
	background:#f1f6f6; 
	padding:19px 20px 25px 17px;
}
.logo {
	width:150px; 
	margin:10px auto 10px 50px;
}
.logo2{
	width:100px; 
	margin:15px auto 15px 10px;
}
.logo3{
	width:250px; 
	margin:15px auto 15px 10px;
}
.row0 {
	margin:10px auto 10px auto;
}
.row1 {
	padding:38px 0 0 0;
}
.box2 {
	border-bottom: 2px solid #bec7d1; 
	border-top:1px solid #bec7d1; 
	background:url(../images/box_bottom_line.gif) bottom right no-repeat;
}
.box2 .corner_bottom_left {
	background:url(../images/box_bottom_line.gif) bottom left no-repeat;
}
.box2 .corner_top_right {
	background:url(../images/box_top_line.gif) top right no-repeat;
}
.box2 .corner_top_left {
	background:url(../images/box_top_line.gif) top left no-repeat; 
	width:100%;
}
.box2 .indent {
	padding:20px 17px 22px 15px;
}
.box2 .indent2 {
	padding:21px 17px 22px 24px;
}
.box2 .indent3 {
	padding:20px 17px 12px 15px;
}

.ul1 {
	margin:1px 0 5px 9px;
}
.row2 {
	padding:28px 0 0 0;
}
.row2 .indent1 {
	padding:7px 25px 35px 4px;
}
.row2 .indent2 {
	padding:7px 0 0 34px;
}
.img_block {
	padding-top:31px;
}
.img_block2 {
	padding-top:14px;
}
.img_block3 {
	padding-top:22px;
}
.padding1 {
	padding-top:14px;
}
.padding2 {
	padding-top:38px;
}
.col_pad1 {
	margin-right:30px;
}
.col_pad2 {
	margin-right:40px;
}
.phone {
	float:right; margin-right:90px;
}
.column_padding {
	padding-right:10px;
}

/* ============================= forms ====================== */

.form {
	color:#201f1e; 
	padding-bottom:34px;
}
.form .rowi {
	height:30px;
}
.form .button {
	margin:5px 0 0 6px;
}
.form .col1 {
	font-size:1.083em; 
	line-height:2em;
}
.input {
	width:235px; 
	height:23px; 
	border:1px solid #7f7f7f; 
	background:none; 
	padding:0 0 0 5px; 
	font-size:1em; 
	margin:13px 0 9px 0; 
	color:#201f1e;
}
.input2 {
	width:235px; 
	height:92px; 
	border:1px solid #7f7f7f; 
	background:none; 
	padding:0 0 0 5px; 
	font-size:1em; 
	color:#201f1e;
}
textarea {
	width:235px; 
	height:82px; 
	border:1px solid #7f7f7f; 
	background:none; 
	padding:0 0 0 5px; 
	overflow:auto; 
	font-size:1em; 
	color:#201f1e;
}
.top_tile2 {
	background:url(../images/top_tile2.gif) top repeat-x; 
	right:0; 
	height:750px; 
	position:absolute; 
	width:50%;
}
#main { 
	width:980px; 
	margin:0 auto; 
	text-align:left; 
	background:url(../images/main_bg.jpg) top left no-repeat; 
	position:relative;
}
#header {
	height:439px;
}
#footer { 
	height:70px; 
	border-top:3px solid #f0f2f2; 
	text-align: center; 
	margin:10px auto 10px auto; 
	line-height:3.7em;
}
.column1, .column2, .column3, .column1a, .column2a, .column3a,.col1, .col2, .col3 {
	float:left;
}
.container {
	width:100%; 
	overflow:hidden;
}
.container2 {width:100%;}

/* ============================= index ===========================*/

#index .row1 .column1 {
	width:292px;
}
#index .row1 .column2 {
	width:574px;
}
#index .row1 .column3 {
	width:282px;
}
#index .row1 .column4 {
	text-align: center; 
	width:980px; 
	margin-left: auto; 
	margin-right: auto;
}
#index .row2 .line {
	background:url(../images/line.gif) repeat-y 572px 0;
}
#index .row2 .column1 {
	width:572px;
}
#index .row2 .column2 {
	width:294px;
}

/* ============================= comnet ===========================*/

#index .row1 .column1a {
	width:292px;
}
#index .row1 .column2a {
	width:292px;
}
#index .row1 .column3a {
	width:282px;
}
img.fusion95{
	float: center;
	width: 500px;
	height: 287px;
	margin: 0px 30px 20px 20px;
	padding: 15px 20px 0px 20px;		
}
img.progbanner{
	float: center;
	width: 500px;
	margin: 0px 30px 10px 20px;
	padding: 0px 20px 0px 20px;		
}
img.cmslogo{
	float: right;
	width: 200px;
	margin: 0px 0px 0px 0px;
}
img.xygate{
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;

}
#carousel{
	float:center;
    background-color:#fffff;
    width:900px;
    height:600px;
    position:relative;
}
    
img.links{
	margin:20px 20px 20px 20px;
    border:1px solid #000000;
}
img.links2{
	width:200px;
	height:118px;
	margin:20px 20px 20px 20px;
    border:1px solid #000000;
}