@charset "utf-8";
/* CSS Document */
/* Eric's reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  v1.0 | 20080212 */

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, b, u, i, center, 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-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* ------------                    Reset Ends                    -------------------------*/

/* CSS Document */
html, body {height: 100%;}

body {font-family: Arial, Helvetica, sans-serif;background-color:#636467;padding:0;margin:0;font-size:62.5%;}

#bodyBk { position: fixed; top: 0; left: 0; width: 100%; height: 100%;  }

#container {position:relative;width:960px;border:12px 0px solid white;margin-top:50px;margin-left:auto;margin-right:auto;z-index:100;}

.shadow {
	-moz-box-shadow: 6px 6px 8px #333;
	-webkit-box-shadow: 6px 6px 8px #333;
	box-shadow: 6px 6px 8px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#333333');
}



#searchbox {float:right;}
/* #navcontainer p {padding:0 0 0 28px;margin:0;font-size:12px;line-height:30px;color:#B9BBBC;width:360px;float:left;} */

#header {position:relative;width:960px;height:140px;background:white;border-top:12px solid white;}
	#headLogo {float:left;width:207px;height:140px;background:#00507B;position:relative;}
		#headLogo img{position:absolute;bottom:10px;left:20px;}
	
	#navcontainer {float:left;width:753px;height:140px;background:#B9BBBC url(images/bk_head.gif) no-repeat 0 0;position:relative;}
		#navcontainer ul {position:absolute;right:18px;bottom:0;height:25px;}
		#navcontainer ul li {display:inline;font-size:11px;}
		#navcontainer ul li a {float:left;width:80px;margin-left:4px;padding:4px 4px 10px 4px;color:#B9BBBC;background:#f8f7f9;text-decoration:none;}
		#navcontainer ul li a:hover {background:#369;color:#fff}
		#navcontainer ul li small {display:none;}
		#navcontainer ul li .pdf {background:#F8F7F9 url(images/btnbk-PDF.gif) no-repeat right 3px;padding-right:12px;}
		#navcontainer ul li a.pdf:hover {background:#369 url(images/btnbk-PDF.gif) no-repeat right -37px;}
		
		#navcontainer ul ul {display:none}
		#navcontainer a {color:#B9BBBC}
		#navcontainer a:hover {color:white}
		#navcontainer form {margin:2px 0 0 0;padding:0;float:right;width:285px;height:30px;color:white;font-size:12px;}
		#navcontainer form p {float:left;margin:0;padding:0;width:40px;font-size:12px;line-height:26px;color:white;}
		#navcontainer input {height:14px;margin:0 8px 4px 8px;padding:2px;border:2px solid white;padding:0;width:180px;font-size:12px;} 
		#navcontainer button {font-size:20px;line-height:28px;color:white;border:none;padding:0;background:url(images/frm-submit.gif) no-repeat top left;width:28px;height:26px;cursor:pointer}

		#navcontainer .active {background:#00507B;}
		.blu {color:#00507B !important}
		.hide {display:none}

	#homemain {background:white;border-top:10px solid white;width: 960px;}
		#homemain .subhead {float:left;width:674px;height:256px;background:url(images/banners/banner_home2011_2.jpg) no-repeat top left;}
			.subhead {height:106px;padding:18px 22px;}
			#homemain .subhead p {visibility: visible;margin-top:4px;}
			.subhead p {visibility:hidden;color:White;}
			.subhead p strong{font-size:26px;line-height:0.9em;}
			.subhead p small{font-size:12px;}
		
		.homebody {	
			width: 214px;
			height: 272px;
			background: #D1D3D4;
			padding: 8px;
			float: left;
			margin-left: 12px;
			}
			.homebody h1 {color:#636467;font-size:13px;line-height:1.2em;margin-bottom:1em;font-weight:normal;text-transform:uppercase;}
			.homebody p {color:#636467;font-size:13px;line-height:1.2em;}
			.homebody p a{color:#636467;}
			.homebody p a:hover{color:black;}

			
	#homesub {width:960px;background:white;height:110px;border-top:12px solid white;border-bottom:24px solid white;}
		#homesub .last {margin-right:0;}

		.homebox {float:left;width:312px;margin-right:12px;font-size:11px;}
			.homebox .hbImage {display:block;float:left;position:relative;width:150px;height:110px;overflow:hidden;margin-right:8px;}
				.homebox .hbImage img{height:110px;width:auto;position:absolute;top:0;left:-27px;}
			.homebox h2 {color:#00507B;margin-bottom:0.3em;}
			.homebox p {color:#636467;margin:0 0 4px 0;}
			.homebox a {color:#00507B;text-decoration:none;}
			.homebox a:hover {color:black;}

	#main {background:white url(images/bk-main.gif) repeat-y 30px top;width:960px;border-top:12px solid white;border-bottom:12px solid white;}
		#leftContent {float:left;width:720px;margin-bottom: 12px;}
		#wideContent {float:left;width:960px;margin-bottom: 12px;}
			.leftnav {width:160px;float:left;margin:0 0 0 16px;}
				.leftnav ul {margin:0;list-style:none;padding:0;line-height:14px}
				.leftnav ul li{margin-bottom:0.5em;}
				.leftnav ul ul{margin:0.6em 0 0 0.4em;list-style:none}
				.leftnav ul li ul li {background-image: url(images/bul-greygreat.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 2px 0 2px 20px;margin:0;}
				.leftnav ul li ul li a{color:#B9BBBC;font-size:12px;font-weight:bold;}
				.leftnav ul li ul li a:hover{color:black}
				.leftnav  ul li small {font-size:10px;color:#B9BBBC;vertical-align: super;}
				.leftnav  ul li .pdf {background:url(images/btnbk-PDF.gif) no-repeat 110px 3px;padding-top:6px;padding-right:24px;height:24px;}
				.leftnav  ul li small {display:none;}
				
				.leftnav ul li a{display:block;color:#ED1C24;font-size:14px;text-decoration:none;font-weight:bold}
				.leftnav ul li a:hover{color:black}
				div.leftnav ul li ul li a.active {color:#0e4c7d !important}

			.body {width:480px;margin:0 0 0 225px}
			.widebody {width:695px;margin:0 0 0 225px;}

				.body h1, .widebody h1 {color:#0e4c7d;font-size:16px;margin:0 0 4px 0}
				.body h2 {color:#0e4c7d;font-size:13px;margin:14px 0 4px 0}
				.body h3, .homebox h3 {color:#ED1C24;font-size:12px;margin:0 0 4px 0}
				.widebody p,
				.body p, 
				.body li {color:#636467;font-size:12px;line-height:14px;margin:0 0 8px 0}
				.body ul {margin:0 0 0 1.4em;padding:0;list-style:disc;}
				.body ol {margin:0 0 .2em 2em;padding:0;list-style:decimal;}
				.body a {color:#636467;}
				.body a:hover {color:black;}

		.right {width:220px;float:left;margin:0 0 0 7px;}

		.imageTable {margin-top:22px;}
		.imageTable td {padding-right:20px;padding-bottom:42px;}
		.imageTable td img {margin-bottom:6px;border:1px solid #B9BBBC;}
		.imageTable td p,
		.imageTable td a {color:#636467;}
		.imageTable td a:hover {color:black;}
		
		.ribList dt,
		.ribList dd {width:50%;font-size:12px;}
		
		.ribList dt {float:left;}
		.ribList dd {float:left;}
				
		.ribTable {width:230px;float:left;margin:10px 10px 10px 0;}
		.ribTable caption {font-size:12px;color:#ED1C24;padding-bottom:2px;margin-bottom:8px;font-weight:bold;text-align:left;border-bottom:1px solid #B9BBBC;}
		.ribTable td,
		.ribTable th {font-size:12px;color:#636467;padding:0 4px 4px 0;}
		.ribTable th {text-align:right;}



	#footer {position:relative;width:960px;margin-left:auto;margin-right:auto;z-index:100;font-size:10px;color:black;margin-top:4px;}
		#footer p {}
		#footer a {color:black;text-decoration:none;}
		#footer a:hover {color:#00507B}
		#footer .phone,
		#footer .email {line-height:0.8em;margin-left:8px;border-left:1px solid #636467;padding-left:8px;}



.rib {background:url(images/banners/banner_ribworker.jpg) no-repeat top left;}
.abus {background:url(images/banners/banner_aboutus1.jpg) no-repeat top left;}
.clls {background:url(images/banners/banner_clientlist.jpg) no-repeat top left}
.cnus {background:url(images/banners/banner_contactus.jpg) no-repeat top left}
.conv {background:url(images/banners/banner_conversions1.jpg) no-repeat top left}
.dsdb {background:url(images/banners/banner_design2.jpg) no-repeat top left}
.faci {background:url(images/banners/banner_facilities.jpg) no-repeat top left}
.newb {background:url(images/banners/banner_newbuilding.jpg) no-repeat top left}
.port {background:url(images/banners/banner_portfolio.jpg) no-repeat top left}
.prev {background:url(images/banners/banner_previousbuilds.jpg) no-repeat top left}
.repr {background:url(images/banners/banner_repair1.jpg) no-repeat top left}
.slip {background:url(images/banners/banner_slipway.jpg) no-repeat top left}
.what {background:url(images/banners/banner_whatwedo.jpg) no-repeat top left}
.work {background:url(images/banners/banner_workboats1.jpg) no-repeat top left}
.home2 {background:url(images/banners/banner_home2.jpg) no-repeat top left}
#search {background:url(images/bk_blu-butt.gif) no-repeat top left;min-height:6px;height:auto !important;height:6px}
#search p {display:none;padding:0 0 0 28px;margin:0;font-size:12px;line-height:30px;color:#B9BBBC;width:360px;float:left;}
#search a {color:#B9BBBC}
#search a:hover {color:white}
#search form {display:none;margin:2px 0 0 0;padding:0;float:right;width:285px;height:30px;color:white;font-size:12px;}
#search form p {float:left;padding:0;width:40px;font-size:12px;line-height:26px;color:white;}
#search input {height:14px;margin:0 8px 4px 8px;padding:2px;border:2px solid white;padding:0;width:180px;font-size:12px;} 
#search button {font-size:20px;line-height:28px;color:white;border:none;padding:0;background:url(images/frm-submit.gif) no-repeat top left;width:28px;height:26px;cursor:pointer}
/*#main {background:url('images/bk-main.gif') repeat-y left top;border-top:8px solid white;height: 1198px;width: 848px;}*/
#mainnobg {background-color:#FFFFFF;border-top:8px solid white;}
.homelinks {padding:8px;background-color:#EEE;margin-bottom:15px;width:195px}
.homelinks h2 {color:#0e4c7d;font-size:14px;margin:0 0 4px 0}
.homelinks ul {margin:0 0 0 1.4em;padding:0}
.homelinks li {color:#636467;font-size:11px;margin:0 0 2px 0}
.homelinks li a {color:#0e4c7d;font-size:14px;margin:0 0 4px 0;text-decoration:none;font-weight:bold}
.homelinks li a:hover {color:#636467;text-decoration:underline;}
.plmj {padding-left:40px}
.mj h2 {color:#0e4c7d;font-size:14px;margin:0 0 4px 0}
.mj p, .mj a {color:#636467;font-size:11px;margin:0 0 4px 0}
.mj a:hover {color:black}



.pr {margin-right:8px}
.pu {margin-top:40px}
.bdr0 {border:2px solid #AAA}
.pics img {padding:0 10px 8px 10px;}
.client {width:695px;margin-bottom:12px;}
.client th {padding:6px;background-color:#DDD;font-size:12px;color:#0e4c7d}
.client td {padding:4px 6px;font-size:11px;color:#636467}
.map {text-align:right;padding:0 4px}
.map small a{color:#636467;font-size:10px;}
.map small a:hover{color:black;}

.address {float:left;width:50%;min-height:140px;height:auto !important;height:140px}

.reset {clear:both;}
.imageRow{margin:0px auto; width:485px;}
.imageRow img {margin:5px;}
	
.clearFix { height: 1%; }
.clearFix2 { width: 100%; }

.clearFix:after, .clearFix2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}