#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}#shadowbox_title{ height:25px; padding:0; overflow:hidden}#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}#shadowbox_body_inner{ position:relative; overflow:hidden}#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}#shadowbox_content.html{ height:100%; width:100%; overflow:auto}#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}#shadowbox_toolbar_inner{ height:20px; color:#fff}#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}#shadowbox_counter a{ padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}div.shadowbox_message{ text-align:center; padding:10px}div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* ########### BASICS ########### */
html, body { height: 100%; }
html { font-size: 100.01%; }
body { font-size: 62.5%; font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #171e32; background: url("/assets/images/bluestripe.png") repeat-x center top; }

strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: 8px; position: relative; top: -4px; left: 1px; padding-right: 2px;}


/* ########### BOX ########### */
#box { min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -8px;}
#footer, #push { height: 8px; clear: both; }
#footer { background: #171e32; }

/* ########### PAGE ########### */
#page { margin: 0 auto; width: 960px; position: relative; background: url("/assets/images/raster.png") no-repeat 0px 237px; padding-bottom: 100px;}
#toplink { position: absolute; right: 0; bottom: 10px; font-size: 11px; color: #171e32; }
#toplink a { color: #171e32; text-decoration: none; }
#toplink a:hover { text-decoration: underline; }


/* ########### INFO ########### */
#infoblock { width: 154px; position: absolute; top: 0; right: 0; }
#infoblock #logo { width: 154px; height: 245px; background: url("/assets/images/logo.png") no-repeat; }
#infoblock #logo * { text-indent: -9999px; }

#infoblock #sdbtn { height: 40px; }
#infoblock #sdbtn a { width: 100%; height: 100%; display: block; background: url("/assets/images/sd_button.png") no-repeat; text-indent: -9999px;  margin-top: 50px; }

#infoblock #cinfo {  }
#infoblock #cinfo h3 { height: 40px; background: url("/assets/images/contact_button.png") no-repeat; text-indent: -9999px; cursor: pointer; margin-top: 15px; }
#infoblock #cinfo #cinfo_content { background: #0d304f; line-height: 16px; }
#infoblock #cinfo div.open { display: block !important; background: #0d304f; line-height: 16px; }
#infoblock #cinfo #cinfo_content h4 { font-size: 16px; color: #fff; padding: 10px 10px 0; line-height: 20px; }
#infoblock #cinfo #cinfo_content p { padding: 10px; color: #bbcfeb; border-bottom: 1px solid #fff;}
#infoblock #cinfo #cinfo_content dl { padding: 10px; }
#infoblock #cinfo #cinfo_content dl dt { color: #fff; }
#infoblock #cinfo #cinfo_content dl dd { color: #bbcfeb; margin-bottom: 10px;}
#infoblock #cinfo #cinfo_content dl dd a { color: #bbcfeb; text-decoration: none; }
#infoblock #cinfo #cinfo_content dl dd a:hover { text-decoration: underline; }

/* ########### MAIN ########### */
#main { width: 806px; }

/* ########### HEADER ########### */
#main #header { width: 795px; }
#main #header ul { background: url("/assets/images/navigation.png") no-repeat; width: 795px; height: 30px; position: relative; top: 12px;}
#main #header ul li { width: 130px; height: 26px; position: absolute; top: 2px; }
/* Home Button (4) */
#main #header ul li#btn2 	{ left: 2px; width: 131px; }
/* Company Button (5) */
#main #header ul li#btn3 	{ left: 135px; }
/* Services Button (8) */
#main #header ul li#btn6 	{ left: 267px; }
/* Projects Button (9) */
#main #header ul li#btn7 	{ left: 399px; }
/* Careers Button (2) */
#main #header ul li#btn8 	{ left: 531px; }
/* Contact Button (15) */
#main #header ul li#btn9 	{ left: 663px; width: 131px; }

#main #header ul li a { width: 100%; height: 100%; display: block; text-indent: -9999px; background: url("/assets/images/navigation.png") no-repeat; }
#main #header ul li#btn2 a  { background-position: -2px -2px; }
#main #header ul li#btn2:hover a, #main #header ul li#btn2 a:hover, #welcome #main #header ul li#btn2 a  { background-position: -2px -32px; }
#main #header ul li#btn3 a  { background-position: -135px -2px; }
#main #header ul li#btn3:hover a, #main #header ul li#btn3 a:hover, #company #main #header ul li#btn3 a, #profile #main #header ul li#btn3 a, #directors #main #header ul li#btn3 a  { background-position: -135px -32px; }
#main #header ul li#btn6 a  { background-position: -267px -2px; }
#main #header ul li#btn6:hover a, #main #header ul li#btn6 a:hover, #services #main #header ul li#btn6 a   { background-position: -267px -32px; }
#main #header ul li#btn7 a  { background-position: -399px -2px; }
#main #header ul li#btn7:hover a, #main #header ul li#btn7 a:hover, #projects #main #header ul li#btn7 a, #overview #main #header ul li#btn7 a, #offshore-wind #main #header ul li#btn7 a, #offshore-oil-and-gas #main #header ul li#btn7 a, #offshore-naval-architecture #main #header ul li#btn7 a, #offshore-marine-operations #main #header ul li#btn7 a, #structural-integrity #main #header ul li#btn7 a, #salvage #main #header ul li#btn7 a { background-position: -399px -32px; }
#main #header ul li#btn8 a  { background-position: -531px -2px; }
#main #header ul li#btn8:hover a, #main #header ul li#btn8 a:hover, #careers #main #header ul li#btn8 a   { background-position: -531px -32px; }
#main #header ul li#btn9 a	{ background-position: -663px -2px; }
#main #header ul li#btn9:hover a, #main #header ul li#btn9 a:hover, #contact #main #header ul li#btn9 a, #info #main #header ul li#btn9 a, #downloads #main #header ul li#btn9 a   { background-position: -663px -32px; }


#main #header ul ul { background: url("/assets/images/navigation_item.png") repeat-y; width: auto; height: auto; position: absolute; top: 30px; left: 0; display: none; }
#main #header ul li:hover { height: 30px !important;}
#main #header ul ul li:hover { height: 23px !important;}
#main #header ul li:hover ul { display: block; }
#main #header ul ul li { width: auto; height: 23px; position: static; min-width: 95px; padding-left: 25px; padding-right: 10px; white-space: nowrap;}
#main #header ul ul li a { background: none; width: 100%; height: 100%; display: block; text-indent: 0; color: #bbcfeb; text-decoration: none; font-size: 11px;}
#main #header ul ul li.active a, #main #header ul ul li a:hover { color: #fff !important; }

/* ########### CRUMBS ########### */
#main #crumbs { margin-top: 22px; height: 28px; padding-left: 2px; padding-top: 10px; font-size: 11px; }

#main #crumbs, #main #crumbs a { text-decoration: none; color: #246c9f;}
#main #crumbs a.B_homeCrumb		{ color: #171e32; }
#main #crumbs a:hover { text-decoration: underline; }

/* ########### CONTENT OUTDENT ########### */
#main #content { padding-left: 2px; }
#main #content h2 { clear: both; color: #246c9f; font-size: 22px; background: url("/assets/images/main_h2.png") no-repeat 0px bottom; padding: 16px 0 10px 270px; margin-bottom: 10px;}
#main #content ul+h2 { margin-top: 50px; }
#main #content p a { text-decoration: none; font-weight: bold; color: #246c9f; }
#main #content p a:hover { text-decoration: underline; }

.od_content #main #content h3 { clear: both; color: #246c9f; font-size: 22px; background: url("/assets/images/main_h3.png") no-repeat 0px bottom; padding: 16px 0 10px 270px; margin-bottom: 10px;margin-top: 20px; width: 534px; }
.od_content #main #content h5,#main #content h6 { font-weight: bold; padding-left: 270px; padding-right: 16px; margin-top: 40px; }
.od_content #main #content h5 { clear: both; }
.od_content #main #content h2+h5, #main #content h3+h5, #main #content h2+h6, #main #content h3+h6 { margin-top: 20px; }
.od_content #main #content div { float: left; }
.od_content #main #content div #a_contact { display: block; margin-top: 30px; width: 250px; text-align: center; text-decoration: none; font-weight: bold; color: #246c9f; }
.od_content #main #content div #a_contact:hover { text-decoration: underline; }
.od_content #main #content div.project { float: none; }
.od_content #main #content div img { margin-bottom: 5px;}
.od_content #main #content p { padding-left: 270px; padding-right: 16px;}
.od_content #main #content h4 { color: #246c9f; font-size: 22px; margin-left: 270px; padding-bottom: 10px; border-bottom: 1px solid #b6babc; margin-right: 16px; margin-top: 60px; margin-bottom: 10px;}
.od_content #main #content ul { margin-left: 270px; margin-right: 16px; }
.od_content #main #content ul li { padding: 5px 0; border-bottom: 1px solid #b6babc; position: relative; }
.od_content #main #content ul li a { text-decoration: none; font-weight: bold; color: #246c9f; position: absolute; right: 0; top: 5px; }
.od_content #main #content ul li a[href$=pdf] { background: url("/assets/images/pdf.png") no-repeat left center; padding-left: 26px; }
.od_content #main #content ul li a[href$=ppt] { background: url("/assets/images/ppt.png") no-repeat left center; padding-left: 26px; }
.od_content #main #content ul li a[href$=zip] { background: url("/assets/images/zip.png") no-repeat left center; padding-left: 26px; }
.od_content #main #content ul li a:hover { text-decoration: underline; }

#welcome #main #content h2+p { padding-left: 270px; padding-right: 16px;}
#welcome #main #content ul { margin-top: 30px; }
#welcome #main #content ul li { width: 250px; float: left; margin-right: 20px; margin-bottom: 30px; position: relative;}
#welcome #main #content ul li+li+li, #welcome #main #content ul li+li+li+li+li+li { margin-right: 0px; }
#welcome #main #content ul li+li+li+li { margin-right: 20px; }
#welcome #main #content ul li h3 { color: #0d304f; font-size: 16px; margin-bottom: 5px;}
#welcome #main #content ul li p { margin-top: 5px;}

#welcome #main #content #lproject { position: relative; clear: both; }
#welcome #main #content #lproject h2 { color: #0d304f; font-size: 16px; background: transparent; padding: 0; margin-bottom: 0px; position: absolute; top: 338px; left: 0;}
#welcome #main #content #lproject h3 { clear: both; color: #246c9f; font-size: 22px; background: url("/assets/images/main_h3.png") no-repeat 0px bottom; padding: 16px 0 10px 270px; margin-bottom: 10px;margin-top: 20px; width: 534px; }
#welcome #main #content #lproject h3#lproj { clear: both; color: #246c9f; font-size: 22px; background: url("/assets/images/main_h2.png") no-repeat 0px bottom; padding: 16px 0 10px 270px; margin-bottom: 10px; }
#welcome #main #content #lproject h5,#main #content h6 { font-weight: bold; padding-left: 270px; padding-right: 16px; margin-top: 40px; }
#welcome #main #content #lproject h5 { clear: both; }
#welcome #main #content #lproject h2+h5, #main #content h3+h5, #main #content h2+h6, #main #content h3+h6 { margin-top: 20px; }
#welcome #main #content #lproject div { float: left; position: relative; top: -15px; }
#welcome #main #content #lproject p { padding-left: 270px; padding-right: 16px;}
#welcome #main #content #lproject h4 { color: #246c9f; font-size: 22px; margin-left: 270px; padding-bottom: 10px; border-bottom: 1px solid #b6babc; margin-right: 16px; margin-top: 60px; margin-bottom: 10px;}
#welcome #main #content #lproject ul { margin-left: 270px; margin-right: 16px; margin-top: 0; }
#welcome #main #content #lproject ul li { padding: 5px 0; border-bottom: 1px solid #b6babc; position: relative; float: none; width: auto; margin: 0; position: static; }
#welcome #main #content #lproject ul li a { text-decoration: none; font-weight: bold; color: #246c9f; position: absolute; right: 0; top: 5px; }
#welcome #main #content #lproject ul li a[href$=pdf] { background: url("/assets/images/pdf.png") no-repeat left center; padding-left: 26px; }
#welcome #main #content #lproject ul li a[href$=ppt] { background: url("/assets/images/ppt.png") no-repeat left center; padding-left: 26px; }
#welcome #main #content #lproject ul li a[href$=zip] { background: url("/assets/images/zip.png") no-repeat left center; padding-left: 26px; }
#welcome #main #content #lproject ul li a:hover { text-decoration: underline; }

#directors #main #content h5+div>img { position: relative; top: -14px;}
#services #main #content h3+div>img { position: relative; top: 5px; }
.od_content #main #content div.project img { position: relative; top: -14px;}

/* ########### Contact Form ########### */
#main #content #od_form { margin-left: 270px; clear: both; }
#main #content #od_form .error, #od_form .errors { color: #800000; margin-bottom: 30px; }
#main #content #od_form form { clear: both; }
#main #content #od_form label { font-size: 11px; display: block; }
#main #content #od_form p {float: none; margin: 0; padding: 0; }
#main #content #od_form input[type="text"] { width: 300px; height: 16px; border: 1px solid #171e32; margin-bottom: 20px;}
#main #content #od_form textarea { width: 300px; height: 100px; border: 1px solid #171e32; margin-bottom: 20px;}
#main #content #od_form input[type="submit"] { margin-bottom: 100px; }
#main #content #od_form input:focus, #main #content #od_form textarea:focus { border: 1px solid #246c9f; }

#a_disclaimer { display: block; margin-top: 50px;}


/* ########### SPLASH ########### */
#splash #box { background: url('/assets/images/main/splash.jpg') no-repeat 50% 50%; position: relative; max-width: 1800px; }
#splash #page { width: 100%; border-top: 8px solid #171e32;}
#splash #infoblock { right: 40px; }
#splash #infoblock #logo { background: url("/assets/images/logo_splash.png") no-repeat; }
#splash #infoblock #cinfo a { display: block; height: 40px; width: 156px; background: url("/assets/images/enter_button.png") no-repeat; text-indent: -9999px; margin-top: 50px; }
#splash #infoblock #cinfo a:hover { background-position: 0 -40px; }


/* SAFARI-DUMMY */

/* SAFARI 3 #################################################################################################### */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}