body {
margin: 0px;
padding: 0px;
outline: 0px;
background: url(/images/bodytile.jpg) top center repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
	color: #666666
}
body p, body a { font-size: 12px; }
a { font-size: 12px; }

html, body {height:96%;}

* html #wrapper {height:100%;}
body>#wrapper {height:auto;}
html>body #wrapper{height:auto;}

ul li { display: list-item; }

#wrapper {
width: 825px;
margin: 0 auto;
padding: 0;
background:url(/images/contentbg.jpg) top center repeat-y;
	height:100%;
	min-height:100%;

}
	.headerarea {
	width: 825px;
	height: 149px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/images/header.jpg) top center no-repeat;
	}
	
	
		.headertop {
		width: 825px;
		height: 57px;
		 margin: 0px;
		 padding: 0px;
		 float: left;
		 line-height: 57px;
		 }
		
		.headerlogo {
		width: 197px;
		height: 92px;
		margin: 0px;
		padding: 0px;
		background: url(/images/logo_top.jpg) top left no-repeat;
		float: left;
		}
		
	
	.flasharea {
	width: 825px;
	height: 286px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/images/flashbg.jpg) top center no-repeat;
	}
		.flashmovie {
		width: 800px;
		height: 293px;
		padding: 0px;
		margin-left:12px;
		}
	
	.navbg {
	width: 824px;
	height: 34px;
	margin: 0px;
	 padding: 0px;
	 background: url(/images/navbg.jpg) top center no-repeat;
	 float: left;
	 }
	 
	.contentarea {
	width: 825px;
	margin: 0;
	background: transparent url(/images/contentbg.jpg) top center repeat-y;
	padding: 0;
	}
	
	.textcontent {
		width: 550px;
		float: right;
		padding-bottom: 25px;
		}
	.mooringmaster-bg, .why-spt-bg, .comm-management-team-bg, .fleet-management-bg, .careers-bg, .work-for-spt-bg {
		margin-left: 30px;
		width: 755px;
		}
	
	.finance-accounting-bg {
			background: transparent url(/images/kevin-boyle.jpg) no-repeat bottom left;
			margin-left: 30px;
			width: 755px;
			}
			.finance-accounting-bg .textcontent { width: 500px; }
			.finance-accounting-bg .textcontent img { margin-top: 45px; }

	.fleet-management-bg { background: transparent url(/images/cal-hayden-fleet-manage.jpg) no-repeat bottom left; }
		.fleet-management-bg .textcontent { width: 500px; }
	
	.comm-management-team-bg { background: transparent url(/images/chris-gomez-comm-manage.jpg) no-repeat bottom left; }
		.comm-management-team-bg .textcontent { width: 450px; }
	
	.mooringmaster-bg { background: transparent url(/images/georgio.jpg) no-repeat bottom left; }
		.mooringmaster-bg .textcontent { width: 450px; }
	
	.why-spt-bg { background: transparent url(/images/spt-landing-page-main-graphic.jpg) no-repeat bottom left; }
		.why-spt-bg .textcontent { width: 500px; }
		
	.work-for-spt-bg { background: transparent url(/images/work-for-spt-bg.jpg) no-repeat bottom left; }
		.work-for-spt-bg .textcontent { width: 500px; margin-top: 20px; }

	.careers-bg { background: transparent url(/images/careers-bg.jpg) no-repeat bottom left; }	
		.careers-bg .textcontent {
			width: 435px; padding-right: 38px;
			}
		.careers-jobs-bg .textcontent {
			width: 750px; margin: 0 auto; float: left; padding: 0 38px;
			}
		
		.capabilities-bg .textcontent {
			width: 755px; padding-right: 38px;
			}

		
		.spt-on-duty-bg .textcontent {
		width: 470px; padding-right: 0; margin-left: 40px; float: left;
		}
		.spt-on-duty-bg img {
		margin: 10px 0 0 12px;
		}
		.spt-on-duty-bg .weekend-duty {
			float: right;
			width: 214px;
			margin: 20px 20px 0 20px;
			/* was margin: 20px 40px 0 0; */
			padding-top: 380px; 
			background: transparent url(/images/team-bg.jpg) no-repeat top left;
			}
			
			.spt-on-duty-bg .weekend-duty2 {
			float: right;
			width: 214px;
			margin: 20px 20px 0 20px;
			/* was margin: 20px 40px 0 0; */
			padding-top: 380px; 
			background: transparent url(/images/team-bg-new.jpg) no-repeat top left;
			}
						
	.history-bg .textcontent {
		width: 755px; padding-right: 38px; padding-top: 15px;
		}
		
	 	.column1 {
		width: 256px;
		float: left;
		margin-top: 30px;
		padding: 0 0 0 28px;

		}
			.column1 a, .column3 a {
			color: #db690d;
			}
			
			.column1 a:hover, .column3 a:hover {
			color: #333;
			}
			
			.column1 p {
			padding: 0px 12px 0px 0px;
			margin: 0px 0px 10px 0px;
			}
			
			.column3 p {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 10px 0px;
			}
			
			.column1 img {
			margin: 0px;
			padding: 0px;
			}
		
		.column2 {
		width: 257px;
		float: left;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		}
			
			.column2 p, .column2_compass p {
			width: 145px;
			display: block;
			float:left;
			padding: 0px 8px 0px 5px;
			color: #FFF;
			margin: 0px;
			}
			
			.column2 img, .column2_compass img {
			border: 0px;
			padding: 0px;
			margin: 0px;
			float:left;
			}
			
				.column2_compass img {
				margin-top:20px;
				}
			
			.column2_compass {
			width: 257px;
			background:url(../images/orange_bg.jpg) top left no-repeat;
			margin: 0px;
			padding: 0px;
			float: left;
			height: 380px;
			vertical-align:bottom;
			}
			.column2_compass a {
			color: #552702;
			text-decoration: none;
			font-weight:bold;
			}
				.column2_compass a:hover {
				color: #f5a288;
				}
			
			
			
		
			
		
		.column3 {
		background: transparent url(/images/people.jpg) no-repeat top right;
		width: 261px;
		float: left;
		margin-top: 25px;
		padding-top: 50px;
		}
		
			.column3content {
			width: 135px;
			float: left;
			}	
			
			.column3 p {
			padding-left: 10px;
			padding-right: 10px;
			}
	 
			.whitecompass {
			width: 261px;
			float: left;
			background: url(../images/compass_white.jpg) top left no-repeat;
			height: 286px;
			margin: 0px;
			padding: 0px;
			}

.articles-top5 ul.articles-top li {
background-position: left bottom;
padding-left: 25px;
}

.articles-top5 ul.articles-top li a {
color: #666;
text-decoration: none;
}

.articles-top5 ul.articles-top {
margin-left: 8px;
}

.releases-top5 ul.releases-top li {
background-position: left bottom;
padding-left: 10px;
padding-top: 5px;
}

.releases-top5 ul.releases-top li a {
padding-left: 25px;
color: #666;
text-decoration: none;
}
.releases-top5 ul.releases-top li a:hover, .articles-top5 ul.articles-top li a:hover  {
color: #3B3B3B;
text-decoration: underline;
}

.footerbg {
	width: 100%;
	background: transparent url(/images/footerbg.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	height:385px;
	}

.footerwrap {
width: 824px;
margin: 0px auto;
padding: 0px;

}

.footercontent {
width: 824px;
background:url(/images/footer_area.jpg) top left repeat-y;
float: left;


}

.footertop {
width: 825px;
height: 47px;
margin: 0 auto;
padding: 0px;
background: transparent url(/images/footertop.jpg) no-repeat top left;
}



.aboutspt {
width: 160px;
background: url(/images/aboutspt.jpg) top left no-repeat;
margin: 12px 0px 0px 33px;
padding: 18px 0px 0px 0px;
float:left;
}

.aboutspt p, .contactus p {
color: #afb8cc;
}


.contactus {
width: 180px;
background: url(/images/contactus.jpg) top left no-repeat;
margin: 12px 0px 0px 0px;
padding: 15px 0px 0px 40px;
float: left;
}


.quicklinks {
width: 150px;
background: url(/images/quicklinks.jpg) top left no-repeat;
margin: 12px 0px 0px 0px;
padding: 32px 0px 0px 15px;
float: left;
}


.logofoot {
width: 173px;
float: left;
margin: 12px 0px 0px 0px;
color: #666;
}


.logofoot p, .logofoot a, .contactus a, .template_footer a {
color: #666;
}

.logofoot a:hover, .quicklinks a:hover, .contactus a:hover, .aboutspt a:hover, .template_footer a:hover {
color:#FFF;
}




/****** FOR INTERIOR TEMPLATES (not including special landing pages) **/
	
	.titlearea {
	width: 825px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/images/title_template.jpg) top center no-repeat;
	}
	
	.titlearea img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top;
	}	
	
	#bodycontent {
	width: 760px;
	padding: 20px 0px 0px 32px; !important
	margin: 0px;
	float: left;
	}
	
		#bodycontent a:hover {
		color:#FF9966;
		}
		
		#bodycontent a {
		text-decoration: none;
		}
	
	.template_footer {
	width: 800px;
	}
	.template_footerbg {
		width: 100%;
		background: url(/images/footerbg.jpg) top left repeat-x;
		margin: 0;
		padding: 0;
		height:162px;
		}


/***************************** TENDENCI STYLES *********************************************************************/

.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #7EA0A3}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #7EA0A3;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:  #003663; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; text-decoration: none}
.links {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666;}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #33CC00}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666666}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666}

	 

.color1 {
	background-color: #02318B;
}
.color2 {
	background-color: #003663;
}


.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}


a { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color:  #f05323;
	}
	
p { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}

h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #011642;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #011642;
}

h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #011642; 
	text-decoration: none
	}

h4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: none
	}

h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: none
	}

td { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}

input{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}

textarea{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}


select{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}

#headline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #7EA0A3;
}

.clear { clear: both; }

/* Safety page */
.safety #wrapper {
	background: transparent url(/images/template/ppl_bg_2.jpg) no-repeat bottom right;
	padding-bottom: 50px;
	}

/* Ship Descriptions */
.ship-desc {
	width: 98%;
	background: transparent url(/images/fleet/ship-desc-bg.jpg) no-repeat top center;
	}
.ship-desc-l {
	width: 98%;
	background: transparent url(/images/fleet/ship-desc-bg-l.jpg) no-repeat top center;	
	}

.ship-desc img, .ship-desc-l img { margin: 0 0 15px 0; }


.ship-desc table, .ship-desc-l table {
	border-top: 1px dotted #ccc;
	border-right: 1px solid #ccc;
	width: 300px;
	background-color: #999;
	}
	.ship-desc-l table td, .ship-desc table td { color: #fff; }
.ship-desc table .desc-head, .ship-desc-l table .desc-head {
	font-weight: bold;
	}

.ship-desc table td, .ship-desc-l table td { border-bottom: 1px dotted #ccc; border-left: 1px solid #ccc; }
.ship-desc table tr.last, .ship-desc-l table tr.last { border-bottom: none; }

/* glossary */
div.glossary strong { color: #000066; }
div.glossary h2 { font-size: 14px; }


/* Solutions Innovations page */

ul.inn-sol-ul { margin-bottom: 10px; }
.caption {
	float: right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e9d32a;
	display: block;
	width: 205px; 
	margin-top: 5px;
	padding: 7px;
	}

.graywhite {
	background: url(../images/fleet/contentbg.jpg) top left repeat-y;
	width: 824px;
	float:left;
	}

.innovate-gray {
	width: 411px;
	padding-left: 30px;
	float:left;
	}
	.innovate-gray ul li, .innovate-gray p { color: #fff; }


.innovate-gray img {
	padding: 0 7px 7px 0;
	}
.innovate-gray p {
	color: #FFF;
	margin-top: 0;
	}

.innovate-gray h1, .innovate-gray h2 {
color: #CCC;
margin-bottom: 3px;
padding-bottom: 2px;
border-bottom: 1px solid #ccc;
font-size: 14px;
}

.innovate-white {
width: 335px;
padding-left: 25px;
float: left;
}
.fleetfootertop {
width: 824px;
height: 47px;
margin: 0px auto;
padding: 0px;
background: url(/images/fleet/fleetfootertop.jpg) no-repeat top left;
}


.innovate-white h2 {
font-size: 14px;
font-weight: bold;
color: #D94209;
padding-bottom: 0px;
margin: 0px;
}
	.innovate-white p {
	margin: 0px;
	padding:2px;
	}
	
	.innovate-white img, .innovate-white img a, .innovate-white img a:hover {
	border: 3px solid #D94209;
	vertical-align:top;
	}

/* for captions on the Our Fleet landing page */

.sub-caption-bow { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #e9d32a; width: 150px; }
.sub-caption-ops { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #e9d32a; width: 230px; }

.fleet_gray h1, .fleet_gray .our-fleet h2 {
color: #e9d32a;
margin-bottom: 4px;
padding-bottom: 3px;
border-bottom: 1px solid #e9d32a;
font-size: 14px;
}
.our-fleet li, .our-fleet p { font-size: 12px; color: #fff; }
.floatright { float: right; margin: 5px 0 10px 15px; }
.floatleft { float: left; margin: 5px 10px 10px 0; }


a.cust-serv-footer img { border: none; margin-left: 0; }


/* DEF'N LIST HISTORY */

dl.history dt {
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin: 0 0 3px 0;
	}

dl.history dd {
	color: #cacaca;
	margin: 0 0 5px 0;
	padding-left: 20px;
	}

dl.history-side { width: 310px }
dl.history-side dt {
	font-weight: bold;
	color: #011642;
	font-size: 14px;
	margin: 0 0 3px 0;
	}

dl.history-side dd {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	}
dl.history-side dd.h-caption {
	margin: 3px 0 20px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #666;
	}
	
.award-title { text-transform: uppercase; color: #f60; }
.award-to { text-transform: uppercase; }

/* Flash Z-index positioning for Where We Are page */
.swfobject { z-index: -999; }