/* =================== Getting the new tags to behave START ====================== */



article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }

mark, rp, rt, ruby, summary, time { display: inline }



/* ==================== Getting the new tags to behave END ======================= */











/* ========================= Global properties START ============================= */



/* ============================================================================================== 

This copyright notice must be kept untouched in the stylesheet at all times.

The original version of this stylesheet and the associated (x)html 

is available at http://www.script-tutorials.com/whirling-dropdown-menu/

Copyright (c) Script Tutorials. All rights reserved.

This stylesheet and the associated (x)html may be modified in any way to fit your requirements.

================================================================================================= */



/* ========================= Global properties START ============================= */

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure,font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup,  tbody, tfoot, thead, th,  video, tt, u, ul, var {

	background: transparent;

	

	

font-family: Tahoma,Arial,Helvetica, sans-serif; 

	font-size 100%;

	margin: 0;

	padding: 0;



	outline: 0;

	vertical-align: top;

}



body {

	font-family: Arial, Tahoma, Helvetica, sans-serif; 

	font-size: 100%;

	height: 100%;

	line-height: 1em;

}



a:link,a:visited {

	color:#A0A0A0;

	text-decoration:none;

}



a:hover,a:active {

	color:#A0A0A0;

	text-decoration:underline;

}

	





div {

	border: 0 none;

	font-size: 100%;

	margin: 0;

	padding: 0;



	outline: 0;

	vertical-align: top;

}





h2{font-size:2em; color:white; background:url('../images/h3_marker.png') no-repeat 1px center; padding-left:16px;  margin-bottom:19px; letter-spacing:-1px; word-spacing:2px}

	h2.extra{margin-bottom:18px}

	h2.extra1{margin-bottom:15px}



	

h3{font-size:2em; color:#c0c0c0; background:url('../images/h3_marker.png') no-repeat 1px center; padding-left:16px;  margin-bottom:19px; letter-spacing:-1px; word-spacing:2px}

	h3.extra{margin-bottom:18px}

	h3.extra1{margin-bottom:15px}



h6{color:#ff9933; font-size:0.75em; line-height:18px; text-transform:uppercase; margin-bottom:17px}

	h6.extra{margin-bottom:18px}

	h6.extra1{margin-bottom:0}



p{line-height:18px; margin-bottom:18px}

	p.extra{margin-bottom:20px}

	p.extra1{margin-bottom:0}

	p.extra2{margin-bottom:16px}

	p.extra3{margin-bottom:17px}

	p.extra4{margin-bottom:27px}

	

img.fleft{margin-right:18px}



.orange{color:#ff9933; font-weight: normal;}

.white{color:#c0c0c0; font-weight: normal;}



.div_indent{margin-bottom:17px}





/* ========================= Global properties END =============================== */















/* ========================= Global Structure START ============================== */





header {

	position: relative;

	height:150px;

}



section#content { background:url('../images/tail_shadow.png') repeat-y left top; }



footer {

	min-height:15px;

	overflow: hidden;

	background:url('../images/tail_shadow.png') repeat-y left top; 

	

	}



.top_shadow{background:url('../images/top_shadow.png') no-repeat left top; height:7px; width:966px; top:90px; position:absolute}

.footer_bot_shadow{background:url('../images/bot_shadow.png') no-repeat left top; height:7px}

aside{width:966px; margin:0 auto; border-bottom:0px solid #3d3d3d; background:url('../images/aside_bot_shad.png') repeat-x left bottom; color:#919090}

	.aside_inner{background:url('../images/aside_top_shad.png') repeat-x left top; padding-left:20px; padding-right:0; padding-top:41px; padding-bottom:38px}

	#page6 .aside_inner{padding:41px 0 35px 20px}



/* ========================= Global Structure END ================================ */













/* ====================== Left & Right alignment START =========================== */



.fleft {

	float: left;

}



.fright {

	float: right;

}



.col-1, .col-2, .col-3, .col-4 {

	float: left;

	overflow: hidden;

}



.block-1, .block-2, .block-3, .block-4 {

	float: left;

	overflow: hidden;

}



.product-1, .product-2, .product-3, .product-4 {

	float: left;



}



.aligncenter {

	padding: 15px 0 0 0;

	text-align: center;

}



.wrapper {

	width: 100%;

	overflow: hidden;

}



.clear {

	clear: both;

	font-size: 0%;

	line-height: 0%;

	height: 0;

}



/* ====================== Left & Right alignment END ============================= */



.fleft {

	float: left;

}



.fright {

	float: right;

}



.col-1, .col-2, .col-3, .col-4 {

	float: left;

	overflow: hidden;

}



.block-1, .block-2, .block-3, .block-4 {

	float: left;

	overflow: hidden;

}



.product-1, .product-2, .product-3, .product-4 {

	float: left;



}



.aligncenter {

	padding: 15px 0 0 0;

	text-align: center;

}



.wrapper {

	width: 100%;

	overflow: hidden;

}



.clear {

	clear: both;

	font-size: 0%;

	line-height: 0%;

	height: 0;

}



/* ====================== Left & Right alignment END ============================= */



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

header h1{height:90px; width:237px; position:absolute; top:3px; left:-45px}

	header h1 a{display:block; height:100%; background:url('../images/tclogo.gif') no-repeat center; text-decoration:none}

	header h1 a span{display:none}

	header h1 a b{text-decoration:none; color:#bebebe; font-size:1.167em; text-transform:uppercase; display:block; position:absolute; 

	left:245px; top:-1px; width:160px; line-height:19px; word-spacing:3px; letter-spacing:-1px}



.header_icons{position:absolute; top:45px; right:38px; color:#919090}

	.header_icons ul{float:left; margin-right:2px}

		.header_icons ul li{float:left; margin-right:5px}

		

nav{position:absolute; width:970px; top:97px; background:url('../images/tail_shadow.png') repeat-y left top; height:53px; z-index:19}

	.nav_shadow{background:url('../images/nav_shadow.png') repeat-x left bottom; width:970px; margin:0 auto; height:53px}

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





/* ============================= content START =================================== */

.slider{border:0px solid #3d3d3d; height:373px; position:relative; overflow:hidden;}

.pagination {

	position:absolute;

	z-index:20;

	top:352px;	

	left:24px;

}

	.pagination li {

		float:left;

		padding-right:3px;

		font-size:0;

		line-height:0;

	}	

		.pagination li a {

			display:block;

			width:13px;

			height:13px;

			background:url('../js/images/banner_slider_a.png') no-repeat -16px 0px;

			font-size:0;

			line-height:0

		}

		.pagination li.current a {

			background:url('../js/images/banner_slider_a.png') no-repeat 0px 0px;

		}

.banner {

	width:447px;

	height:180px;

	top:102px;

	position:absolute;

	color:#c0c0c0;

	background:url('../js/images/banner_slogan_bg.png') no-repeat left top;; font-style:normal; font-variant:normal; font-weight:normal; font-size:20px; font-family:Arial, Helvetica, sans-serif

}







	.banner{font-size:3.333em; text-transform:uppercase; color:#c0c0c0; letter-spacing:-1px; position:absolute; padding:32px 0 0 22px; line-height:1.2em; word-spacing:-1px}

		.banner strong {font-size:0.65em; text-transform:none; color:#ffccb3; display:block; letter-spacing:0; width:90%; margin-top:-16px; word-spacing:0}

		.banner strong em{margin-top:-27px; display:block}

aside .block-1, aside .block-2, aside .block-3, aside .block-4{border-right:1px solid #2a2a2a}



aside div.extra{margin:0; border:none}



.block_inner{ padding-right:15px}



#content section{background:#01222b; width:966px; margin:0 auto; border-bottom:3px solid #3d3d3d}

#indent{padding:27px 0 18px 20px}



.col-1, .col-2, .col-3, .col-4{border-right:0px solid black}





article.extra{border:none; margin:0 !important}



.article_inner{padding-right:20px}



.list{width:100%; overflow:hidden; margin-bottom:7px}

	.list li{width:100%; overflow:hidden; margin-bottom:13px}

	.list h6, .list p{margin-bottom:0}

	.list img{margin-top:5px}

	

.list1{line-height:24px; font-size:0.917em; font-weight:normal; width:100%; overflow:hidden; text-transform:uppercase; margin-bottom:19px}

	.list1 li{background:url('../js/images/list_marker.gif') no-repeat left center; padding-left:12px; overflow:hidden}

	.list1 a{color:white; text-decoration:none}

	.list1 a:hover{color:#ff5300; text-decoration:underline}

	

.news{width:100%; overflow:hidden}

	.news dt a{color:white; text-decoration:none; font-size:0.917em; line-height:18px; font-weight:normal; text-transform:uppercase}

	.news dt a:hover{color:#ff5300; text-decoration:underline}

	.news dd{line-height:18px; margin-bottom:25px}

	.news dd.last{margin-bottom:0}

	

.lists{width:100%; overflow:hidden}

	.lists ul{float:left; width:206px; margin-right:26px}

	.lists .last{margin-right:0}



.list2{width:100%; overflow:hidden; padding-top:4px}

	.list2 li{float:left; margin-right:10px; margin-right:32px}

	.list2 .last{margin-right:0}

	

.list3{width:100%; overflow:hidden; padding-top:3px}

	.list3 li{width:100%; overflow:hidden; margin-bottom:25px}

	.list3 h6, .list3 p{margin-bottom:0}

	.list3 .last{margin-bottom:0}

	

.lists.extra ul{margin-bottom:0}



.contacts{color:#ff5300; font-weight:normal; font-size:0.917em; text-transform:uppercase; padding-right:13px}

	.contacts span{float:right}



.contacts1{width:100%; overflow:hidden; padding-bottom:5px}

	.contacts1 li{float:left; width:200px; margin-right:41px}

	.contacts1 .last{margin:0; width:197px}

	.contacts1 p span{float:right; padding-right:31px}

	.contacts1 h6{margin-bottom:0}



.mail{font-size:0.917em; font-weight:normal; text-transform:uppercase; color:#d3d3d3; margin-bottom:15px}

	.mail a{color:#d3d3d3; text-decoration:none}

	.mail a:hover{color:#ff5300; text-decoration:underline}



/* ============================== content END ==================================== */











/* =================== txt, links, lines, titles START =========================== */

a.more{text-decoration:none; color:#ff9933; font-size:1.333em; background:url('../images/more_bg.png') no-repeat right center; display:inline-block; line-height:20px; letter-spacing:-1px; word-spacing:2px; padding-left:14px; padding-right:18px; padding-top:0; padding-bottom:3px}

	a.more:hover{text-decoration:none; color:white}



/* ==================== txt, links, lines, titles END ============================ */

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



#contact_form {width: 675px; overflow: hidden; color:#919090; margin-left:1px;}

	#contact_form input, #contact_form textarea{float:left; margin:0; border:1px solid #3d3d3d; color:white; background:url('../js/images/input_bg.png') left top; padding:4px; width:309px; outline:none; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}

	#contact_form textarea{height:75px; overflow:auto}

	#contact_form div{width:100%; overflow:hidden; margin-bottom:11px}

	#contact_form .fleft, #contact_form .fright{width:319px; margin:0}

	#contact_form .name{line-height:18px; padding-left:9px; margin-bottom:6px}

	#contact_form .wrapper{margin:0}

	#contact_form .buttons{padding-top:8px; text-align:right; margin:0}

	#contact_form .buttons a.more{margin-left:22px; padding:0 21px 3px 15px}



#search_form{width:169px; height:25px; background:url('../js/images/search_form.jpg') no-repeat left top; position:absolute; top:105px; right:22px; z-index:20}

	#search_form a{color:#c0c0c0; font-size:1.333em; text-decoration:none; text-transform:lowercase; display:inline-block; line-height:1.35em; letter-spacing:-1px}

	#search_form a:hover{color:#ff5300; text-decoration:none}

	#search_form input{float:left; color:#c0c0c0; font:12px Arial, Helvetica, sans-serif; border:none; padding:5px; outline:none; background:none; width:103px; margin-right:9px}



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





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



#search_form{width:169px; height:25px; background:url('../images/search_form.jpg') no-repeat left top; position:absolute; top:105px; right:22px; z-index:20}

	#search_form a{color:#c0c0c0; font-size:1.333em; text-decoration:none; text-transform:lowercase; display:inline-block; line-height:1.35em; letter-spacing:-1px}

	#search_form a:hover{color:#ff9933; text-decoration:none}

	#search_form input{float:left; color:#c0c0c0; font:12px Arial, Helvetica, sans-serif; border:none; padding:5px; outline:none; background:none; width:103px; margin-right:9px}



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





/* ============================= other START ===================================== */



.pic-indent{margin-bottom:13px}

.pic-indent1{margin:4px 18px 0 0}

.pic-indent2{margin:5px 18px 0 0}



/* ============================== other END ====================================== */



/* ============================ footer START ===================================== */

footer .wrapper{width:918px; margin:0 auto; background:url('../images/footer_top_shadow.png') repeat-x left top; padding-left:10px; padding-right:21px; padding-top:12px; padding-bottom:0}

footer a{color:#ababab}

.copy{float:left}

	.copy b{margin:0 3px}

.footer_link{float:right}

/* ============================= footer END ====================================== */



/* ============================= Final START ====================================== */

#main footer div.wrapper div.designer{ float: right; }

#main footer div.wrapper div.designer a{color: #c0c0c0; text-decoration: none;}

#content section.cont{ background: none;}

#indent div.wrapper article.col-1 div.article_inner div.wrapper p.extra1{ text-align: justify;}

#content aside.inner{ border-top: 0px solid #3d3d3d;}

#left_inner{ width: 650px; text-align: justify; float: left;}

#right_inner{ width: 265px; float: right; padding: 0px 10px 10px 10px; text-align: center;} 

/* ============================= Final END ====================================== */



/* ============================= SUB MENU START ====================================== */

ul.menu .menulink {padding:5px 7px 7px; font-weight:bold; width:97px}

ul.menu .menulink:hover, ul.menu .menuhover {border-left:0px solid #3d3d3d; border-right:0px solid #3d3d3d; border-top:0px solid #3d3d3d; color:#c0c0c0; text-decoration:none; border-bottom:medium none; line-height:43px; margin:0; padding-top:0; background:url('../images/menu_act.png') left top; }

ul.menu .sub {background: url('../images/arrow.gif') no-repeat right center;}

ul.menu a.active{ color:#ff9933; text-decoration:none; border:0px solid #3d3d3d; border-bottom:none; line-height:43px; margin:0; padding-top:0;}

ul.menu li ul li ul li:HOVER > ul.menu li ul li{border: none;}

li.len ul li ul{ width: 200px; left: 280px; margin-top: 1px;}

li.len ul li ul.len1{ width: 180px; left: 280px;}

li.len ul li ul.len1 li:HOVER{ width: 245px;}

li.len ul li ul li:HOVER{ width: 130px;}

ul.menu li.len ul li a.menuhover{ border: none;}

li.len ul li{ width: 280px;}

li.len2 ul li{ width: 300px;}

li.len_career{ width: 118px !important;}

li.len ul li ul.len_sub1{ width: 235px; left: 180px; margin-top: 1px;}

li.len ul li ul.len_sub1 li {width: 235px !important;}

ul.len1 .second_sub{background: url('../js/images/arrow.gif') no-repeat right center;}

ul.menu li.len ul li ul li{ width: 200px;}

ul.menu li.len ul li ul.len1 li{width: 180px;}

ul.menu .second_sub.sub{ padding: 0 0 0 13px; line-height: 30px;}

ul.menu li.len ul li ul.len1 li a.second_sub:HOVER{ padding: 0 0 0 14px; line-height: 30px;}

ul#menu.menu li ul li a.active{ color:#c0c0c0; border: none; line-height: 30px;}



/* ============================= SUB MENU END====================================== */

/* ============================= CONTACT START====================================== */

div.article_inner{}

h6.address{ color: #c0c0c0; text-transform: none;}

h6.address span.alignment{ float: right; clear: both; padding-right: 450px;}



form table tbody tr.box td input{ margin: 10px 0 10px 0; background: #E8E8E8; border: 1px solid #3d3d3d; color: #c0c0c0; padding:3px 5px;}

form table tbody tr.box td textarea{ margin: 10px 14px 13px 0; background: #E8E8E8; border: 1px solid #3d3d3d; color: #c0c0c0; padding:3px 5px;}

td.button1 input{ text-align: center; width: 90px; background: #01222B; border:medium none; text-decoration:none; color:#ff9933; 

font-size:17px; text-transform:lowercase; no-repeat right center; 

display:inline-block; line-height:20px; letter-spacing:-1px; word-spacing:2px; margin-right: 20px; 

padding-left:14px; padding-right:18px; padding-top:0; padding-bottom:3px}

td.button1 input:hover{text-decoration:none; color:white}

/* ============================= CONTACT END====================================== */





ul.about_list{ margin: 0 0 20px 10px;}

ul.about_list li{ background:url('../images/list_marker.gif') no-repeat left 8px; padding-left:10px; padding-right:0; padding-top:3px; padding-bottom:3px}



img.leader{ width: 121px; height: 139px; float: left; margin: 0 15px 2px 0;}

img.ceo{ width: 121px; height: 139px; float: right; margin: 35px 0 2px 15px;}

h3.ceo_head{ background: none; font-size: 1.8em; margin-bottom: 5px; line-height: 0px; clear: both; padding: 0;}



#hse{ text-align: justify; padding-right: 20px;}

#product{ text-align: justify; padding-right: 20px;}

div#product h2{ font-size: 1.667em; margin-bottom: 0; ;}

div#product h2 span.orange{text-transform: none;}

div#product table tbody tr td{ padding-right: 25px; padding-bottom: 15px;}

div#product div.product_cont{ margin-left: 15px;}

div#product div.product_cont table.inner{ margin: 5px 0 20px 0;}

div#product div.product_cont table.inner th{ background: #001317;}

div#product div.product_cont table.inner, table.inner th, table.inner td{ border: 0px solid #454545;}

div#product div.product_cont table.inner td, div#product div.product_cont table.inner th{ padding: 10px 15px;}

img.flow_right{ float: right; padding: 5px 0 0 10px; width:158px; height:153px; }

img.flow_left{ float: left; padding: 5px 10px 0 0; width:158px; height:153px;}



ul.career li{ background: #001317; height: 30px; margin-bottom: 2px;}

ul.career li a{ margin: 0px 0 0 20px; text-decoration: none; color: #c0c0c0; font-size: 13px; font-weight:normal; line-height: 28px;}

ul.career li a:HOVER{ margin: 0px 0 0 20px; text-decoration: none; color:#ff9933 !important;}

div.career_cont{ padding-left: 15px; text-align: justify;}

article.career {height: 700px !important;}

article.col-2 div.article_inner ul.career li a.active{color:#ff9933; cursor: default;}

div.service_cont{ padding-left: 15px; text-align: justify;}

img.flow_service_left{ float: left; padding: 0 10px 0 0;}

img.flow_service_right{ float: right; padding: 0 0 0 10px;}



ul.menu ul li { height: 40px;}

ul.menu ul li a{ padding: 0 0 0 10px; line-height: 30px;}

ul.menu .sub{ padding: 0 0 0 13px; line-height: 30px;}

ul.menu .sub:HOVER{ padding-left: 16px;}

div.banner span{ font-size: 0.75em; text-transform: none;}



ol.roman_list{ list-style:  lower-roman;}

ol.roman_list li{background: none; padding-left: 1px; margin-left: 25px;}



ol.disc_list{ list-style: none;}

ol.disc_list li{background: url('../images/mini_marker.png') no-repeat left 10px; padding-left:10px; margin-left: 10px}



ol.inner_list{ list-style: none;}

ol.inner_list li{background: url('../images/white_marker.png') no-repeat 1px center; padding-left:10px; margin-left: 10px}

.line{ border-bottom: 0px solid black; padding-bottom: 20px;  text-align: justify; margin-bottom: 20px;}

.no_line{ text-align: justify;}



tr.map_head td h3{ margin: 19px 0 10px 0;}

tr.map{ text-align: center;}

tr.map td{ padding-right: 5px;}

tr.map td h3{ background: none; margin: 0 0 5px 0;}

tr.map td img{ padding-bottom: 10px;}

span.sub{ line-height: 24px; font-size: 9px;}

tr.sub td{ padding-bottom: 4px !important;}

aside.product{ background: none repeat scroll 0 0 #01222b; border-bottom: 4px solid #3D3D3D;}

aside.border_line{border-bottom: 0px solid #000000;}

aside.product h3{ font-size: 19px; Helvetica, }

aside.product p{text-align: justify;}

aside.product div.aside_inner{ background: none; padding:18px 0 18px 20px;}

aside.product .block-1, aside .block-2, aside .block-3, aside .block-4{border-right:0px solid #000;}



footer#designer a{color: #007179 !important; font-weight: bold !important;}