@charset "utf-8";



body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #ededed;

}



#frame {

	width:980px;

	margin-right:auto;

	margin-left:auto;

	padding:0px;

	margin-top: 0px;

		}

#frame2 {

	width:980px;

	margin-right:auto;

	margin-left:auto;

	padding:0px;

	margin-top: 30px;

}

#frame3 {

	width:978px;

	margin-right:auto;

	margin-left:auto;

	padding:0px;

	margin-top: 20px;

	height: 450px;

}

#frame4 {

	width:978px;

	margin-right:auto;

	margin-left:auto;

	padding:0px;

	height: 80px;

}

#frame-content {

	width:978px;

	margin-right:auto;

	margin-left:auto;

	padding:0px;

	margin-top: 20px;

	height: 450px;

}

#frame-products {

	width:978px;

	margin-right:auto;

	margin-left:auto;

	padding:0px;

	margin-top: 20px;

	height: 900px;

}















		

		#contentheader {

	width: 980px;

	height: 121px;

	position: relative;

		}

		

		.logo {

	top: 67px;

	width: 200px;

	height: 68px;

	position: relative;

}

		

		.pic {

	width: 980px;

	background-repeat: no-repeat;

}

	

	

	ul#headerpanels{margin:0; padding:0; list-style:none; clear:both;}

		#headerpanels li{

	float:left;

}



		/* PANEL 1 */

			#headerpanels li.panel1{

	width:200px;

	height: 135px;

}			



	

	/* PANEL 2 */

			#headerpanels li.panel2{

	width:430px;

	height: 135px;

}		



/* PANEL 3 */

			#headerpanels li.panel3{

	width:350px;

	height: 135px;

}		



.companyname {

	position: relative;

	width: 280px;

	top: 88px;

	left: 5px;

}

.MaritimeLogo {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 20px;

	color: #004080;

}

.MaritimeSlogan {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 9px;

	color: #000;

}



		

.content {

	font-family: Arial, Helvetica, sans-serif;

}

.extra-info {

	width: 980px;

	height: 36px;

	background-image: url(images/extra-info.png);

	background-repeat: no-repeat;

}

.extra-infoDIV {

	width: 800px;

	position: relative;

	top: 10px;

	left: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666;

	font-weight: bold;

}









/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ ul#navmenu-h {

	margin: 0;

	padding: 0;

	list-style: none;

	position: relative;

	z-index: 1;

} ul#navmenu-h ul {

	width: 200px; 

	

	/* Sub Menu Width */

	margin: 0;

	list-style: none;

	display: none;

	position: absolute;

	top: 100%;

	left: -40px;

} ul#navmenu-h ul ul,ul#navmenu-h ul ul ul {

	top: 0;

	left: 100%;

} ul#navmenu-h li { float: left; display: inline; position: relative; } ul#navmenu-h ul li { width: 100%; display: block; } 



/* Root Menu */ ul#navmenu-h a {

	padding: 10px;

	float: left;

	display: block;

	color: #FFF;

	text-decoration: none;

	height: 1%;

	background-color: #013868;

	font-family: Verdana;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	margin-left: 25px;

} 



/* Root Menu Hover Persistence */ ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {

	color: #FFF;

	background-color: #014787;

} 



/* 2nd Menu */ ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {

	float: none;

	background-color: #012647;

} 



/* 2nd Menu Hover Persistence */ ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {

	background-color: #011B32;

} 



/* 3rd Menu */ ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {

	background-color: #013868;

} 



/* 3rd Menu Hover Persistence */ ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {

	background: #012647;

} 



/* 4th Menu */ ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {

	background: #012647;

} 



/* 4th Menu Hover */ ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {

	background: #012647;

} 



/* Hover Function - Do Not Move */ ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul {

	display: none;

} ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul {

	display: block;

}

.contentmenu {

	width: 980px;

	background-color: #013868;

	height: 33px;

}

#contentfooterpanel {

	width: 978px;

	height: 121px;

	position: relative;

}







ul#footerpanels{margin:0; padding:0; list-style:none; clear:both;}

		#footerpanels li{

	float:left;

}



		/* PANEL 1 */

			#footerpanels li.panel1{

	width:326px;

	height: 450px;

}			



	

	/* PANEL 2 */

			#footerpanels li.panel2{

	width:326px;

	height: 450px;

}		



/* PANEL 3 */

			#footerpanels li.panel3{

	width:326px;

	height: 450px;

}		



.PANEL1 {

	height: 450px;

	width: 317px;

	background-image: url(images/panel-1.gif);

	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;

}

.PANEL2 {

	height: 450px;

	width: 317px;

	background-image: url(images/panel-2.gif);

	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;

}

.PANEL3 {

	height: 450px;

	width: 317px;

	background-image: url(images/panel-3.gif);

	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;

}

.PanelTitle {

	position: relative;

	width: 90%;

	top: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #205582;

	letter-spacing: -1px;

	margin-right: auto;

	margin-left: auto;

}



.PanelTitle a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #205582;

	letter-spacing: -1px;

	text-decoration: none;

}



.PanelTitle a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #205582;

	letter-spacing: -1px;

	text-decoration: none;

}



.PanelTitle a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #0F273C;

	letter-spacing: -1px;

	text-decoration: underline;

}





.PanelTitle2 {

	position: relative;

	width: 90%;

	top: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #375D15;

	letter-spacing: -1px;

	margin-right: auto;

	margin-left: auto;

}



.PanelTitle2 a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #375D15;

	letter-spacing: -1px;

	text-decoration: none;

}



.PanelTitle2 a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #375D15;

	letter-spacing: -1px;

	text-decoration: none;

}



.PanelTitle2 a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #22390D;

	letter-spacing: -1px;

	text-decoration: underline;

}



.PanelTitle3 {

	position: relative;

	width: 90%;

	top: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #71490C;

	letter-spacing: -1px;

	margin-right: auto;

	margin-left: auto;

}



.PanelTitle3 a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #71490C;

	letter-spacing: -1px;

	text-decoration: none;

}



.PanelTitle3 a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #71490C;

	letter-spacing: -1px;

	text-decoration: none;

}



.PanelTitle3 a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #3C2606;

	letter-spacing: -1px;

	text-decoration: underline;

}





.PanelInfo {

	position: relative;

	width: 90%;

	top: 150px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #959595;

	margin-right: auto;

	margin-left: auto;

}





.PanelInfo a {

	color: #333;

	font-size: 12px;

	font-family: Verdana;

	letter-spacing: -1px;

	font-weight: bold;

	text-decoration: none;

}



.PanelInfo a:visited {

	color: #333;

	font-size: 12px;

	font-family: Verdana;

	letter-spacing: -1px;

	font-weight: bold;

	text-decoration: none;

}





.PanelInfo a:hover {

	color: #800040;

	font-size: 12px;

	font-family: Verdana;

	letter-spacing: -1px;

	font-weight: bold;

	text-decoration: underline;

}



.footer {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 11px;

	width: 98%;

	position: relative;

	margin-right: auto;

	margin-left: auto;

	top: 10px;

}



.footer a {

	color: #333;

	font-size: 11px;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	text-decoration: none;

}



.footer a:visited {

	color: #333;

	font-size: 11px;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	text-decoration: none;

}





.footer a:hover {

	color: #800040;

	font-size: 11px;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	text-decoration: underline;

}

.breadcrumb {

	width: 980px;

	background-image: url(images/breadcrumb.png);

	background-repeat: no-repeat;

	height: 56px;

}

.breadcrumb-div {

	position: relative;

	width: 700px;

	top: 21px;

	left: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.breadcrumb-div a {

	color: #013868;

	font-size: 11px;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	text-decoration: none;

}



.breadcrumb-div a:visited {

	color: #013868;

	font-size: 11px;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	text-decoration: none;

}





.breadcrumb-div a:hover {

	color: #800040;

	font-size: 11px;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	text-decoration: underline;

}



#content-content {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 450px;

}

#content-content-products {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 900px;

}

#content-content-products-Pumps {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 2300px;

}







.content-title {

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	width: 680px;

	top: 10px;

	margin-right: auto;

	margin-left: auto;

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 25px;

	color: #013868;

}

.content-title-products {

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	width: 615px;

	top: 20px;

	margin-right: auto;

	margin-left: auto;

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 25px;

	color: #013868;

}

.content-title-products-many {

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	width: 615px;

	top: 20px;

	margin-right: auto;

	margin-left: auto;

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 20px;

	color: #900;

	margin-bottom: 10px;

}

.content-title-products-many-inner {

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	width: 680px;

	top: 20px;

	margin-right: auto;

	margin-left: auto;

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 20px;

	color: #900;

	margin-bottom: 10px;

}







.content-picture {

	position: relative;

	width: 680px;

	top: 20px;

	margin-right: auto;

	margin-left: auto;

}

.content-information {

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	width: 680px;

	top: 40px;

	margin-right: auto;

	margin-left: auto;

	font-size: 12px;

	color: #000;

}



.content-information a {

	color: #013868;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: none;

}



.content-information a:visited {

	color: #013868;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: none;

}





.content-information a:hover {

	color: #800040;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: underline;

}













ul#contentpanels{margin:0; padding:0; list-style:none; clear:both;}

		#contentpanels li{

	float:left;

}



		/* PANEL 1 */

			#contentpanels li.contentpanel1{

	width:715px;

}			



	

	/* PANEL 2 */

			#contentpanels li.contentpanel2{

	width:263px;

}		

.menu-title {

	position: relative;

	width: 230px;

	margin-right: auto;

	margin-left: auto;

	top: 13px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #887E7B;

}

.menu-PDFs {

	position: relative;

	width: 230px;

	margin-right: auto;

	margin-left: auto;

	top: 40px;

}





.menu-bg {

	background-image: url(images/menu-bg.gif);

	background-repeat: no-repeat;

	position: relative;

	height: 233px;

	width: 263px;

	top: 27px;

}

.menu-1stlink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	position: relative;

	width: 225px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 20px;

	font-weight: bold;

	color: #F0F0F0;

	padding-bottom: 5px;

}



.menu-1stlink a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #F0F0F0;	

	text-decoration: none;

}



.menu-1stlink a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #F0F0F0;	

	text-decoration: none;

}





.menu-1stlink a:hover {

	color: #FFFFFF;

	font-size: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: underline;

}







.menu-morelinks {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	position: relative;

	width: 225px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 7px;

	font-weight: bold;

	color: #F0F0F0;

	padding-bottom: 5px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #877D7B;

}



.menu-morelinks a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #F0F0F0;	

	text-decoration: none;

}



.menu-morelinks a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #F0F0F0;	

	text-decoration: none;

}





.menu-morelinks a:hover {

	color: #FFFFFF;

	font-size: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: underline;

}









.menu-social {

	position: relative;

	width: 230px;

	margin-right: auto;

	margin-left: auto;

	top: 45px;

}

.content-products {

	position: relative;

	width: 612px;

	top: 30px;

	margin-right: auto;

	margin-left: auto;

	height: 200px;

}



		

.content-makes {

	position: relative;

	width: 612px;

	top: 30px;

	margin-right: auto;

	margin-left: auto;

	height: 82px;

	margin-top: 5px;

}





.pic-border {

	border: 1px solid #DFE3E3;

}



.pic-border-transp {

	border: 1px solid #DFE3E3;

    opacity:0.1;

	filter:alpha(opacity=40);

}











ul#productspanels{

	padding:0;

	list-style:none;

	clear:both;

}

		#productspanels li{

	float:left;

}



		/* PANEL 1 */

			#productspanels li.products1{

	width:204px;

	height: 200px;

	text-align: left;

	padding-top: 5px;

}			



	

	/* PANEL 2 */

			#productspanels li.products2{

	width:204px;

	height: 200px;

	text-align: center;

	padding-top: 5px;

}		



/* PANEL 3 */

			#productspanels li.products3{

	width:204px;

	height: 200px;

	text-align: right;

	padding-top: 5px;

}		







ul#makes{

	padding:0;

	list-style:none;

	clear:both;

}

		#makes li{

	float:left;

}



		/* PANEL 1 */

			#makes li.make1{

	width:200px;

	height: 80px;

	text-align: left;

}			



	

	/* PANEL 2 */

			#makes li.make2{

	width:410px;

	height: 80px;

}		





.makeinfo-DIV {

	width: 390px;

	position: absolute;

	right: 11px;

	top: 8px;

}

.makeinfo-title {

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 18px;

	color: #666;

}



.makeinfo-title a {

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 18px;

	color: #666;

	text-decoration: none;

}



.makeinfo-title a:visited {

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 18px;

	color: #666;

	text-decoration: none;

}





.makeinfo-title a:hover {

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 18px;

	color: #800040;

	text-decoration: underline;

}





.makeinfo-content {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666;

}



.makeinfo-content a {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

	color: #666;

	text-decoration: none;

	font-weight: bold;

	letter-spacing: -1px;

}



.makeinfo-content a:visited {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

	color: #666;

	text-decoration: none;

	letter-spacing: -1px;

}





.makeinfo-content a:hover {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

	color: #800040;

	text-decoration: underline;

	letter-spacing: -1px;

}

.content-picture-valves {

	position: relative;

	width: 430px;

	top: 20px;

	margin-right: auto;

	margin-left: auto;

}

#content-content-company {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 500px;

}

#content-content-engineering {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 2100px;

}

#content-content-technical {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 5000px;

}

#content-content-fabrication {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 800px;

}

#content-content-reference {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 2400px;

}



.content-information-engineering {

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	width: 680px;

	top: 40px;

	margin-right: auto;

	margin-left: auto;

	font-size: 12px;

	color: #000;

	height: 1800px;

}

.content-information-reference {

	font-family: Arial, Helvetica, sans-serif;

	position: relative;

	width: 680px;

	top: 40px;

	margin-right: auto;

	margin-left: auto;

	font-size: 12px;

	color: #000;

	height: 2100px;

}

#content-content-products-Pumps-diaphragm {

	width: 978px;

	position: relative;

	background-image: url(images/inner-bg.gif);

	height: 2600px;

}