@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Aclonica|Droid+Sans:400,700);

*{ margin:0; padding:0;}
html, body{ margin:0; padding:0; height: 100%;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:#f7f7f7;}
/*Opera Fix*/
body:before {height:100%;float:left;width:0;margin-top:-32767px;}
#wrapper{width:100%;min-height:100%;margin:0px auto; }
#main {/*overflow:auto;!important*/ padding-bottom: 45px;  }  
#footercover{position: relative;margin-top: -45px; /* negative value of footer height */height: 45px;	clear:both; }

/* headings
------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#000000;font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-weight:400;margin:0; padding:0;}
h1 {font-size: 18px; padding-bottom:10px; }
h2 {font-size: 17px;}
h3 {font-size: 16px;}
h4 {font-size: 15px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}

p{ line-height:18px; margin:0px 0 10px 0;}

a{ color:#333333;}
a:hover{ color:#0F4F8F; text-decoration:none;}

hr {border-top:1px solid #CFCFCF;border-bottom:1px solid #FFF; border-left:0; border-right:0; clear: both;height: 0;}


.clr{ clear:both; margin:0; padding:0;}

.fl{ float:left;}
.fr{ float:right;}
.pl{ padding-left:15px;}

#header{width:100%; background:#0f4f8f url(../images/slidershadow.png) center top no-repeat;}
#headerinner{width:100%; background:#0f4f8f url(../images/innerslidershadow.png) center top no-repeat;}
#content{width:100%; background:#f7f7f7;}

#footer{width:100%; background:#e4e4e4;}
#footerbootom{width:100%; background:#DADADA;padding:5px 0;}
.copyright{width:650px; float:left; font-size:11px;}
.backtotop{width:100px; float:right; font-size:11px; text-align:right;}
.backtotop a{color:#000000; text-decoration:none;}
.backtotop a:hover{}



.innerwrap { width:980px; margin:0 auto;}

.breadcrumb{ padding:15px 10px 21px 10px;}
.breadcrumb a{ color:#0F4F8F; text-decoration:none;}
.breadcrumb a:hover{color:#333333;}

.topbar{color:#b3d9fe; font-size:12px; text-align:right; padding:6px; padding-right:15px; font-family:'Droid Sans', Arial, Helvetica, sans-serif;}
.topbar .sep{ padding:0 7px;}
.topbar a{color:#b3d9fe; text-decoration:none;} 
.topbar a:hover{ text-decoration:underline;}

.logo{ float:left; margin:0; padding:0; background:url(../images/logo.jpg) no-repeat; display:block; width:280px; height:77px; text-indent:-9999px;}
.headshadow{ background:url(../images/headshadow.png)}
.whitebg{ height:70px; background:#FFFFFF; padding:15px 13px 15px 12px;}
.toplinks{width:500px; float:right; text-align:right; padding-top:3px; padding-right:10px;font-family:'Droid Sans', Arial, Helvetica, sans-serif;}
.toplinks a{ color:#343434; text-decoration:none; font-size:13px;}
.toplinks a:hover{}
.callus{ background:url(../images/callus.jpg) no-repeat; padding-left:18px; padding-bottom:5px; width:14px; height:16px;}

#nav{font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:13px; background:#0f4f8f; width:500px; float:right;color:#FFFFFF; margin-top:12px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;}
#nav ul{  list-style:none; margin:0; padding:0;}
#nav ul li { float: left; display: block; position: relative; z-index: 999; margin-top:1px; padding: 5px 10px 5px 11px; }
#nav ul li a { color:#FFFFFF; display: block; padding: 0; text-decoration: none;  zoom: 1; margin:1px 1px;  padding: 2px 5px; border-left: 0px solid transparent; border-right: 0px solid #DBDBDB;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;}
#nav ul li a:hover, #nav ul li a.hover { background:#FFF;  color:#0f4f8f; border-left:0px solid #F2E234; border-right: 0px solid #DBDBDB;}

/* subnav */
/*#nav ul { position: absolute; left: 0px; display: none; margin: 0; padding: 0; list-style: none; padding-bottom: 0px; }	
#nav ul li { width: 170px; float: left; border-bottom: 0px solid #FFF; border-top: 1px solid #E7D50F; text-align:left; background:#F2E234; }
#nav ul li:hover { border-left: 0px solid transparent; border-right: 0px solid transparent; background:#E7D50F; }
#nav ul a { display: block; line-height: 10px; padding: 8px 17px; color: #666666; border-bottom: 1px solid transparent; color: #000000; font-weight: normal; }
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #000000; }
*/

#news{border-bottom:2px solid #DADADA; padding:5px 0; margin:0px 0 35px 0; padding-left:0px;}
#news .width{ padding:18px 0 6px 0;}
.newshead{float:left; width:70px; background:url(../images/newssep.jpg) top right no-repeat; padding-right:23px; padding-left:10px;}
.newshead h1{font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-weight:700; font-size:16px; text-transform:uppercase; text-align:right;color:#000000;}
#newscontent {margin-left:0px; float:right; width:873px; }
#newscroller {float:right;width:855px; margin:0; padding:0;height:15px; padding-top:10px;}
#newscroller a{text-decoration: none; color:#333333;text-decoration:none;}
#newscroller a:hover{ color:#0F4F8F;text-decoration:none;}

.col_lt{float:left; width:655px; padding-left:10px;}
.col_rt{width:277px;float:right;}


#title-wrapper{width:980px; background:url(../images/bannerbg.jpg) no-repeat;}
#title-wrapper h1{font-family:'Aclonica', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:65px; letter-spacing:-1px; color: #FFFFFF;text-shadow: 2px 0px 3px #0A3764;filter: dropshadow(color=#0A3764, offx=1, offy=1); padding-top:12px; }
#title-wrapper .aircargo{ background:url(../images/aircargo-top.jpg) right no-repeat; padding:28px 25px;}
#title-wrapper .tracking{ background:url(../images/tracking-top.jpg) right no-repeat; padding:28px 25px;}
#title-wrapper .seacargo{ background:url(../images/seacargo-top.jpg) right no-repeat; padding:28px 25px;}
#title-wrapper .services{ background:url(../images/tracking-top.jpg) right no-repeat; padding:28px 25px;}
#title-wrapper .aboutus{ background:url(../images/aboutus-top.jpg) right no-repeat; padding:28px 25px;}
#title-wrapper .contactus{background:url(../images/contactus-top.jpg) right no-repeat; padding:28px 25px;}
#title-wrapper .sitemap{background:url(../images/tracking-top.jpg) right no-repeat; padding:28px 25px;}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    /*background:url(images/slider.png) no-repeat;*/
    width:980px;
    height:425px;
    margin:0 auto;
    padding-top:0px;
    margin-top:0px;
}

#slider {
	position:relative;
    width:980px;
    height:386px;
    margin-left:0px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:450px;
	bottom:-30px;
	}
	
.nivo-controlNav:hover{opacity: 1;}
	
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:35px;
	height:65px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-45px 0;
	right: -10px;
}

a.nivo-nextNav:hover{right: -10px;}

a.nivo-prevNav {
	left:-10px;
}
a.nivo-prevNav:hover{left: -10px;}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.nivo-directionNav a{top: 40%;}


.footerlink{font-family:'Droid Sans', Arial, Helvetica, sans-serif; text-align:center;padding:14px 0;}
.footerlink a{ color:#000000; text-decoration:none; padding:0px 20px; font-size:13px;}
.footerlink a:hover{ }


.contentarea{}
.contentarea ul{ margin: 2px 0 0 40px;  }
.contentarea ul li{ line-height:25px;}

.getquote{margin-bottom:0px; padding:40px 10px 15px 10px; background:#E3E3E3 url(../images/getquotetop.gif) no-repeat }
.block{ padding:35px 15px;}

/*Form*/
form { margin: 0; padding:0; width: 100%;}
form fieldset {  border: 1px dashed #D9CAA7; padding:10px 10px 20px 10px;  margin: 0; }
form fieldset legend { padding:0; margin-left:5px;font-size:18px; color:#4C3A30; font-family: 'Voces', Arial, Helvetica, sans-serif; font-weight:normal; background:#FFF}
form label { display: block;float: left; width: 47px; padding: 0; 	margin: 5px 5px 0 4px; text-align: left; }
form input, form textarea {	width:auto; margin:5px 0 0 5px; padding:2px; border:1px solid #D1D1D1; background:#FFF; color:#262218;}
form input#reset {margin-left:0px; padding:2px;}
form select{width:190px; margin:5px 0 0 5px; padding:2px; border:1px solid #D1D1D1; background:#FFF; color:#9F9F9F;}
textarea { overflow: auto; }
form small {display: block;	margin: 0 0 5px 160px;	padding: 1px 3px;font-size: 88%;}
form .required{font-weight:bold;} 
form br {clear:left;}
label.error { float:left; color: red; width:350px; text-align:center; padding:0; margin:0;font-size:11px;}

.button{ background:#1E1E1E;border:1px solid #1E1E1E;color:#FFFFFF;  cursor:pointer; font-size:12px; padding:2px 7px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.button:hover{background:#1A7DBE;border:1px solid #1A7DBE; color:#FFFFFF; }
.more{background:#C8241B; color:#FFF; font-size:11px; padding:1px 4px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }



.sitemap{}
.sitemap ul{}
.sitemap ul li{ line-height:28px;}
.sitemap ul li a{ color:#333333; text-decoration:none;}
.sitemap ul li a:hover{text-decoration:none;}


.tablecontainer{border-collapse:collapse; border:1px solid #D1D1D1; background:#EEEEEE; text-transform:uppercase;}
.tablecontainer a{ color:#000000; text-decoration:none; font-weight:bold;}
.tablecontainer td{border-left: none;border-right: 1px solid #D1D1D1;border-top: 1px solid #D1D1D1; padding:5px; line-height:26px;}
.tablecontainer td:hover{ background:#ADCFF2}
.normalrow{}
.alternaterow{ background:#F3FAFF}
.tableheader{ background:#E7F4FF; height:40px; color:#4A422E; font-weight:bold}


