body { margin:0; padding:0; text-align: center; font: 14px arial, verdana, helvetica, sans-serif; color: #000000; background: #02446c url(../images/background.jpg) top center no-repeat; height: 100%; margin: 0 auto; text-align:center;}


p { line-height:1.5em; word-spacing:0.1em; margin-top: 0; margin-bottom: 14px; font-size: 14px; }

table td { vertical-align: top; border: none;}

img { display: inline; border: 0; vertical-align: top; }
a img { vertical-align: middle; }

a { color: #CC0000; text-decoration: none; }
a:hover { color: #00599e; text-decoration: underline; }

#headerWrap { width: 960px; margin: 0 auto; height: 145px; text-align: left;}
#logo { position:  absolute; z-index: 1000; top: 0px; text-align:left;}
#languageMenu { margin-right: 15px;  width: 183px; height: 29px; float: right; background: url(../images/languageBg.gif); color: #000; font-size: 11px; text-align: center;}
#languageLinks { margin: 8px 0 0 -4px;}
#languageLinks a { color: #000; text-decoration: none; margin: 0 7px 0 7px;}
#languageLinks a:hover { color: #000; text-decoration: underline; }

#mainWrap { width: 990px; height: 100%; background: #fff; margin: 0 auto;text-align:center; padding: 1px 0 15px 0;}

#menuWrap { width: 960px; height: 37px; background: url(../images/menuBg.jpg); margin-left: auto; margin-right: auto; text-align: left; margin-top: 33px; z-index:2000;} 

#sddm1{	margin: 0;padding: 0;z-index: 999; height: 37px; width: 960px; margin-left: 28px; }

.aboutNEAS { width: 138px;} 
.arctic { width: 132px;} 
.vessels { width: 108px;} 
.latestnews { width: 144px;} 
.shipping { width: 114px;} 
.cargo { width: 118px;} 
.faq { width: 83px;} 
.contact { width: 115px;} 

#sddm1 li{margin: 0;padding: 0;list-style: none;float: left; font-size: 11px;  }


#sddm1 li a{display: block; margin: 0 1px 0 0;padding: 4px; color: #fff ; font-size: 12px; font-weight: bold; text-transform: uppercase;text-align: left;padding: 10px 0 0 0; text-decoration: none;}
#sddm1 li a:hover{	color: #cc0000;}
#sddm1 div {position: absolute;visibility: hidden;margin: 12px 0 0 -5px;padding: 0; background-color: #3a1d0b; width: 168px;}
#sddm1 div a
{position: relative;display: block;margin: 0;padding: 6px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #474747;color: #fff; border-bottom: 1px solid #797979; text-transform: none;}
#sddm1 div a.last{border: none; padding-bottom: 6px;}
#sddm1 div a:hover {background: #5a5a5a;color: #fff}

#contentWrap { width: 930px; margin: 12px 30px 0 30px;} 
#contentLeftWrap { float: left; width: 630px; text-align: left; background: url(../images/vertDivider.jpg) top right no-repeat; }
#contentLeft { width: 600px;}
#contentRight { float: right; width: 300px; text-align: left;}

#pageTitles { width: 930px; height: 35px; text-align: left; color: #666666; font-size: 15px;}
a.sectionTitle { font-size: 24px; color: #CC0000; margin-right: 4px;}
a:hover.sectionTitle { font-size: 24px; color: #00599e; text-decoration:none;}

a.subSectionTitle { font-size: 15px; color: #666666;margin-left: 4px;}
a:hover.subSectionTitle { font-size: 15px; color: #00599e;text-decoration:none;}

h1 { color: #00599e; font-size: 20px; margin: 0 0 20px 0; font-weight: normal;}
h2 { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 20px 0;}


#contentWrap ul { margin: 0px; padding: 0 0 0 15px;}
#contentWrap li {list-style: none; background: url(../images/bullet.gif) no-repeat left top; padding-left: 20px; margin: 0 0 15px 0; }

#rightMenu ul { margin: 15px 0 0 0; padding: 0; font-size: 13px;}
#rightMenu li {list-style: none; background: url(../images/bullet2.gif) no-repeat left center; padding: 6px 0 6px 20px; margin: 0; border-bottom: 1px dashed #ababab; }
#rightMenu li a { margin-bottom: 4px; color: #000;}
#rightMenu li a:hover { margin-bottom: 4px; color: #00599e; text-decoration: none;}
#rightMenu li a.rightMenuOn  { margin-bottom: 4px; color: #CC0000;}
#rightMenu li a.rightMenuOn:hover { margin-bottom: 4px; color: #00599e; text-decoration: none;}

#rightLinks { margin-top: 30px;}
#rightLinks div { margin-bottom: 9px;} 
#rightLinks div a { background: url(../images/pdf_sm.jpg) no-repeat left center; color: #666666; font-size: 13px; padding-left: 20px; }
#rightLinks div a:hover { background: url(../images/pdf_sm.jpg) no-repeat left center; color: #00599e; font-size: 13px; padding-left: 20px; }


#boardTable ul { margin: 0px; padding: 0; width: 586px}
#boardTable ul li { list-Style: none; background: none; border-bottom: 1px dashed #ababab; padding: 6px 0 4px 0; margin: 0; height: 20px; }
.boardLeft { width: 293px; float: left; }
.boardRight { width: 293px; float: right; text-align: left; }

.clear { clear: both; margin: 0; padding: 0; width: auto; }

/* lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	
.spacer { height: 300px; width: 300px;}

#footerWrap { height: 104px; width: 960px; background: url(../images/footerBg.jpg) repeat; margin: 30px 0 0 15px;}
#footerMenu  { width: 930px; padding: 0 0 15px 0;margin-left: auto; margin-right: auto;text-align: center; border-bottom: 1px solid #404040; }
#footerMenu ul {margin: 0;padding: 15px 0 0 0;text-align: center;list-style: none;}
#footerMenu ul li {margin: 0;padding: 10px;list-style: none;display:inline; background: none;}
#footerMenu ul li a {margin: 0 5px 0 5px;padding: 0;font-weight: normal;font-size: 11px;text-decoration: none; color: #fff; background: none;}
#footerMenu ul li a:hover {font-size: 11px; text-decoration: underline; color: #fff;}

#footerCopyright { font-size: 11px; color: #404040; margin-top: 10px; margin-bottom: 10px; padding-bottom: 25px;}

.feature { width: 223px; background: url(../images/featureBg-grey.jpg); float:right; font-size: 12px; height: 224px;}
.feature p { margin: 6px; font-size: 12px;}
.feature h2 { margin: 6px;  font-size: 12px;}

#slideshow { margin: 15px 0 30px 0; z-index: 10; } 

#homeLeft { width: 576px; float:left; text-align: left; background: url(../images/vertDivider.jpg) top right no-repeat;} 
#homeMessageBox { width: 550px; }

#homeRight { width: 340px; float:right; text-align: left; }

#homeLi ul { margin: 0px; padding: 0;}
#homeLi li {list-style: none; background: url(../images/bullet.gif) no-repeat left top; padding-left: 20px; margin: 0 0 7px 0; }
#homeLi a { color: #000;} 

#homeSubLi ul { margin: 6px 0 0 0; padding: 0;}
#homeSubLi li {list-style: none; background: none; padding-left: 0; margin: 0 0 4px 6px; color: #6b6b6b; }
#homeSubLi  a { color: #6b6b6b;} 

#features { width: 960px;  padding-top: 30px; margin: 0 auto; text-align:center;}
#featuresLeft { width: 480px;float:left; }
#featuresRight { width: 480px; float:right; }

#featuresOne { width: 223px; float:left; background: url(../images/featureBg-grey.jpg) no-repeat; height: 230px; text-align:left;}
#featuresTwo { width: 223px; float:right; background: url(../images/featureBg-grey.jpg) no-repeat; height: 230px; margin-right: 12px;text-align:left;} 
#featuresThree { width: 223px; float:left;background: url(../images/featureBg-grey.jpg) no-repeat; height: 230px; margin-left: 12px;text-align:left;}
#featuresFour { width: 223px; float:right;background: url(../images/featureBg-blue.jpg) no-repeat; height: 230px;text-align:left;} 

#features h3 { font-size: 18px; font-weight: normal; margin: 10px 0 10px 15px; color: #00599e;}
#features p { margin: 0 15px 6px 15px; font-size: 12px;} 
#features a { font-size: 13px; background: url(../images/bullet.gif) no-repeat left top; padding: 0 0 0 20px; }


#featuresFour p { margin: 0 0 3px 22px; } 
#featuresFour p a.pdf { background: url(../images/pdf_sm.gif) no-repeat left center; padding-left: 20px; }
#featuresFour p.cta a { background: url(../images/bullet-blue.gif) no-repeat left center; padding-left: 20px; }
#featuresFour p.cta { margin-top: 10px; }
#featuresFour  h3 { font-size: 18px; font-weight: normal; margin: 10px 0 10px 15px; color: #000;}
.mainp { height: 60px;}

.pageDivider { margin-top: 15px;}

#callouts {width: 930px; margin: 0 auto; text-align:center;}
#callouts p { margin-top: 0px; padding-top: 0px; font-size: 12px; margin-bottom: 10px;}
#callouts-right p { margin-bottom: 0px;}
#callouts-left { float: left; padding: 23px 0 0 0; margin: 0; width: 310px; vertical-align: top; text-align: left; background: url(../images/calloutDivider.gif) no-repeat top right; height: 111px;}
.callout-text { float: right; width:210px; }
.callout-icon {float:left; width: 85px; margin-right: 15px;}
#callouts-left h2 {color: #00599E; font-size: 18px;font-weight: normal; padding: 0; margin: 0; }
#callouts-middle { float: left; margin: 0; padding: 0; width: 310px;  vertical-align: top; text-align: left;height: 111px;background: url(../images/calloutDivider.gif) no-repeat top right;padding: 23px 0 0 0;}
#callouts-middle h2 {color: #00599E; font-size: 18px;font-weight: normal; padding: 0; margin: 0; }
#callouts-right { float: right; margin: 0; padding: 0; width: 310px;  vertical-align: top;text-align: left;height: 111px;padding: 23px 0 0 0;}
#callouts-right h2 {color: #00599E; font-size: 18px;font-weight: normal; padding: 0; margin: 0;}
#callouts a { font-size: 13px; background: url(../images/bullet.gif) no-repeat left top; padding: 0 0 0 20px; }


/* form elements */

form { width: 550px;}

div.fieldGroupWrap {width: 550;background: #E7E7E7;margin-bottom: 8px;padding: 15px 0px 15px 15px;}
div.fieldWrap { padding: 10px 0px 10px 10px;}
label {display: block;padding:3px 0 0 0;width: 125px;float: left;vertical-align: text-bottom;font-weight: bold;}
.formError { font-size: 13px; color: #CC0000; margin-left: 125px; }
input,textarea {width: 315px;border: 1px solid #C4C4C4;color: #666666;height: 20px;padding: 5px 5px 0 5px;font: 12px arial, verdana, helvetica, sans-serif;background: #fff;}
textarea { height: 125px; font: 12px arial, verdana, helvetica, sans-serif;}
form strong { color: #cc0000; font-weight: bold;}

.submitButton {border: 0px none;padding: 0; width: auto; height: auto;}

.faqanswer {margin-left: 22px; margin-bottom: 0px; }

