/* FOR SPECIALLY DESIGNED LANDING PAGES

Section 1: The Our People page
Section 2: Mooring Masters page
Section 3: Our Fleet page


*/

/* = People Page ******************************************************/

.pplbgthing {
width: 800px;
height: 131px;
background: none;
margin-left: 13px;
vertical-align:top;
}

.safety-bgthing {
width: 800px;
background: transparent url(/images/template/ppl_bg.jpg) top left no-repeat;
margin-left: 13px;
vertical-align:top;
}

.ppl_container {
width: 740px;
margin-left: 41px;
padding-top: 30px;
}

.ppl_container2 {
width: 770px;
margin-left: 41px;
padding-top: 30px;
}

.people_columns {
width: 132px;
font: Arial, Helvetica, sans-serif;
float: left;
margin-left: 10px;
}		
	.people_columns p {
	margin-top: 2px;
	padding-top: 0px;
	}
	
	.people_columns2 {
width: 167px;
font: Arial, Helvetica, sans-serif;
float: left;
margin-left: 20px;
}		
	.people_columns2 p {
	margin-top: 2px;
	padding-top: 0px;
	}
	
	
.pplfootertop {
width: 824px;
height: 47px;
margin: 0px auto;
padding: 0px;
background: url(/images/peoplepg/footer_top.jpg) no-repeat top left;
} 

.pplfootertop2 {
width: 824px;
height: 47px;
margin: 0px auto;
padding: 0px;
background: url(/images/peoplepg/footer_top2.jpg) no-repeat top left;
} 

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

/*
.peoplerow {
width: 824px;
margin: 0 auto;
padding: 0px;
clear:both;
} */
 .peoplebg {
	 background: transparent url(/images/peoplepg/footer-bg.jpg) no-repeat top left;
	 display: block;
	 width: 799px;
	 height: 194px;
	 margin-left: 13px;
	 }
	 
	  .peoplebg2 {
	 background: transparent url(/images/peoplepg/footer-bg2.jpg) no-repeat top left;
	 display: block;
	 width: 799px;
	 height: 194px;
	 margin-left: 13px;
	 }
	 
	


/*
.mooringmaster img, .commercial img, .fleetguy img, .lngguy img, .financial img {
vertical-align: bottom;
border: 0px;
margin: 0px;
padding:0px;
}
*/

.mooringmaster a, .commercial a, .fleetguy a, .lngguy a, .financial a {
display: block;
float: left;
}

.mooringmaster2 a, .commercial2 a, .fleetguy2 a, .lngguy2 a, .financial2 a {
display: block;
float: left;
}
	.mooringmaster a {
	width: 190px;
	height: 196px;
	}
	
	.mooringmaster2 a {
	width: 240px;
	height: 196px;
	}
	
	.commercial a {
	width: 146px;
	height: 196px;
	}
	
	.commercial2 a {
	width: 176px;
	height: 196px;
	}
	
	.fleetguy a {
	width: 151px;
	height: 196px;
	}
	
	.fleetguy2 a {
	width: 191px;
	height: 196px;
	}
	
	.lngguy a {
	width: 147px;
	height: 196px;
	}
	
	.lngguy2 a {
	width: 187px;
	height: 196px;
	}

	.financial a {
	width: 160px;
	height: 196px;
	}

.gray-footer {
	background: #ccc url(/images/gray-footer-bg.jpg) repeat-y top left;
	}
	.graytop-asst {
		width: 825px;
		background: url(/images/mooringmaster/graytop-asst.jpg) top left no-repeat;
		margin: 0 auto;
		padding: 0;
		height: 6px;
		display: block;
		}
	.gray-footer-asst {
		background: transparent url(/images/mooringmaster/grayfooter-bg.jpg) repeat-y top left;
		}
	
.gray-ppl-list {
	padding-top: 15px;
	width: 610px;
	margin-left: 160px;
	}
	.gray-ppl-list-asst {
	padding-top: 15px;
	width: 610px;
	margin-left: 160px;
	}
	
.gray-footer p {
	color: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}

.mmfootertop-asst {
width: 824px;
height: 47px;
margin: 0px auto;
padding: 0px;
background: url(/images/mooringmaster/mmtop-asst.jpg) no-repeat top left;
}

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

.graytop{
	width: 825px;
	background: url(/images/mooringmaster/graytop.jpg) top left no-repeat;
	margin: 0 auto;
	padding: 0;
	height: 6px;
	display:block;
	}

.tempmooringmasters {
width: 824px;
margin: 0px;
}

		div.mmgray_sides {
		width: 111px;
		height: 310px;
		float: left;
		margin: 0px;
		padding: 0px;

		}
			
			#mm_left {
			background: url(../images/mooringmaster/side_left.jpg) top left repeat-y;
			} 
			
			#mm_right {
			background: url(../images/mooringmaster/side_right.jpg) top left repeat-y;			
			}
		
		div.mmgray_columns {
		width: 300px;
		float: left;
		margin: 0;
		padding:0;
		background: url(/images/mooringmaster/columnbg.jpg) top left repeat-y;
		}
		div.mmgray_columns-asst {
		width: 300px;
		float: left;
		margin: 0;
		padding: 0;
		background-color: #acacac;
		}
		div.people-box {
			width: 300px;
			height: 150px;
			clear: both;
			
			}
			
			div.mmgray_columns img {
			float: left;
			border: 0px;
			margin: 0px;
			}
			div.mmgray_columns-asst img {
			float: left;
			border: 0px;
			margin: 0px;
			}
			
			div.mmgray_text {
			width: 150px;
			float: left;
			display:block;
			height:125px;
			margin: 0px 0px 0px 0px;
			padding: 25px 0px 0px 10px;
			}
				div.mmgray_text p {
				color: #FFF;
				}
		


/* = Fleet Page ******************************************************/

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

.fleet_gray {
width: 411px;
padding-left: 30px;
float:left;

}


.fleet_gray img{
padding: 7px;

}
.fleet_gray p {
color: #FFF;
margin-top:0px;

}

.fleet_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;
}


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

.footertop-work-for-spt {
	width: 824px;
	height: 47px;
	margin: 0px auto;
	padding: 0px;
	background: url(/images/work-for-spt-footer-top.jpg) no-repeat top left;
	}