@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color: #0f1e43;
}
.Wrapper #container {
	width: 930px;  
	margin: 0 auto; 
	text-align: left;
	background:  url(images/Background2.gif) repeat-y;
	
	
}
.Wrapper #header {
	padding: 0px 0px 0px 23px;
	height:130px;
}

.Wrapper #mainContent {
	padding: 0px 14px 0px 14px; 
}

.Wrapper #mainContent #Content {
	padding:30px 20px 0px 40px;
	width:550px;
	}

.Wrapper #mainContent #Content p {
	font-size:13px;
	line-height:15px;
	color:#333333;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	text-align:justify;
	}
	
.Wrapper #mainContent #Content h1 {
	font-size:36px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:40px;
	margin-bottom:10px;
	font-weight:lighter;
	}
	
.Wrapper #mainContent #Content h2 {
	font-size:11px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	font-weight:bold;
	}
	
.Wrapper #mainContent #Content h3 {
	font-size:16px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	font-weight:bold;
	}
	
	
.Wrapper #mainContent #Content p a {
	color:#506594;
	text-decoration:none;
	}
	
.Wrapper #mainContent #Content p a:hover {
	color:#506594;
	text-decoration:underline;
	}
	
.Wrapper #mainContent #Content ul {
	font-size:12px;
	line-height:12px;
	color:#333333;
	}
	
.Wrapper #mainContent #Content ul li a {
	color:#506594;
	text-decoration:none;
	}
	
.Wrapper #mainContent #Content ul li a:hover {
	color:#506594;
	text-decoration:underline;
	}
	
#container2 {
	position:relative;
	margin-top:8px;
	
}



/*--------------------------HEADER PIC CHANGE HERE---------------------------------*/


.portHeader{
padding-left:9px;
background:url(images/contact2.jpg) no-repeat right;

}

.awardsHeader{
padding-left:9px;
background:url(images/award.jpg) no-repeat right;

}

.envHeader{
padding-left:9px;
background:url(images/env.jpg) no-repeat right;

}

.newsHeader{
padding-left:9px;
background:url(images/portPic1.jpg) no-repeat right;

}

.corpHeader{
padding-left:9px;
background:url(images/service.jpg) no-repeat right;

}

.serviceHeader{
padding-left:9px;
background:url(images/services.jpg) no-repeat right;

}

.safetyHeader{
padding-left:9px;
background:url(images/portPic1.jpg) no-repeat right;

}

.valuesHeader{
padding-left:9px;
background:url(images/values.jpg) no-repeat right;

}

.teamHeader{
padding-left:9px;
background:url(images/team.jpg) no-repeat right;

}

.testHeader{
padding-left:9px;
background:url(images/contact2.jpg) no-repeat right;

}

.contactHeader{
padding-left:9px;
background:url(images/contact4.jpg) no-repeat right;

}



/*--------------------------HEADER PIC CHANGE HERE---------------------------------*/


#nav {
	position:absolute;
	z-index:100;
	left: 25px;
	top: -8px;
	text-align:center;
}



.Wrapper #footer {
	padding: 0 10px;
	background-image:url(images/Backgroundfooter2.gif);
	background-repeat:no-repeat;
	height:65px;
	
}
.Wrapper #footer p {
	margin: 0; 
	padding: 25px 0px 0px 0px;
	text-align:center;
	font-size:9px;
	color:#505050;
}


.Wrapper #footer p a {
	
	color:#FFFFFF;
	text-decoration:none;
}




/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------TOP MENU----------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/




.NavBarH {
	height: 43px;
	width: 832px;
	margin-left: 0px;
	background: url(images/portNav4.jpg)
	
	}
	
/*-----------------------------------------------------------*/

.hbtn01	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(/images/n1r.jpg) no-repeat;
	width: 122px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn01 a {
	display: block;
	width: 122px;
	height: 43px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn01 img {width: 122px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.hbtn01 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.hbtn02	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(/images/n2r.jpg) no-repeat;
	width: 231px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn02 a {
	display: block;
	width: 231px;
	height: 43px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn02 img {width: 231px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.hbtn02 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.hbtn03	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(/images/n3r.jpg) no-repeat;
	width: 162px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn03 a {
	display: block;
	width: 162px;
	height: 43px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn03 img {width: 162px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.hbtn03 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.hbtn04	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(/images/n4r.jpg) no-repeat;
	width: 172px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn04 a {
	display: block;
	width: 172px;
	height: 43px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn04 img {width: 172px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.hbtn04 a:hover img{visibility:hidden}


	

.hbtn05	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(/images/n5r.jpg) no-repeat;
	width: 142px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn05 a {
	display: block;
	width: 142px;
	height: 43px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn05 img {width: 142px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.hbtn05 a:hover img{visibility:hidden}


	
	
	
	
.hbtn06	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(/images/n6r.jpg) no-repeat;
	width: 105px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn06 a {
	display: block;
	width: 105px;
	height: 43px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn06 img {width: 105px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.hbtn06 a:hover img{visibility:hidden}