body{font:12px Helvetica,Arial,sans-serif;margin:0;background:#f1f3f2;line-height:18px;}
form,fieldset{padding:0;margin:0;border:0;width:auto;}
a{text-decoration:none;color:#1569A7;}
a:hover{text-decoration:underline;color:#1569A7;}
img{border-style:none;}

h1{font-size: 24px;}

table {border-collapse:separate;border-spacing:0;border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
table.no-border{border: 0;}
caption, th, td {text-align:left;font-weight:normal; vertical-align: top;}
table, td, th {vertical-align:top;}
table {margin-bottom:1.4em;width:100%;}
table td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-collapse: collapse;}
table.no-border td{border: 0;}
th {font-weight:bold; border: 0; border-bottom: 1px solid #555;}
table tbody{border-left: 1px solid #ccc;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}


/*main start*/
#main{margin:0 auto;width:964px;padding:16px 0 0;}
/*header start*/
#header{height:141px;padding:0 2px;background:url(/images/bg-header.gif) no-repeat 2px 0;position:relative;overflow: visible; z-index: 100;}
/*logo*/
.logo{width:259px;height:63px;background:url(/images/logo.gif) no-repeat;position:absolute;top:16px;left:26px;}
.logo a{display:block;height:100%;}
/*hidden-text*/
.hidden-text,.logo,
.button span,
.logo-inner,.text-northern,
.heading-oil,.heading-personal,
.heading-retail,.text-loremipsum,
.link-get-your,.text-download,
.text-check,.text-news,
.text-latest-vessel,.text-customer-support,
.heading-shipping,.text-maps,
.heading-marketing{overflow:hidden;text-indent:-9999px;display:block;}
/*top-menu*/
.top-menu{margin:0;padding:0;list-style:none;position:absolute;top:24px;right:15px;overflow:hidden;}
.top-menu li{float:left;margin:0 0 0 -1px;padding:0 13px;background:url(/images/separator2.gif) no-repeat;}
.top-menu li a{overflow:hidden;text-indent:-9999px;height:12px;display:block;}
.top-menu .kitikmeot{width:53px;background:url(/images/text-kitikmeot.gif) no-repeat;}
.top-menu .kivalliq{width:41px;background:url(/images/text-kivallig.gif) no-repeat;}
/*tools-bar*/
.tools-bar{width:950px;position:absolute;top:101px;left:2px;background:url(/images/bg-toolsbar.gif) repeat-x;padding:0 10px 0 0;}
/*navigation*/
.navigation ul{margin:0;padding:0 2px 0 10px;list-style:none;float:left; background:url(/images/separator.gif) no-repeat 100% 0;}
.navigation li{float:left;background:url(/images/separator.gif) no-repeat;padding:0 0 0 2px;}
.navigation li a{float:left;overflow:hidden;padding:15px 11px 12px;}
.navigation li a span{display:block;overflow:hidden;text-indent:-9999px;height:14px;}

.navigation ul li{position: relative; }
.navigation ul ul{display:none; position: absolute; left: -10px; top: 40px; background: none; z-index: 100;}
.navigation ul ul li{ height: 30px; width: 120px; margin: 0; padding: 0; position: relative; float: left; display: block; font-size: 1px; border-bottom: 1px solid #333;}
.navigation ul ul li a{display: block; width: 120px; float: left; }
.navigation ul ul li a span{height: 20px;}

.navigation ul ul li a{color: #fff; padding: 5px 10px; font-weight: bold; font-size: 12px; display: block; cursor: pointer;}

.navigation ul ul li a span{background: none; text-indent: 0;}
.navigation ul li:hover ul, .navigation ul li.hover ul{display: block;}
.navigation ul li:hover ul ul, .navigation ul li.hover ul ul{display: none;}
.navigation ul li:hover ul li, .navigation ul li.hover ul li{display: block; float: none; clear: both;}


.navigation #navlink_about-us span{width:56px;background:url(/images/link-aboutus.png) no-repeat;}
.navigation #navlink_booking span{width:51px;background:url(/images/link-booking.png) no-repeat;}
.navigation #navlink_marine-operations span{width:117px;background:url(/images/link-marine.png) no-repeat;}
.navigation #navlink_shipyard-operations span{width:128px;background:url(/images/link-shipyard.png) no-repeat;}
.navigation #navlink_careers span{width:51px;background:url(/images/link-careers.png) no-repeat;}
.navigation #navlink_vessel-tracking span{width:97px;background:url(/images/link-vessel.png) no-repeat;}
.navigation #navlink_whats-new span{width:74px;background:url(/images/link-whats.png) no-repeat;}

.navigation #navitem_booking ul a{width: 150px;}
.navigation #navitem_shipyard-operations ul a{width: 185px;}


.navigation #navlink_shipping-information span{width:136px;background:url(/images/link-shippinginformation.png) no-repeat;}
.navigation #navlink_sailing-schedule span{width:107px;background:url(/images/link-sailingschedule.png) no-repeat;}
.navigation #navlink_shipping-rates-tariff span{width:97px;background:url(/images/link-shippingrates.png) no-repeat;}
.navigation #navlink_insurance span{width:157px;background:url(/images/link-marinecargoinsurance.png) no-repeat;}
.navigation #navlink_contact-us span{width:72px;background:url(/images/link-contactus.png) no-repeat;}



.navigation li a:hover, .navigation li.active a{background:url(/images/nav-rollover.gif) repeat-x;}
.navigation ul ul li a, .navigation ul ul li a:hover{background-image: none; background-color: #fff; color: #333; border-bottom: 1px solid #333;}

.navigation ul li.active ul li a{background: #fff;}

/*search-form*/
.search-form{float:right;width:186px;padding:7px 0 9px;background:url(/images/separator.gif) no-repeat 100% 0;}
.search-form .input-holder{float:left;width:133px;height:21px;background:url(/images/bg-input.gif) no-repeat;margin:2px 7px 0 0;}
.search-form input{width:124px;border:0;padding:3px 3px 0;font:italic 11px/15px Arial,sans-serif;color:#555;float:left;}
.btn-go{float:left;width:31px;height:24px;overflow:hidden;text-indent:-9999px;background:url(/images/btn-go.gif) no-repeat;}

/*header end
container start*/
#container{height:1%;overflow:hidden;padding:0 2px 25px;background:url(/images/bg-content.gif) repeat-y;position: relative;}
/*visual-block*/
.visual-block{height:1%;overflow:hidden;background:url(/images/bg-visual-block.jpg) no-repeat;padding:0 0 0 17px;}
.visual-block img{float:right;margin:0 0 0 10px;}
.visual-block .column{height:1%;overflow:hidden;padding:60px 0 0 7px;}
.heading-lorem{width:330px;height:51px;background:url(/images/heading-lorem.png) no-repeat;margin:0 0 0 -7px;}
.visual-block .column p{color:#fff;font-size:16px;line-height:24px;margin:0 50px 30px 0;}
.button{width:121px;height:29px;background:url(/images/btn.png) no-repeat;overflow:hidden;display:block;padding:14px 0 0 15px;margin:0 0 58px;}
.button span{width:89px;height:11px;background:url(/images/btn-text.gif) no-repeat;cursor:pointer;}
.visual-block .row{height:1%;overflow:hidden;background:url(/images/border.gif) no-repeat;padding:18px 0 0;}
.logo-inner{width:137px;height:35px;background:url(/images/logo2.gif) no-repeat;float:left;margin:0 10px 0 0;}
.logo-inner a{display:block;height:100%;}
.text-northern{float:left;width:195px;height:27px;background:url(/images/text-northem.gif) no-repeat;margin:7px 0 0;}

/*place-holder*/
.place-holder{width:960px;overflow:hidden; background: url(/images/default_masthead.jpg);min-height: 248px;}
.place-holder img{display:block;}
/*content*/
.content{height:1%;overflow:hidden;padding:25px 10px 0 24px;}
.inner .content{background:url(/images/bg-content-inner.gif) no-repeat 1px 0;}
/*main-column*/
.main-column{width:693px;float:left;}
/*info-blocks*/
.info-blocks{width:100%;overflow:hidden;margin:0 0 44px;}
.block{width:210px;float:left;margin:0 21px 0 0;}
.block img{display:block;margin:0 0 16px;border:1px solid #d7d7d7;}
.block h2{margin:0 0 21px;}
.heading-oil{width:106px;height:14px;background:url(/images/text-oil.gif) no-repeat;}
.heading-personal{width:98px;height:11px;background:url(/images/text-personal.gif) no-repeat;margin-bottom:21px;}
.heading-retail{width:89px;height:14px;background:url(/images/text-retail.gif) no-repeat;}
.text-loremipsum{margin:0 0 20px;width:202px;height:83px;background:url(/images/text-loremipsum.gif) no-repeat;}
.link-more{color:#1a3b73;font-weight:bold;padding:0 0 0 12px;background:url(/images/arrow.gif) no-repeat 0 50%;}
.side-column .link-more{color:#1569a7;background:url(/images/arrow-inner.gif) no-repeat 0 50%;}
/*link-row*/
.link-row{height:1%;overflow:hidden;margin:0 23px 0 0;padding:29px 0 0;background:url(/images/border3.gif) repeat-x;}
.link-get-your{width:290px;height:15px;background:url(/images/text-get.gif) no-repeat;margin:0 0 9px;}

/*links*/
.links{margin:0;padding:0 38px 0 0;list-style:none;overflow:hidden;height:1%;}
.links .first{padding-left:14px;width:279px;}
.links li{float:right;width:254px;height:54px;background:url(/images/bg-arrow.gif) no-repeat;margin:0 -18px 0 0;padding:10px 52px 0 39px;display:inline;}
.links li a{display:block;padding:11px 0 3px;font-size:11px;color:#323232;}
.links li a strong{height:15px;}
.links li .link-check{padding-left:55px;background:url(/images/icon-clock.gif) no-repeat;}
.links li .link-download{padding-left:48px;background:url(/images/icon-download.gif) no-repeat 0 2px;}

.text-download{width:199px;background:url(/images/text-download.gif) no-repeat;}
.text-check{width:213px;background:url(/images/text-check.gif) no-repeat;}
.text-maps{width:118px;background:url(/images/text-maps.gif) no-repeat;}
.heading-shipping{width:221px;height:31px;background:url(/images/text-shipping.gif) no-repeat;margin:0 0 9px;}
.text-block{width:650px;overflow:hidden;color:#1e1e1e;padding:0 0 15px;}
.text-block h2{font-size:14px;margin:0 0 4px;}
.text-block p{font-size:12px;line-height:18px;margin:0 0 15px;}

/*side-column*/
.side-column{float:right;width:210px;}
.side-column h2{margin:0 0 20px;}
.side-column h2 a{display:block;overflow:hidden;font-size:11px;font-weight:normal;color:#323232;}
.side-column h2 a:hover{text-decoration:none;}
.heading-news{/*background:url(/images/link-rss.gif) no-repeat;*/padding:13px 0 2px 0px; border-bottom: 2px so;}
.heading-latest-vessel{padding:13px 0 13px 52px;background:url(/images/icon-tracking.gif) no-repeat;}
.heading-maps{padding:13px 0 0 50px;background:url(/images/icon-download.gif) no-repeat;}
.text-news{width:78px;height:11px;background:url(/images/text-latestnews.gif) no-repeat;margin:0 0 2px;}
.text-latest-vessel{width:143px;height:15px;background:url(/images/text-latestvessel.gif) no-repeat;margin:0 0 -2px;}
.list-holder{height:1%;overflow:hidden;background:url(/images/border3.gif) repeat-x 0 100%;padding:0 0 20px;margin:0 0 25px;}
.heading-youtube{padding:13px 0 13px 52px;background:url(/images/youtube.png) no-repeat;}

/*info-list*/
.info-list{margin:0;padding:0 10px 0 5px;list-style:none;line-height:18px;color:#323232;}
.info-list li{width:100%;vertical-align:top;margin:0 0 15px;}
.info-list li a{color:#323232;}
.info-list li p{margin:0;}
.info-list li span{display:block;color:#999;}

/*download-list*/
.download-list{margin:0 0 30px;padding:0;list-style:none;font-weight:bold;}
.download-list li{padding:0 0 0 6px;margin:0 0 12px;background:url(/images/icon-bullet.gif) no-repeat 0 50%;}
.download-list li a{text-decoration:underline;color:#1569a7;}
.download-list li a:hover{text-decoration:none;}
.heading-marketing{width:93px;height:15px;background:url(/images/text-marketing.gif) no-repeat;margin:0 0 5px !important;}
.inner .side-column p{line-height:18px;margin:0 0 28px;}
.inner .side-column p a{color:#1569a7;text-decoration:underline;}
.inner .side-column p a:hover{text-decoration:none;}

/*container end
footer start*/
#footer{overflow:hidden;background:url(/images/bg-footer.gif) no-repeat;padding:35px 28px;color:#132f46;}
/*side-box*/
.side-box{width:317px;float:right;}
.text-customer-support{width:218px;height:16px;float:right;background:url(/images/text-customer.gif) no-repeat;margin:0 0 10px;}
.side-box p{width:100%;clear:both;text-align:right;margin:0;}
#footer .holder{height:1%;overflow:hidden;}
.holder .column{width:90px;float:left;margin:0 47px 0 0;}
.holder .column strong{display:block;font-size:12px;margin:0 0 10px;}
.holder .menu{margin:0;padding:0;list-style:none;}
.holder .menu li{width:100%;vertical-align:top;margin:0 0 5px;}
.holder .menu a{color:#132f46;}

/*footer end*/
/*main end*/

/*nonfiction additions*/
.mediaelement{margin-bottom:10px;}
.whats-new{margin-bottom:15px;}
.whats-new-inner{margin-left:15px;}
.homepage-subhead {color:#112244;font-size:14px;}
.homepage-subhead-body{font-size:11px;}
#hayriver {float:left;width:300px;}


#home_banner_button{display: block; position: absolute; top: 260px; left: 25px; height: 40px; width: 133px; background: url(/images/none.gif);}
#home_banner_button span{visibility: hidden;}
#home_banner_map{display: block; position: absolute; top: 0; left: 400px; height: 400px; width: 530px; background: url(/images/none.gif);}
#home_banner_map span{visibility: hidden;}