@media screen, projection {

.BeNiceToMacIE5 {
font-family: "\"}\"";
font-family: inherit;
}
html, body, #wrapper {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}

body {background: #fff url(../images/background.jpg) repeat-x top left; color: #fff; text-align: center; font-family: Arial, Helvetica, sans-serif;}

html>body, html>body #wrapper {
height: auto;
}

div#wrapper {
position: absolute;
top: 0;
left: 0;
/* background: url(../images/centerCol2.gif) no-repeat 50% 0; */
min-width: 970px /*780px */;
}

#header {
width: 100%;
text-align:left;
}

#content {
padding:10px;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

#footer {
clear: both;
bottom: 0;
left: 0;
width:100%;
height: 30px;
background-color:#0a5a9c;
color: #fef9ee;
overflow:hidden;
font: normal .75em Arial, Helvetica, sans-serif;
}


#main {
margin: 0;
padding: 0;
}
/* \*/
* html #footer {
position: absolute;
bottom:-1px;
}
* html #main {
padding-bottom: 50px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 50px;
}

}

@media all and (min-width:0px) {
head~body {height:100%;}
}

* { behavior: url(iepngfix.htc); }

#pagewidth {width: 970px /*780px*/; margin: 0 auto;}
#maincontent {width: 600px/* 412px */; float: left;}
#centrecol {width: 360px; background: transparent; float: left; display: inline; margin-top: 4px;}
#rightcol {width: 10px; float: left;}

#topnav {width: 970px /*780px */; height: 61px;}
#logo {float: left; width: 255px; padding-top: 6.5px;}
#menu {width: /*380px*/ 456px ;float:right;}
#menu span.hide {display:none;} 
a.nav, a.nav:link, a.nav:visited {display:block; display:inline; width:70px; height:59px; background:#0a5a9c url(../images/bullet-grey.jpg) no-repeat 95% 50%; border-left:1px solid #004c8e; border-right:1px solid #004c8e; text-align:left; text-decoration:none; font-family:verdana, arial, sans-serif; font-size: 11px; color:#fff; line-height:60px; overflow:hidden; float:left; margin-right: 2px; padding-left: 2px;}
a.nav:hover { background: #004c8e url(../images/bullet-white.jpg) no-repeat 95% 50%;}

a.nav:active, #frontpage a.chosen {color:#fff; background: #004c8e url(../images/bullet-red.gif) no-repeat 95% 50%; border-left:1px solid #003d7a; border-right:1px solid #003d7a;}

#masthead {width: 970px /*780px*/; height: 200px;}

/* masthead stuff */

#masthead {width: 970px /*780px*/; height: 200px;}
#masthead a {text-decoration: none; }
#masthead img, #masthead img a {border:none; }

#masthead #landlink {float: left; width: 380px /*484px */; height: 200px; display:block; cursor: pointer;}
#masthead #maritimelink { width: 380px /* 296px */; height: 200px; float:right; cursor: pointer;}

#masthead #landlink a:hover, #masthead #landlink a:active,
#masthead #maritimelink a:hover, #masthead #maritimelink a:active {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	height: 200px;
} 

#landlink span.whitetrans, #maritimelink span.whitetrans {
	display: block;
	background-color: #fff; 
	width: 380px; 
	height: 50px; 
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	margin-top: -50px;
	color: #014C8F; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px; 
	font-weight:400; 
	letter-spacing: .15em;
	text-align: center;
	line-height: 50px;
	}

#strapline {float: left; width: 200px; display: inline;}
#strapline h2 { text-align: center; color:#ccc; font-family: Helvetica, Arial, sans-serif; margin-top: 40px; font-size: 20px; font-weight:normal;} 

#sub-brand {width: 120px; height: 38px; margin: 0 auto; color: #fff; line-height: 33px; text-align:center;}
#verticalmenu { width: 270px /* 296px */; height: 190px; float:right; background: transparent url(../images/men-background-grd.jpg) repeat-y top left; padding-top: 10px;}

#about #verticalmenu p, #people #verticalmenu p, #contact #verticalmenu p, #privacy #verticalmenu p,
#links #verticalmenu p {text-align: left; font-size: 12px; padding-left: 20px; padding-right: 20px; color: #fff;}

#about #verticalmenu h2, #people #verticalmenu h2, #contact #verticalmenu h2, #privacy #verticalmenu h2,
#links #verticalmenu h2 {margin-top: 40px; color: #ccc; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight:400; letter-spacing: .15em; padding-left: 20px;}
/* Vertical Menu */

#submenu {display:block; padding-top: 10px; /* height:110px; margin:15px;*/}
#submenu ul {margin:0; padding:0; list-style-type:none;}
#submenu li {/* margin-right:1px; */ display:block; width: 270px; /* border:1px solid #000; */ margin-bottom: 5px;}
#submenu li.list1 {background:transparent url(../images/shipping-services.jpg);}
#submenu li.list2 {background:transparent url(../images/superyacht-security.jpg);}
#submenu li.list3 {background:transparent url(../images/maritime-close-protection.jpg);}
#submenu li.list4 {background:transparent url(../images/maritime-risk-consultancy.jpg);}
#submenu li.list5 {background:transparent url(../images/maritime-training.jpg);}

#submenu a {display:block; width:270px; padding-top:20px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #submenu a:link, * html #submenu a:visited {height:20px; he\ight:0;}

#submenu a#item1 {background:transparent url(../images/shipping-services-on.jpg) -270px -20px no-repeat;}
#submenu a#item2 {background:transparent url(../images/superyacht-services-on.jpg) -270px -20px no-repeat;}
#submenu a#item3 {background:transparent url(../images/m-close-protection-on.jpg) -270px -20px no-repeat;}
#submenu a#item4 {background:transparent url(../images/risk-consultancy-on.jpg) -270px -20px no-repeat;}
#submenu a#item5 {background:transparent url(../images/maritime-training-on.jpg) -270px -20px no-repeat;}

#submenu a#item1:hover {background-position:top right; z-index:50;}
#submenu a#item2:hover {background-position:top right; z-index:50;}
#submenu a#item3:hover {background-position:top right; z-index:50;}
#submenu a#item4:hover {background-position:top right; z-index:50;}
#submenu a#item5:hover {background-position:top right; z-index:50;}

* html #submenu a:hover {height:20px; he\ight:0;}

body#shipping #submenu li.list1 a.active {background:transparent url(../images/shipping-services-on.jpg);}
body#superyacht #submenu li.list2 a.active {background:transparent url(../images/superyacht-services-on.jpg);}
body#m-close #submenu li.list3 a.active {background:transparent url(../images/m-close-protection-on.jpg);}
body#m-risk #submenu li.list4 a.active {background:transparent url(../images/risk-consultancy-on.jpg);}
body#m-training #submenu li.list5 a.active {background:transparent url(../images/maritime-training-on.jpg);}



/* main content stuff - left col */
#content {width: 570px/* 380px */; /*margin: 30px auto 10px ;*/ margin-top: 30px; margin-bottom: 10px; background: #fff url(../images/leftCol.gif) repeat-x; text-align: left; padding: 10px; }
#content h1 {color: #ccc; font-family: Helvetica, Arial, sans-serif; margin-top: 10px; font-size: 20px; font-weight:400; letter-spacing: .15em;}
#content h2 {color: #014C8F; font-family: Helvetica, Arial, sans-serif; margin-top: 10px; font-size: 16px; font-weight:400; letter-spacing: .15em; text-align: left;}
#content p, #content ul {color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; line-height: 18px;}

/* centre column stuff */

#centrecol {padding-top: 50px; text-align: left; font-size: 12px;}
#centrecol h2 {font-family: Helvetica, Arial, sans-serif; color: #ccc; font-size: 16px; letter-spacing: .12em; text-align: center;}
#centrecol p.title a, #centrecol p.title a:visited {font-weight: bold; color: #000033; padding-left: 8px; padding-right: 8px;}
#centrecol p {font-size: 12px;}
#centrecol p span.date {font-size: 10px; color: #000033;}
#centrecol p.centre {text-align: center;}

/* right column stuff */
#rightcol img {border: 1px solid #003d7a; }
#photos {margin-top: 30px;}
.photospacer {margin-top: 30px;}

/*footer stuff */

div.footWrap {width: 970px /*780px */; margin: 0 auto;}
#footer p {padding:0; margin:0; line-height:30px;}
#copyright {text-align: left; float: left; width: 500px;}
#footermenu {text-align: right; float: right; width: 390px; display: inline; }
#footer a, #footer a:visited {color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active {text-decoration: underline;}
#footermenu a img {border: none; margin-top: 5px;}

/* Miscellaneous */

.blue {color:#000033;}
#centrecol a, #centrecol a:visited, #content a, #content a:visited {text-decoration: none; color: #000033; font-weight:600;}
#centrecol a:hover, #centrecol a:active, #content a:hover, #content a:active {text-decoration: underline;}
#content strong {font-weight: normal; color: #000;}
#content strong.blue {font-weight: bold;}

#centrecol p span a { width: auto; padding: 6px; background-color: #fff; border: 1px solid #0a5a9c;}

#bmf {position: relative; width: 250px ; height: 134px ; margin: 0 auto; background: transparent url(../images/british-marine-federation.png) left top no-repeat;}
* html #bmf { /* these styles are only picked up by IE6 */  
    background-image: none;  
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/british-marine-federation.png', sizingMethod='scale')  
}  

#social {margin: 40px auto 0 auto; padding: 0; width: 70px; }

#social a img {border: none;}