html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,
img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{margin:0;padding:0;border:0;font-style:normal;text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:1em; text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}


html, body {width:100%;  margin:0px; padding:0px; background:#ffffff; font-size:13px; letter-spacing:normal; }
body { background:#f3fafe; font-family: Arial, Helvetica, sans-serif;color:#446b80;}
body {	behavior: url(csshover2.htc);}

a:visited {color:#1e94c7;}
a, input, img {outline:none; color:inherit; line-height:inherit;}
* {margn:0px; padding:0px;}
p, li {line-height:17px;}
sup {font-size:10px;line-height:5px;}
#main {	margin:0 auto; 	position:relative; width:982px; border-left:10px solid white; border-right:10px solid white; padding:0px; background: #fff url(images/bg_main.gif) no-repeat;}

#header {position:relative; float:left; width:100%; height:140px;}
#header a {position:relative; float:left;}

#productioncounter {position:relative; float:left; display:inline; width:440px; margin:12px 0 0 100px;	}
#productioncounter div {height:60px; background:url(images/bg_couneter.gif) no-repeat; color:#1e94c7; font-size:46px; padding:7px 0 0 2px; letter-spacing:3.5px}
#productioncounter div span {letter-spacing:-4px}
#productioncounter p {color:#fff}
#productioncounter p span {color:#0f5e80}
#counter {padding-left:8px !important}

#left {position:relative; float:left; width:180px;}

#mainmenu {margin:30px 0 0 15px;}
#mainmenu li {border-bottom:1px solid #eee; border-top:1px solid white;}
#mainmenu a {display:block; font-size:16px; line-height:22px;  color:#105f81; border:0px}
#mainmenu a.smallsub {display:block; font-size:15px; line-height:19px;}
#mainmenu li:hover {border-bottom:1px solid #105f81; background:url(images/bg_menu_active.gif) no-repeat right top}
#mainmenu li.active {border-bottom:1px solid #105f81; border-top:1px solid #105f81; background:url(images/bg_menu_active.gif) no-repeat right top}

#content {position:relative; float:left; width:750px; margin:25px 0 0 43px; min-height:400px }

.topbox {position:relative; float:left; width:100%;}
.topbox .head1 {color:#0f5e80; font-size:24px; letter-spacing:-0.5px; }
.topbox .head2 {color:#26b4f2; font-size:24px; line-height:45px; letter-spacing:-0.5px; }
.topbox .head3 {color:#b2dee4; font-size:24px; line-height:68px; letter-spacing:-0.5px; background: url(images/icon_arrow.gif) no-repeat top right; padding:0 60px 0 0; }
.topbox .head4 {color:#1e94c7; font-size:26px; margin:10px  }
.topbox .head3 a{color:#b2dee4; font-size:24px; line-height:68px; letter-spacing:-0.5px;  }
.lead {color:#0f5e80 !important; font-size:32px; font-weight:bold; letter-spacing:-0.5px; line-height:32px}
.lead span {color:#0f5e80 !important; font-size:24px; font-weight:bold; letter-spacing:-0.5px; line-height:26px; display:block; width:420px; padding-bottom:10px; margin-bottom:10px;}
.lightblue {background:#e7f5fd}
.lightblue2 {background:#b2dee4}
.lightblue3 {background:#1e94c7}
.topbox h3 {color:#1e94c7; font-size:21px; line-height:25px;}
.topbox h4 {color:#446b80; font-size:19px; line-height:23px;}
.topbox .lightblue h3 {color:#446b80; font-size:21px; line-height:25px;}
.topbox p {margin:0 20px 0px 0; color:#446b80;}
.topbox p a {color:#446b80; font-weight:bold;}
.topbox li {margin-left:20px; list-style-type:disc}
.topbox .inner {margin:10px;}


#t2 {margin-left:20px; float:left;}
.hovertitles { cursor:pointer}
.homecontent {height:280px; width:419px; padding:10px; overflow:hidden;}
.homecontent a {font-weight:bold}
.homecontent .f22, .homecontent .f22 a {font-size:22px; line-height:28px;}
.movieholder {overflow:hidden; position:relative;}
.movieholder img {position:absolute; top:0px; left:0px; cursor:pointer}
.movieholder img:hover {position:absolute; left:0px;}
#movie_barge {height: 174px; width:310px;}
#movie_barge img:hover {top:-174px;}
#movie_shore {height: 248px; width:440px;}
#movie_shore img:hover {top:-248px;}
#movie_vessel {height:141px; width:250px; margin-right:58px; display:inline; overflow:hidden;}
#movie_vessel img:hover {top:-141px;}

#homepage_news {margin-top:40px; float:left; }
#homepage_news h5 {color:#26b4f2; font-size:16px}
#homepage_news p {color:#0f5e80; }
#homepage_news p a {color:#0f5e80; font-weight:bold;}
#homepage_news .home_news_item {margin-bottom:1em;}

.bottombox {position:relative; float:left; width:100%; margin:30px 0 0 0;}
.bottombox h2 {background:#b2dee4 url(images/icon_home_arrow_lb.gif) no-repeat top right; color:#1e94c7; font-size:28px; line-height:50px; position:relative; float:left; padding:0 60px 0 10px; }
.bottombox h2 a {color:#1e94c7; font-size:28px; line-height:50px; }
.bottombox img {position:relative; float:left; margin:0 10px 0 0}
.bottombox p {color:#1e94c7; margin:10px 0 0 0; }
.bottombox a {font-weight:bold }

.darkbluebox {position:relative; float:left; width:100%; background:#1e94c7; color:#fff;}
.darkbluebox h2 {position:relative; float:left; color:#fff; width:290px; font-size:32px; line-height:40px; margin:10px; letter-spacing:-1px}
.darkbluebox p {position:relative; float:left; color:#fff; width:270px; margin:10px;}
.darkbluebox p a {color:#fff; text-decoration:underline; }
.darkbluebox img{ float:right}

.content_heading .heading_nav {position:relative; float:left; width:140px; background:#e7f5fd; height:160px; padding:10px;}
.content_heading img {position:relative; float:left;}
.content_heading a {color:#446b80; font-size:15px; line-height:20px; cursor:pointer;}
.content_heading a.active {font-weight:bold;}

.snavlink {cursor:pointer}
.snavlink:hover {color:#1e94c7}
.snavcontent {width:100%}
.snavcontent p, .snavcontent h3 {width:400px; padding:0px 20px 10px 10px;}
.snavcontent h3 {padding:10px 20px 0px 10px;}


.tabsbox {position:relative; float:left; width:100%; margin:10px 0 0 0; overflow:hidden;	}
.tabsbox .inner { border:1px solid #87cef4;}
.tabs {position:relative; float:left; width:100%;}
.tabs li {position:relative; float:left; width:33.3%; font-size:22px; text-align:center; height:60px; line-height:60px; margin:0px 0 0 0; cursor:pointer; }
#tab1 {color:#26b4f2}
#tab2 {color:#c7ebfb; background:#73cef6;}
#tab3 {color:#abe2fa; background:#ffffff;}

.tabs_content {margin:20px 10px; display:inline; position:relative; float:left; min-height:500px; height:auto !important; height:500px;}
.tabs_content h4 {font-size:16px; color:#446b80; }
.tabs_content h3 {font-size:16px; color:#446b80; border-bottom:1px solid #fff; line-height:60px; margin:0 0 15px 0; }
.tabs_content p { color:#446b80; line-height:15px; margin:2px 0 3px 0px}
.tabs_content #tabc2 p { color:#1e94c7; font-weight:bold; font-size:16px; line-height:22px; margin:10px 0}

.downloaditem {position:relative; float:left; width:177px; height:230px; margin:30px 0 0 10px; overflow:hidden; color:#446b80}
.imageholder { text-align:center; margin:0px; padding:0px;}
.imageholder img { margin:0px; padding:0px;}
.downloaditem p {color:#446b80;}
.downloaditem h2 {margin:10px; font-size:28px; color:#1e94c7; margin:10px; letter-spacing:-1px}
.downloaditem ul {margin:10px;}
.downloaditem a {color:#446b80;}
.downloaditem ul li a.active {font-weight:bold}
.portrait .imageholder img {margin:23px 0px;}


.nav {position:relative; float:right; width:140px; margin:15px 0 0 0}
.nav a {display:inline; float:left; width:15px; height:15px; overflow:hidden}
.nav span {display:block; float:left; display:inline; margin:0 10px; color:#105f81}

.newsitem {position:relative; float:left; width:100%; margin:5px 0 0 0 	}
.newsitem img {position:relative; float:right;}
.newsitem h3 {font-size:15px;  color:#105f81; border-bottom:1px solid #87d5f7; margin:10px 0px 10px 10px; padding:0 0 10px 0;}
.newsitem h3 .date {font-size:15px; color:#105f81; font-weight:normal}
.newsitem p {color:#105f81; color:#105f81; margin:10px 0px 10px 10px;}
.w365 { width:365px; float:left;}
.w680 { width:680px; float:left;}
.w160 { width:160px;}

.contactinfo p {margin:0px 10px 10px 10px;}
.contactform input.text, .contactform select, .contactform textarea {width:365px; border:1px solid #446b80}
.contactform table td {padding:4px 0; color:#105f81; vertical-align:top}
.contactform table td label {color:#105f81; font-weight:bold}

#footer{position:relative; float:left; width:100%; margin:30px 0 0 0; border:1px solid #eee; border-bottom:0px; background:#f3fafe;}
#footermenu {margin:5px 0 0 35px; height:70px;}
#footermenu li { position:relative; float:left; background: url(images/bg_footer_menu.gif) no-repeat 100% 50%; padding:0 12px}
#footermenu a {display:block; font-size:12px; line-height:16x; border-bottom:1px solid #eee; border-top:1px solid white; color:#105f81}
#footermenu a.smallsub {display:block; }
#footermenu li.lastitem {background-image:none; padding:0 0 0 12px}
#footermenu a:hover {text-decoration:underline;}
#footermenu a.active {font-weight:bold;}



.strong {font-weight:bold;}
.small {font-size:10px;}
.small a {font-size:10px; text-decoration:underline}

.fl { float:left;  display:inline}
.fr { float:right;  display:inline}
.p10 {padding:10px;}

.leftoff { position:absolute; left:-10000px; height:0px; width:0px; margin:0px; padding:0px;}

.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}