/*==================== Basic ====================*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	
}
body {
	background-color: #ECECEC;
	background-image: url(images/bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
hr {
	clear: both;
	color: #ECECEC;
	height: 0px;
	border: 0px;
	border-bottom: 1px solid #ECECEC;
	margin: 0px;
}
.left {
	clear: left;
	float: left;
}
.left50 {
	float: left;
	width: 50%;
}

.right {
	clear: right;
	float: right;
}
.right50 {
	float: right;
	width: 50%;
}
.both {
	clear: both;
}
.hidden {
	display: none;
}

/*==================== Layout ====================*/

.site {
	background-image: url(images/sitebg.jpg);
	background-repeat: repeat-y;
	margin: 0px auto;
	width: 910px;
}

/*---------- Site Header ----------*/

.header {
	height: 200px;
	width: 910px;
}
.header .banner {
	height: 150px;
	margin: 0px 0px 0px 5px;
	width: 910px;
}
.header .navigation {
	background-image: url(images/navigationbg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 910px;
}
.header .navigation ul {
	height: 50px;
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	width: 600px;
}
.header .navigation ul li {
	color: #FFFFFF;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 100px;
}
.header .navigation ul li a {
	color: #FFFFFF;
	display: block;
	height: 50px;
	text-decoration: none;
	width: 100px;
}

/*==================== Site Content ====================*/

/*---------- Site Left ---------- */

.content .left {
	margin: 0px 0px 0px 5px;
	width: 185px;
}
.content .left .section {
	background-image: url(images/leftnavigationbg.jpg);
	background-repeat: repeat-y;
	margin: 5px 0px 0px 5px;
	width: 175px;
}
.content .left .section h1 {
	background-image: url(images/leftnavigationtop02.jpg);
	color: #FFFFFF;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	margin: 0px 0px 0px 0px;
}
.content .left .section span.subnavigationtitle {
	margin: 0px 0px 0px 10px;
}
.content .left .section ul {
	background-image: url(images/leftnavigationbottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	list-style: none;
	padding: 5px 0px 10px 0px;
}
.content .left .section ul li a {
	display: block;
	height: 25px;
	line-height: 15px;
	margin: 0px 0px 0px 7px;
	text-decoration: none;
	width: 150px;
}
.content .left .section ul p {
	color: #666666;
	line-height: 15px;
	padding: 0px 0px 0px 10px;
	width: 150px;
}
.content .left img {
	margin: 10px 51px;
}
.content .left a img {
	border: none;
	text-decoration: none;
}

/*---------- Site Right ----------*/

.content .right {
	width: 715px;
	margin: 0px 5px 0px 0px;
}
.content .right .mainimg {
	margin: 5px 0px 0px 0px;
}
.content .right .contactlocations {
	background-image: url(images/seaport/locations_bg.jpg);
	background-repeat: no-repeat;
	height: 175px;
	margin: 5px 0px;
	width: 525px;
}
.content .right .contactlocations .left50 {
	margin: 0px;
	width: 251px;
}
.content .right .contactlocations .left50 h1 {
	margin: 10px 0px 5px 10px;
	width: 251px;
}
.content .right .contactlocations .left50 p {
	margin: 10px 0px 0px 10px;
	width: 251px;
}
.content .right .left50 {
	margin: 0px 0px 10px 0px;
}
.content .right .left50 a {
	color: #3372AB;
	text-decoration: none;
}
.content .right .right50 {
	margin: 0px 0px 10px 0px;
}
.content .right .right50 a {
	color: #3372AB;
	text-decoration: none;
}

/*---------- Site Right Locations ----------*/

.content .right .contactlocations2 {
	background-image: url(images/seaport/locations2_bg.jpg);
	background-repeat: no-repeat;
	height: 125px;
	margin: 5px 0px;
	width: 525px;
}
.content .right .contactlocations2 .left50 {
	margin: 0px;
	width: 300px;
}
.content .right .contactlocations2 .left50 h1 {
	margin: 10px 0px 5px 10px;
	width: 300px;
}
.content .right .contactlocations2 .left50 p {
	margin: 10px 0px 0px 10px;
	width: 300px;
}

.content .right .contactlocations .right50 {
	margin: 0px;
	padding: 10px 10px 0px 0px;
	width: 251px;
}
.content .right .contactlocations .right50 p {
	margin: 0px;
	text-align: center;
	width: 251px;
}
.content .right .contactlocations .right50 img {
	margin: 0px;
}

/*---------- Site Right Seaport ----------*/

.content .right .seaportcontainer {
	width: 625px;
}
.content .right .seaportleft {
	clear: left;
	float: left;
	margin: 0px 10px 0px 0px;
	width: 125px;
}
.content .right .seaportleft .text {
	height: 20px;
	line-height: 20px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	width: 125px;
}
.content .right .seaportleft .text a.seaportlink {
	color: #3372AB;
	line-height: 20px;
	text-decoration: none;
}

.content .right .seaportright {
	clear: right;
	float: right;
	width: 490px;
}
.content .right .seaportright .headline {
	margin: 0px 0px 10px 0px;
	width: 490px;
}
.content .right .seaportright p.text {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 490px;
}
.content .right .seaportright .list li {
	background-image: url(images/bullet.jpg);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 15px;
}
.content .right .seaportright .list {
	width: 490px;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	color: #666666;
	line-height: 20px;
	list-style: none;
}
.content .right .seaportbottom {
	clear: both;
	margin: 0px 0px 10px 0px;
	width: 625px;
}
.content .right .seaportbottomlink {
	margin: 0px 0px 10px 0px;
	text-align: right;
	width: 490px;
}
.content .right .seaportbottomlink a {
	color: #3372AB;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
}

/*---------- Employee Table ----------*/

.employee {
	width: 600px;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	color: #666666;
	line-height: 20px;
	text-align: justify;
}
.employee img {
	border: none;
}

/*---------- Footer ----------*/

.footer {
	background-image: url(images/footerbg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	clear: both;
	height: 75px;
	width: 910px;
}
.footer .container {
	height: 75px;
	margin: 0px auto;
	width: 340px;
}

.footer p {
	color: #3372AB;
	line-height: 75px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

/*==================== Text ====================*/

.quote {
	background: url(images/closedquote.jpg) no-repeat right bottom;
	color: #999999;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	line-height: 30px;
	margin: 25px 0px 25px 40px;
	padding-right: 5px;
	text-align: center;
	width: 550px;
}

.quote:first-letter {
	background: url(images/openquote.jpg) no-repeat left top;
	padding-left: 15px;
	padding-top: 10px;
	
}

.text {
	width: 615px;
	font-size: 12px;
	margin: 0px 0px 10px 5px;
	color: #666666;
	line-height: 20px;
	text-align: justify;
}
.headline {
	width: 615px;
	font-size: 16px;
	font-weight: bold;
	color: #3372AB;
	margin: 5px 0px 5px 5px;
}
.headline a {
	font-size: 16px;
	font-weight: normal;
	color: #3372AB;
}
.blue {
	color: #3372AB;
	font-size: 12px;
	text-align: left;
}
.list {
	width: 550px;
	font-size: 12px;
	margin: 0px 0px 10px 10px;
	color: #666666;
	line-height: 20px;
	list-style: none;
}
.list li {
	background-image: url(images/bullet.jpg);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
}
.sublist {
	width: 550px;
	font-size: 12px;
	margin: 0px 0px 10px 35px;
	color: #666666;
	line-height: 20px;
	list-style: none;
}
.sublist li {
	background-image: url(images/bullet.jpg);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
}
/*==================== Buttons ====================*/

a.button {
	color: #3372AB;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 0px 12px;
}
a.button:hover {
	color: #981E32;
	background-image: url(images/bullet_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 0px 12px;
}
a.home_btn {
	background-image: url(images/home_btn.jpg);
	background-repeat: no-repeat;
}
a.home_btn:hover {
	background-image: url(images/home_btn_over.jpg);
	background-repeat: no-repeat;
}
a.about_btn {
	background-image: url(images/about_btn.jpg);
	background-repeat: no-repeat;
}
a.about_btn:hover {
	background-image: url(images/about_btn_over.jpg);
	background-repeat: no-repeat;
}
a.employees_btn {
	background-image: url(images/employees_btn.jpg);
	background-repeat: no-repeat;
}
a.employees_btn:hover {
	background-image: url(images/employees_btn_over.jpg);
	background-repeat: no-repeat;
}
a.news_btn {
	background-image: url(images/news_btn.jpg);
	background-repeat: no-repeat;
}
a.news_btn:hover {
	background-image: url(images/news_btn_over.jpg);
	background-repeat: no-repeat;
}
a.products_btn {
	background-image: url(images/products_btn.jpg);
	background-repeat: no-repeat;
}
a.products_btn:hover {
	background-image: url(images/products_btn_over.jpg);
	background-repeat: no-repeat;
}
a.services_btn {
	background-image: url(images/services_btn.jpg);
	background-repeat: no-repeat;
}
a.services_btn:hover {
	background-image: url(images/services_btn_over.jpg);
	background-repeat: no-repeat;
}
a.careers_btn {
	background-image: url(images/careers_btn.jpg);
	background-repeat: no-repeat;
}
a.careers_btn:hover {
	background-image: url(images/careers_btn_over.jpg);
	background-repeat: no-repeat;
}
a.contacts_btn {
	background-image: url(images/contacts_btn.jpg);
	background-repeat: no-repeat;
}
a.contacts_btn:hover {
	background-image: url(images/contacts_btn_over.jpg);
	background-repeat: no-repeat;
}