@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; outline:0; }
ul, li { list-style:none; }
a img { border:0; }
p { padding:6px 0; }
body { font-family:Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size:15px; background: #F3F4F6 url(../images/index_bg.jpg) repeat-x 0 -60px; }
.clear { clear: both; height: 0; line-height: 0; font-size:0; }
#wrap { width: 840px; margin: 0 auto; padding-top: 63px;  font-smooth: always;}
/* Main Header
--------------------------------------------------------------*/
#mainHeader { background: url(../images/index_head_bg.png); height: 325px; padding: 5px 34px 0 34px; }
/*
#logo { display: block; float:left; background: url(../images/logo_index.png) no-repeat; height:79px; width:331px; text-indent: -4000px; }
**/
#logo { display: block; float:left; background: url(../images/logo_index.png) no-repeat; height:79px; width:331px;}
#logo a {display: block; width: 100%; height: inherit;}
#logo span{visibility: hidden; display:none;}

#mainTopHdr ul { display: block; float: left; padding: 23px 0 0 0; width: 420px; }
#mainTopHdr ul li { display: block; float: left; margin-right:9px; }
#movie { clear: both; padding: 0 2px; }
#topNav { background: url(../images/nav_bg.png); height: 40px; margin: 0 2px; padding-left:126px; clear: both; }
#topNav li { float: left; display: block; padding: 0 18px; line-height: 28px; height: 30px; background:url(../images/nav_div.png) no-repeat top right; position:relative; z-index: 1; }
#topNav li a { color: #FFF; text-decoration:none; display:block; float:left; height: 30px; font-size: 13px; text-shadow: 0 0 4px #000000;  }
#topNav li:hover, #topNav li.current { background: #00aeef url(../images/nav_div.png) no-repeat top right; }
#topNav:hover li.current { background-color: transparent; background:  url(../images/nav_div.png) no-repeat top right; }
#topNav:hover li.current:hover { background: #00aeef url(../images/nav_div.png) no-repeat top right; }
#topNav li.last { background-image: none; }
#topNav li ul { position: absolute; top: -900px; left: -1px; width:200px; overflow: hidden; background:#fff; z-index: 9000; }
#topNav li:hover ul { top: 30px; zoom: 1; }
#topNav li ul li { width:198px; padding: 0; height: 20px; line-height:20px; border:solid 1px #1792c0; border-top: none; background:none; z-index: 9001; }
#topNav li ul li:hover { background: none; }
#topNav li ul li a { height: 20px; color:#CCF1FF; font-size:12px; font-weight: normal; text-shadow: none; background-image: url(../images/nav_dowdown_bg.png); padding: 0 0 0 10px; width: 188px; }
#topNav li ul li a:hover { color:#FFF; background-image: url(../images/nav_dropdown_bg_hover.png);  text-shadow: 0 0 1px #000000; }
/* Main Content
--------------------------------------------------------------*/
#contentMain { padding: 10px 0 35px 0; }
#contentMain .cmWrap1 { background: url(../images/index_leftcol_bg.png) repeat-y 108px top; }
#contentMain .cmwrap2 { background: url(../images/index_content_bg.png) no-repeat center top; }
#contentMain .cmwrap3 { background: url(../images/index_content_sep.png) no-repeat 297px 39px; padding: 0 88px 0 108px; }
#mainLeftCol { float: left; padding: 22px 10px 18px 10px; width: 160px; text-align: center; }
#mainLeftCol .chekin { padding-bottom: 20px; }
#mainRightCol { float: left; width: 440px; padding: 40px 0 0 20px; font-size:12px; line-height: 14px; color: #02304F; }
#mainRightCol .title1 { font-size:18px; line-height: 30px; }
#footer { width: 100%; min-width:840px; background: url(../images/footer_bg.png) repeat-x; height:36px; text-align:center; line-height: 24px; font-size: 10px; color: #6eadd7; }

/* Inner Page
--------------------------------------------------------------*/
#inner { background: #F3F4F6 url(../images/inner_body_bg.jpg) repeat-x; }
#innerHeader { background: url(../images/head_bg_inner.png); height: 142px; padding: 0 34px; position: relative;}
/*
#inLogo { display: block; float: left; width: 210px; height: 99px; background:url(../images/inner_logo.png) no-repeat; text-indent: -4000px; }
*/
#inLogo { display: block; float: left; width: 210px; height: 99px; background:url(../images/inner_logo.png) no-repeat;}
#inLogo a {display: block; width: 100%; height: inherit;}
#inLogo span{visibility: hidden; display:none;}
#certs { float: left; padding: 14px 0 0 330px; width: 230px; }
#certs img { float: left; }
#inLeftCol { float: left; }
#innerContent { background: url(../images/inner_content_bg.png) repeat-y center top; margin-top: 3px; clear: both; }
#innerContent .inBgWrp { background: url(../images/index_content_bg.png) no-repeat center top; padding: 0 0 54px 50px; }
#inLeftCol { padding: 24px 0 0 0; width: 210px; }
#inLeftCol img { }
#inLeftCol ul { padding: 30px 0 0 0; }
#inLeftCol ul li { background: url(../images/dotted_border.png) no-repeat left bottom; width: 187px; display: block; height:25px; line-height:25px; }
#inLeftCol ul li a { text-decoration: none; font-size: 12px; padding: 0 0 0 26px; background: url(../images/blue_arrow.png) no-repeat 15px center; display:block; height: 25px; color: #88c9f4; }
#inLeftCol ul li a:hover { text-decoration: underline; }
#inRightCol { float: left; padding: 25px 86px 0 54px; color: #fff; font-size: 11px; width: 436px; }
#inRightCol .title2 { display: block; font-size: 17px; line-height: 34px; }
#inRightCol .title3 { background: #408BBD; display: block; height: 20px; line-height: 20px; padding-left: 4px; }
#inRightCol ul { display: block; padding: 0px 0 10px 38px; }
#inRightCol .title4 { display: block; font-weight: bold;}
#inRightCol ul li { display: block; padding-top: 10px; }
#inRightCol p.in { display:block; padding:10px 0 10px 38px; }
#inRightCol ul li .mini { padding: 10px 0 0px 30px; }
#inRightCol ul li .mini li { padding: 0px; }
#inRightCol a { color:#FFF; }
#inRightCol a:hover { text-decoration: none; }
#inner #footer { margin-top:10px; }
/*Added by jobert loria <dev at kamotekid dot com>*/
.highlight {font-weight: bold; color: #C1E3F9;}
/*
#serviceImg{ margin: 8px 0 10px 5px; float:right; border: solid 3px #56B5E1;}
*/
#serviceImg{ margin: 8px 0 10px 5px; border: solid 3px #56B5E1;}
#aboutImg{width:180px; margin: 8px 0 0 5px; float:right; border: solid 3px #56B5E1;}

#clients {padding: 0 !important;}
#clients li{text-align: center; margin-bottom: 20px;}
#clients li img {border: solid 3px #56B5E1;}

#companyInfo {text-align: center; margin-bottom: 20px;}
#companyInfo div {text-align: center;}

#contactInfo {margin-left: 38px;}
#contactInfo dt {margin-top: 10px; font-weight: bold;}
#contactInfo dd {margin-bottom: 15px}
#contactInfo span{display:block; font-style: italic;}

#contactList div {position: relative; float: left; width: 100%; clear: left; margin: 10px;}
#contactList img {float:left; margin-right: 10px; border: solid 3px #56B5E1;}
#contactList div.noPhoto {position: relative; float: left; display: block; width: 100px; height: 113px; margin: 0 10px 0 0; border: solid 3px #56B5E1; text-align: center;}
#contactList div.noPhoto span {display: block; margin-top: 45%;}

#contactList p strong{display:block; font-weight: bold;}
#contactList p span{display:block; font-style: italic;}


	
#footer a {color: #6eadd7; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.required {}

form {position: relative; margin-top: 15px;}
form dt {float:left; width: 30%;}
form dd {float:left; width: 70%;margin-bottom: 10px;}
form dt.place {float:left; width: 15%;}
form dd.place {float:left; width: 85%;}

form dd.place dt {width: 17%;}
form dd.place dd {width: 83%;}
form ul.errors, form ul.errors li{margin: 0!important; padding: 0!important; color: #EB8787}


#innerHeader a span {display: none;}
.serviceLink   {width: 41px; height: 31px;}
#airLink       {position: absolute; top: 56px; left: 246px}
#seaLink       {position: absolute; top: 56px; left: 295px}
#truckLink     {position: absolute; top: 56px; left: 344px}
#railLink      {position: absolute; top: 56px; left: 394px}
#warehouseLink {position: absolute; top: 56px; left: 443px}