body
{
	margin: 0;
	font-family: Arial, Helvetica;
	color: #3f3f3f;
	font-size: 62.5%;
	background-color: #fff;
}

/* Remove padding & margins for all elements */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

/* Remove border from all images */
img
{
	border: 0;
}

/* Clear div floats */
.clear
{
	width: 100%;
	float: left;
}

/* Spacing */

/* Font/text styles */
a
{
	color: #3f3f3f;
	text-decoration: none;
}

	a:hover
	{
		
	}
	
	a:active, a:focus { outline: 0 }

h1
{
	font-size: 3em;
	float: left;
}

	h1 a
	{
		width: 180px;
		height: 37px;
		float: left;
		text-indent: -5000px;
		background: url('/images/logo_seaaxis.gif') no-repeat left top;
	}

h2
{
	font-size: 2em;
	float: left;
}

h3
{
	font-size: 1.8em;
	float: left;
}

h4
{
	font-size: 1.4em;
	float: left;
}

p { width: 100%; float: left; }

span { }

/* Header */

#header
{
	width: 100%;
	height: 63px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #f0f0f0;
}

	#header .content-1-2
	{
		width: 395px;
		height: 48px;
		float: left;
		padding: 15px 0 0 20px;
	}

	#header .content-2-2
	{
		width: 365px;
		height: 33px;
		float: left;
		padding: 30px 0 0 0;
	}
	
	#header h2
	{
		width: 301px;
		height: 21px;
		float: right;
		text-indent: -5000px;
		background: url('/images/strapline.gif') no-repeat left top;	
	}

/* Navigation */
#navigation
{
	width: 100%;
	height: 47px;
	background-image: url(/images/background_navigation.gif);
	margin: 0;
	padding: 0;
	float: left;
}

	#navigation ul
	{
		width: 100%;
		list-style-type: none;
		padding: 3px 0 0 0;
		margin: 0;
		float: left;
	}

		#navigation ul li
		{
		}
		
			#navigation ul li.internal-link
			{
				float: left;
				padding: 0 0 0 11px;
			}

			#navigation ul li.external-link
			{
				float: right;
			}

	#navigation .content-1-1
	{
		width: 780px;
		height: 47px;
		float: left;
		padding: 2px 0 0 0;
	}

/* Content */
#page-container
{
	width: 100%;
	font-size: 1.2em;
	float: left;
}

	#content-container
	{
		width: 780px;
		float: left;
	}
	
		.home
		{
			width: 780px;
			float: left;
			background: url('/images/background_home.jpg') no-repeat left top;
		}
		
		#home-feature
		{
			width: 100%;
			float: left;
			padding: 25px 15px 10px 15px;
			margin-top: 156px;
			background: url('/images/home_feature_bg.gif') repeat-y left top;	
		}

			#page-container h3
			{
				width: 740px;
				font-size: 1.7em;
				color: #DB2121;
				font-weight: bold;
			}
			
			#home-feature p
			{
				width: 740px;
				float: left;	
			}
			
			#home-feature a
			{
				float: right;
				padding-top: 10px;
			}

			.home-feature-copy
			{
				width: 740px;
				font-size: 1.7em;
				color: #3f3f3f;
				font-weight: bold;
			}
			
			#home-feature-footer
			{
				width: 100%;
				height: 11px;
				float: left;
				background: url('/images/home_feature_footer.gif') no-repeat left top;	
			}
			
			#home-content-wrapper
			{
				width: 780px;
				float: left;
				background: url('/images/homepage_wrapper_background.gif') no-repeat left top;
			}

				.home-content-1
				{
					width: 165px;
					float: left;
					padding: 15px;
				}
				
				.home-content-1-noheading
				{
					padding-top: 37px;
				}
				
					.home-content-1 h4
					{
						width: 100%;
						float: left;
						padding-bottom: 10px;
					}

					.home-content-1 ul
					{
						width: 100%;
						float: left;
					}

						.home-content-1 li
						{
							width: 165px;
							float: left;
							list-style: none;
							padding-top: 10px;
						}

					.home-content-feature
					{
						width: 100%;
						float: left;
						padding-top: 10px;
					}
					
						.home-content-feature p
						{
							width: 100%;
							float: left;
						}
						
						.home-content-feature img
						{
							float: left;
						}
						
						.home-content-feature span
						{
							width: 130px;
							float: right;
						}

				#main-content-wrapper
				{
					width: 780px;
					margin: 0;
					padding: 0;
					float: left;
				}
				
				.bg-main
				{
					background-image: url(../../images/background_main.gif);
				}
				
				.bg-media
				{
					background-image: url(../../images/background_media.gif);
				}

					#main-content-wrapper ul
					{
						width: 720px;
						float: left;
					}

					#main-content-wrapper a:hover, #home-content-wrapper a:hover
					{
						text-decoration: none;
						background-color: #e5e5e5;
					}
					
					#main-content-wrapper a.on, #home-content-wrapper a.on
					{
						text-decoration: none;
						background-color: #e5e5e5;
					}
					
					#main-content-wrapper .content-1-2
					{
						width: 165px;
						float: left;
						padding: 15px;
					}
					
						#main-content-wrapper .content-1-2 ul, #main-content-wrapper .content-1-3 ul, #main-content-wrapper .content-3-3 ul
						{
							width: 165px;
							list-style-type: none;
							margin: 0;
							padding: 0;
						}
						
							#main-content-wrapper .content-1-2 li, #main-content-wrapper .content-1-3 li, #main-content-wrapper .content-3-3 li
							{
								width: 165px;
								float: left;
								margin-bottom: 10px;
							}
							
								#main-content-wrapper .content-1-2 li ul
								{
									margin-top: 5px;
								}
							
									#main-content-wrapper .content-1-2 li ul li
									{
										width: 135px;
										margin: 0 0 0 10px;
										padding: 0 0 0 10px;
										background: url(../../images/arrow.gif) no-repeat 0 5px;
										font-size: 0.9em;
									}

					#main-content-wrapper .content-2-2
					{
						width: 555px;
						float: left;
						padding: 15px;
					}
					
						#main-content-wrapper .content-2-2 ul.bullet, #main-content-wrapper .content-2-3 ul.bullet
						{
							width: 500px;
							list-style-image: url(../../images/bullet.gif) !important; /* Mozilla */
							list-style-image: url(../../images/bullet.gif); /* Mozilla */
							list-style-image/**/:/**/url(../../images/bullet_ie.gif); /* IE */
							padding: 10px 0 0 30px;
							margin: 0;
						}
						
						#main-content-wrapper .content-2-2 li, #main-content-wrapper .content-2-3 li
						{
							width: 500px;
						}
						
					#main-content-wrapper .content-1-3
					{
						width: 165px;
						float: left;
						padding: 15px;
					}
					
					#main-content-wrapper .content-2-3
					{
						width: 360px;
						float: left;
						padding: 15px;
					}
					
					#main-content-wrapper .content-3-3
					{
						width: 165px;
						float: left;
						padding: 15px;
					}
					
					#main-content-wrapper .contacts-1-2
					{
						width: 267px;
						float: left;
					}
					
					#main-content-wrapper .contacts-2-2
					{
						width: 288px;
						float: left;
						text-align: right;
					}
					
					#main-content-wrapper .contacts-2-2-left
					{
						width: 288px;
						float: left;
						text-align: left;
					}
					
					#main-content-wrapper .contacts-2-2-justify
					{
						width: 288px;
						float: left;
						text-align: justify;
					}

	#main-feature-1
	{
		width: 780px;
		height: 100px;
		float: left;
	}

	#main-feature-2
	{
		width: 750px;
		height: 38px;
		float: left;
		background-image: url(../../images/main_feature_2.gif);
		background-repeat: no-repeat;
		padding: 10px 15px 15px 15px;
	}

	#main-content-wrapper-footer
	{
		width: 780px;
		float: left;
		height: 15px;
		background-color: #FFF;
	}

	table
	{
		float: left;
		text-align: left;
		padding: 0;	
		margin: 0;
		border: solid 1px #e1e1e1;
	}
	
	td, th
	{
		padding: 5px;
		border: solid 1px #e1e1e1;
	}
	
	.table-footer
	{
		font-size: 0.9em;
		padding: 5px 0 0 5px;
	}

	#SeaCell2Specification
	{
		width: 550px;
		margin-top: 20px;	
	}
	
	#SeaCell2Benefits
	{
		width: 400px;
		margin-top: 20px;	
	}
	
	#SeaFresh
	{
		width: 500px;
		margin-top: 20px;
	}
	
	#SeaRack
	{
		width: 400px;
		margin-top: 20px;
	}
	
	#SeaTank
	{
		width: 500px;
		margin-top: 20px;
	}
	
		#SeaTank th
		{
			width: 350px;
		}
		
    #StandardDryFreight
	{
		width: 400px;
		margin-top: 20px;
	}

/* Accordion */
.accordion-content
{
	background-color: #ffffff;
	float: left;
}

.accordion-link
{
	float: left;
	width: 549px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #666;
	padding: 2px 3px;
	margin: 5px 0;
	cursor: pointer;
	display: block;
	clear: both;
}
	
/* Footer */
#footer
{
	width: 750px;
	height: 60px;
	background-image: url(/images/background_footer.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 0 15px 0 15px;
	font-size: 0.8em;
	margin-top: 10px;
}

	#footer .content-1-1
	{
		width: 750px;
		float: left;
		text-align: right;
		padding-top: 10px;
	}
	
	#footer .content-1-2
	{
		width: 385px;
		float: left;
		padding-top: 10px;
	}
	
		#footer .content-1-2 img
		{
			padding-right: 10px;
		}

		#footer .content-1-2 ul
		{
			width: 100%;
			font-size: 1em;
			float: left;
			list-style: none;
		}
		
			#footer .content-1-2 li
			{
				float: left;
			}
			
				#footer .content-1-2 li a
				{
					float: left;
					padding: 0 10px;
				}
	
	#footer .content-2-2
	{
		width: 365px;
		float: left;
		padding-top: 10px;
		text-align: right;
	}
	
.padding-top-10
{
	padding: 10px 0 0 0;
}

.padding-top-20
{
	padding: 20px 0 0 0;
}

.padding-bottom-10
{
	padding: 0 0 10px 0;
}

.bold
{
	font-weight: bold;
}

.red-bold
{
	color: #DB2121;
	font-weight: bold;
}

.red-bold-lrg
{
	font-size: 1.1em;
	color: #DB2121;
	font-weight: bold;
}

#contacts .red-bold-lrg
{
	float: left;
	width: 300px;
}

.white-grey-header
{
    width: 549px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #666;
	padding: 2px 3px;
	margin: 10px 0;
}

.news-image
{
	padding: 5px;
}

#news-article p
{
	padding-top: 10px;
}

#news-article ul
{
	width: 330px !important;
	padding-top: 10px;
	margin-left: 2em;
    list-style: disc outside;
}

#news-article li
{
	width: 100% !important;
}

/*
 * An obnoxious label to identify dev sites. Not used in production.
 */
.SiteLabel
{
	position:absolute;
	top:5px;
	right:5px;
	background-color: Yellow;
	color: Black;
	padding: 0.25em;
	font-weight: bold;
	width: 150px;
	font-size: 16px;
}