﻿body {
	margin-top:15px;
	background:#104b7d url('../images/background.jpg') repeat-x;
	font-family:Arial, tahoma, sans-serif;
	font-size:12px;
}

a:focus {
	outline:0px;
}

#wrap {
	margin:0px auto;
	width:941px;
}

#logo {
	float:left;
	width:941px;
	height:105px;
	background:url('../images/logo.jpg');
}

	#logo a {
		display:block;
		height:85px;
		margin-top:15px;
		margin-left:60px;
		width:130px;
	}

#menu {
	float:left;
	width:736px; /* change back to 810px when vessels menu is enabled */
	padding:0px 0px 0px 205px; /** change 105 back to 131 when Vessels Menu is enabled */
	height:18px;
	background:url('../images/menubar.jpg');
}

	#menu .about {
		width:85px;
		background:url('../images/about.jpg');
	}
	
	#menu .hse {
		width:43px;
		background:url('../images/hse.jpg');
	}
	
	#menu .subsea {
		width:132px;
		background:url('../images/subseaServices.jpg');
	}
	
	#menu .vessels {
		width:74px;
		background:url('../images/vessels.jpg');
	}
	
	#menu .rov {
		width:108px;
		background:url('../images/rovServices.jpg');
	}
	
	#menu .mex {
		width:170px;
		background:url('../images/seamarMexico.jpg');
	}
	
	#menu .join {
		width:103px;
		background:url('../images/joinUs.jpg');
	}
	
	#menu .contact {
		width:95px;
		background:url('../images/contact.jpg');
	}
	
	#menu a {
		height:18px;
		display:inline-block;
	}
	
	#menu a:hover {
		background-position:0px -18px;
	}

#smenu1, #smenu2, #smenu3, #smenu4 {
	position:relative;
	visibility:hidden;
	background-color:#5e5d52;
	border:1px black solid;
	border-top:0px;
}

#smenu1 a,#smenu2 a,#smenu3 a,#smenu4 a {
	display:block;
	padding:5px;
	color:white;
	text-decoration:none;
}

#smenu1 {
	top:0px;
	left:127px;
	width:150px;
}

#smenu2 {
	top:-141px;
	left:258px;
	width:150px;
}

#smenu3 {
	top:-254px;
	left:258px; /* change back to 332px when Vessels is enabled */
	width:155px;
}

#smenu4 {
	top:-283px;
	left:536px;  /* change back to 610px when Vessels is enabled */
	width:140px;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover {
	background-color:#ffffff;
	color:#5e5d52;
}

#main {
	float:left;
	width:941px;
	min-height:561px;
	background:url('../images/contentbg.jpg') repeat-y;
}

	#content {
		float:left;
		width:941px;
		min-height:378px;
		background:url('../images/contenttop.jpg') no-repeat;
	}
	
	#content h1 {
		float:left;
		margin-top:60px;
		margin-left:40px;
		width:690px;
	}

	#content h3 {
		margin-left:248px;
	}

	#content table {
		margin-left:248px;
	}

	#leftnav {
		float:left;
		width:203px;
	}
	
	#leftnav .news {
		float:left;
		width:168px;
		height:228px;
		padding:25px 10px 5px 25px;
		background:url('../images/hmNews.png') no-repeat;
	}
	
	#leftnav .news p {
		padding-left:20px;
		padding-right:3px;
		color:#ffd700;
		font-weight:bold;
		font-size:11px;
	}
	
	#leftnav .news a {
		color:white;
	}

	#leftnav .news a:hover {
		text-decoration:none;
	}

	#leftnav .brochure {
		float:left;
		width:168px;
		height:315px;
		margin-top:-30px;
		padding:0px 10px 0px 25px;
		background:url('../images/brochure.jpg') no-repeat;
	}

	#leftnav .brochure a {
		display:block;
		margin-top:30px;
		margin-left:10px;
		height:120px;
		width:163px;
	}

	#content .content {
		margin-left:218px;
		padding:0px 30px;
		text-align:justify;
		line-height:19px;
	}
	
	#content .copy {
		text-align:right;
		clear:both;
		font-size:10px;
		color:#3c3c3c;
		margin-right:15px;
		margin-top:50px;
	}

	#content ul {
		margin-left:248px;
		padding:0px 30px;
	}

	#content a {
		color:#000080;
	}
	
	#content a:hover {
		text-decoration:none;
	}

#footer {
	float:left;
	width:941px;
	height:25px;
	background:url('../images/footer.jpg') no-repeat;
}

#footer a {
	display:block;
	margin-right:20px;
	width:130px;
	margin-top:5px;
	height:15px;
	float:right;
}

.indent {
	margin-left:232px;
	padding:0px 30px;
	text-align:justify;
	line-height:19px;
}

.label {
	background-color:#9a9a9a;
	font-weight:bold;
}

.label2 {
	background-color:#efefef;
	padding-left:10px;
}

.thead {
	background-color:#0f75bc;
	color:#ffd700;
	font-size:14px;
}

.tab {
	margin-left:45px;
}

.tab, .oTab {
	float:left;
	text-align:center;
	width:75px;
	height:20px;
	margin-right:3px;
	background:#9a9a9a;
	color:white;
	border:1px black solid;
	cursor:pointer;
}

.tab span:hover, .oTab span:hover {
	text-decoration:underline;
}

#part2, #part3 {
	display:none;
}

#flash {
	float:left;
	width:941px;
	height:282px;
}

.latest {
	display:block;
	width:203px;
	height:20px;
	margin-top:-23px;
	margin-left:-25px;
}

#retMsg {
	color:red;
}
