@charset "utf-8";

body {
	margin:10px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background:url(images/bg/bg.png);
}

a:hover {text-decoration:underline}

h3 {margin:0; padding:5px; text-align:center; font-weight:normal; font-size:14px; color:#e60e21; line-height:18px}
h4 {margin:0; padding:0; text-align:center; font-weight:normal; font-size:12px; color:#646464; line-height:18px}
h4 a {color:#b6404b; text-decoration:none}
h6 {margin:0; padding:0; font-size:11px; font-weight:normal; line-height:18px; color:#646464; text-align:justify}
h6 a {margin:0 0 0 20px; padding:0; font-weight:bold; color:#e60e21; text-decoration:none}

.clr { clear:both; padding:0; margin:0;}
.main {padding:0; margin:0 auto;}



/****************************************HEADER****************************************/

.header_resize {padding:0; margin:0;}
.header {padding:0; margin:0 auto; width:910px; background:url(images/bg/i_head.png) no-repeat bottom right; height:22px}



/****************************************CONTENT AREA****************************************/

.content_resize {padding:0; margin:0;}
.content {padding:0; margin:0 auto; width:910px;}

.left {float:left; width:261px; background:url(images/bg/left_down.png) repeat-y right}
.right {float:left; width:649px; background:url(images/bg/centre.png) repeat-y left}


/**********************LEFT**********************/

.nav {height:440px; background:url(images/bg/left.jpg) no-repeat right; background-position:0 0; margin:40px 0 0 0;}

/**********Navigation**********/
.buttons {padding:0 0 0 41px}
.home {	display:block; width:198px; height: 38px; background: url("images/home.jpg") no-repeat 0 0; float:left; margin:41px 0 0 0;}
.home:hover { background-position: 0 -38px; }
.home span { display: none; }
.abtus {	display: block; width:198px; height: 38px; background: url("images/abtus.jpg") no-repeat 0 0; float:left; margin:2px 0 0 0;}
.abtus:hover { background-position: 0 -38px; }
.abtus span { display: none; }
.serv {	display: block; width: 198px; height: 38px; background: url("images/serv.jpg") no-repeat 0 0; float:left; margin:2px 0 0 0;}
.serv:hover { background-position: 0 -38px; }
.serv span { display: none; }
.track {	display: block; width: 198px; height: 38px; background: url("images/track.jpg") no-repeat 0 0; float:left; margin:2px 0 0 0;}
.track:hover { background-position: 0 -38px; }
.track span { display: none; }
.over {background-position: 0 -76px;}

/**********Contact n Network**********/
.contact {float:right; width:250px; text-align:center}
.contact h6 {line-height:16px; color:#fbd2d2; text-align:center}
.contact img#contact {margin:10px 0 5px 0; padding:0}
.contact img.sep {margin:12px 0 0 0; padding:0}
.contact span {color:#FFF}
.contact h6 a {margin:0; padding:0; color:#FFF; font-weight:normal;}
.ntwk {	display:block; width:250px; height: 30px; background:url("images/ntwk.png") no-repeat center top; margin:10px 0 0 0;} 
.ntwk:hover { background-position:center bottom; }
.ntwk span { display: none; }
.onn { background-position:center bottom; }

/**********Style Switch**********/
.csss {text-align:center; float:right; width:250px}


/**********************RIGHT**********************/

/**********Banner**********/
.banner {padding:10px 0 0 25px}

/**********Additional Links**********/
.exlnk {padding:10px 35px 0 0}
.awards {display:block; width: 55px; height: 18px; background: url("images/awards.png") no-repeat 0 0; margin:0 0 0 10px; padding:0; float:right}
.awards:hover { background-position: 0 -18px; }
.awards span { display: none; }
.gall {display:block; width: 64px; height: 18px; background: url("images/gall.png") no-repeat 0 0; margin:0; padding:0; float:right}
.gall:hover { background-position: 0 -18px; }
.gall span { display: none; }

/**********Styles**********/
.style1 {margin:5px 8px 0 0; padding:15px 35px 10px 35px; background:url(images/ct_1.gif) no-repeat center top;}
.style1 img#desp {padding:3px; margin:0 15px 0 0; border:1px solid #CCC; float:left}
.style1 img#das {padding:3px; margin:20px 15px 0 0; border:1px solid #CCC; float:left}
.style1 img#har {padding:3px; margin:20px 0 0 15px; border:1px solid #CCC; float:right}
.style1 img.head_img {padding:0; margin:5px 0;}
.style1 h6 {margin:0 5px; padding:0;}
.style1 h4 img {margin:5px; padding:3px; border:1px solid #CCC;}
.style1 ul {list-style:url(images/bullet.gif); padding:0; margin:10px 40px}
.style1 ul li {margin:0; padding:0; font-size:11px; font-weight:normal; line-height:18px; color:#646464; text-align:justify}

.style2 {margin:10px 0 0 0; padding:20px 20px 10px 35px; width:266px; background:url(images/ct_2.gif) no-repeat right top; float:left}
.style2 img#desp1 {padding:3px; margin:5px 0 10px 0; border:1px solid #CCC}
.style2 img#header1 {padding:0; margin:0 0 0 5px}
.style2 h6 {margin:0 5px; padding:0;}

.style3 {margin:10px 0 0 0; padding:20px 20px 10px 20px; width:266px; background:url(images/ct_3.gif) no-repeat left top; float:left}
.style3 img#desp2 {padding:3px; margin:7px 0 10px 0; border:1px solid #CCC}
.style3 img#header2 {padding:0; margin:0 0 0 5px}
.style3 h6 {margin:0 5px; padding:0;}

/**********Gallery**********/
.gallery {padding:0; margin:5px 0 0 0; text-align:center}
.gallery ul { list-style: none; margin:0; padding:0}
.gallery ul li { display: inline; margin:0; padding:0}
.gallery ul img { border: 1px solid #CCC; padding:5px; margin:3px}
.gallery ul a:hover img {border: 1px solid #fff; color: #fff;}
.gallery ul a:hover {color: #fff;}

/**********Contact Information**********/
.cont {width:520px; overflow:hidden; height:260px; z-index:1000; position:relative;}
.invis {position:absolute; left:0;}
.slider-item,.slider-item2,.slider-item3 {float:left; display:block; width:530px; padding:0 10px; height:300px;}
.navi {background:url(images/ct_1.gif) no-repeat top center; padding:10px 0 0 0; text-align:center}
.navi a, .navi a:active, .navi a:visited {color:#646464; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-right:5px; text-decoration:none;}
.navi a:hover {font-weight:bold; text-decoration:underline;}
.navi li {cursor:pointer;}
.desc {margin:12px 0;}
.clear {clear:both;}
.ptc {padding:3px; margin:5px 0 0 0; border:1px solid #CCC; width:200px; color:#646464}
.citylist {color:#646464; line-height:20px}

/**********Cargo Status**********/
#lgform {margin:0; padding:50px 0;}
#lgform ol {margin:0; padding:0; list-style:none;}
#lgform ol li {clear:both;}
#lgform ol li h6 {text-align:center; padding-bottom:10px}
#lgform label {display:block; float:left; font-weight:bold; color:#525252; padding:13px 20px 13px 110px;}
.txt {float:left; width:250px; border:1px solid #d45463; background:#FFF; color:#9f1714; margin:4px 0; padding:5px;}
.send {margin:10px 0 0 150px; width:100px;}
.send1 {width:175px}

/**********Track and Trace**********/
#tnt {margin:0; padding:30px 0; width:500px}
#tnt ol {margin:0; padding:0; list-style:none;}
#tnt ol li {clear:both;}
#tnt label {display:block; float:left; padding:10px 0 10px 110px; margin:0; width:120px; font-weight:bold; color:#5e5e5e}
.txt_nt {width:200px; border:1px solid #CCC; margin:5px 0; padding:2px 2px; height:23px; background:#fff; float:left; color:#9f1714}
.txt_nt1 {width:194px; border:1px solid #CCC; margin:5px 0; padding:2px 2px; height:16px; background:#fff; float:left; color:#9f1714}
.send_nt {margin:10px 0 0 250px; width:100px;}



/****************************************FOOTER****************************************/

.footer_resize {padding:0; margin:0;}
.footer {padding:0; margin:0 auto; width:910px; background:url(images/bg/foot.png) no-repeat top right;}
.foot {float:right; width:659px; text-align:center; padding:25px 0 0 0; font-size:10px; text-align:center; line-height:16px}
.foot a {color:#000; text-decoration:none}
.foot a:hover {color:#e60e21; text-decoration:underline}
